/*初始化样式*/
html{margin:0;padding:0;border:0;}
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,navs,section{margin:0;padding:0;border:0;}

a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
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{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin:0;}



/*----- 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;}

.of{overflow:hidden;}
.wh{max-width:1350px;margin:0 auto;padding:0 15px;}
.wh1200{max-width:1230px;margin:0 auto;padding:0 15px;}




.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);}



.flexf{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flexs{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.flexd{display: flex;justify-content: space-between;align-items:flex-end;flex-wrap:wrap;}





/*头部样式*/
.top2{width:100%;background:#fff;}
.top2 .wh{height:105px;}
.logo{width:19.02%;}
.logo img{width:100%;}



.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;display:block;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}


/*主体样式*/
.box1{padding:4vw 0 2.88vw;}
.bt .wz{color:#191a35;font-size:36px;font-weight:bold;font-family:Arial;text-transform:uppercase;}
.bt .wz2{color:#333333;font-size:20px;}
.cp{margin-top:-24px;}
.cp1 li.yw .det{width:93%;}
.cp1 li.yw .wz{color:#191d35;font-size:14px;line-height:30px;overflow:hidden;margin:3vw 0 3.4vw;}
.cp1 li.yw a.pm{border:1px solid rgb(25, 53, 50);border-radius: 6px;width: 122px;line-height: 32px;color:#333333;font-size:14px;text-align:center;display:block;}
.cp1 li.yw a.pm:hover{color:#fff;background:#00388b;border-color:#00388b;}
.cp li{width:23.3%;}
.cp li.pro .img img{width:100%;display:block;}
.cp li.pro .wz{color:#193532;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:20px;}
.cp2{margin-top:3vw;}





.box2{background: url(../images/b2.jpg) no-repeat;padding:4.653vw 0;background-size:100% 100%;}
.abtt{text-align:center;}
.abtt .wz2{color:#333333;font-size:30px;font-weight:bold;letter-spacing:5px;margin-top:-25px;}
.abtt .hx{background-color: rgb(0, 56, 139);width: 62px;height: 3px;margin:1.641vw auto;}
.ab{color:#333333;font-size:16px;line-height:30px;text-align:center;}
a.am{border-radius: 6px;width: 119px;line-height: 34px;color:#fff;font-size:14px;text-align:center;display:block;margin:0 auto;background:#333;margin-top:3.17vw;}
a.am:hover{background:#00388b;}






.box3{background: url(../images/b3.jpg) no-repeat;padding:4.653vw 0;background-size:100% 100%;margin-top:-1px;}
.fwz{width:38.5%;}
.fwz .wz{color:#fff;font-size:30px;font-weight:bold;}
.fwz .wz2{color:#fff;font-size:16px;line-height:30px;margin-top:1vw;}
.sj{width:50.67%;}
.sj li{text-align:center;}
.sj li .det{text-align:center;margin-top:1vw;}
.sj li .wz{display:inline-block;color:#fff;font-weight:bold;font-size:30px;}
.sj li sup{display:inline-block;color:#fff;font-size:32px;top:-10px;}
.sj li .wz3{color:#fff;font-size:16px;}




.box4{padding:3.78vw 0 2.88vw;}
a.nm{display:block;color:#666666;font-size:16px;}
a.nm img{margin-left:9px;}
a.nm:hover{color:#00388b;}

.xw1{margin-top:1.3vw;}
.xw1 li{width:31%;}
.xw1 li .img{overflow:hidden;}
.xw1 li .img img{width:100%;transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.xw1 li .tm{color:#888888;font-size:12px;margin:18px 0;}
.xw1 li .tm img{margin-right:9px;}
.xw1 li .wz{color:#333333;font-size:16px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xw1 li .wz2{color:#666666;font-size:14px;line-height:24px;height:48px;overflow:hidden;margin:22px 0;}
.xw1 li .nmo{border:1px solid rgb(25, 53, 50);border-radius: 6px;width: 122px;line-height: 32px;color:#333333;font-size:14px;text-align:center;display:block;}
.xw1 li:hover .nmo{color:#fff;background:#00388b;border-color:#00388b;}
.xw1 li:hover .wz{color:#00388b;}
.xw1 li:hover .img 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);}









/*友情链接*/
.links a{margin:0 3px;}

/*页面底部*/
.foot{background:#666666;color:#fff;}
.foot a{color:#fff;}
.fcon1{border-bottom:1px solid #8f8f8f;padding:2.41vw 0;}
.flogo{width:26.14%;}
.flogo img{width:100%;display:block;}
.codes{text-align:center;width:10.53%;}
.codes img{width:100%;}
.codes p{font-size:16px;margin-top:7px;}
.fcon2{padding:35px 0 14px;}

.f_nav{width:73.64%;}
.f_nav dl{float:left;width:20%;}
.f_nav dt{margin-bottom:18px;font-size:20px;}
.f_nav dd{}
.f_nav dd a{font-size:16px;line-height:31px;height:31px;overflow:hidden;}

.flx{width:24.24%;}
.lxtt{font-size:20px;font-weight:bold;margin-bottom:18px;}
.lxwz{font-size:16px;line-height:31px;}



.bq{border-top:1px solid #b4b4b4;text-align:center;font-size:16px;line-height:34px;padding:22px 0 31px;color:#fff;text-transform:uppercase;}
.bq a{color:#fff;}



/*内页左侧样式*/
.page-product-inquiry a{color: #fff;}




/* 手机页脚 */
.footer3 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #00388b;
}

.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;
    width: 16px;
    height: 14px;
}

.footer3 ul li:nth-child(1) .iconfont {
    background: url("../images/b544c19c69b83bbe43c1274f87d99f8463b23472.png") no-repeat 50%;
}

.footer3 ul li:nth-child(2) .iconfont {
    background: url("../images/b26655bdcb5a7dc2df997405eb240a45c466bb0f.png") no-repeat 50%;
}

.footer3 ul li:nth-child(3) .iconfont {
    background: url("../images/d077420e30ae81b861be3a532ee75cc320e1deb8.png") no-repeat 50%;
}


.footer3 ul li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #ffffff;
}




@media (max-width:1024px) {
  .x-menu{width:68%;}
  .fwz .wz{font-size:27px;}
  .f_nav dt{font-size:18px;}
  .lxtt{font-size:18px;}
  .f_nav dd a{font-size:14px;}
  .lxwz{font-size:14px;}
  .bq{font-size:14px;}
  .x-banner .owl-carousel .owl-dots button.owl-dot {margin: 0 1em;width:62px;height:4px;}

}


@media (max-width: 768px) {
 .xypg-right-content p img{max-width:100%!important;width:auto!important;height:auto!important;}
 .bt .wz{font-size:30px;}
 .bt .wz2{font-size:17px;}
 .cp1 li.yw .wz{line-height:25px;height:100px;margin:5vw 0 3vw;}
 .cp li.pro .wz{font-size:16px;}
 .abtt .wz2{font-size:25px;}
 .abtt .wz1{width:26%;margin:0 auto;}
 .abtt .wz1 img{width:100%;display:block;}
 .ab{font-size:14px;line-height:25px;}
 .fwz{width:100%;}
 .fwz .wz{font-size:25px;}
 .fwz .wz2{font-size:14px;line-height:25px;}
 .sj{width:100%;margin-top:4vw;}
 .flogo{width:30%;}
 .codes{width:15%;}
 .codes p{font-size:14px;}
 .flx{width:100%;}
 .lxwz{line-height:24px;}
 .bq{line-height:24px;}
}


@media (max-width:480px) {
	.box1,.box2{padding:30px 0;}
   .bt .wz{font-size:23px;}
  .bt .wz2{font-size:16px;}
  .cp1{margin-top:15px;}
  .cp li{width:49%;}
  .cp li.pro .wz{font-size:14px;margin:15px 0;}
  .cp2{margin-top:0;}
  .abtt .wz1{width:39%;}
  .abtt .wz2{font-size:20px;}
  .abtt .hx{width:46px;height:2px;margin:15px auto;}
  .box3,.box4{padding:40px 0;}
  .fwz .wz{font-size:20px;margin-bottom:12px;}
  .sj{margin-top:20px;}
  .sj li .img{width:60%;margin:0 auto;}
  .sj li .img img{width:100%;display:block;}
  .sj li .det{margin-top:8px;}
  .sj li .wz{font-size:22px;}
  .sj li sup{font-size:24px;top:-5px;}
  .sj li .wz3{font-size:14px;}
  a.nm{font-size:14px;}
  .xw1 li{width:100%;margin:11px 0;}
  .tm{margin:10px 0;}
  .xw1 li .wz2{margin:12px 0;}
  .fcon1{display:none;}
  .lxtt{font-size:17px;margin-bottom:10px;}
  .x-banner .owl-carousel .owl-dots button.owl-dot {margin: 0 0.6em;width:32px;height:3px;}
}