/*閸掓繂顫愰崠鏍ㄧ壉瀵拷*/
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;
}