/*閸掓繂顫愰崠鏍ㄧ壉瀵拷*/ html{margin:0;padding:0;border:0;} body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img, dl,dt,dd,ol,ul,li,fieldset,form,label,footer, header,hgroup,nav,section {margin:0;padding:0;border:0;} body{background:#fff;color:#000;position:relative;font:12px/1.5 寰蒋闆呴粦,vertical-align:baseline;width:100%;overflow-x:hidden;} a{text-decoration:none;outline:none;} a:link{color:#666;} a:visited{color:#666;} a:hover,a:active,a:focus{color:#132b83;text-decoration:none;outline:none;} input{padding:0;margin:0;font-family:'寰蒋闆呴粦';} img{border:none;background:none;vertical-align:middle;} ul,ol,li{list-style-type:none;} select,input,img,select{vertical-align:middle;} table{border-collapse:collapse;border-spacing:0} table, th, td {vertical-align: middle} .clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;} .clearfix{zoom:1} .clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;} h1,h2,h3,h4{font-size:12px;font-weight:bold;} hr {border: 0;border-top:1px solid #ccc;height:0;} dt{font-weight: normal;} p{margin:0;} .bxs{overflow:hidden;} html{font-family:"寰蒋闆呴粦"!important;} /*----- Common css ------*/ .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} html{font-family:"寰蒋闆呴粦"!important;} /*濠婃艾濮?/ #demo{overflow:hidden;width:100%;margin:0 auto;} #indemo {float: left;width:800%!important;} #demo1 {float: left;} #demo2 {float: left;} #m_demo{overflow:hidden;width:92%;margin:0 auto;} #m_indemo {float: left;width:800%!important;} #m_demo1 {float: left;} #m_demo2 {float: left;} .wh1450{max-width:1480px;margin:0 auto;padding: 0 15px;} .wh{max-width: 1230px;margin:0 auto;padding: 0 15px;} .pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;} .com-img{overflow:hidden;} .com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;} .com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);} .flex{display: flex;justify-content: space-between;flex-wrap: wrap;} .flexs{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } /*婢舵挳鍎撮弽宄扮础*/ .top1{height: 38px;background: #e8e8e8;color: #505050;line-height: 38px;overflow: hidden;font-size: 12px;display:none;} .top1 .k2{color: #1272b6;font-size: 12px;margin-left:6px;} .top2{height: 102px;} .logo{float:left;line-height: 102px;height:102px;overflow:hidden;width:20.05%;} .logo img{width:100%;} .topLink{float:right;text-align:right;position: relative;z-index: 9999;color: #c7c6c6;} .translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;} .tran-in{left:120px;} .translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;} .translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;} .translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;} .translate-en{display: none;padding: 6px;padding-top:0px;} .translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;} .translate li .translate-en a:hover{font-weight: bold;} .topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;} .topLink a{color: #505050;padding:0 5px;} .topLink a:last-child{padding-right:0;} .topLink .k2{color:#074b91;font-size:14px;} .lastli { width:21px; cursor: pointer;position: relative;line-height:102px;margin-left:18px; } .so img { max-width: 100%; } .ss { display: none; position: absolute; right: 0; top: 102px; width: 238px; z-index: 999; background:#1272b6; } .ss input { outline: none; line-height: 30px; width: 23%; background: none; border: 1px solid #1272b6; background: #fff; font-size: 13px; color: #333; float: left; } .ss #keyword { padding-left: 5px; line-height: 30px; width: 77%; background: none; border: 1px solid #1272b6; outline: none; font-size: 13px; color: #fff; float: left; } .ss #keyword:-webkit-autofill { -webkit-text-fill-color: #fff !important; transition: background-color 5000s ease-in-out 0s; } .ss #keyword::placeholder { color: #fff; } /**/ /* 瀵艰埅鏍峰紡 */ .x-menu {width:68.75%;} .x-menu > li { float: left; position: relative; text-align:center;width:14.27%; } .x-menu > li > a { display: block; font-size: 17px; color: #333333; line-height:102px;font-weight:bold; } .x-menu > li:hover > a { color:#1272b6; } .x-menu > li.active > a { } .x-menu > li:hover .x-sub-menu { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .x-sub-menu { position: absolute; z-index: 99999; width: 150%; left: -25%; top:102px; background: #fff; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .5s ease; transition: all .5s ease; } .x-sub-menu > li > a { display: block; text-align: center; font-size: 14px; color: #333; line-height:40px; height:40px;overflow:hidden; } .x-sub-menu > li > a:hover { background: #e9eaeb; } /**/ .box1{margin: 4% 0;} .aleft{width: 43.6666%;} .aleft img{display: block;width: 100%;} .aright{width:51.86%;} .aright h3{color: #333333;font-size: 24px;} .acon{color: #666666;font-size: 16px;line-height:32px;overflow:hidden;margin:1.4vw 0 1vw;} a.am{border:1px solid rgb(18, 114, 182);width: 133px;line-height: 42px;border-radius:25px;text-align:center;display:block;color:#286ab5;font-size:14px;} a.am:hover{background:#286ab5;color:#fff;} .ads1{display:flex;flex-wrap: wrap;margin-top:2vw;} .ads1 li .tu{transition: .8s;text-align:center;} .ads1 li:hover .tu{transform:rotateY(360deg);} .ads1 li .img{display:block;} .ads1 li .img2{display:none;} .ads1 li:hover .img{display:none;} .ads1 li:hover .img2{display:block;} .ads1 li .wz{color:#666666;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:0.6vw;} .ads1 li:hover .wz{color:#1272b6;} .ads1 li+li{margin-left:6.2vw;} /**/ .cp{background: url(../images/bg.jpg) no-repeat top center;background-size: 100% 100%;padding: 3% 0;} .wh1780{max-width:1810px;margin:0 auto;padding:0 15px;} .title .p1 { text-align: center; font-size: 34px; font-weight: 700; color: #333333; } .title .p1 span { font-size: 34px; color: #1272b6; font-weight: 700; font-family: 寰蒋闆呴粦; text-transform: uppercase; } .title .p2 { text-align: center; font-size: 18px; color:#666666; } .psort li { display: inline-block; width: 340px; line-height: 36px; margin: 0 9px; margin-bottom: 10px; text-align: center; background: #e5e5e5; font-size: 16px; color: #555555; border-radius: 30px; transition: all 0.8s; } .prolist{text-align:center;margin:1.8vw 0 2.8vw;display: flex;justify-content: center;flex-wrap:wrap;align-items: center;} .prolist li{text-align:center;line-height:37px;font-size:16px;padding:0 20px;margin:0 0.6%;cursor:pointer;background-color: rgb(229, 229, 229);border-radius:25px;} .prolist li a{color:#333333;} .prolist li.cur{background:#1272b6;} .prolist li.cur a{color:#fff;} .proimg{display:none;margin:0 -15px;} .proimg.clicked{display:block;} .proimg li{position:relative;width: calc(100% / 4 - 30px);float:left;display:block;margin:0 15px;text-align:center;} .proimg li .img{border:3px solid #f1f1f1;display:block;} .proimg li .img img{width:100%;display:block;} .proimg li .wz{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#444444;font-size:18px;line-height:3.5;font-weight:bold;} .proimg li:hover .img{border-color:#286ab5;} .proimg li:hover .wz{color:#3988c1;} /**/ .box2{background:url(../images/bg2.jpg) no-repeat;padding:4vw 0;background-size: cover !important;background-attachment: fixed !important;overflow-x: hidden;} .box2 .title .p1 span,.box2 .title .p1{color: #fff;} .box2 .title .p2{color: rgba(255,255,255,.5);} .yul{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;margin: 5% 0;} .yul li{width: 25%;text-align: center; background: url(../images/a26d9f7cd40ecc380501a4b429e7faf9bc85b269.png) no-repeat right center;} .yul li .tu{transition: .8s;text-align:center;} .yul li .img1{display: block;} .yul li .img2{display: none;} .yul li:hover .img1{display: none;} .yul li:hover .img2{display:block;} .yul li:hover .tu{transform:rotateY(360deg);} .yul li h3{color: #ffffff;font-size: 18px;margin: 36px 0 20px 0;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .yul li p{color: #ffffff;opacity: 0.5;font-size: 14px;line-height: 24px;padding: 0 15%;} .yul li:last-child{background: none;} .dh{width: 424px;height: 76px;line-height: 76px;margin: 0 auto; padding-left: 58px; background: url(../images/7946510bd798421e9dcd374b3b0a1c4998e79eab.png) no-repeat center;color: #ffffff;font-size: 18px;font-weight: bold;} .ystel{font-size: 28px;margin-left: 48px;font-weight:bold;font-family:"寰蒋闆呴粦";} /**/ .box3{background: url(../images/bj3.png) no-repeat;background-size: cover;padding:3vw 0 2vw;} .hul{margin:0 -10px;margin-top:3vw;} .hul li{margin: 0 10px;} .hul li img{width: 100%;display:block;} .wh1370{max-width:1400px;margin:0 auto;padding:0 15px;} /* 閺備即妞堥崝銊︹偓锟 */ .xw{padding: 3.4% 0;} .nleft { width: 50.8%; } .nleft { position: relative; } .nleft .nw { position: relative; } .nleft .nw .p1 { position: absolute; bottom: 0; left: 0; line-height: 54px; width: 62.29%; font-size: 16px; border-radius: 0px 30px 0px 0px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,.7); } .nleft .nw .p1 span { padding-left: 44px; background: url(../images/2b3586c286e1ea57a9ed9105959acb222ca41032.png) no-repeat; background-position: 14px; } .nleft .owl-carousel .owl-dots.disabled, .nleft .owl-carousel .owl-nav.disabled { display: block; } .nleft .owl-carousel .owl-dots { position: absolute; z-index: 999; right: 0; width: 32%; height: 54px; padding-left: 25px; font-size: 0; bottom: 0; border-top-left-radius: 30px; background: #fff; } .nleft .owl-carousel .owl-dots button.owl-dot { display: inline-block; vertical-align: middle; font-size: 14px; margin: 22px 0.4em; outline: none; background: #d8d8d8; border-radius: 50%; width: 10px; height: 10px; } .nleft .owl-carousel .owl-dots button.owl-dot.active { background: #1272b6; } .nleft .owl-carousel .owl-nav button.owl-next { outline: none; position: absolute; bottom: 21px; z-index: 9999; height: 12px; width: 7px; right: 19px; border-radius: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background: url(../images/yy.png) no-repeat; } .nleft .owl-carousel .owl-nav button.owl-prev { outline: none; position: absolute; bottom: 21px; z-index: 9999; height: 12px; width: 7px; right: 47px; border-radius: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background: url(../images/zz.png) no-repeat; } .nleft .owl-carousel .owl-nav .icon-font { display: block; width: 100%; height: 100%; } .nleft .owl-nav .icon-left-arrow:after { background-position: -34px -180px; } .nleft .owl-nav .icon-right-arrow:after { background-position: -26px -480px; } .n1 { margin-top: 55px; } .nright { width: 43.3%; margin-right: 20px; margin-top:16px; } .nright .syxwl { width: 80px; padding-right: 27px; border-right: 1px solid #dddddd; margin-right: 24px; text-align: center; } .nright .syxwl .p1 { font-size: 36px; font-family: 寰蒋闆呴粦; font-weight: 700; line-height: 36px; color: #666666; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; text-align: center; } .nright .syxwl .p2 { font-size: 14px; font-family: 寰蒋闆呴粦; color: #666666; } .nright .syxwr { width: 400px; } .nright .syxwr .p2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #666666; margin-top: 3px; } .nright .syxwr .p1 { font-size: 18px; color: #333333; font-weight: 700; padding-bottom: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nright .syxw + .syxw { margin-top: 39px; } .nright .syxwr .p1:hover span { color: #1272b6; border-bottom: 1px solid #1272b6; } /* 鎼存洟鍎 */ .fb1 .p1 { font-size: 18px; color: #fff; font-weight: 700; } .foot { background: #1c1c1d; padding-top: 52px; } .fb1 .p2 { color: #d0d1d4; font-size: 14px; line-height: 35px; margin-top: 28px; } .fb2 { margin-left: 77px; padding-top: 57px;width:235px; } .fads li{text-align:center;width:43%;} .fads li .img img{width:100%;display:block;} .fads li .wz{color:#d0d1d4;font-size:12px;margin-top:15px;} .f2{width: 41.7%;display: flex;justify-content: space-between;flex-wrap: nowrap;display: -webkit-flex;} .f2 .p1 { font-size: 18px; color: #fff; font-weight: 700; margin-bottom: 35px; } .f2 a { display: block; color: #d0d1d4; margin-bottom: 13px; font-size: 14px; } .f2 a:hover{color:#286ab5;} .flink { margin-top:10px; padding-bottom: 10px; display: none; } .flink .s1 { font-size: 14px; color: #fff; background: url(../images/138fbf2aeb1216d44e38d82fbdc07325ec14f4b5.png) no-repeat left; width: 92px; line-height: 38px; display: block; text-align: center; float: left; margin-top: -22px; } .flink .s2 { display: block; float: right; width: calc(100% - 110px); } .flink .s2 a { font-size: 12px; color: #d0d1d4; } .bq { border-top: 1px solid #333334; line-height: 24px; padding:18px 0; color: #d0d1d4; font-size: 14px; } .bq a { color: #d0d1d4; } /* 鎵嬫満椤佃剼 */ .footer3 { position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; background: #222; } .footer3 ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer3 ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; color: #ffffff; line-height: 50px; font-size: 0; } .footer3 ul li a { display: block; color: #ffffff; } .footer3 ul li .iconfont { font-size: 14px; display: inline-block; vertical-align: middle; margin-right: 5px; } .footer3 ul li span { display: inline-block; vertical-align: middle; font-size: 14px; color: #ffffff; } @media(max-width: 1230px){ .nright{margin-top: 0;} .nright .syxwl{padding-right:1%;margin-right: 3%;} .nright .syxwr{width:calc(96% - 80px);} } @media(max-width: 1160px){ .shu{margin-top: 20px;} .acon{font-size: 14px;line-height: 24px;height:96px;} .title .p1,.title .p1 span{font-size: 28px;} .yul li h3{font-size: 16px;} .yul li p{padding: 0 5%;} } @media(max-width: 1025px){ .nleft .nw .p1{font-size: 14px;padding-right: 5%;} .nleft .owl-carousel .owl-dots button.owl-dot{margin: 22px 0.2em;} .nright .syxw + .syxw{margin-top: 25px;} .aright h3{font-size:20px;} a.am{width:120px;line-height:35px;} .proimg li .wz{font-size:16px;} } @media(max-width: 769px){ .aright h3{font-size: 20px;margin: 3% 0;} .shu .sz{font-size: 26px;} .shu{margin-top: 10px;} .shu .shu2{margin: 14px 0 0 5px;} .psort{margin-bottom: 30px;} .sb{margin-top: 15px;} .sw1 p{padding-top: 20px;} .title .p1, .title .p1 span{font-size: 24px;} .sb .swiper-container{padding-bottom: 40px!important;} .yul li h3{font-size: 14px;margin: 20px 0 10px 0;} .nleft,.nright{width: 100%;float: none;} .nleft{margin-bottom: 20px;} .n1{margin-top: 30px;} .nright .syxwr .p1{font-size: 16px;} .nright .syxwl .p1{font-size: 30px;} .fb2{display:none;} .bq{text-align: center;margin-top:2vw;} .bq div{float: none;} .f2 .p1,.fb1 .p1{font-size: 16px;margin-bottom: 15px;} .fb1 .p2{margin-top: 0;} .foot{padding-top: 30px;} .flink{margin-top: 20px;} .fb1 .p2{line-height:26px;} .f2 a{line-height:26px;margin-bottom:0;} .title .p2{font-size:16px;} } @media(max-width: 640px){ .aleft,.aright{width: 100%;float: none;} .aright h3{margin: 20px 0 10px 0;font-size: 18px;} .shu{margin-right: 0;} .cp{margin: 30px 0;padding: 20px 0;} .psort{margin-bottom: 20px;} .psort li{width: 47%;margin: 1% 1%;line-height: 30px;} .psort li a{font-size: 14px;} .sw1{margin: 0 5px;} .sw1 p{font-size: 14px;padding-top: 10px;} .yul li{width: 50%;margin-bottom: 20px;} .yul li:nth-child(2){background: none;} .yul li img{width: 50%;} .yul li p{font-size: 12px;line-height: 20px;} .title .p2{font-size: 12px;} .box2 .title .p1 span, .box2 .title .p1{font-size: 20px;} .box2{padding: 30px 0;} .ystel{font-size: 18px;margin-left:42px;} .dh{width: 80%;padding-left: 42px; height:40px;line-height:40px; font-size: 12px; background-size: 100%;} .box3{padding: 20px 0;background: none;} .hul{margin: 20px 0 0 0;} .hul li{margin: 0 10px;} .nright .syxwl{width: 70px;} .nleft .owl-carousel .owl-nav button.owl-prev,.nleft .owl-carousel .owl-nav button.owl-next{display: none;} .nright .syxwr .p1{font-size: 14px;} .nright .syxw + .syxw{margin-top: 15px;} .f1,.f2{width: 100%;float: none;} .fb2{margin:40px 0 30px 0;padding-top: 0;width: 28%;} .fb2 img{width: 100%;} .bq{font-size: 12px;} .bq span{display: block;} .fb1 .p2{width: 70%;word-break: break-all;} .acon{height:auto;} .ads1 li{width:25%;text-align:center;} .ads1 li+li{margin-left:0;} .ads1 li .tu{width:40%;margin:0 auto;} .ads1 li .tu img{width:100%;margin:0 auto;} .prolist li{line-height:32px;font-size:15px;margin:3px 0.5%;} .proimg li{width: calc(100% / 2 - 20px);margin:0 10px;} .proimg{margin:0 -10px;} .proimg li .wz{font-size:14px;line-height:36px;} .fb1{width:100%;} .f2{margin-top:15px;} } @media(max-width: 378px){ .dh{width: 100%;display:none;} .ystel{margin-left:22px;} } .page-product-inquiry a{color: #fff;} /*閹靛婧€鎼存洟鍎?/ @media(max-width: 1200px){ .xypg-right-content{overflow: hidden;} .xypg-right-content p img,.xypg-right-content img{ max-width: 100%; width: auto !important; height: auto !important; } } .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;} .right .content{padding-top:15px;overflow:hidden;line-height: 24px;} .xypg-right-content .content{margin-top:10px;} .page-product-inquiry a{color: #fff;} .n_banner{width:100%;margin:0 auto;} .n_banner img{width:100%;margin:0 auto;} .sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;} .sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;color:#000;font-size:14px;} .sitemp .site{width:380px;float:right;text-align:right;line-height:30px;} .sitemp .site a{color:#000;} .footer33{height:50px;} @media (max-width: 768px) { body { padding-top: 60px; padding-bottom: 50px; } } .xypg-left-con2 .xypg-left-nav{display:flex;;justify-content:center;align-items:center;margin-bottom:3%;width:100%;margin-top:3%} .xypg-left-con2 .xypg-left-nav >li {width:20%; position: relative;text-align:center; background: #f7f7f7;border-right: 1px solid #dedede;float:left;border-bottom:none; } .xypg-left-con2 .xypg-left-nav > li:last-child { border: none; } .xypg-left-con2 .xypg-left-nav>li>a { display: block; font-size: 16px; line-height: 30px; color: #4c4c4c; padding: 15px 18px; } .xypg-left-con2 .xypg-left-nav > li .first-nav-btn{display:none;} .xypg-left-con2 .xypg-left-nav>li:hover>a, .xypg-left-con2 .xypg-left-nav>li.clicked>a { color: #fff;background:#1272b6; } .xypg-right-content p img{ max-width:100%; height:auto !important;width:auto !important; }