@charset "UTF-8"; p { margin: 0; } input, textarea { border: none; outline: none; background-color: transparent; } img { vertical-align: middle; } /* 閫氱敤鏍峰紡 */ .p1920 { width: 1920px; position: relative; left: 50%; margin-left: -960px; } .w1200 { width: 1280px; margin: 0 auto; } .bw { width: 100%; } .clearfix::after { content: ''; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .clearboth { height: 0px; line-height: 0px; overflow: hidden; clear: both; font-size: 0px; } .fl { float: left; } .fr { float: right; } .dfc { display: flex; justify-content: space-between; align-items: center; } .ovimg, .ibw, .miw, .iml, .imgbig { overflow: hidden; } .imgbig img { -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -ms-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; } .imgbig:hover img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } .ovimg img { width: 100%; min-height: 100%; } .ibw img { width: 100%; height: auto; } .miw img { max-width: 100%; max-height: 100%; } .iml { text-align: center; } .iml img { transform: translateY(-2px); vertical-align: middle; } .bgmax { background-repeat: no-repeat; background-size: cover; background-position: center top; } .bgmin { background-repeat: no-repeat; background-size: contain; background-position: center top; } .fh { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*head*/ .head1 { border-bottom: 1px solid #e5e5e5; height: 38px; line-height: 37px; color: #666666; font-size: 13px; } .head1 a { color: #666666; } .head-index .logo { line-height: 115px; } .head-index .tel { background: url(../images/tel.png) no-repeat left center; padding-left: 50px; line-height: 26px; margin-top: 34px; } .head-index .tel p:nth-of-type(1) { color: #666666; font-size: 16px; } .head-index .tel p:nth-of-type(2) { color: #1059a9; font-size: 26px; font-weight: bold; } .menu { background: #1059a9; } .x-menu { float: none; } .x-menu>li { margin: 0; border-right: 1px solid #286ab2; } .x-menu>li:last-child { border-right: none; } .x-menu>li>a { font-size: 16px; color: #fff; line-height: 64px; padding: 0 59px; } .x-menu>li.active>a { background: none; } .x-menu>li:hover>a { background: #f07f1b; } .x-sub-menu { background: #1059a9; } .x-menu>li:after { display: none; } .x-sub-menu>li>a { color: #fff; } .x-sub-menu>li>a:hover { background: #f07f1b; } /*鐑棬鎼滅储*/ .sou { background: #f8f8f8; height: 82px; } .hotSearch { float: left; height: 82px; line-height: 82px; font-weight: normal; color: #333333; font-size: 14px; font-weight: bold; } .hotSearch a { color: #666666; padding-right: 14px; font-weight: normal; } /*鎼滅储鍜岀儹闂ㄦ悳绱?/ #formsearch { float: right; width: 332px; height: 42px; border: 1px solid #d1d1d1; border-radius: 20px; margin-top: 20px; } #formsearch input { height: 40px; background: transparent; border: none; line-height: 40px; outline: none; } #formsearch input#keyword { height: 40px; line-height: 40px; padding-left: 20px; color: #bcbcbc; font-size: 14px; width: 197px; float: left; } #formsearch input#s_btn { width: 40px; height: 40px; line-height: 40px; padding: 0; float: right; text-align: center; background-color: transparent; color: #fff; border: none; cursor: pointer; font-size: 12px; background: url(../images/sou.png) no-repeat center center; } #formsearch ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #bcbcbc; } #formsearch :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #bcbcbc; } #formsearch ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #bcbcbc; } #formsearch :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #bcbcbc; } /*product*/ .box1 { padding-top: 55px; } .prod1 { width: 256px; background: #fff; border: 1px solid #005aa1; border-top-left-radius: 5px; border-top-right-radius: 5px; } .ptt { height: 88px; text-align: center; color: #fff; font-size: 24px; background: url(../images/pt1.png) no-repeat top center; padding-top: 20px; font-weight: bold; } .ptt p { font-size: 14px; font-family: "Arial"; font-weight: normal; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); } .sort1 { height: 387px; padding: 0 20px; } .sort1 li { border-bottom: 1px solid #e5e5e5; position: relative; padding-left: 35px; } .sort1 li::before { content: ""; position: absolute; left: 15px; top: 50%; width: 5px; height: 5px; border-radius: 50%; background: #c2c2c2; margin-top: -2.5px; } .sort1 li a { font-size: 17px; color: #666666; display: block; line-height: 56px; } .sort1 li:hover::before { background: #005aa1; } .sort1 li:hover a { color: #005aa1; } .ptel { background: url(../images/pt2.png) no-repeat 18px center #005aa1; height: 93px; color: #fff; padding-top: 20px; box-sizing: border-box; } .ptel p { font-size: 16px; padding-left: 71px; } .ptel p:nth-of-type(2) { font-weight: bold; font-size: 24px; font-weight: bold; font-family: "Arial"; } .prod2 { width: 983px; } .product_list1 li { float: left; margin-right: 23px; margin-bottom: 40px; } .product_list1 li:nth-child(3n) { margin-right: 0; } .product_list1 li img { width: 312px; height: 214px; } .product_list1 li h3 { text-align: center; font-weight: normal; color: #666666; font-size: 16px; padding-top: 22px; } .product_list1 li:hover h3 { color: #005aa1; } /*about*/ .box2 { background: url(../images/about.jpg) no-repeat top center; height: 591px; overflow: hidden; margin-top: 72px; } .box2 .about-index { margin-top: 79px; } .box2 .about-index .about-left { width: 612px; } .box2 .about-index .about-right { width: 595px; } .box2 .about-index .about-right h2 { color: #fff; font-weight: bold; padding-top: 36px; margin-bottom: 30px; } .box2 .about-index .about-right h2 span { display: block; font-size: 24px; font-weight: normal; padding-top: 12px; } .box2 .about-index .about-right p { color: #fff; font-size: 16px; line-height: 32px; } .box2 .about-index .about-right a { width: 155px; height: 44px; border: 1px solid #fff; border-radius: 30px; display: block; margin-top: 55px; color: #fff; font-size: 16px; line-height: 42px; text-align: center; } /*choose*/ .choose-index { margin-top: 65px; } .choose-index h2 { text-align: center; font-size: 40px; color: #333333; } .choose-index h2 b { color: #005aa1; } .choose-index h2 span { display: block; color: #666666; font-size: 20px; padding-top: 15px; } .choose-index .choose-con { margin-top: 78px; } .choose-index .choose-con .choose-left { width: 758px; } .choose-index .choose-con .choose-left .choose-list li { padding: 34px 0; background: #fff; border-top-right-radius: 120px; border-bottom-right-radius: 120px; display: flex; align-items: center; } .choose-index .choose-con .choose-left .choose-list li .img1 { margin-left: 12px; margin-right: 20px; } .choose-index .choose-con .choose-left .choose-list li .wz .w1 { color: #333333; font-size: 26px; font-weight: bold; } .choose-index .choose-con .choose-left .choose-list li .wz .w2 { color: #666666; font-size: 16px; line-height: 28px; } .choose-index .choose-con .choose-left .choose-list li:hover { background: #005aa1; } .choose-index .choose-con .choose-left .choose-list li:hover .w1 { color: #fff; } .choose-index .choose-con .choose-left .choose-list li:hover .w2 { color: #fff; } .choose-index .choose-con .choose-right { width: 498px; } .choose-index .choose-con .choose-right .ctel { display: flex; justify-content: space-between; align-items: center; margin-top: 40px; } .choose-index .choose-con .choose-right .ctel .ctel1 { background: url(../images/tel1.png) no-repeat left center; padding-left: 70px; } .choose-index .choose-con .choose-right .ctel .ctel1 p { color: #666666; font-size: 16px; } .choose-index .choose-con .choose-right .ctel .ctel1 p:nth-of-type(2) { font-weight: bold; color: #005aa1; font-size: 28px; font-family: "Arial"; } .choose-index .choose-con .choose-right .ctel .ctel2 { width: 166px; height: 42px; border: 1px solid #005aa1; border-radius: 20px; } .choose-index .choose-con .choose-right .ctel .ctel2 a { display: block; text-align: center; color: #005aa1; font-size: 16px; line-height: 40px; } /*case*/ .box4 { border-top: 1px solid #ebebeb; margin-top: 90px; padding-top: 70px; } .box4 .case-index h2 { color: #005aa1; font-size: 26px; background: url(../images/ct1.png) no-repeat 125px center; font-weight: bold; } .box4 .case-index h2 a { font-size: 14px; color: #666666; font-weight: normal; float: right; margin-top: 5px; } .box4 .case-index .case-roll { margin-top: 45px; } .box4 .case-index .case-roll .bd .case-list li { float: left; margin: 0 9px; width: 306px; } .box4 .case-index .case-roll .bd .case-list li .img1 img { width: 306px; height: 214px; } .box4 .case-index .case-roll .bd .case-list li h3 { text-align: center; color: #666666; font-size: 16px; padding-top: 24px; } /*ad*/ .box5 { background: url(../images/ad.jpg) no-repeat top center; height: 262px; overflow: hidden; margin-top: 64px; } .box5 .ad-index { padding-top: 40px; } .box5 .ad-index .ad1 { color: #ffffff; font-size: 30px; font-weight: bold; } .box5 .ad-index .ad1 span { font-size: 24px; font-weight: normal; } .message-wrap { width: 476px; margin-top: 36px; } .message-wrap .m11 { display: flex; justify-content: space-between; align-items: center; } .message-wrap .m11 .m1 { width: 232px; border: 1px solid #80acce; height: 42px; line-height: 40px; text-indent: 10px; } .message-wrap .m11 .m1 ::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(255, 255, 255, 0.7); } .message-wrap .m11 .m1 ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(255, 255, 255, 0.7); } .message-wrap .m11 .m1 ::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(255, 255, 255, 0.7); } .message-wrap .m11 .m1 ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: rgba(255, 255, 255, 0.7); } .message-wrap .m11 .code-group { width: 232px; border: 1px solid #80acce; height: 42px; display: flex; justify-content: space-between; align-items: center; } .message-wrap .m11 .code-group input { padding-left: 10px; width: 100px; border: none !important; } .message-wrap .m11 .code-group input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(255, 255, 255, 0.7); } .message-wrap .m11 .code-group input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(255, 255, 255, 0.7); } .message-wrap .m11 .code-group input::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(255, 255, 255, 0.7); } .message-wrap .m11 .code-group input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: rgba(255, 255, 255, 0.7); } .message-wrap .m11 .code-group .checkCodeImg { margin-right: 5px; } .message-wrap .m22 { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; } .message-wrap .m22 .m2 { width: 298px; border: 1px solid #80acce; height: 42px; } .message-wrap .m22 .m2 textarea { width: 287px; line-height: 40px; padding-left: 10px; height: 40px; box-sizing: content-box; font-family: " Microsoft YaHei"; } .message-wrap .m22 .m2 textarea::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(255, 255, 255, 0.7); } .message-wrap .m22 .m2 textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(255, 255, 255, 0.7); } .message-wrap .m22 .m2 textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(255, 255, 255, 0.7); } .message-wrap .m22 .m2 textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: rgba(255, 255, 255, 0.7); } .message-wrap .m22 .m3 { width: 164px; height: 42px; background: #f07f1b; color: #fff; text-align: center; line-height: 42px; font-size: 16px; } /*news*/ .news-bg { background-color: #f8f8f8; padding-top: 52px; padding-bottom: 52px; } .w1266 { width: 1266px; margin: 0 auto; } .tab1 { display: none; } .p2a { width: 862px; height: 509px; background-color: #ffffff; padding: 35px 35px 40px 39px; box-sizing: border-box; } .p2-title { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e8e8e8; margin: 0 auto; padding-bottom: 12px; } .p2-title h3 { font-size: 20px; font-weight: 700; color: #333333; } .p2-title h3 span { font-family: "ArialMT"; font-size: 14px; color: #999999; font-weight: 400; margin-left: 14px; } .p2-title a { font-family: "ArialMT"; font-size: 14px; color: #999999; background: url(../images/more.png) no-repeat right center; padding-right: 14px; } .p2a1 li a { display: flex; justify-content: space-between; align-items: center; padding: 32px 56px 37px 0; border-bottom: 1px dashed #c4c4c4; } .p2a1 li a div.img img { display: block; width: 293px; height: 167px; } .p2a1 li a div.cont { width: 438px; margin-left: 34px; } .p2a1 li a div.cont h3 { font-size: 18px; color: #333333; font-weight: 700; margin-bottom: 20px; } .p2a1 li a div.cont p { font-size: 14px; line-height: 24px; color: #666666; } .p2a1 li a div.cont span { font-size: 14px; color: #005aa1; margin-top: 20px; display: inline-block; } .p2a2 { width: 800px; margin: 23px auto 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .p2a2 li { width: 362px; } .p2a2 li a { display: flex; justify-content: space-between; align-items: center; } .p2a2 li a h3 { font-size: 14px; line-height: 36px; color: #666666; background: url(../images/more1.png) no-repeat left center; padding-left: 20px; } .p2a2 li a h3:hover { color: #005aa1; } .p2a2 li a span { font-size: 14px; color: #999999; } .p2b { width: 385px; height: 509px; background-color: #ffffff; padding: 35px 16px 36px 28px; box-sizing: border-box; } .p2b .p2b1 { display: flex; margin-bottom: 38px; } .p2b .p2b1 li { position: relative; } .p2b .p2b1 li a { font-size: 20px; color: #333333; font-weight: 700; margin-right: 41px; } .p2b .p2b1 li:nth-child(1)::after { content: "/"; font-size: 20px; color: #333333; font-weight: 700; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); } .p2b .p2b1 li.cur a { color: #005aa1; } .p2b2 li a { display: block; } .p2b2 li a img { display: block; width: 324px; height: 163px; } .p2b2 li a div.com-img { margin: initial; } .p2b2 li a h3 { font-size: 16px; font-weight: normal; color: #666666; border-bottom: 1px dashed #c4c4c4; line-height: 52px; color: #666666; } .p2b3 { padding-top: 20px; } .p2b3 .bd li { line-height: 36px; height: 36px; } .p2b3 .bd li a { display: flex; justify-content: space-between; align-items: center; } .p2b3 .bd li a h3 { font-size: 14px; color: #666666; background: url(../images/more1.png) no-repeat left center; padding-left: 20px; } .p2b3 .bd li a span { font-size: 14px; color: #999999; } /*link*/ .link { margin-top: 30px; margin-bottom: 25px; } .link span { display: block; color: #666666; font-size: 18px; } .link img { margin-bottom: 15px; padding-top: 8px; } .link a { font-size: 12px; color: #999999; padding-right: 5px; margin-right: 5px; background: url(../images/link1.png) no-repeat right center; } .link a:last-child { background: none; } /**/ .foot-bg { background: #242527; padding-top: 54px; padding-bottom: 64px; } .foot-bg .foot-index .erq1 { text-align: center; } .foot-bg .foot-index .erq1 p { color: #919293; font-size: 14px; line-height: 50px; } .foot-bg .foot-index .lx { margin-left: 86px; } .foot-bg .foot-index .lx h2 { color: #fff; padding-bottom: 22px; font-size: 20px; } .foot-bg .foot-index .lx p { color: #cbcbcb; font-size: 14px; line-height: 30px; } .foot-bg .foot-index .dh { width: 600px; } .foot-bg .foot-index .dh h2 { color: #fff; padding-bottom: 22px; font-size: 20px; } .foot-bg .foot-index .dh .dh-wen a { color: #919293; font-size: 16px; margin-right: 24px; } .foot-bg .foot-index .dh .dh-wen a:last-child { margin-right: 0; } .foot-bg .foot-index .dh .sh { margin-top: 40px; } .foot-bg .foot-index .dh .sh a { width: 30px; height: 30px; margin-right: 19px; } .foot-bg .foot-index .dh .sh a.bds_sqq { background: url(../images/share1.png) no-repeat top center; } .foot-bg .foot-index .dh .sh a.bds_sqq:hover { background: url(../images/share1h.png) no-repeat top center; } .foot-bg .foot-index .dh .sh a.bds_weixin { background: url(../images/share2.png) no-repeat top center; } .foot-bg .foot-index .dh .sh a.bds_weixin:hover { background: url(../images/share2h.png) no-repeat top center; } .foot-bg .foot-index .dh .sh a.bds_tsina { background: url(../images/share3.png) no-repeat top center; } .foot-bg .foot-index .dh .sh a.bds_tsina:hover { background: url(../images/share3h.png) no-repeat top center; } .foot-cop { background: #242527; border-top: 1px solid #3a3b3d; padding: 30px 0; color: #999999; font-size: 14px; } .foot-cop a { color: #999999; }