/*初始化样式*/
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,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 黑体,Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{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{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height: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;}



.wh{max-width:1430px;margin:0 auto;padding:0 15px;}
.bxs{overflow: hidden;}

.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.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}


.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}

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

.flexs2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}


.flex2 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}




/*头部样式*/
.top2{height:155px;overflow:hidden;}
.logo{line-height:155px;width:24.57%;}
.logo img{width:100%;}

.k2{margin-top:43px;font-size:16px;color:#9f9e9e;}
.k2 a{color:#9f9e9e;}






/*热门搜索*/
.sou{margin: 15px 0;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;color:#0d0d0d;font-size:14px;}
.hotSearch a{margin-right:6px;color:#0d0d0d;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}




/* 导航样式 */
.dao{background:#0f4c85;}
.x-menu{}
.x-menu > li {
  float: left;
  position: relative;
 text-align:center;width:16.666%;
}

.x-menu > li > a {
  display: block;
  font-size:22px;
  color: #fff;
  line-height:75px;
}

.x-menu > li:hover > a {
  background: #c00000;
  color: #fff;
}

.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:100%;
  left:0%;
  top:75px;
  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:15px;
  color: #333;
  line-height:40px;
 height:40px;overflow:hidden;
}

.x-sub-menu > li > a:hover {
  background: #c00000;color:#fff;
}


.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:55px 0;}
.sj{border-left:2px solid #eeeeee;}
.sj li{width:25%;text-align:center;border-right:2px solid #eeeeee;}
.sj li .wz{text-align:center;}
.sj li h3{display:inline-block;color:#333333;font-size:56px;font-weight:bold;}
.sj li:nth-child(1) span{font-size:20px;}
.sj li span{display:inline-block;color:#333333;font-size:32px;margin-left:5px;}
.sj li h5{color:#333333;font-size:26px;margin-top:6px;}


.box2{background:url(../images/bj2.jpg) no-repeat;background-size:100% 100%;padding:110px 0;}
.about{width:37.29%;margin-top:0.8vw;}
.abtt h2{color:#333;font-size:40px;}
.abtt h3{color:#333;font-size:22px;text-transform:uppercase;margin:8px 0 20px;}
.abtt h4{background-color: rgb(210, 210, 210);width: 43px;
  height: 2px;}
.ab{color:#000000;font-size:21px;line-height:36px;margin:2.5vw 0 4.3vw;font-family:"黑体";}
a.am{color:#fff;font-size:20px;width:165px;line-height:49px;display:block;text-align:center;text-transform:uppercase;background:#0f4c85;}
a.am img{margin-left:13px;vertical-align:3px;}

.apic{width:54.14%;}
.apic img{width:100%;display:block;}




.box3{padding:116px 0;}
.cprod{margin-top:52px;}
.cprod1{margin-top:36px;}
.cptt{border-bottom:1px solid #e5e5e5;padding-bottom:12px;margin-bottom:20px;}
.cptt h3{color:#0f4c85;font-size:28px;background:url(../images/san.png) no-repeat left center;padding-left:32px;}
.cptt h4{color:#666666;font-size:18px;font-family:"黑体";display:none;}

.cp1 li{width:24%;position:relative;}
.cp1 li .img img{width:100%;display:block;}
.cp1 li .det{background:rgba(0,0,0,.55);width:100%;position:absolute;left:0;bottom:0;}
.cp1 li .nr{width:90%;margin:0 auto;padding:14px 0;}
.cp1 li .wz{color:#fff;font-size:20px;width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}



.fw{margin-top:35px;position:relative;padding:0 66px;}
.fw .mySwiper{overflow:hidden;}
.fw .swiper-slide{}
.fw .swiper-slide img{width:100%;margin:0 auto;display:block;}
.fw .swiper-slide .det{border-bottom:1px solid #ededed;padding:8px 0 16px;}
.fw .swiper-slide .wz{color:#666666;font-size:21px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.fw .swiper-slide .wz2{color:#999999;font-size:14px;font-family:"宋体";margin-top:8px;}
.fw .swiper-slide:hover .det{border-color:#0f4c85;}
.fw .swiper-slide:hover .wz{color:#0f4c85;}
.fw .swiper-button-prev{position: absolute;top:26%;left:0;width:37px;height:96px;opacity:1;z-index:999;background:url(../images/zb.png) no-repeat;background-size:100% 100%;}
.fw .swiper-button-next{position: absolute;top:26%;right:0;width:37px;height:96px;opacity:1;z-index:999;background:url(../images/yb.png) no-repeat;background-size:100% 100%;}




.box5{background:url(../images/bj5.jpg) no-repeat;background-size:100% 100%;padding:70px 0;margin-top:115px;}
.fw2{margin-top:45px;position:relative;padding:0 108px;}
.fw2 .mySwiper2{overflow:hidden;}
.fw2 .swiper-slide{text-align:center;}
.fw2 .swiper-slide .img{width:75%;margin:0 auto;}
.fw2 .swiper-slide img{width:100%;margin:0 auto;display:block;}
.fw2 .swiper-slide .det{background:#fff;height:115px;padding-top:58px;margin-top:-50px;}
.fw2 .swiper-slide .wz{color:#333333;font-size:21px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.fw2 .swiper-button-prev2{position: absolute;top:50%;transform: translateY(-50%);left:0;width:60px;height:60px;opacity:1;z-index:999;background:url(../images/zz.png) no-repeat;background-size:100% 100%;}
.fw2 .swiper-button-next2{position: absolute;top:50%;transform: translateY(-50%);right:0;width:60px;height:60px;opacity:1;z-index:999;background:url(../images/yy.png) no-repeat;background-size:100% 100%;}


.box6{padding:120px 0 100px;}
.xcont{margin-top:45px;}
.xwz{width:58%;}
.xw1{}
.xw1 li .img{width:45%;}
.xw1 li .img img{width:100%;display:block;}
.xw1 li .det{width:51%;}
.xw1 li .wz{color:#0f4c85;font-size:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xw1 li .wz2{color:#666666;font-size:16px;overflow:hidden;line-height:25px;height:75px;margin:0.5vw 0 2.1vw;}
.xw1 li .wz3{color:#fff;font-size:18px;width:129px;line-height:38px;display:block;text-align:center;text-transform:uppercase;background:#0f4c85;}
.xw1 li .wz3 img{margin-left:11px;vertical-align:3px;}

.xw2{margin-top:2vw;}
.xw2 li+li{margin-top:6px;}
.xw2 li .wz{color:#666666;font-size:21px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:url(../images/bb1.png) no-repeat left center;width:75%;padding-left:22px;}
.xw2 li .wz2{color:#999999;font-size:16px;font-family:"宋体";}
.xw2 li:hover .wz{background:url(../images/bb2.png) no-repeat left center;color:#0f4c85;}


.xwy{width:33.71%;}
.xw3 li{background:#f8f8f8;padding:3% 5%;}
.xw3 li:nth-child(2n){background:#fff;}
.xw3 li .wz{color:#333333;font-size:21px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xw3 li .wz2{color:#999999;font-size:16px;font-family:"宋体";line-height:25px;height:50px;overflow:hidden;margin-top:5px;}
.xw3 li:hover .wz{color:#0f4c85;}










.box7{margin-bottom:58px;}
.fw3{margin-top:40px;position:relative;}
.fw3 .mySwiper3{overflow:hidden;}
.fw3 .swiper-slide{text-align:center;}
.fw3 .swiper-slide .img{border:1px solid #fff;display:block;}
.fw3 .swiper-slide img{width:100%;display:block;}
.fw3 .swiper-slide:hover .img{border-color:#f0edeb;}









/*友情链接*/
.link a{margin-right:2px;}


/*页面底部*/
.foot{background:url(../images/ftt.png) no-repeat;background-size:100% 100%;padding:76px 0 50px;}
.fot1{}
.flogo img{max-width:100%;}
.lx{color:#fff;font-size:14px;line-height:22px;margin-top:16px;font-family:"宋体";}
.lx p:nth-child(2n){color:#9f9f9f;}
.lx p:nth-child(3),.lx p:nth-child(5){margin-top:20px;}

.fot2{width:21.21%;}
.ftt{color:#fff;font-size:22px;}
.fads{margin-top:30px;}
.fads li{text-align:center;width:46%;}
.fads li img{width:100%;display:block;}
.fads li h3{color:#a0a0a0;font-size:14px;margin-top:12px;font-family:"宋体";}



.bq{background:#252525;text-align:center;font-size:14px;font-family:"宋体";line-height:24px;color:#aaa9a9;padding:22px 0;}
.bq a{color:#aaa9a9;}






/*内页左侧样式*/
.page-product-inquiry a{color: #fff;}
.footer33{height:50px;}
.xymob-left-close-btn .icon-close:before{font-size:0;}



@media (max-width:1024px) {
   .x-menu > li > a{font-size:18px;}
   .k2{font-size:14px;}
   .sj li h3{font-size:45px;}
   .sj li span{font-size:25px;}
   .sj li:nth-child(1) span{font-size:17px;}
   .sj li h5{font-size:18px;}
   .abtt h2{font-size:30px;}
   .abtt h3{font-size:18px;margin:6px 0 10px;}
   .ab{font-size:16px;line-height:30px;}
   a.am{font-size:16px;width:141px;line-height:42px;}
   a.am img{margin-left:8px;vertical-align: 0px;}
   .cptt h3{font-size:22px;}
   .cptt h4{font-size:15px;}
   .cp1 li .wz{font-size:16px;}
   .fw .swiper-slide .wz{font-size:16px;}
   .fw .swiper-slide .wz2{font-size:12px;}
   .fw2 .swiper-slide .wz{font-size:16px;}
   .xw1 li .wz{font-size:20px;}
   .xw1 li .wz2{font-size:14px;height:50px;}
   .xw1 li .wz3{font-size:16px;width:102px;line-height:30px;}
   .xw1 li .wz3 img{margin-left:7px;vertical-align: 1px;}
   .xw2 li .wz{font-size:16px;}
   .xw2 li .wz2{font-size:14px;}
   .xw3 li .wz{font-size:16px;}
   .xw3 li .wz2{font-size:14px;height:40px;line-height:20px;}
   .ftt{font-size:18px;} 
}



@media (max-width: 768px) {
 .x-banner{margin-top:60px;}
 .page-banner{margin-top:60px;}
 .xypg-right-content p img{max-width:100%!important;width:auto!important;height:auto!important;}
 .box1{padding:4vw 0;}
 .about{width:100%;}
 .apic{width:100%;margin-top:15px;}
 .box2,.box3,.box6{padding:7vw 0;}
 .cp1 li{width:49%;}
 .cp1 li:nth-child(n+3){margin-top:10px;}
 .box5{padding:4.5vw 0;margin-top:7vw;}
 .fw2{margin-top:3.22vw;}
 .fw2 .swiper-slide .det{height:88px;padding-top:45px;margin-top:-40px;}
 .xcont{margin-top:3.11vw;}
 .xwz{width:100%;}
 .xwy{width:100%;margin-top:15px;}
 .fw3,.fw{margin-top:3vw;}
 .box7{margin-bottom:3.6vw;}
 .fads li h3{font-size:12px;}
 .foot{padding:4vw 0;}
 .cprod{margin-top:3.45vw;}
 .cprod1{margin-top:3.45vw;}

}



@media (max-width:428px) {
  .fot1{width:100%;margin-bottom:15px;}
  .lx p:nth-child(3),.lx p:nth-child(5){margin-top:10px;}
  .sj{border:none;}
  .sj li{width:50%;margin:8px 0;}
   .sj li h3{font-size:30px;}
   .sj li span{font-size:18px;}
   .sj li:nth-child(1) span{font-size:14px;}
   .sj li:nth-child(1){border-left:2px solid #eeeeee;}
   .sj li:nth-child(3){border-left:2px solid #eeeeee;}
   .sj li h5{font-size:14px;margin-top:4px;}

   .abtt h2{font-size:25px;}
   .abtt h3{font-size:14px;margin:6px 0 10px;}
   .ab{font-size:14px;line-height:27px;}

   .cptt h3{font-size:18px;background:none;padding-left:0;width:100%;}
   .cptt h4{font-size:14px;width:100%;margin-top:5px;}
   .cp1 li .nr{padding:8px 0;}
   .cp1 li .wz{font-size:14px;}
   .fw .swiper-slide .wz{font-size:16px;}
   .fw .swiper-slide .wz2{font-size:12px;}
   .fw2 .swiper-slide .wz{font-size:16px;}
   .xw1 li .wz{font-size:20px;}
   .xw1 li .wz2{font-size:14px;height:50px;}
   .xw1 li .wz3{font-size:16px;width:102px;line-height:30px;}
   .xw1 li .wz3 img{margin-left:7px;vertical-align: 1px;}
   .xw2 li .wz{font-size:16px;}
   .xw2 li .wz2{font-size:14px;}
   .xw3 li .wz{font-size:16px;}
   .xw3 li .wz2{font-size:14px;height:40px;line-height:20px;}
   .ftt{font-size:18px;} 
  .fw2 .swiper-button-prev2,.fw2 .swiper-button-next2{width:40px;height:40px;}
  .fw{padding:0 40px;}
  .fw .swiper-button-prev,.fw .swiper-button-next{width:25px;height:65px;top:30%;}
  .fw2{padding:0 60px;}
  .xw1 li .img{width:100%;}
  .xw1 li .det{width:100%;margin-top:10px;}

}


/* 手机页脚 */
.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;
}