*{
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
body{background: #fff;overflow-x: hidden;}
a:hover{color:#c33}
img{display: block;}
.wp{width: 1200px;margin:0 auto;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ellipsis2{
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.st{font-family: "\5B8B\4F53";}
.dn{display: none;}
.iconfont{-webkit-text-stroke-width:0;}
.img{text-align:center;overflow:hidden;}
.img img{width:100%;height:100%;display:block;margin:0 auto;}
.fwn{font-weight: normal;}
.fwb{font-weight: bold;}
.ts{-webkit-transition: all .3s linear;transition: all .3s linear;}
.ts2{-webkit-transition: all .5s ease;transition: all .5s ease;}
.detail{color: #666;font-size: 16px;line-height: 1.8em;}
.detail p{line-height: 30px;font-size: 16px;margin-bottom:15px;}
.detail img{max-width: 100%;margin:0 auto;display: block;text-indent: 0;}

.op0{opacity:0;transform:translate(0,120px);transition:all .7s;}
.op0.fade_in{opacity:1;transform:translate(0,0);}

/*head*/
.top_main{background: #eee;border-bottom: 1px solid #ddd;height: 40px;line-height: 40px;font-size:14px;color: #666;}
.acount i{color: #c33;}
.top_main a{color: #666;}
.top_main a:hover{color: #c33;}
.top_main .fl{width: 800px;line-height: 40px;overflow: hidden;white-space: nowrap;height: 40px;}
.top_main .fr{padding-right: 90px;width: 400px;padding-left: 20px;}
.top_qq{position: absolute;top: 9px;right: 0;}
.head_main{height: 110px;background: #fff;}
.logo{margin-top: 25px;}
.logo img.logo_pc{height: 65px;}
.logo img.logo_wap{display: none;height: 35px;}
.slogen{padding-left: 15px;padding-top: 28px;}
.slogen span{display: block;line-height: 30px;font-size: 18px;}
.head_fr{padding-top: 32px;}
.hotline{padding-left: 45px;}
.hotline i{color: #c33;font-size:40px;left: 0;top: 0;}
.hotline p{font-size:18px;color:#c33;}
.hotline p.a1 span{font-size:16px;color:#c33;}
.hotline p.a2{font-weight: bold;word-spacing: 2px;}
.head_phone{font-size:18px;color:#c33;}
.head_phone span{font-size: 16px;}
.head_email{padding-left: 45px;font-size: 17px;}
.top_main h3{text-align: center;position: absolute;top: 0;left: 50px;right: 50px;line-height: 50px;font-size: 16px;}
.head_main .icon-caidan{color: #c33;display: none;position: absolute;top: 0;right: 0px;width: 40px;text-align: center;line-height: 50px;font-size: 22px;}
.head_main h3{display: none;}
/*nav*/
.nav_main{background: #000;position: relative;z-index: 2;}
.nav>ul>li{float:left;width: 11%;position: relative;/*border-right: 1px solid #666;border-left: 1px solid #525252;*/}
.nav>ul>li:first-child{border-left: none;}
.nav>ul>li:last-child{border-right: none;}
.nav>ul>li>a{color: #fff;display: block;line-height: 50px;font-size: 16px;text-align: center;}
.nav>ul>li>a.btn{background: #f90;}
.nav>ul>li>a:hover,.nav>ul>li>a.on,.nav>ul>li>a.current{background: #c33;color: #fff;position: relative;}
.nav>ul>li>a:hover:after,.nav>ul>li>a.on:after,.nav>ul>li>a.current:after{
  width:0;
  height:0;
  border-width:0 6px 6px;
  border-style:solid;
  border-color:transparent transparent #fff;
  position:absolute;
  content: "";
  bottom:0;
  left:50%;
  margin-left: -3px;
}
.nav>ul>li>ul{display: none;position: absolute;top: 50px;left: 0;right: 0;overflow: hidden;z-index: 3;background:#c33;}
.nav>ul>li>ul li{border-bottom: 1px solid #bb2525;/*border-top: 1px solid #0472e0;*/}
.nav>ul>li>ul li a{color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 35px;text-align: center;display: block;}
.nav>ul>li>ul li a:hover{background: #000;}

.nav_sort{padding-right:280px;}
.navSort_list{color: #c33;padding: 10px 0;}
.navSort_list a{border-left:1px dashed #ccc;display: inline-block;padding: 0 10px;line-height: 18px;}
.navSort_list a:first-child{border-left: none;}
.navSort_list a:hover{color: #c33;}
.serach{position: absolute;top: 7px;right: 0;width: 250px;}
.serach input{border:1px solid #ccc;border-radius: 3px;line-height: 25px;height: 25px;padding: 0 5px;}
.serach button{border:1px solid #c33;border-radius: 3px;line-height: 23px;height: 25px;background: #c33;color: #fff;width: 60px;cursor: pointer;}
.serach button:hover{background:#000;border-color: #000;}
.search_main{position: relative;z-index: 1;}
/*banner*/
.swiper-container {width: 100%;}
.swiper-slide {
  width: 100%;
  overflow: hidden;
  text-align: center;
  font-size: 18px;
  background: #fff;    
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.swiper_banner.swiper-container{/*height: 450px;*/width: 100%;position: relative;z-index: 1;}
.swiper_banner .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;
  text-align: center;
  display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;}
.swiper_banner .swiper-slide img{height:450px;display: inline-block;width: auto;/*margin: 0 auto;*/}
.swiper_banner .swiper-button-next, .swiper_banner .swiper-button-prev{width: 30px;height: 60px;line-height: 60px;text-align: center;color: #fff;font-size: 24px;top: 50%;margin-top: -30px;text-decoration: none;background: rgba(0,0,0,.3);}
.swiper_banner .swiper-button-next{right: 20px;}
.swiper_banner .swiper-button-prev{left: 20px;}
.swiper_banner .swiper-button-next:hover,.swiper_banner .swiper-button-prev:hover{background: #ff6d07;}
.swiper_banner>.swiper-pagination-bullets{bottom: 10px;z-index: 10;}
.swiper_banner>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;width: 12px;height: 12px;border:none;background: #c33;opacity: 1;cursor: pointer;}
.swiper_banner>.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#fff;}

.banner_form{position: absolute;z-index: 2;top: 50px;bottom: 50px;left: 50%;width: 300px;margin-left: 300px;background:rgba(255,255,255,0.9);border: 3px solid #ccc;padding: 20px;}
.banner_form h2{font-size: 22px;font-weight: bold;color: #c33;text-align: center;}
.banner_form h3{text-align: center;font-size: 17px;color: #f00;margin-bottom: 20px;}
.banner_form p{position: relative;padding-bottom: 15px;}
.banner_form p span{position: absolute;bottom: 0;left:80px;color: #f00;font-size: 12px;line-height: 15px;}
.banner_form p label{width: 70px;display: inline-block;}
.banner_form p input{border: 1px solid #ccc;padding: 5px;line-height: 20px;width: 175px;}
.banner_form .form_btn button{width: 120px;height: 35px;margin-right: 0;line-height: 30px;text-align: center;font-size: 16px;color: #fff;background: #c33;border:none;cursor: pointer;}
.banner_form .form_btn button:hover{background: #000;}
/*note*/
.home_note{border-bottom: 1px solid #ccc;background: #eee;}
.note_con{padding: 5px 0 5px 30px;position: relative;line-height: 30px;}
.note_con i.iconfont{position: absolute;top: 5px;left: 0;line-height: 30px;color: #c33;font-size: 20px;}
.note_list{height: 30px;overflow: hidden;}
.note_list li{line-height: 30px;}
.note_list li a{display: block;}

.home_main{padding-top: 40px;padding-bottom: 40px;background: url(../images/rule.png) repeat-x 0 0;}
.home_tit h2{text-align: center;color: #666;font-size: 22px;line-height: 1;margin-bottom: 15px;}
.home_tit h3{text-align: center;color: #c33;font-size: 30px;line-height: 1;margin-bottom: 15px;text-transform: uppercase;}
.home_tit span.line{width: 90px;height: 3px;margin: 0 auto;display: block;background: #c33;}
.home_tit span.line2{width: 65px;height: 6px;margin: 0 auto;display: block;background: #c33;position: relative;}
.home_tit span.line2:after{position: absolute;left: 0;right: 0;top: -3px;height: 1px;overflow: hidden;background: #c33;content: "";}

.home_tit2{border-bottom: 2px solid #c33;padding-bottom: 15px;background: url(../images/icon.png) no-repeat 30px 9px;height: 57px;overflow: hidden;}
.home_tit2 span.fl{margin-right: 20px;width: 30px;height: 40px;line-height: 40px;color: #fff;text-align: center;position: relative;vertical-align: bottom;background: #c33;}
.home_tit2 span.fl i{color: #fff;font-size: 24px;}
.home_tit2 h3{font-size: 26px;line-height: 50px;}
.home_tit2 h3 span{text-transform: uppercase;color: #999;font-size: 20px;margin-left: 10px;}
.home_tit2 a{margin-top: 15px;display: inline-block;width: 80px;height: 25px;
    line-height: 25px;font-size: 12px;color: #fff;text-align: center;background: #c33;}
.home_tit2 a:hover{background: #000;}

.home_more{width: 170px;height: 46px;border-radius: 5px;overflow: hidden;background-color: #c33;line-height: 46px;font-size: 16px;display: block;text-align: center;color: #fff;margin: 0 auto;position: relative;
  -webkit-transition: background-color .3s,color .3s;
  transition: background-color .3s,color .3s;
  z-index: 1;}
.home_more:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #c33;
  z-index: -1;
  border-radius: inherit;
  opacity: 0;
  -webkit-transform: scale3d(.6,.6,1);
  transform: scale3d(.6,.6,1);
  -webkit-transition: -webkit-transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(.75,0,.125,1);
    transition-timing-function: cubic-bezier(.75,0,.125,1);
}
.home_more:hover{background-color: #fff;color: #c33;}
.home_more:hover:before{transform: scale3d(1,1,1);opacity: 1;}
/*home product*/
.product_main{padding-bottom: 10px;}
.pro_nav{margin: 15px -10px 0;}
.pro_nav a{display: block;padding: 0 10px;border:1px solid #ccc;line-height: 35px;margin: 0 10px 10px;float: left;}
.pro_nav a:hover{background: #c33;border-color: #c33;color: #fff;}
.product_list{padding-top:5px;margin: 0 -10px;}
.product_list li{float: left;width: 25%;margin-bottom: 20px;}
.product_list li a{display: block;margin: 0 10px;}
.product_list li a h3{text-align: center;line-height: 40px;font-size: 16px;}
.pro_himg{width: 100%;position: relative; overflow: hidden;border:1px solid #ddd;}
.product_list li a:hover h3{color: #c33;}
.pro_himg img{width: 100%;}
.product_list li a:hover .pro_himg img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.proli_hide{position: absolute;top: 0;left: 0;width: 100%;   height: 100%; color: #fff;background: rgba(0,0,0,.3);
    opacity: 0;}
.product_list li a:hover .proli_hide{opacity:1;}
.proli_hide h4{position: absolute;top: 50%;left: 10px;right: 10px;margin-top: -36px;height: 26px;line-height: 26px;text-align: center;font-size: 18px;}
.proli_hide h5{position: absolute;top: 50%;left:10px;right: 10px;margin-top: -60px;height: 26px;line-height: 26px;text-align: center;font-size: 16px;padding: 0 10px;}
.proli_hide p{height:75px;line-height: 25px;position: absolute;
  top: 50%;left: 10px;right: 10px;text-align: center;color: #ddd;-webkit-line-clamp: 3;}
/*about*/
.about_main{background: #efefef url(../images/about_bg.jpg) no-repeat bottom center;position: relative;z-index: 1;background-image:; }
.about_main .home_tit,
.hign_main .home_tit,
.fabric_main .home_tit,
.step_main .home_tit{background: url(../images/tit_bg.png) no-repeat center center;}
.about_main .home_tit h3,
.hign_main .home_tit h3,
.fabric_main .home_tit h3,
.step_main .home_tit h3{color: #333;}
.about_con{margin-top: 40px;}
.about_fl{padding-right: 300px;}
.about_fl h5{font-size: 24px;margin-bottom: 20px;color: #c66;}
.about_info{line-height:30px;font-size: 15px;color: #333;margin-bottom: 10px;height: 180px;overflow: hidden;}
.about_link{padding-top: 30px;}
.about_link a{margin-right: 10px;color: #fff;display: inline-block;background: #c33;width: 80px;height: 30px;overflow: hidden;text-align: center;line-height: 30px;}
.about_link a:hover{background: #000;}
.about_more{width: 120px;display: block;height: 40px;padding: 4px;border:1px solid #c33;}
.about_more span{background: #c33;color: #fff;display: block;line-height: 30px;text-align: center;}
.about_more:hover{border-color: #000;}
.about_more:hover span{background:#000;color: #fff;}
.about_pic{position: absolute;top: 5px;right: 0;}
.about_pic img{max-width: 280px;height: 575px;}
/*hign*/
.hign_main{border-top: 1px solid #ddd;position: relative;z-index: 0;}
.hign_ul{padding-top: 40px;}
.hign_ul li{float: left;width: 25%;overflow: hidden;}
.hign_ul li a{display: block;width: 100%;position: relative;overflow: hidden;}
.hign_pic{width: 100%;display: block;}
.hign_ul li a img{width: 100%;}
.hign_ul li a h4{position: absolute;top: 50%;left: 0;right: 0;margin-top: -15px;text-align: center;line-height: 30px;font-size: 18px;color: #fff;z-index: 3;padding: 0 20px;}
.hign_ul li a .bg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.1);z-index: 1;}
.hign_ul li a .bg span{position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;border:1px solid rgba(204,204,204,0.6);}
.hign_ul li a:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.hign_ul li a:hover .bg{background: rgba(0,0,0,.3);}
.home_btn{text-align: center;margin-top: 40px;}
.home_btn a.home_more{display: inline-block;margin: 0 20px;}
/*fabric*/
.fabric_main{background-color: #efefef;}
.fabric_infos{text-align: center;padding: 40px 30px 20px;}

.fabric_ul{padding-top: 20px;margin: 0 10px;padding-bottom: 20px;}
.fabric_ul li{float: left;width: 25%;margin-bottom: 20px;}
.fabric_ul li a{display: block;margin: 0 10px;background: #fff;padding: 10px 10px 50px;position: relative;box-shadow: 0 0 10px #999;}
.fabric_pic{width: 100%;overflow: hidden;}
.fabric_pic img{width: 100%;}
.fabric_ul li a h3{text-align: center;line-height: 40px;font-size: 18px;margin-top: 15px;}
.fabric_ul li a p{text-align: center;line-height: 25px;color: #999;height: 50px;}
.fabric_ul li a i.icon-jtright{display: block;height: 30px;text-align: center;line-height: 30px;bottom: 15px;left: 0;right: 0;position: absolute;font-size: 30px;color: #999;}
.fabric_ul li a:hover{margin-top: -10px;}
.fabric_ul li a:hover h3{color:#c33;}
.fabric_ul li a:hover i.icon-jtright{color: #c33;}
.fabric_ul li a:hover .fabric_pic img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/*step*/
.step_main{border-top: 1px solid #ddd;}
.step_ul{margin: 0 -10px;}
.step_ul li{float: left;width: 20%;margin-top: 30px;}
.step_li{display: block;position: relative;box-shadow: 0 0 10px #999;width: 200px;height: 200px;margin: 0 auto;border-radius: 50%;overflow: hidden;z-index: 1;}
.step_li img{width: 100%;border-radius: 50%;overflow: hidden;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}
.step_con{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 2;}
.step_con:before{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.3);content: "";z-index: -1;}
.step_con span{color: #f60;display: block;text-align: center;padding-top: 70px;font-weight: bold;font-size:24px; font-style:italic;}
.step_con p{color: #fff;text-align: center;font-size:16px;padding: 0 10px;lh1.2}
.step_ul li:hover img{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.step_ul li:hover .step_con:before{background: rgba(0,0,0,.2);}
.step_ul li .step_last .step_con:before{background: rgba(0,102,204,0.5);}
.step_ul li .step_last .step_con a{position: absolute;top: 50%;left: 50%;width: 120px;height: 40px;line-height: 40px;color:#fff; background: #fff;margin-left: -60px;border-radius: 4px;margin-top: -20px;text-align: center;color: #f60;}

.ads_main{/*background-color:#efefef;*/background: none;padding-top: 0;padding-bottom: 0;}
.ads_con{height: 100px;display: flex;display: -webkit-flex;align-items:center;justify-content:center;}
.ads_con img{height: 100px;}
.case_main{background: none;position: relative;}

.swiper_case{margin-top: 20px;}
.swiper_case a{display: block;padding: 5px 5px 0;background: #eee;overflow: hidden;}
.swiper_case p.img{width: 100%;overflow: hidden;}
.swiper_case p.img img{width: 100%;/*height: 275px;*/transition: all .5s ease;}
.swiper_case h4.name{/*background: #069cf8;color: #fff;*/line-height:35px; text-align: center;height:40px;overflow: hidden;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.swiper_case a:hover{background: rgba(204,51,51,1);color: #fff;}
.swiper_case a:hover p.img img{transform: scale(1.05);}

.case_main .swiper-button-next, .case_main .swiper-button-prev{width: 60px;height: 60px;line-height: 60px;text-align: center;color: #ccc;font-size: 50px;top: 50%;margin-top: -10px;text-decoration: none;background: none;font-weight: bold;outline: none;}
.case_main .swiper-button-next{right: 50%;margin-right: -660px;}
.case_main .swiper-button-prev{left: 50%;margin-left: -660px;}
.case_main .swiper-button-next:hover,.case_main .swiper-button-prev:hover{color: #c33;border:none;}
/*news*/
.news_main{background-color:#efefef;}
.news_ul{margin: 0 -20px 0 0;}
.news_ul li{width: 50%;padding-top: 20px;padding-right: 20px;float: left;}
.news_ul li a{display: block;background: #fff;border: 1px solid #ddd;padding: 10px;}
.news_pic{width: 130px;height: 100px;border: 1px solid #f1f1f1;}
.news_pic img{
  -webkit-transition: all .5s ease;
  transition: all .5s ease; 
}
.news_ul li a:hover .news_pic img{
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.news_rcon{margin-left: 150px;}
.news_rcon h3{font-size: 18px;line-height: 1;margin-bottom: 10px;padding-top: 10px;}
.news_dec{line-height: 25px;font-size: 14px;color: #666;height: 50px;overflow: hidden;}
.news_ul li a:hover .news_rcon h3{color: #c33;}
/*service*/
.service_main{}
.home_navul li{width: 25%;float: left;}
.home_navul li a{display: block;padding: 0 10px;cursor: default;}
.home_navul li .iconfont{display: block;color: #f60;font-size: 45px;border:1px solid #f60;width: 80px;height: 80px;border-radius: 50%;line-height: 80px;text-align: center;margin: 0 auto;}
.home_navul li:hover .iconfont{-webkit-animation: swing 1s linear; -moz-animation: swing 1s linear;animation: swing 1s linear;}
.home_navul li span{display: block;font-size: 18px;font-weight: bold;text-align: center;color: #333;margin-top: 10px;}
.home_navul li h5{font-size: 14px;color: #999;text-align: center;margin-top: 5px;}
.home_navul li:hover span{-webkit-animation: swing 1s linear; -moz-animation: swing 1s linear;animation: swing 1s linear;}
.home_navul li:hover h5{-webkit-animation: swing 1s linear; -moz-animation: swing 1s linear;animation: swing 1s linear;}
.home_navul li:nth-child(1){-webkit-transition-delay: 0;transition-delay: 0;}
.home_navul li:nth-child(2){-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
.home_navul li:nth-child(3){-webkit-transition-delay: 0.6s;transition-delay: 0.6s;}
.home_navul li:nth-child(4){-webkit-transition-delay: 0.9s;transition-delay: 0.9s;}
/*link*/
.link_main{background-color: #eee;padding: 20px 0 10px;}
.link{line-height: 30px;position: relative;padding-left: 100px;}
.link i.iconfont{position: absolute;left: 0;top: 0;font-weight: bold;color: #f60;font-size: 24px;}
.link span{color: #333;position: absolute;top: 0;left: 25px;}
.link a{color: #666;margin-right: 10px;}
.link a:hover{color: #c33;}

.foot_main{background: #171717;padding: 30px 0;border-bottom: 1px solid #404040;}
.foot_list{width: 240px;}
.foot_list h3,.foot_mess h3{font-size:20px;color:#fff;margin-bottom:10px;line-height: 1;}
.foot_list a{display:block;color:#ccc;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 30px;}
.foot_list a:hover{color: #c33;}
.foot_ewm{margin-top: 20px;width: 120px;}
.foot_ewm img{width: 100%;}
/*.foot_share{color: #000;font-size: 1em;line-height:24px;font-size: 14px;}*/
.foot_list h4{color: #999;line-height: 25px;}
.foot_tel {
  width: 400px;
  padding-left: 60px;
  color: #fff;
  border-left: 1px solid #1d2228;
  position: relative;
}
.foot_tel:before{position: absolute;top: 0;left: 0;content: "";width: 0;border-left:1px solid #3f444a;bottom: 0;}
.foot_tel p.tel{font-size: 20px;margin-top: 5px;}
.foot_tel p.phone{font-size: 20px;/*margin-bottom: 10px;*/}
.foot_tel p.phone span{font-size: 16px;}
.foot_tel p i{font-size: 30px;color: #f00;margin-right: 10px;}
.foot_tel p.addr{line-height: 25px;}
.copyright{width: 100%;border-top: 1px solid #454545;line-height: 30px;color: #bababa;text-align: center;background: #3a3a3a;padding: 10px 0;}
.copyright a,.foot_menu a{color: #bababa;margin: 0 5px;}
.copyright a:hover,.foot_menu a:hover{color: #c33;}
.foot_menu{text-align: center;}

.wap_foot{display: none;position: fixed;left: 0;right: 0;bottom: 0;  width: 100%;height: 50px;z-index: 100;background: #000;}
.foot_nav li{width: 20%;float: left;border-right: 1px solid #666;height: 50px;}
.foot_nav li:last-child{border-right: none;}
.foot_nav li a{display: block;text-align: center;padding-top: 5px;color: #fff;height: 100%;}
.foot_nav li a i{display: block;height: 20px;line-height: 20px;font-size: 20px;}
.foot_nav li a span{display: block;height: 20px;line-height: 20px;font-size: 14px;}
.foot_nav li.on a{background: #c33;color: #fff;}
/*悬浮框*/
.kefu_con{position: fixed; right: 0; top:50%;margin-top:-135px;z-index: 1000;}
.kefu{width: 50px;}
.kefu ul{padding: 0;}
.kefu li{position:relative;text-align: center;cursor: pointer;list-style: none;}
.kefu .ke_box{position: relative;width:50px; height:50px;color: #fff;border-bottom:1px solid #ad2323;background: #c33;}
.kefu .ke_box i{font-size: 26px;display: block;height:50px;line-height: 50px;text-align: center;}
.kefu .ke_box:hover{background:#000;color:#fff;}
.kefu .ke_box:hover .kefu_name{color: #fff;}
.kefu .hide_box{ display: none; position:absolute; background-color: #fff; right:50px;top:0;padding:10px 10px; color: #999;font-size: 20px;border:1px solid #e5e5e5;background: #fff;text-align: center;}
.kefu .k_qq .hide_box{width: 190px;height: 123px;}

.kefu .hide_box .hide_tel{white-space: nowrap;font-size: 20px;/*font-weight: bold;*/color: #c33;margin: 0;line-height: 1;margin-top: 5px;}
.kefu .hide_box .hide_time{color: #999;font-size: 14px;line-height: 20px;padding: 10px 0;margin: 0;}
.kefu .hide_box .hide_qq{width: 100px;height: 30px;text-align: center;line-height: 30px;color: #fff;font-size: 14px;display: block;background: #c33;margin:0 auto;}
.kefu .hide_box .hide_qq:hover{opacity: .7;}
.kefu .k_tel .hide_box{width: 190px;height: 105px;}
.kefu li.k_erweima .hide_box{/*width:260px;*/width: 99px;height: 120px; overflow: hidden;padding-right:0px;background: #c33;}
.kefu li.k_erweima .hide_box img{ width:77px; height:77px; display:block;}
.kefu .k_erweima li p{color:#fff; text-align: center;background: none;line-height: 30px;height: 30px;font-size: 14px;}
.kefu li.k_erweima .hide_box ul li{float: left; display: block;margin-right: 5px;}

.kefu .hide_share{width: 200px;padding:0;background: #c33;border:none;}
.kefu .hide_share a{float: left;width: 50px; height: 50px;margin: 0;padding: 0;line-height: 50px;text-align: center;font-size: 28px;color: #fff;background-image: none;}
.hide_share a.icon-tengxun{font-size: 26px;}
.hide_share a.more{font-size: 36px;position: relative;}
.kefu .hide_share a:hover{background-color: #fff;color: #c33;opacity: 1;}
.k_top{display: none;}

.ny_content{padding-top: 40px;padding-bottom: 40px;}
.ny_banner{height: 280px;}
/*menu*/
.menu{width: 230px;}
.menu_list{background: #c33;margin-bottom: 20px;}
.menu_tit{padding: 30px 10px;color: #fff;}
.menu_tit p{line-height: 1;text-align: center;}
.menu_tit p.cn{font-size: 24px;margin-bottom: 10px;}
.menu_tit p.en{text-transform: uppercase;}
.menu_ul{width: 226px;background: #fff;margin: 0 auto;border-bottom: 1px solid #ddd;}
.menu_ul li a {color: #333;display: block;padding: 0 30px 0 20px;font-size: 16px;border-top: 1px solid #ddd;position: relative;line-height: 40px;height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.menu_ul li a i{position: absolute;top: 0;right: 0;height: 40px;line-height: 40px;display: block;width: 30px;font-weight: bold;}
.menu_ul li a:hover,.menu_ul li a.on{color: #fff;background: #c33;}
.menu_ul a:hover i,.menu_ul li a.on i{color: #fff;}
.menu_contact{padding: 25px 0;}
.menu_contact p{line-height: 1;color: #fff;text-align: center;}
.menu_contact p.tit{color: #ddd;margin-bottom: 10px;font-size: 16px;}
.menu_contact p.tel{font-size: 24px;margin-bottom: 15px;}
.menu_contact a{width: 130px;height: 35px;text-align: center;color: #c33;display: block;margin: 0 auto;line-height: 35px;background: #fff;}
.menu_contact a:hover{background: #000;color: #fff;}

.menu_case{border:1px solid #ccc;border-top: 2px solid #c33;margin-top: 15px;padding: 0 10px;}
.mcase_tit{font-size: 18px;color: #333;line-height: 40px;}
.mcase_tit span{color: #c33;}
.mcase_tit em{font-size: 14px;color: #999;text-transform: uppercase;}
.mcase_tit:hover em{color: #c33;}
.mcase_ul{margin-top: 5px;}
.mcase_ul li{padding-bottom: 10px;}
.mcase_ul li a{display: block;}
.mcase_ul li h5{text-align: center;line-height: 35px;font-size: 16px;}
.mcase_img{width: 205px;overflow: hidden;border:1px solid #e1e1e1;}
.mcase_ul li a:hover .mcase_img img{
  -webkit-transform:scale(1.1);transform:scale(1.1);
}
.mcase_ul li a:hover h5{color: #c33;}

.ny_right{width: 940px;padding-bottom: 50px;border: 1px solid #ccc;border-top: 2px solid #c33;float: right;min-height: 1000px;}
/*location*/
.location{/*height: 45px;*/background: #eee;line-height: 25px;font-size: 15px;padding: 10px 0;}
.location i,.location span{color: #c33;}
.location i{margin-right: 5px;font-size:20px;}
.postion{height: 45px;background: #eee;line-height: 45px;font-size: 18px;padding: 0 15px;color: #333;width: 100%;}
.postion i{color: #c33;font-size: 20px;margin-right: 5px;}
/*about*/
.ny_rcon{border: 1px solid #ccc;border-top: 2px solid #c33;
    padding-bottom: 50px;}
.about_detail{padding: 30px 20px 50px;}
.ny_rw{width: 100%;}
/*honor*/
.honor_nul{padding: 30px 10px 0;}
.honor_nul li{float: left;padding: 0 10px;width: 33.33%;margin-bottom: 30px;}
.honor_nul li:nth-child(3n+1){clear: both;}
.honor_nul li a{display: block;padding: 10px 10px;border:1px solid #ddd;background: #eee;}
.honor_nimg{width: 100%;/*height: 365px;*/margin: 0 auto;overflow: hidden;}
.honor_nul li a:hover .honor_nimg img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.honor_nul li a h3{font-size: 17px;line-height: 30px;text-align: center;margin-top: 5px;}
.honor_nul li a:hover{border-color: #c33;}
.honor_nul li a:hover h3{color: #c33;}
.honor_nimg span{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: block;background: rgba(0,0,0,0.4);-webkit-transform:scale(0);transform:scale(0);-webkit-transition: transform .35s;transition: transform .35s;}
.honor_nimg span i{width: 30px;height: 30px;line-height: 30px;text-align: center;color: #fff;position: absolute;top: 50%;margin-top: -15px;left: 50%;margin-left: -15px;font-size: 40px;display: block;}
.honor_nul li:hover .honor_nimg span{
  -webkit-transform:scale(1);transform:scale(1);
  transform:scale(1);transform:scale(1);
}
/*page*/
.page{text-align: center;margin-top: 10px;}
.page a{height:30px; border:1px solid #ccc; display:inline-block; margin:0 2px; line-height:28px; color:#332e2e; font-size:12px;padding: 0 10px;}
.page a.thisclass,.page a:hover{color:#fff; background:#c33
  ;border-color:#c33;}
.page a.lastBtn{display: none;}

#zoom {
  z-index: 99990;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#zoom .content {
  z-index: 99991;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  background: #ffffff no-repeat 50% 50%;
  padding: 0;
  margin: -100px 0 0 -100px;
  box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}
#zoom .content.loading {
  background-image: url('../images/loading.gif');
}
#zoom img {
  display: block;
  max-width: none;
  background: #ececec;
  box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  border-radius: 4px;
}
#zoom .close {
  z-index: 99993;
  position: absolute;
  top: 0;
  right: 0;
  width: 49px;
  height: 49px;
  cursor: pointer; 
  border-radius: 0 0 0 4px;
  color: #fff;font-weight: bold;font-size: 20px;
}
#zoom .close:after{position: absolute;font-family: "iconfont";content:"\e677";width: 49px;height: 49px;line-height: 49px;text-align: center;font-size: 30px;}
#zoom .previous,
#zoom .next {z-index: 99992;position: absolute;top: 50%;
  overflow: hidden;
  display: block;
  width: 49px;
  height: 49px;
  margin-top: -25px;
}
#zoom .previous { left: 0; position: relative;border-radius: 0 4px 4px 0;}
#zoom .previous:after{position: absolute;content: "\e6dd"; font-family: "iconfont";color: #fff;width: 49px;height: 49px;line-height: 49px;text-align: center;font-size: 30px;font-weight: bold;}
#zoom .next:after{position: absolute;content: "\e60b"; font-family: "iconfont";color: #fff;width: 49px;height: 49px;line-height: 49px;text-align: center;font-size: 30px;font-weight: bold;}
#zoom .next {right: 0;border-radius: 4px 0 0 4px;}
#zoom .close:hover {background: #c33;}
#zoom .previous:hover,
#zoom .next:hover {background: #c33;}
/*message*/
.message_dec{line-height: 30px;padding: 20px 20px 10px;font-size: 16px;}
.message_dec span{color: #f00;}
.form_li{padding: 0 20px;}
.form_li p{position: relative;padding:0 50px 20px 80px;}
.form_li p label{width:80px;font-size:16px;color: #666;position: absolute;top: 0px;left:0;line-height:40px;text-align: right;}
.form_li p input{width:100%;/*height: 38px;*/line-height: 20px;border:1px solid #e5e5e5;padding: 9px 10px;color: #333;font-family: inherit;}
.form_li p span.start{line-height: 43px;font-size: 14px;color: #f00;position: absolute;top: 0px;right:20px;width: 30px;text-align: center;height: 40px;}
.form_li p textarea{width:100%;height: 75px;border:1px solid #e5e5e5;resize: none;line-height: 25px;color: #333;font-family: inherit;padding: 5px 10px;}
.form_btn{padding: 0 20px;text-align: center;}
.form_btn button{width: 133px;height: 43px;font-size: 18px;color: #fff;font-family: inherit;cursor: pointer;background: #c33;margin-right: 20px;display: inline-block;border:none;}
.form_btn button:hover{background: #000;}
.form_li p span.ts{color: #f00;position: absolute;top: 0px;right:50px;line-height:40px;font-size: 12px;}
.contact_map{height: 480px;margin-top:30px;border:1px solid #ddd;margin: 50px 20px 0;}

.contact_ncon{padding: 30px 20px 0;}
.contact_l{width:50%;padding-right: 20px;}
.contact_tit{color: #c33;font-size: 18px;line-height: 1;margin-bottom: 10px;}
.contact_nul{padding-bottom: 15px;/*border-bottom:1px solid #e5e5e5;*/}
.contact_nul li{font-size: 16px;color: #666;line-height: 36px;min-height: 30px;position: relative;}
.contact_ewmc{width: 122px;margin-right: 10px;}
.contact_ewmc img{border:1px solid #e5e5e5;width: 120px;height: 120px;}
.contact_ewmc p{color: #666;font-size: 16px;text-align: center;line-height: 1;margin-top:10px;}

.contact_r{width:50%;}
.contact_r form{padding-top: 10px;}
.contact_r .form_li{padding: 0;}
.contact_r .form_li p{padding-left: 60px;}
.contact_r .form_li p label{position: absolute;top: 0;left: 0;text-align: right;width: 60px;}
.contact_r .form_li p input{width: 100%;}
.contact_r .form_li p textarea{width: 100%;}
.contact_r .form_btn{padding: 0;text-align: left;padding-left: 60px;}
.contact_content{padding: 30px 20px 0 30px;}
/*product*/
.product_nul{padding: 30px 20px 0;margin: 0 -10px;}
.product_nul li{float: left;width: 33.33%;margin-bottom: 30px;}
.product_nul li:nth-child(3n+1){clear: both;}
.product_nul li a{background: #eee;display: block;padding: 5px 5px 0;margin: 0 10px;}
.product_nimg{width: 100%;margin: 0 auto;overflow: hidden;}
.product_nul li a:hover .product_nimg img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.product_nul li a h5{font-size: 17px;line-height: 50px;text-align: center;padding: 0 10px;}
.product_nul li a:hover{background: #c33;}
.product_nul li a:hover h5{color: #fff;}
.detail_show{padding: 30px 20px 0;margin-bottom: 30px;}
.detail_dimg{border:5px solid #eee;width: 50%;}
.detail_dimg img{width: 100%;}
.detail_fr{width: 50%;padding-left: 20px;}
.detail_fr .news_dtit{text-align:left;border-bottom: 2px solid #ccc;padding: 6px 0;}
.pro_resumes{padding: 30px 0 15px;line-height: 20px;color: #999;font-size: 18px;}
.show_btn a{width: 120px;height: 35px;line-height: 35px;text-align: center;float: left;margin-right: 20px;color: #fff;background: #c33;}
.show_btn a i{margin-right: 5px;}
.show_btn a.a2 i{font-size: 14px;}
.show_btn a:hover{background: #000;}
.pa_con{padding: 0 20px;}
.new_details{padding: 30px 20px;}
/*case*/
.case_nul{margin: 30px -20px 30px;padding: 0 40px;}
.case_nul li{width:50%;float: left;margin: 0 0 30px;}
.case_nul li:nth-child(2n+1){clear: both;}
.case_nul li a{display: block;position: relative;overflow: hidden;padding: 0 20px;}
.case_nimg{width:100%;overflow: hidden;border:10px solid #e6e6e6;}
.case_nimg img{width:100%;height: 100%;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.case_nul li h2{font-size: 18px;line-height: 40px;color: #333;}
.case_ninfo{font-size: 14px;line-height: 30px;color: #666;margin-bottom: 10px;}
.case_nmore span{width: 120px;height: 35px;background: #ccc;color: #666;font-size: 14px;text-align: center;line-height: 35px;display: block;}
.case_nul li a:hover .case_nimg{border-color: rgba(0,102,204,1);}
.case_nul li a:hover h2{color: #c33;}
.case_nul li a:hover .case_nimg img{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.case_nul li a:hover .case_nmore span{background: #c33;color: #fff;}
/*news*/
.news_nul{padding: 10px 30px 0;margin-bottom: 40px;}
.news_nul li{padding: 20px 0;border-bottom: 1px dashed #e5e5e5;}
.news_nul li a{display: block;padding-left: 180px;height: 120px;}
.news_nimg{width: 160px;height: 120px;position: absolute;overflow: hidden;border:1px solid #ddd;top: 0;left: 0;}
.news_nimg img{width: 100%;height: 100%;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.news_nul li a h2{color: #666;font-size: 18px;margin-bottom: 5px;line-height: 30px;display: block;}
.news_nul li a span,.news_nul li a p.ndate span.fl{font-size: 14px;color: #999;font-weight: normal;}
.news_nul li a p.ndate{line-height: 25px;margin-top: 10px;}
.news_nul li a:hover p.ndate span.fr{color: #c33;}

.news_ninfo{height:40px;font-size: 14px;color: #999;line-height: 20px;}
.news_nul li a:hover h2{color: #c33;}
.news_nul li a:hover .news_nimg img{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.active_nul li h3{font-size: 18px;line-height: 25px;color: #333;padding: 10px 0;}

.news_dtit{font-size: 22px;line-height: 1.4;text-align: center;color: #c33;}
.news_ndata{padding:15px 0;color:#999;line-height:20px;text-align: center;margin-bottom: 15px;border-bottom: 1px dashed #d5d5d5;}
.news_ndata span{padding: 0 5px;}

.share{color: #000;font-size: 14px;line-height: 40px;margin-top: 30px;}
.back{width: 130px;height: 40px;color: #fff;background: #c33;display: block;text-align: center;font-size: 14px;line-height: 40px;}
.back:hover{color: #fff;background:#f93;}
.share_icon{float: left;margin-top: 6px;}

.detail_re{margin-top: 20px;}
.detail_re p{line-height: 40px;color: #666;border:1px solid #e5e5e5;margin-bottom: 20px;background: #eee;padding: 0 10px;}
.detail_re p span{color: #999;padding-right: 15px;}
.detail_re p a span{color: #666;}
.detail_re a{color: #666;display: inline-block;}
.detail_re a:hover{color: #c33;}
/*download*/
.down_nul{margin: 20px 20px 10px;}
.down_nul li{width: 33.33%;padding: 0 20px;float: left;margin-bottom: 20px;}
.down_nul li a{display: block;}
.down_nimg{width: 100%;border:1px solid #ddd;}
.down_nimg img{
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}
.down_nimg p{position: absolute;top:0;right: 0;bottom: 0;left:0;background: rgba(0,0,0,.5);display: none;color: #fff;}
.down_nimg i{display: block;line-height: 50px;margin-top: 110px;font-size: 40px;}
.down_nimg span{display: block;text-align: center;font-size: 16px;}
.down_nul li a h2{line-height: 40px;text-align: center;font-size: 18px;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.down_nul li a:hover .down_nimg p{display: block;}
.down_nul li a:hover h2{color: #c33;}
.down_nul li a:hover .down_nimg img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/*order*/
.ny_menu{margin: 30px 20px 20px;}
.ny_menu li{float: left;width: 49%;}
.ny_menu li:nth-child(2n){float: right;}
.ny_menu li a{display: block;height: 40px;line-height: 40px;text-align: center;border-radius: 4px;overflow: hidden;background: #d5d5d5;margin-bottom: 5px;font-size: 16px;}
.ny_menu li a:hover,.ny_menu li a.hover{background:#c33;color: #fff;}

.message_form{width: 60%;margin: 0 auto;padding:10px 0 0;}
.message_btn{width: 60%;margin: 0 auto;padding: 0;padding-left: 50px;padding-right: 30px;}
.message_form.form_li p input{border-radius: 3px;}
.message_form.form_li p textarea{border-radius: 3px;}
.message_btn button{width: 48%;margin: 0;border-radius: 3px;background: #c33;overflow: hidden;border:1px solid #c33;color: #fff;}
.message_btn button:hover{background: #f90;border-color: #f90;}

.message_lul{padding-top: 10px;margin: 0 20px 40px;}
.message_lul li{border:1px solid #ddd;padding: 5px 5px;margin-bottom: 10px;}
.message_lul li p.tit{line-height: 30px;color: #666;background: #ddd;padding: 0 5px;margin-bottom: 5px;}
.message_lul li p.tit span{color: #333;}
.message_ldec{position: relative;padding-left: 30px;line-height: 24px;}
.message_ldec span.poa{position: absolute;top: 0;left: 0;width: 30px;color: #f00;}
.message_ldec2 span.poa{color: #c33;}
/*弹框*/
.bg_blank{display:none;position: fixed;top:0;left:0;width: 100%;height:100%; background:#000;z-index: 888;opacity: 0.7;filter: alpha(opacity=80);-moz-opacity: 0.8;}
.reg_box{width: 500px;height: 420px;border:2px solid #c33; z-index: 999;position: fixed;top:50%;left:50%;margin-left:-250px;margin-top:-210px;background: #fff;display: none;}
.reg_box a.iconfont{position: absolute;z-index: 1000;top:-20px;right:-20px;display: block;color: #fff;font-size: 24px;width: 40px;height: 40px;line-height: 43px;text-align: center;background: #f90;border-radius: 50%;}
.reg_box a.iconfont:hover{background: #1360ae;color: #fff;}
.box_form{padding-top: 25px;width: 100%;padding-left: 10px;}
.box_form h5{text-align: center;line-height: 30px;font-size: 20px;color: #c33;margin-bottom: 15px;font-weight: bold;}
.box_btn{width: 100%;padding-left: 90px;padding-right: 50px;}

.search_nul li a{padding-left: 0;height: auto;}
.search_nul li{padding: 0;}
.search_nul li a h2{margin-bottom: 0;line-height: 40px;}

.fabric_nul{padding-top: 30px;}
.fabric_nul li{width: 33.33%;margin-bottom: 30px;}
.fabric_nul li a:hover{margin-top: 0;box-shadow: 0 0 10px rgba(204,51,51,0.6);}

/*sitemap*/
.map_con{padding-bottom: 40px;}
.map_location{line-height: 50px;border-bottom: 1px solid #ddd;margin-bottom: 30px;}
.map_location h2{font-size: 18px;color: #c00;font-weight: bold;}
.map_location .fr i{color: #c00;font-size: 20px;margin-right: 5px;}
.map_location .fr a:hover{color: #c00;}

.map_ul>li{margin-bottom: 10px;}
.map_ul>li>a{display: block;background: #ddd;border:1px solid #ccc;padding: 0 10px;line-height: 30px;font-size: 16px;}
.map_ul>li>ul{padding: 0 10px;}
.map_ul>li>ul>li a{display: block;line-height: 30px;color: #666;border-bottom: 1px dashed #eee;}
.map_ul>li a:hover{color: #c00;}
@media screen and (max-width: 1200px){
  .wp{width: 900px;}
  .top_main .fl{width: 480px;}
  .logo img.logo_pc{height: 50px;}
  .slogen{padding-top: 26px;}
  .slogen span{line-height: 26px;font-size:16px;}
	.swiper_banner .swiper-slide img{height: 340px;}
  .banner_form{display: none;}
  .step_li{width: 160px;height: 160px;}
  .step_con span{padding-top: 50px;}

  .foot_list{width: 160px;}
  .ny_right{width: 640px;}

  /*.footer.wp{padding: 20px 10px 10px;}
  .link.wp{padding: 10px 10px 0 10px;}
  .ny_content.wp{padding-top: 30px;padding-bottom: 30px;}
  .product_nlist li{width: 33.33%;}*/
}
@media screen and (max-width: 920px){
  .wp{width: 750px;}
  .top_main .fr{display: none;}
  .top_main .fl{width: 100%;}
  .nav>ul>li a{font-size: 14px;}
  .tit_ul li{width: 33.33%;}
	.swiper_banner .swiper-slide img{height:270px;}
	.product_list li{width: 33.33%;}
	.step_li{width: 140px;height: 140px;}
  .step_con span{padding-top: 30px;}
  .news_rcon{margin-left: 140px;}
  .foot_list{width: 120px;}
  .foot_tel{width: 320px;}
  .ny_right{width: 490px;}
  .pageinfo{display: block;margin-top: 10px;}
}
@media screen and (max-width: 768px) {
  body{padding-top: 50px!important;padding-bottom: 50px!important;}
  .wp{padding: 0 10px;width: 100%;}
  .top_main{display: none;}
  .head_main{height: 50px;border-bottom: 1px solid #ccc;position: fixed;top: 0;right: 0;left: 0;z-index: 100;}
  .logo img.logo_pc{display: none;}
  .logo img.logo_wap{display: block;}
  .logo{margin-top: 8px;}
  .slogen{display: none;}
  .head_fr{display: none;}
  .logo img.logo_wap{display: block;}
  .head_main .icon-caidan{display: block;}
  .swiper_banner.swiper-container{}
  .about_pic{display: none;}
  .about_fl{width: 100%;padding-right: 0;}
  .about_con{margin-top: 20px;}
  .home_btn{margin-top: 20px;}
  .home_tit h3{font-size:22px;}
  .hign_ul{padding-top: 20px;}
  .fabric_ul li{width: 50%;}
  .hign_ul li{width: 50%;}
  .hign_ul li:nth-child(2n+1){clear:left;}
  .home_more{width: 120px;height: 35px;line-height: 35px;}
  .fabric_infos{padding: 20px 0px 10px;}
  .step_ul li{width: 50%;}
  .step_li{width: 140px;height: 140px;}
  .step_con span{padding-top: 40px;}
  .foot_main{display: none;}
  .foot_menu{display: none;}
  .about_link {padding-top: 10px;}
  .about_link a{margin-top: 10px;}
  .search_main{display: none;}
  .swiper_banner .swiper-slide img{height: 120px;}
  .home_tit2 h3{font-size: 22px;}
  .home_tit2 h3 span{display: none;}
  .fabric_ul{margin: 0 -10px;}
  .op0 {
    opacity: 1;
    transform: translate(0,0);
  }
  .news_ul {margin: 0;}
  .news_ul li{width: 100%;padding-right: 0;}
  .home_navul li{width: 50%;margin-bottom: 20px;}
  .kefu_con{display: none!important;} 
  
  .body_lock{height: 100%;overflow: hidden;}
  .wp_wap .fl{padding-top: 7px;}
  .wp_wap .fl img{height: 36px;}
  .wp_wap .fr,.wp_wap .fl{width: 40px;height: 50px;display: block;text-align: center;line-height: 50px;color: #c33;font-size: 24px;font-weight: bold;}
  .wp_wap .fl.iconfont{padding-top: 0;text-align: left;}
  .nav_main{position: fixed;top: 0;left: 0;width: 50%;height: 100%;overflow: auto;
    z-index: 1000!important;
    -webkit-transform: translate3d(-100%,0,0);
    -webkit-transition: -webkit-transform 350ms cubic-bezier(.165,.84,.44,1);
    transition: transform 350ms cubic-bezier(.165,.84,.44,1);
  }
  .nav_main.on{
    visibility: visible;
    transform: translate3d(0px, 0px, 0px);
  }
  .nav_main .wp{padding: 0;}
  .nav>ul>li{width: 100%;border-bottom: 1px solid #999;}
  .nav>ul>li a{text-align: left;padding-left: 10px;font-size: 16px;position: relative;}  
  .nav>ul>li>a:after{
    width: 20px;
    height:100%;
  position:absolute;
  right: 10px;
  top: 0;
  font-family: "iconfont";
  content: "\e60b";
  color: #fff; 
  border-width: 0;
  border-color:none;
  left: auto;
  margin-left: 0;
  }
  .nav>ul>li>a:hover:after, .nav>ul>li>a.on:after, .nav>ul>li>a.current:after{
    width: 20px;
    height:100%;
    border:none;
    bottom: auto;
    left: auto;
    margin-left: 0;
    content: "\e60b";
    color: #f60;
  }
  .nav>ul>li:last-child{display: none;}
  .nav>ul>li>a:hover, .nav>ul>li>a.on{background: none;color: #ff6d07;}
  .nav>ul>li>a:hover:after, .nav>ul>li>a.on:after{
    width: 20px;
    height:100%;
    position:absolute;
    right: 10px;
    top: 0;
    font-family: "iconfont";
    content: "\e60b";
    color: #f60;
    border-width: 0;
    border-color:none;
    left: auto;
    margin-left: 0;    
  }
  .nav>ul>li>a:hover, .nav>ul>li>a.on, .nav>ul>li>a.current{background: none;color: #c33;}
  .service_main{padding-bottom: 10px;}
  .link_main{display: none;}
  .wap_foot{display: block;}
  .swiper_banner .swiper-button-next, .swiper_banner .swiper-button-prev{display: none;}
  .swiper_banner>.swiper-pagination-bullets{bottom: 5px;}
  .swiper_banner>.swiper-pagination-bullets .swiper-pagination-bullet{width: 8px;height: 8px;}
  .step_main{padding-bottom: 20px;}
  .ads_con{height: 70px;width: 100%;overflow: hidden;}
  .ads_con img{height: 70px;}
  .case_main{padding-top: 20px;padding-bottom: 20px;}
  .bg_blank.on{display: block;}
  .form_li p label{width: 50px;}
  .reg_box{width: 300px;margin-left: -150px;height: 370px;margin-top: -185px;position: absolute;}
  .form_li p{padding: 0 30px 15px 50px;}
  .form_li p span.start{right: 0;}
  .box_form{padding-top: 10px;}
  .box_btn{padding-left: 60px;padding-right: 25px;}
  .form_btn button.form_reset{margin-right: 0;}
  .reg_box a.iconfont{width: 25px;height: 25px;line-height: 25px;top: -12px;right: -12px;}
  .ny_banner{display: none;}
  .location{background: none;border-bottom: 1px solid #ccc;}
  .menu_tit{display: none;}
  .menu_contact{display: none;}
  .menu_case{display: none;}
  .menu_list{background: none;margin-bottom: 0;}
  .menu_ul{margin: 0 -5px;border-bottom: none;}
  .menu_ul li{float: left;width: 33.33%;padding: 0 5px;margin-bottom: 10px;}
  .menu_ul li a{padding: 0 5px;text-align: center;border-top: none;border:1px solid #eee;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;}
  .menu_ul li a i{display: none;}
  .menu{width: 100%;padding: 10px 0;}
  .ny_right{width: 100%;padding-left: 0;}
  .menu_ul{width: auto;}
  .menu_ul li ul{display: none!important;}
  .postion{display: none;}
  .ny_right{border:none;padding: 0 0 20px;min-height: auto;}
  .about_detail{padding: 0;}
  .detail img{height: auto!important;}
  .contact_ncon{padding: 0;}
  .contact_l{width: 100%;padding-right: 0;}
  .contact_ewm{display: none;}
  .contact_r{width: 100%;}
  .form_btn button{width: 100px;margin-right: 10px;font-size: 16px;}
  .contact_map{margin: 30px 0 0;height: 250px;}
  .product_nul li{width: 50%;}
  .product_nul li:nth-child(3n+1){clear: none;}
  .product_nimg{width: 100%;}
  .product_nul{padding: 0;}
  .product_nul li{margin-bottom: 20px;}
  .detail_show{padding: 0;}
  .detail_dimg{width: 100%;}
  .detail_fr{width: 100%;padding-left: 0;}
  .pa_con{padding: 0;}
  .case_nul{margin: 0 -5px 0;padding: 0;}
  .case_nul li a{padding: 0 5px;}
  .case_nimg{border-width: 3px;}
  .case_nmore {display: none;}
  .news_ndata span:nth-child(1){display: none;}
  .new_details{padding: 0;}
  .news_nul{padding: 0;margin: 0;}
  .message_form{width: 100%;}
  .message_btn{width: 100%;}
  .ny_menu{margin: 0;}
  .message_lul{margin: 0;}
  .pro_nav{margin: 15px 0 0;}
  .pro_nav a{width: 32%;padding: 0 5px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-right: 2%;margin-left: 0;}
  .pro_nav a:nth-child(3n){margin-right: 0;}
  .product_list li{width: 50%;}
  .about_link{display: none;}
  .about_main{padding: 20px 0;}
  .pageinfo{display: none;}
  .page a{margin-bottom: 10px;}
  .product_nul li a h5{font-size: 14px;line-height: 35px;}
  .case_nul li h2{font-size: 15px;}
  .case_ninfo{line-height: 20px;}
  .case_nul li{margin-bottom: 10px;}
  .news_nul li{padding: 15px 0;}
  .news_nimg{width: 110px;height: 83px;}
  .news_nul li a{height: auto;padding-left: 120px;}
  .news_nul li a h2{position: relative;line-height: 25px;height: 45px;font-size: 16px;margin-bottom: 0;}
  .news_nul li a h2 span{position: absolute;top: 22px;left: 0;}
  .share{display: none;}
  .home_btn a.home_more{margin: 0 10px;}
  #LXB_CONTAINER{width: 0!important;  height: 0!important;  }
  .case_main .swiper-button-next, .case_main .swiper-button-prev{display: none;}
}