/*初始化样式*/
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:#e7eef4;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:'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:normal;}
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:1650px;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.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;
}

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


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




/*头部样式*/
.top2{height:125px;border-bottom:1px  solid rgba(255,255,255,.4);width:100%;position:absolute;left:0;top:0;z-index:9999;}
.top2 .wh{height:125px;}
.logo{width:21.48%;}
.logo img{width:100%;}










/*热门搜索*/
.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;}



/* 导航样式 */
.x-menu{width:72.96%;}
.x-menu > li {
  position: relative;
 text-align:center;
}

.x-menu > li > a {
  display: block;
  font-size: 16px;
  color: #fff;
  line-height:125px;position:relative;
}

.x-menu > li:hover > a {
  color: #f16902;
}
.x-menu > li > a:before{content:"";width:100%;height:2px;background:#f16902;position:absolute;display: block;left:0;bottom:0;opacity:0;} 
.x-menu > li:hover > a:before{opacity:1;}



.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: 200%;
  left: -50%;
  top:125px;
  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;
}



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


/*主体样式*/
.wh1503{max-width:1533px;margin:0 auto;padding:0 15px;}
.wh1303{max-width:1333px;margin:0 auto;padding:0 15px;}
.bk{border-radius: 10px;background-color: rgb(255, 255, 255);box-shadow: -2.575px 4.286px 9px 0px rgba(46, 45, 41, 0.09);padding:34px 0;position:relative;margin-top:-80px;z-index:999;}
.lycont{display: flex;justify-content: space-between;align-items:flex-end;}
.lywz{width:27%;}
.lywz .wz1{color:#696969;font-size:30px;padding-left:22px;border-left:5px solid #2f2f2f;line-height:29px;}
.lywz .wz2{color:#696969;font-size:20px;padding-left:22px;margin-top:15px;}
.box1{background: #fff;}

.box2{padding:6.6vw 0;background: #fff;}
.bt{text-align:center;}
.bt .wz1{color:#2b2c2c;font-size:40px;letter-spacing:2px;}
.bt .wz2{color:#2b2c2c;font-size:20px;letter-spacing:4px;opacity:.45;text-transform:uppercase;margin-top:20px;}
.ads1{margin-top:4vw;}
.ads1 li{border:2px solid #bbbbbb;text-align:center;width:16%;padding:29px 0 24px;}
.ads1 li .img{display:block;}
.ads1 li .img2{display:none;}
.ads1 li .wz1{color:#616161;font-size:25px;margin-top:18px;}
.ads1 li:hover{background:#bbbbbb;}
.ads1 li:hover .img{display:none;}
.ads1 li:hover .img2{display:block;}
.ads1 li:hover .wz1{color:#fff;}


.box3{background:#fafafa;padding:5vw 0;}
.abz{width:43.02%;}

.apic1,.apic2{width:100%;}
.apic1 img,.apic2 img{width:100%;display:block;}
.abtt .wz1{color:#696969;font-size:40px;padding-left:22px;border-left:5px solid #2f2f2f;line-height:38px;}
.abtt .wz2{color:#696969;font-size:35px;padding-left:22px;margin-top:15px;opacity:.18;}
.ab{background: url(../images/mao.png) no-repeat top left;margin-top:2vw;padding-top:1vw;color:#707070;font-size:20px;line-height:50px;overflow:hidden;}
a.am{display:block;text-align:center;color:#fff;background-color: rgb(47, 47, 47);width: 115px;line-height:37px;margin:2vw 0 3vw;font-size:20px;}

.aby{width:51.23%;}
.sj{margin-top:2vw;}
.sj li{width:33.333%;text-align:center;padding:15px 0;}
.sj li .cot{text-align:center;}
.sj li .wz1{color:#f16902;font-size:55px;display:inline-block;}
.sj li .wz2{color:#f16902;font-size:55px;display:inline-block;}
.sj li .wz3{color:#4f4f4f;font-size:21px;display:inline-block;}
.sj li .wz4{color:#4f4f4f;font-size:25px;margin-top:10px;}
.sj li+li{border-left:1px solid #dddddd;}


.box4{padding: 6vw 0;background:#fff;}
.pcont{margin-top:5vw;}
.p1{width:32.35%;}
.p2{width:32.1%;}
.p3{width:31.91%;}

.pp li{position:relative;}
.pp li img{width:100%;display:block;}
.pp li+li{margin-top:1.4vw;}
.pp li .det{width:90%;position:absolute;left:5%;bottom:15px;}
.pp li .wz1{color:#fff;font-size:25px;letter-spacing:3px;position:relative;padding-left:20px;}
.pp li .wz1 span{color:#fff;font-size:12px;text-transform:uppercase;margin-left:5px;}
.pp li .wz1:before{content:"";width:10px;height: 10px;background:#fff;position:absolute;display: block;left:0;top: 50%;transform: translateY(-50%);border-radius:50%;} 
.pp li .img{position: relative;}
.hbj{position:absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);opacity: 0;}
.pp li:hover .hbj{opacity: 1;}


.box5{background:url(../images/bj4.jpg) no-repeat;padding:50% 0 0;background-size: cover !important;background-attachment: fixed !important;overflow-x: hidden;position:relative;}
.box5:before{content:"";width:84.22%;height:280px;background:#fff;position:absolute;display: block;right:0;bottom:0;} 
.box5 .cont{margin-left:17.28%;position:relative;z-index:99;height:288px;padding-top:5vw;}
.shejz{}
.sjwz{width:25%;}
.sjwz .wz1{color:#2e2e2e;font-size:56px;font-family:"Impact";text-transform:uppercase;}
.sjwz .wz2{color:#2e2e2e;font-size:23px;position:relative;width:237px;margin-top:1vw;}
.sjwz .wz2:before{content:"";width:88px;height:1px;background:#2e2e2e;position:absolute;display: block;right:0;top: 50%;margin-top:-0.5px;} 
.cyh{width:53.93%;}
.cyh .wz1{color:#2e2e2e;font-size:23px;}
.cyh .wz2{color:#7a7a7a;font-size:16px;line-height:30px;margin-top:1vw;}



.box6{background:#fafafa;padding:5vw 0;}
.hod{margin-top:5vw;}
.hod li{position:relative;width:32%;text-align:center;}
.hod li .img{position: relative;}
.hod li img{width:100%;display:block;}
.hod li .det{padding:2.5vw 0;}
.hod li .wz1{color:#2e2e2e;font-size:35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hod li .wz2{color:#757575;font-size:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:0.8vw;}
.hod li:hover .det{background:#bbbbbb;}
.hod li:hover .wz1{color:#fff;}
.hod li:hover .wz2{color:#fff;}
.hod li:hover .hbj{opacity: 1;}

.box7{background:url(../images/bj7.jpg) no-repeat;padding-top:4.6vw;background-size:100% 100%;}
.fw{position:relative;width:64.64%;}
.fw .mySwiper{overflow:hidden;}
.fw .swiper-slide a{position:relative;display:block;}
.fw .swiper-slide img{width:100%;margin:0 auto;display:block;}
.fw .swiper-slide .det{background:rgba(46,46,46,.51);width:100%;position:absolute;left:0;bottom:0;}
.fw .swiper-slide .wz1{color:#fff;font-size:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:60%;line-height:117px;margin-left:9.02%;}

.fw .swiper-pagination{width:28%;text-align:center;right:0;position:absolute;z-index:9999;bottom:42px;z-index:9999;}
.fw .swiper-pagination-bullet{width:14px;height:14px;margin:0 8px;display: inline-block;border-radius:50%;background:none;border:1px solid #fff;opacity:1;cursor:pointer;}
.fw .swiper-pagination-bullet-active{background:#fff;opacity:1;}

.alyb{margin-left:6.77%;width:14.79%;margin-top:3vw;}
.altt .wz1{color:#fff;font-size:45px;}
.altt .wz2{color:#fff;font-size:16px;margin-top:0.8vw;}
.altt .hx{width:20px;height:1px;background:#fff;margin:4vw 0;}
.anli{}
.anli li{width:28%;float:left;margin-right:8%;margin-bottom:8%;}
.anli li:nth-child(3n){margin-right:0;}
.anli li .img img{width:100%;display:block;}
a.cmo{display:block;text-align:center;color:#fff;width:100%;line-height:63px;font-size:20px;border:2px solid rgb(139, 139, 139);margin-top:3.5vw;}



.box8{background:#fafafa;padding:5vw 0 6vw;}
.xcont{margin-top:4vw;}
.xin1{width:29.01%;}
.xin1 li{width:100%;position:relative;}
.xin1 li .img{position: relative;}
.xin1 li .img img{width:100%;display:block;}
.xin1 li .det{width:90%;position:absolute;left:5%;bottom:66px;}
.xin1 li .wz1{color:#fff;font-size:15px;}
.xin1 li .wz2{color:#fff;font-size:27px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0.6vw 0 2vw;}
.xin1 li .wz3{color:#fff;font-size:15px;width:80px;line-height:27px;text-align:center;border:1px solid rgba(255,255,255,.54);}
.xin1 li:hover .hbj,.xin2 li:hover .hbj{opacity: 1;}
.xin2{width:64.57%;}
.xin2 li{width:45%;position:relative;}
.xin2 li .img{position:relative;}
.xin2 li .img img{width:100%;display:block;}
.xin2 li .wz1{position:absolute;left:0;top:0;width:139px;line-height:42px;text-align:center;color:#fff;font-size:15px;background:#2e2e2e;}
.xin2 li .wz2{color:#2e2e2e;font-size:27px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:1.3vw 0;}
.xin2 li .wz3{color:#666666;font-size:15px;overflow:hidden;line-height:28px;height:56px;}
.xin2 li .wz4{color:#666666;font-size:15px;width:80px;line-height:27px;text-align:center;border:1px solid #bcbcbc;margin-top:1.2vw;}
.xin2 li:before{content:"";width:2px;height:100%;background:#e8e8e8;position:absolute;left:-11%;top:0%;} 






/*友情链接*/
.f_link{font-size:14px;color:#333;margin:20px auto;}
.f_link a{color:#333;margin-right:6px;}

/*页面底部*/
.foots{background: url(../images/foot.jpg) no-repeat;background-size:100% 100%;color:#fff;padding:4vw 0;}
.foots a{color:#fff;}

.foot1{width:29.01%;}
.k2{font-size:16px;line-height:32px;background: url(../images/f11.png) no-repeat left center;padding-left:64px;}
.k2 p:nth-child(2){font-size:29px;}
.lx{font-size:16px;line-height:3.2;margin-top:1.5vw;}
.lx p{padding-left:64px;}
.lx p:nth-child(1){background: url(../images/f1.png) no-repeat 15px center;}
.lx p:nth-child(2){background: url(../images/f2.png) no-repeat 18px center;}
.lx p:nth-child(3){background: url(../images/f3.png) no-repeat 15px center;}

.fx{width:1px;height:246px;background:rgba(255,255,255,.34);}

.copyright{width:33.64%;font-size:16px;line-height:3;}

.codes{width:8.4%;}
.codes img{width:100%;display:block;}

.n_banner{width:100%;margin:0 auto;}
.n_banner img{width:100%;display:block;}




/*首页小屏幕*/

@media (max-width:1440px) {
 .box5:before{width:88.22%;}
 .foot1{width:32.01%;}
}

@media (max-width:1024px) {
	 .x-menu{position:relative;z-index:9999;}
  .x-menu > li > a{font-size:14px;}
  .logo{width:15%;}
  .x-menu{width:85%;}
  .top2{height:90px;}
  .top2 .wh{height:90px;}
  .x-menu > li > a{line-height:90px;}
  .x-sub-menu{top:90px;}
  .lywz .wz1{font-size:20px;line-height:22px;}
  .lywz .wz2{font-size:14px;margin-top:8px;}
  .bt .wz1{font-size:30px;}
  .bt .wz2{font-size:15px;margin-top:12px;}
  .ads1 li .wz1{font-size:18px;}
  .abtt .wz1{font-size:30px;line-height:25px;}
  .abtt .wz2{font-size:25px;margin-top:8px;}
  .ab{line-height:30px;font-size:15px;}
  a.am{font-size:16px;}
  .sj li .wz1{font-size:35px;}
  .sj li .wz2{font-size:35px;}
  .sj li .wz3{font-size:16px;}
  .sj li .wz4{font-size:18px;}
  .pp li .wz1{font-size:18px;}
  .pp li .wz1:before{width:7px;height:7px;}
  .sjwz .wz1{font-size:38px;}
  .sjwz .wz2{font-size:18px;width:180px;}
  .sjwz .wz2:before{width:55px;}
  .cyh .wz1{font-size:18px;}
  .cyh .wz2{font-size:14px;line-height:25px;}
  .box5:before{height:200px;}
  .box5 .cont{height:200px;}
  .hod li .wz1{font-size:25px;}
  .hod li .wz2{font-size:18px;}
  .fw .swiper-slide .wz1{font-size:16px;margin-left:15px;line-height:78px;}
  .fw .swiper-pagination{bottom:27px;}
  .altt .wz1{font-size:35px;}
  .altt .wz2{font-size:14px;margin-top:5px;}
  .alyb{width:25%;margin-top:2vw;}
  a.cmo{font-size:16px;line-height:45px;margin-top:2vw;}
  .altt .hx{margin:2vw 0;}
  .xin1 li .wz1{font-size:14px;}
  .xin1 li .wz2{font-size:18px;}
  .xin1 li .wz3{font-size:14px;}
  .xin2 li .wz2{font-size:18px;}
  .xin2 li .wz3{font-size:14px;line-height:25px;height:25px;}
  .xin2 li .wz1{font-size:14px;width:120px;line-height:35px;}
  .foot1{width:42%;}
  .k2{font-size:14px;}
  .k2 p:nth-child(2){font-size:22px;}
  .lx{font-size:14px;}
  .copyright{width:42%;font-size:14px;}
}


@media (max-width: 768px) {
 .x-banner{margin-top:60px;}
 .n_banner{margin-top:60px;}
 .xypg-right-content p img{max-width:100%!important;width:auto!important;height:auto!important;}
 .abz{width:100%;}
 .aby{width:100%;margin-top:15px;}
.sjwz{width:35%;}
a.cmo{display:none;}
.xin1 li .det{bottom:20px;}
 .foot1{width:100%;}
 .lx{line-height:35px;}
 .copyright{width:100%;margin-top:15px;line-height:24px;}
 .ads1 li{width:48%;margin:5px 0;padding:15px 0;}
 .ads1 li .wz1{font-size:15px;margin-top:5px;}
 .case_detail .img{width:100%;}
 .case_detail .img img{width:100%;display:block;}
}



@media (max-width:428px) {
  .bt .wz1{font-size:22px;}
  .bt .wz2{font-size:12px;letter-spacing:1px;margin-top:0;}
   .abtt .wz1{font-size:22px;}
 .abtt .wz2{font-size:18px;margin-top:5px;}
 .ab{line-height:26px;padding-top:15px;}
 .sj li .wz1{font-size:22px;}
 .sj li .wz2{font-size:22px;}
 .sj li .wz3{font-size:14px;}
 .sj li .wz4{font-size:14px;}
 .p1,.p2,.p3{width:100%;}
 .pp+.pp{margin-top:1vw;}
 .pp li .wz1{font-size:16px;letter-spacing:1px;}
 .sjwz{width:100%;display:none;}
 .cyh{width:100%;}
   .box5:before{height:150px;}
  .box5 .cont{height:150px;}
  .cyh .wz2{height:75px;overflow:hidden;}
  .hod li{width:100%;margin:5px 0;}
  .hod li .wz1{font-size:18px;}
  .hod li .wz2{font-size:14px;}
  .box7{padding:6vw 0;}
  .fw{width:100%;padding:0 15px;}
  .alyb{width:100%;padding:0 15px;margin-top:15px;margin-left:0;}
    .fw .swiper-slide .wz1{font-size:16px;margin-left:15px;line-height:55px;}
  .fw .swiper-pagination{bottom:17px;}
  .fw .swiper-pagination-bullet{width:10px;height:10px;margin:0 3px;}
  .altt .wz1{font-size:22px;}
  .altt .hx{margin:10px 0;}
  .anli li{margin-top:10px;margin-bottom:0;}
  .xin1{width:100%;}
  .xin2{width:100%;}
  .xin2 li{width:100%;margin:10px 0;}
  .xin1 li .wz2{font-size:16px;}
  .xin2 li .wz2{font-size:16px;}
  .xin2 li .wz4{font-size:14px;}
  .lx p{padding-left:0;}
  .lx p:nth-child(1){background:none;}
  .lx p:nth-child(2){background:none;}
  .lx p:nth-child(3){background:none;}

}



/*手机底部*/
@media (max-width:768px){
 .db{display:block!important;}
}


.dbb{height:50px;}

/* 页脚 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #f16902;
}

.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 30px;padding:10px 0;
  font-size: 0;
}

.footer ul li.active {
  background: #da251c;
}

.footer ul li a {
  display: block;color:#fff;
}

.footer ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

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


.footer li .icon-home{ background: url(../images/a1.png) no-repeat;width:20px;height:20px;}
.footer li .icon-home2{ background: url(../images/a2.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone{ background: url(../images/a3.png) no-repeat;width:20px;height:20px;}
.footer li .icon-contact{ background: url(../images/a4.png) no-repeat;width:20px;height:20px;}

.footer li .icon-phone:before{font-size:0;}
.footer ul li a{border-right:1px solid #fff;}
.footer ul li:last-child a{border-right:none;}




/*内页*/
.yubg{display:none;}
.web .content{padding-top:10px;}




.right2{width:970px;padding-bottom:10px;float: right;}
.right2 .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}


.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact p.content{padding:5px;}

.right{width:100%;padding-bottom:10px;}
.sitemp{line-height:46px;height:46px;overflow:hidden;padding-right:10px;background:#d8d8d8;}
.sitemp h2{width:340px;float:left;line-height:46px;text-align:center;text-align:left;text-indent:15px;color:#000;
font-family:"微软雅黑";font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:46px;font-family:"微软雅黑";}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}