@charset "utf-8";
@media screen and (max-width: 1920px) {


.bjtxt{ padding:80px 0;}
.bjtxt h3{ font-size:28px; }
.bjtxt ul li{ font-size:18px; padding:8px 0; padding-left:15px;
}
@media screen and (max-width: 1680px) {
.nban{height:383px;}
.nban-pro1con{height:704px}
.nban-pro2con{height:639px}

.bjtxt{ padding:50px 0;}
.bjtxt h3{ font-size:24px; }
.bjtxt ul li{ font-size:16px; padding:5px 0; padding-left:15px;
}
@media screen and (max-width: 1440px) {
.nban{height:329px;}
.nban-pro1con{height:603px}
.nban-pro2con{height:548px}
.banzi span{font-size: 50px}
.nban .zi{width: 70%}
.nban span{font-size: 40px;margin-bottom: 0}
.nban-pro2con b{font-size: 40px}

.pro li b{font-size: 36px}
.casebg li b{font-size: 40px}
.videoul-prev{left: 10px}
.videoul-next{right: 10px}

.procon-t span{font-size: 30px}
.qutxt h3{font-size: 30px;}

.pro1con02 .y span{font-size: 30px}
.pro1con04 .z img{margin-top: 10px}

.abjs-t{font-size: 28px;}
.abjs2 .z>b{font-size: 20px}
/*家用推广*/
.jtuig-bt>img{height: 40px}
.jtuig-case .fli .zi img{height: 40px}
.product-desgin .menu ul li{font-size: 40px; line-height: 1.8;}
.product-desgin .intro h4 a{font-size: 18px}
.product-series li .content h4{font-size: 24px}
.jtuig-yue .zi b{font-size: 24px}
.jtuig-yue .zi{font-size: 18px}

}

}

@media screen and (max-width: 1366px){
.nban{height:312px;}
.nban-pro1con{height:572px}
.nban-pro2con{height:519px}

.sycase li .mask{left: 55px}
.syfuwu li{height: 300px}

.casewid{width: 100%;margin-top: 0}
}

@media screen and (max-width: 1200px) {
.nban{height:274px;}
.nban-pro1con{height:503px}
.nban-pro2con{height:456px}
.banzi span{font-size: 40px}
.banzi img{height: 50px}
.nban .zi{width: 85%}
.nban span{font-size: 30px}
.nban-pro2con img{height: 35px}
.nban-pro2con b{font-size: 30px}
.nban-pro2con em{font-size:22px}

.container{ max-width:100%; width: 100%; padding-left: 10px; padding-right:10px}

.prodnav{width: 720px;}
.menu1{ width: 220px; }
.menu2{ width: 180px; }
.menu2con img{width: 320px}
.menu2con .navby{width: 320px}

.zinav>.tubg{width: 120px}

.menu1>li,.menu2>li{padding: 0 10px}
.menu1>li>a>i, .menu2>li>a>i{font-size: 26px}
.menu2con .name{font-size: 18px;padding:10px 5px}
.menu2con .z{font-size: 16px; padding: 5px;padding-top: 0;line-height: 30px}
.zinav2{width:300px}


.heatop{padding: 15px 0 0 0}
.dtit{font-size: 24px; padding: 25px 0}
.dtit b{font-size: 20px}
.huibg{padding-bottom: 25px}
.syfuwu{padding-bottom: 25px}
.sycase .swiper-pagination{right: 10px}
.synews{padding-bottom: 25px}
.syab{padding: 25px 0 40px 0}
.footer{padding: 25px 0}
.sypro li b span{width:65px; font-size: 20px;padding:7px 12px;}
.sypro li p{background-size: 50px}
.synewsy li a{padding: 10px 25px}

.posi{padding: 10px}
.pro li b{font-size: 30px}
.pro1{margin-top: 25px}
.pro2{margin-top:25px}
.pro2 li .txt span{font-size: 22px}
.casebg li b{font-size: 30px}
.case1-m{margin: 25px 1%}

.case1conzbg{width: 100%;padding: 25px 0}
.case1conz li{ height:480px; }
.case1conzxia li>p{height: 100px;}
.caseinfo{ max-height: auto; overflow:hidden;  }

.case1cony{width: 100%}
.case1cony h1{font-size:20px;}
.tuicasez{width: 95%}
.mbottom40{ margin-bottom:15px;  }
.news{padding-top: 25px}
.newsconbg{padding-bottom: 25px}
.newscon-t>h1{font-size: 22px}
.newscon{padding: 20px}
.newscon-desc{margin: 20px 0}
.artpage{margin: 20px 0}
.artpage span{padding: 5px}
.tuinews{margin-top: 20px}
.tuinews b{font-size: 20px}
.fuwu1-m{padding: 25px 0}
.fuwu1{margin-bottom: 25px}
.ntit{font-size: 22px;margin: 25px 0;}
.sntit{font-size: 22px;margin: 25px 0;}
.fuwu2xia{margin: 25px 0}
.fuwu2xia b{font-size: 18px}
.fuwu3z span{font-size: 22px}
.fuwu3{margin: 25px 0}
.zhting .t{font-size: 22px; margin-bottom: 10px}
.fuwu4z1{min-height: auto}
.fuwu4z1 b{font-size: 22px}
.fuwu4z1 p{margin:8px 0 15px 0 }
.fuwu4z1 .dian{padding:3px 10px; padding-left: 50px}
.fuwu4z2 span{font-size: 22px}
.fuwu4z2 i{font-size: 40px}
.fuwu4y>div{padding-top: 0}
.news li figure{width:300px;margin-right: 10px }
.casenews li figure{width: 210px}
.news li div{padding: 10px}
.video-t{padding: 20px 0}
.videoul li span{margin: 5px 0}
.videouldong{margin-bottom: 25px}


.abjs-t{font-size: 24px;padding: 25px 0}
.abjs .y b{font-size: 20px;top:-45px;}
.abjs2 .z>b{font-size: 18px}

.abln p{margin-bottom: 30px}
.abln li b{font-size: 18px}
.abln2{margin-bottom: 25px}
.abln2 li .mask b{font-size: 18px}
.absy{margin: 25px auto}
.absyxia{margin-top: 25px}
.absy p{margin-top: 15px}
.zhao{margin-bottom: 25px}
.zplist{padding-bottom: 25px}

.procon-t{padding: 25px 0}
.procon-t span{font-size: 24px}
.pro1con02 .y span{font-size: 24px}

.qutxt h3{ font-size:24px;}
.pro1con01{padding-bottom: 25px}
.pro1con01 li>span{font-size: 22px; margin: 10px 0}
.pro1con02 .y span.m{margin-top: 10px}
.pro1con02 .y>div{width: 100%;padding-left: 0}
.pro1con02 .y p{margin-top: 0}
.pro1con06 li{margin:0 0 10px 0; padding-top: 10px; border-top:1px solid #dcdcdc;}
.pro1con06{padding-bottom: 25px}
.pro1con07 .zi-m{width: 100%}
.pro1con07 .zi{width: 100%}
.pro1con07 .zi-m li{width: 23%;margin: 10px 1%;text-align: center;
font-size: 16px;padding: 5px 0;}
.pro1con08>li .left{font-size: 22px}
.pro1con08>li{padding: 10px}
.pimpcase{margin-bottom: 25px}


.pro2con01 .ul2{margin-top: 25px}
.pro2con01 .ul2 li{margin-bottom: 25px}
.pro2con01 .ul2 li>img{width:65px }
.pro2con01 .ul2 li>p{font-size: 20px}
.pro2con04{margin-bottom: 25px}
.pro2con06bg{padding-bottom:25px}
.pro2con07{margin-bottom: 25px}
.pro2con08{padding-bottom:25px}
.pro2con09 li b{font-size: 30px}
.pro2con09 p{margin:30px 0 }


.ditu{height: 400px}
.tuig-anli{padding-bottom:25px}
.tuig-jia{padding-bottom: 25px}

.jtuig-bt{padding: 25px 0}
.product-series{margin-top: 25px}
.jtuig-case{margin-top: 25px}
.product-desgin .desginer .mask{padding: 10px}
.product-desgin .desginer .mask h4{font-size: 20px}
.product-desgin .intro .line{margin-top: 5px}
.product-series li .content>div{width: 100%;margin:0 3%;}
.product-series li .content h4{font-size: 20px}
.product-series li .content .zi{font-size: 14px}
.jtuig-yue .zi a{height: 36px; line-height: 36px}
.jtuig-yue .zi b{font-size: 20px}

.pro2con05 .container{ width: 100%; }

.product-desgin .menu ul li{line-height:1.7; font-size:36px;}
.product-desgin .intro p{font-size: 14px;margin-top: 10px;}

}


@media screen and (max-width: 1024px) {

.nban{height:234px;}
.nban-pro1con{height:429px}
.nban-pro2con{height:389px}
.nban i{display: none}
.banzi{font-size: 20px}
.banzi span{font-size: 30px;}


.sypro li p{background:#fff;  padding: 0 10px}
.sypro li p>a{padding: 3px 10px;margin:20px 5px;}
.syfuwu li{height: 250px}
.syfuwu li i{width: 60px;height: 57px}
.sycase li .mask>div{padding:6px}
.synewsz .txt{padding: 10px}
.synewsy li .txt p{height: 24px;}
.synewsy li a {padding:5px;}
.synewsy li .date{margin-top: 2px}
.synewsy li .date .day{font-size: 28px;}

.pro li b{font-size: 24px}
.pro1 li p{background:#fff;
background-size:50px}
.pro2 li .txt{padding: 2%}
.pro2 li .txt span{font-size: 20px}
.pro2 li .txt i{font-size: 14px;margin-bottom: 5px}
.pro2 li .txt p{line-height: 1.6}
.casebg li b{font-size: 24px}
.casenews li figure{width: 180px;margin-right: 10px}
.news li div{padding: 10px}
.casenews li span{height: 22px}
.fuwu1 li .y p{width: 100%}
.fuwu4y>div{width: 98%}
.fuwu4z2 i{display: none}
.videocon{padding: 0;margin-bottom: 20px}
.videocon h1{margin-top:15px }
.abzizhi li b{padding: 5px}
.zhao ul{width: 100%}
.zhao li>b{margin-top: 10px}
.zplist li{padding: 0 20px}

.case1conz li{ height:450px; }
.case1conzxia li>p{width: 100%; height: 80px;}

.procon-t{width:100%;padding-left:10px;padding-right: 10px;}
.pro1con01{width: 100%}
.pro1con02 .z{width: 100%}
.pro1con02 .y{width: 100%;position: static;padding: 15px}
.pro1con04 .z,.pro1con04 .y{width: 100%}
.pro1con04 .procon-t p{height: auto}
.pro1con04 .z img{margin-top: 0}

.pro1con08>li .left{font-size: 20px}
.pro1con08>li .rig .ul1 li{margin-bottom: 10px}
.pro1con08>li .rig .ul2 li{margin-bottom: 10px}
.pro1con08>li .rig .ul2 li .y>div{margin-bottom: 10px}


.p30bj{padding: 25px 0}
.pro2con03 .y{margin-top: 8%}
.pro2con03 .y img{height:40px }
.pro2con04 li p{padding: 10px; height: 90px}

.pro2con05 .im1{display: none}
.pro2con05 .im2{display: block;}
.pro2con07-s .z{width: 100%}
.pro2con07-s .y{width: 100%}
.pro2con09{padding: 0 0 25px 0}
.pro2con09 ul{width: 90%}
.sypro li p span{ display: none; }
.sypro li p.phe{ line-height: 50px; }
.ditu{ height: 360px}

.advan li{width: 100%;min-height: auto;margin:5px 0;}
.advan li .y{padding: 20px 3%}
.jtuig-case .fli .zi img{height: 30px;margin: 10px 0}
.jtuig-case .fli .zi a{margin-left: 10px;line-height: 30px; height: 30px; width: 100px;
margin:0 auto;}

.product-desgin .menu ul li{line-height:1.5; font-size:32px;}

}
@media screen and (max-width: 920px) {

.prodnav{width: 580px;}
.menu1{ width: 180px; }
.menu2{ width: 150px; }
.menu2con img{width: 250px}
.menu2con .navby{width: 250px}
.menu1 > li, .menu2 > li{ line-height: 60px; }
}


@media screen and (max-width: 860px) {
.nban{height:196px;}
.nban-pro1con{height:360px}
.nban-pro2con{height:327px}
.banzi img{height: 40px}

.newscon-t>h1{font-size: 18px}
.newscon-t>span{margin-top: 0}
.artpage span{width: 100%}
.artpage span:first-child{border-right:none;}

.fuwu1{width: 100%;}
.fuwu1 li .z .im{width:80px}
.fuwu3z b{display: none}
.news li figure{width:250px }
.casenews li figure{width: 160px}
.news li span{margin-bottom: 0}
.news li i{display: none}

.table{width: 100%}
.table .t1{width: 160px;}
.youside{display: none!important}
.ditu{ height: 320px}
.table2 tr{ width: 100%; }
}

@media screen and (max-width:768px) {


/*手机头部*/
.wapheader {height:50px;line-height: 50px; position:fixed;z-index:100; text-align: center;background: #fff;
overflow: visible;top: 0;border-bottom: 1px solid #e8e8e7; width: 100%; display: block;}
.wapheader .logo {height: 39px; }

.wapheader .search {width: 100%;position: absolute;left: 0;top: 0;z-index: 1;
 background-color: #fff; padding: 0 10px;line-height: 47px;
transition: all .3s; -webkit-transition: all .3s;    
transform: translate3d(-89%, 0, 0); -webkit-transform: translate3d(-89%, 0, 0);}
.wapheader .search.active {transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.wapheader #btn_close {font-size: 30px;color: #b7b7b7;float: left;}
.wapheader #search {height: 35px;line-height: 35px; border-bottom: 1px #ccc solid;
color: #aaa;width: 78%}
.wapheader #btn_search {
width: 20px;height: 20px;background: url(../images/search_b.png) no-repeat center center;
background-size: 100%;float: right;margin-top: 16px;}

.wapheader .menu {position: absolute;right: 0;top: 0; margin-right: 10px;
width:26px;margin-top: 16px}
.menu .line {width: 100%;height: 2px;background-color: #b5b5b5;
overflow: hidden;opacity: 1;margin: .5px 0;
transition: all .5s;-webkit-transition: all .5s;}
.menu .line_mid {width: 80%;margin: 6px 0 6px 20%;}

.active.wapheader .menu {z-index: 110;}
.active.wapheader .menu .line {background-color: #fbfbfb;}
.active .menu .line_top {transform: rotate(45deg) translate3d(-3px, 0px, 0);
-webkit-transform: rotate(45deg) translate3d(-3px, 0px, 0);
transform-origin: 0% 100%;-webkit-transform-origin: 0% 100%;}
.active .menu .line_bottom {transform: rotate(-45deg) translate3d(-2px, 0px, 0);
-webkit-transform: rotate(-45deg) translate3d(-2px, 0px, 0);
transform-origin: 0% 0%;-webkit-transform-origin: 0% 0%;}
.active .menu .line_mid {opacity: 0;
transform: translate3d(60px, 0, 0) scaleX(.1);-webkit-transform: translate3d(60px, 0, 0) scaleX(.1);
transform-origin: 25% center;-webkit-transform-origin: 25% center;}


.head_nav {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 101;
overflow: hidden;background:#fff;
transform: translate3d(-100%, 0, 0);-webkit-transform: translate3d(-100%, 0, 0);
transition: all .5s;-webkit-transition: all .5s;}
.active.wapheader .head_nav {transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.head-nav-head {width: 100%;background:#4b4b4b;}

.new-nav-div {width: 200%;height: 100%;text-align: left; overflow: hidden;clear: both;
transition: all 0.5s;}

.one{padding:0 20px;width: 50%;height: 100%;overflow-y: auto; float: left;}
.one li{width: 100%;line-height: 75px;border-bottom: 1px solid #eeeeee;font-size: 16px;
position: relative;padding-left:30px}
.one li>a{display: block;}
.one li>i{width:80px;height: 100%;display: block; position: absolute; right: 0;
top: 0;background:url(../images/zinav-spanbg.png) no-repeat center 30px}
.one.active{transform: translate3d(-100%, 0, 0);-webkit-transform: translate3d(-100%, 0, 0);}


.two{width: 50%;height: 100%;overflow-y: auto; float: left;
transform: translate3d(100%, 0, 0);-webkit-transform: translate3d(100%, 0, 0);
transition: all .5s;-webkit-transition: all .5s;}
.twom{width: 32%; float: left;background:#eee;text-align: center;}
.twom li{width: 100%;line-height: 75px;border-bottom: 1px solid #fff;}
.twom li a{ display: block; padding:0 10px;}
.twom li.cur{background:#3c1d90;color: #fff}
.twocon{width: 65%;float: right}
.twocon li{line-height: 75px; padding-left: 20px;border-bottom: 1px solid #eeeeee;position: relative;
background: url(../images/zinav-spanbg.png) no-repeat 93% center;}
.twocon li>a{display: block;width:100%}
.two.active{transform: translate3d(-100%, 0, 0);-webkit-transform: translate3d(-100%, 0, 0);}


.tan{position: absolute; right: 0; top: 0;width: 100%;height: 100%;background:#fff;
transform: translate3d(100%, 0, 0);-webkit-transform: translate3d(100%, 0, 0);
transition: all .5s;-webkit-transition: all .5s;}
.tan .z{width: 19%;float: left; height: 100%;position: absolute;
background:#4b4b4b url(../images/all-prev.png) no-repeat center center;}
.tan .y{width: 80%;float: right;padding: 0 20px}
.tan .y a{display: block; line-height: 75px;border-bottom: 1px solid #eeeeee;
background:url(../images/zinav-spanbg.png) no-repeat right center;}
.tan.active{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}

/*手机头部*/


.nban-pro1con{height:322px}
.nban-pro2con{height:292px}
.banzi{font-size: 16px}
.banzi span{font-size: 20px}
.banzi img{height: 35px}
.banner .swiper-pagination-bullet{width:20px;height:3px}
.banner .swiper-pagination-bullets{bottom: 0px!important;}
.nban .zi{ width: 90%; }
.nban span{font-size:20px}
.nban p{font-size: 14px}
.nban-pro1con p{font-size: 18px}
.nban-pro1con .scroll-btn{display: none}
.nban-pro1con>img{min-height: 200px}
.nban-pro2con b{font-size: 18px}
.nban-pro2con img{height: 16px}
.nban-pro2con em{font-size:16px;background-size:24px;padding-left:30px}
.nban-pro2con p{font-size: 12px;margin-bottom: 0px;}
.banner,.nban,.pro,.casebg,.case1conzbg,.martop63{margin-top:50px;}
.posi{display: none}

.header{position: fixed; top: 0; left: 0;height: 63px;background-size: 100%;
 z-index: 50; display: none;}
 .heabor{border-bottom: 1px solid #3c1d90}
.heatop{padding: 6px 0 0 0 }
.heatop div.fr{margin-top: 0}
.hlang {border-left: none;padding-left: 0;position: absolute; top: 25px;right: 20%}
.hsea{margin-top: -27px; margin-right: 55px}
.hsea .k{height:25px; line-height: 25px }
.haa{display: none}
.htel{display: none}
.navbtn{position: absolute; right:10px; top:33px;z-index: 3;cursor: pointer;
display: block; background: transparent; padding:4px 0; outline: none}
.navbtn span {display: block;width:26px;height:3px;background-color:#3c1d90;
margin-left: calc(50% - 13px);margin-bottom:3.5px; transition: all .5s ease-out;transform-origin: 0 0;
-webkit-transition: all .5s ease-out; -webkit-transform-origin: 0 0;
-moz-transition: all .5s ease-out; -moz-transform-origin: 0 0;
-ms-transition: all .5s ease-out; -ms-transform-origin: 0 0;
-o-transition: all .5s ease-out; -o-transform-origin: 0 0;}
.navbtn.active{ background:#3c1d90;}
.navbtn.active span{background: #fff;}
.navbtn.active span:nth-child(2) { opacity: 0;}
.navbtn.active span:first-child {transform: rotate(45deg) translate(3px, -5px);}
.navbtn.active span:last-child {transform: rotate(-45deg) translate(-1px, 6px);}
.nav{display: none!important}


.dtit{padding:30px 0 5px 0}
.dtit{font-size: 20px}
.dtit b{font-size: 16px}
.huibg{padding-bottom: 15px}
.sycasebg{background:#f8f8f8;}
.sycasebg .dtit b{color: #dcdcdc}
.sycase{overflow: hidden;padding: 0;padding-bottom:50px;}
.sycase .swiper-pagination{top: auto; bottom: 22px;left: 0;right: 0;margin: 0 auto}

.sycase li .mask{left: 10px}
.sycase li .mask > div{ padding:6px 10px; }
.sycase li .mask > div p{ font-size: 12px; }
.sycase li .mask span{ font-size: 14px; height: auto; }

.synews{padding-bottom: 25px}
.syab{padding: 10px 10px 40px 10px}
.dbnav{ display: block; }
.footer{padding: 10px 0; display: none;}
.sypro li{width: 100%;margin-bottom: 10px}
.sypro li b span { width: auto; font-size:16px; }
.sypro li p{padding: 10px 5px;display: flex; justify-content: center;}
.sypro li p>a{margin: 0 4px; font-size: 14px;}
.sypro li p.phe{ padding:0 10px;  }
.syfuwu{padding-bottom: 30px}
.syfuwu li i{width: 40px; height: 38px;}
.syfuwu li p{ font-size:12px;}
.syfuwu li span{margin: 5px 0;font-size: 16px}
.syfuwu li{width: 50%;height: 150px;padding:15px 8px 0 8px;display: inline-block; vertical-align: top;}
.synewsz {width: 100%;margin-bottom: 10px}
.synewsz .txt span{font-size: 14px; height: auto;}
.synewsz .txt p{ font-size: 12px; line-height:18px; height:36px; }
.synewsy{width: 100%}
.synewsy li{margin-bottom: 5px}
.synewsy li .txt b{font-size: 14px;margin-bottom: 0; height: 22px; font-weight: normal;}
.synewsy li .txt p{ font-size: 12px;height: 20px; line-height: 20px; }
.synewsy li .date{ border-right:1px solid #dcdcdc; padding-right:2%; margin-right:2%;}
.synewsy li .date .day{font-size: 20px}
.synewsy li .date .month{font-size: 12px}

.syabz{width: 100%; line-height:1.6; font-size: 13px; }
.syabz a{margin:30px auto; width: 140px;}
.syaby{width: 100%;margin-top: 20px}
.syaby li b{font-size: 22px;margin-bottom: 0}
.footer{ color:#fff;  }
.foott span{ margin-bottom:0; }
.foott p{width: 100%;border-right:none;font-size: 13px; }
.foott p > i{ font-size: 20px;}
.foott ul{display: none}
.footc{margin: 10px 0; padding-top: 10px; display: none;}
.footc span{width: 100%;height: 30px}
.footc a {margin-right: 0;width: 20%;float:left;}
.links{ display: none;}
.footx{ margin-top:10px;}
.footx a{margin-right: 0;width: 50%;float:left;}
.footx p{ margin-bottom:0;}
.footx p span{ display: block;}
.gotop{bottom: 0;right:5px;}

.posi .container{padding-left: 0;padding-right: 0}
.fenye{line-height: 24px;}
.fenye a,.fenye span{padding: 0 7px;}
.pro1{margin-top: 10px}
.pro2{margin-top: 10px}
.pro li{width: 100%}
.pro li b{font-size: 20px}
.pro li p>a{padding: 2px 10px}
.pro2 li b{width: 100%}

.pro2 li .txt{width: 100%;padding: 15px}
.pro2 li .txt p{margin-bottom: 10px}
.case1-m{margin: 25px 0}
.casebg{padding: 0; padding-top:20px }
.casebg li{width: 90%;margin: 0 auto;margin-right: auto!important;margin-bottom: 20px; padding: 20px 0; float: none;
border: 1px solid #fff;}
.casebg li b{font-size: 20px}
.case1-m li{width: 33.33%;height: 35px; line-height: 35px;font-size: 14px; font-weight: normal;}
.liw25 li{ width: 50%; }
.tuicase{margin-bottom: 15px}
.case1-m #cur{ line-height: 35px; height: 35px; }

#fh5co-board[data-columns]::before { content: '2 .column.size-1of2'; }
.case1 li{margin:0 5px 10px 5px}
.fenye{margin: 10px auto}
.arrow-left, .arrow-right{width: 24px;height: 30px; margin-top: -15px}
.case1conzxia{width: 100%; margin: 10px auto 0 auto}


.case1cony{padding: 30px 0;}
.case1cony h1{font-size:18px;margin-bottom: 0; text-align: center;}
.case1cony p{ text-align: center; }
.case1cony .dian{padding: 2px 17px}
.case1cony .page{margin: 10px 0}
.case1conzbg{padding: 10px;margin-top: 70px}
.case1conz li{ height:330px; }
.case1conzxia li>p{ height: 50px;}

.tuicasez-t{font-size: 18px; margin: 15px 0}
.tuicasez {width: 88%}
.casenews li{width: 100%;margin:0 0 10px 0 }
.tuicase-prev, .tuicase-next {
    width: 20px;
    height: 50px;
    margin-top: -40px;
}

.searchnav{  border-radius:15px;}
.searchnav a{  height: 30px; font-size: 14px; line-height:30px; text-align: center; }

.mbottom40{ margin-bottom:15px;  }


.news{padding-top: 25px}
.news li figure{width: 150px}
.news li div{padding: 5px 0}
.news li span{font-size: 14px;height:25px; line-height: 25px; }
.news li span b{ display: none; }
.news li p{ font-size: 12px; line-height:18px; height: 54px;  }
#case{margin-top: 70px}
.casenews li span{height: 25px; line-height: 25px; font-size:14px;}
.casenews li p{ font-size: 12px; line-height:18px; height: 54px;  }
.casenews li figure{width: 130px}
.casenews li em{margin-top: 0}
.newsconbg{padding-bottom: 15px}
.newscon{padding:25px 0 0 0 }
.newscon-desc{margin: 10px 0;padding:10px}
.newscon .txt{margin:0 10px;}
.newscon-share{ margin:0 10px; }
.artpage{margin: 10px;}
.tuinews{margin:20px 10px 0 10px;}
.tuinews b{font-size: 18px;padding-left:0;margin-bottom:5px;}
.tuinews li{width: 100%;padding-bottom: 7px; margin-bottom: 7px;}

.fuwu1-m{padding:30px 0 15px 0}
.fuwu1{background:none;margin-bottom:0px;}
.fuwu1 li{margin-bottom: 25px}
.fuwu1 li .z{width: 100%;text-align: left;margin-bottom:4px;margin-left: 0}
.fuwu1 li .z span>i{font-size: 22px;top: -11px;left: 0}

.fuwu1 li .z span{margin-top: 7px; margin-left: 10px; display: inline-block; line-height: 32px;
font-size: 18px}
.fuwu1 li .z img{display: none}
.fuwu1 li .z .im{display: block;float: left;width:38px;margin: 0}
.fuwu1 li .y{width: 100%}
.fuwu1 li .y p{min-height: auto;padding:5px;display: block;border-radius: 5px;
font-size: 12px;}

.ntit{font-size: 18px;margin:30px 0 5px 0}
.fuwu2 li{width: 90%;padding: 10px 15px;float: none; margin: 0 auto 10px auto!important;
border: 1px solid #3b1e81;border-radius:5px;}
.fuwu2 li>p{margin-top:0;height: auto}
.fuwu2 li>img{width: 33px}
.fuwu2xia{margin: 10px 0}
.fuwu3{margin:30px 0 10px 0}
.fuwu3z{width: 100%;margin-bottom: 10px}
.fuwu3z .p2{margin-top: 10px}
.fuwu3z span{font-size: 18px}
.fuwu3 figure{width: 100%}
.zhting .t{font-size: 18px;padding:30px 0 15px 0}
.zhting li{width: 48%;margin:0 1% 20px 1%!important;}
.zhting li span{font-size: 16px;margin-bottom: 0}
.zhting li p{height: 66px}
.fuwu4z{width: 100%}
.fuwu4z1,.fuwu4z2{padding: 10px}
.fuwu4z2{margin-top: 10px}
.fuwu4y{width: 100%;margin-top: 25px;}
.fuwu4z1 .dian{background: url(../images/dian-zixunbg.png) no-repeat 10px center; font-size: 14px; background-size:auto 70%; padding-left:35px; border-radius:5px;}
.fuwu4z1 b{font-size: 18px;}
.fuwu4z2 span{font-size: 18px;}
.fuwu4z2 b{font-size: 18px;}
.fuwu4y .b{height: 30px; line-height: 30px; width: 130px; }
.video-t{padding:30px 0 5px 0;font-size: 18px;line-height: 20px}
.video-t i{background-size: contain!important; width: 30px; height: 18px;
margin-right: 0}
.vitopz {width: 100%;border-radius: 5px;}
.vitopz li .an{width: 40px;height: 40px;margin-top: -25px;}

.vitopy{width: 100%;margin-top: 10px}
.vitopy li{width: 33%;border-width: 2px;border-radius: 5px;}
.vitopy li.active-nav{border-width: 2px;}
.videoul li{width: 48%}
.videoul li b{ border-radius:5px; }
.videoul li .an{width: 25px; height: 25px;margin-top: -12px}
.videoul li span{height: 30px; line-height: 30px; overflow: hidden; font-size: 14px;}
.videouldong{margin-bottom: 10px}
.videoul-prev, .videoul-next{width: 25px; height: 28px;margin-top: -30px}
.video-t span{width: 100%;display: none}
.videocon h1{font-size: 18px;}
.videocon{margin-bottom: 10px}

.abjs-t{font-size: 18px;padding: 30px 0 5px 0}
.abjs .abjs-t{ display: none; }
.abjs .z{width: 100%;margin-top: 10px; font-size: 14px; line-height: 1.8;}

.abjs .y{width: 100%;margin-top: 50px; padding-right: 15px}
.abjs .y b{padding: 5px 15px 0 0;top: -40px;letter-spacing: 0}
.abjs2 .abjs-t{ text-align: center; padding-bottom:20px; }

.abjs2 .z{width: 100%; padding:0 15%;}
.abjs2 .y{width: 100%;font-size: 14px; line-height: 1.8; padding-bottom:30px;}
.abjslic .abjs-t{ text-align: center; padding-bottom:20px; }
.abjslic ul li{background-position: 83px 0 !important;padding-bottom: 15px}
.abjslic li .z{width: 90px;font-size: 16px}
.abjslic li .y{margin-left: 10px; width: 70%; font-size: 14px; line-height: 1.8;}

.abln li{width: 100%; margin-bottom:15px; }
.abln p{margin-bottom: 15px}
.abln li>img{width: 40px}
.abln li b{margin: 2px 0;font-size: 16px}
.abln2{margin-bottom: 10px}
.abln2 li{width: 48%;margin-bottom: 10px}
.abln2 li .mask b{font-size: 16px}

.absy{width: 100%;margin:10px auto}
.absy li{ padding:15px 0 5px 0;  }
.absyxia{margin-top: 10px;}
.absyxia li{width: 100%;margin-bottom: 10px}
.absyxia li .txt{padding: 10px}
.absyxia li span{margin-bottom: 0; font-size: 14px;}
.absyxia li p{font-size: 12px;line-height: 20px; height: auto;}
.abzizhi li{width: 48%;display: inline-block;
    vertical-align: top;
    float: none;}
.abzizhi li p{margin: 5px 0; font-size: 14px;}
.zhao li{padding: 5px;width: 31.3%;margin: 0 1%;border: 1px solid #959595;border-radius:5px;}
.zhao li>b{font-size: 14px;margin-top: 0; font-weight: normal;}
.zhao li>img{width: 25px}
.zplist{max-width: 96%}
.zplist li{padding: 0}
.zplist .biao{display: none}
.zplist li .t i{display: none}
.zplist li .t i.i1{display: block;width: 80%;}
.zplist li i:last-child{display: block}
.zplist li i:last-child em{background-size: 75%}
.zplist li .active i:last-child em{background-size: 75%}
.zplist li .zptxt{padding: 10px; font-size: 12px; line-height: 1.6;}

.procon-t{padding:30px 10px 10px 10px;}
.procon-t p{font-size: 14px}
.procon-t span{font-size: 18px}
.pro1con01 li{margin: 0;margin-bottom: 15px; width: 33.33%;}
.pro1con01 li>span{font-size: 14px;margin: 0}
.pro1con01 li>p{font-size: 12px}
.pro1con01{padding-bottom: 10px}
.pro1con01 li>img{height: 40px}
.pro1con02 .y{padding: 30px 10px}
.pro1con02 .y span{font-size: 18px}
.pro1con02 .y span>i{font-size: 18px}
.pro1con02 .y p{font-size: 14px; line-height: 1.6}
.pro1con03{overflow: hidden;padding: 0}
.pro1con03-prev, .pro1con03-next{width: 25px; height: 40px;margin-top: -20px}
.pro1con04 .procon-t{width: 100%}
.pro1con05{padding: 0; padding-bottom: 35px;overflow: hidden;}
.pro1con05 .swiper-pagination-bullet{width: 7px; height: 7px}
.pro1con05 .swiper-pagination-bullet-active{width:20px}
.pro1con05 .swiper-pagination-bullet{ margin:0 5px!important;}
.pro1con05 li span{ line-height:30px; height:30px;font-size: 14px;}


.pro1con06 li{width: 100%;margin-bottom: 15px}
.pro1con06 li img{width:34px }
.pro1con06 li span{font-size: 16px; margin: 0}
.pro1con06{padding-bottom: 15px}
.pro2con06 li>p{font-size: 14px}
.pro1con07 .zi-m li{width: 48%;font-size: 14px;border-radius:5px;}
.pro1con07 .zi-m li.uw100{ width:100%;}
.pro1con07 .zi{font-size: 14px; margin-top: 20px; text-align: left;}
.pro1con08>li .left{font-size: 16px; margin-bottom:8px; display: block; width: 100%;}
.pro1con08 > li .rig .ul1 li{ margin-bottom: 5px; }
/*.pro1con08>li .rig{width: 100%}*/
.pro1con08>li{display: block;padding: 5px;float: left;}
.pro1con08>li .rig{width: 100%;font-size: 14px;line-height: 25px}
.pro1con08>li .rig .ul1{width: 100%;float: left;}
.pro1con08>li .rig .ul1 li{float: left;}
.pro1con08>li .rig .ul1 li span{width: 25%!important;margin: 0;text-align: center;font-size: 12px;
float: left;}
.pro1con08>li .rig .ul1 li span.s1{width: 15%!important; margin:0 5%; height: 30px;line-height: 30px;}
.pro1con08>li .rig .ul2 li b{width: 100%;line-height: 45px}
.pro1con08>li .rig .ul2 li .y{width: 100%; line-height:1.6;}
.pro1con08>li .rig .ul2 li .y>div{width:33.33%;}
.pro1con08>li .rig .ul2 li .y i{width:85px; height:85px; line-height:85px; }

.pro1con08 > li .rig .ul3 li .y b{ width: 100%; text-align: left; }
.pro1con08>li .rig .down{margin-top: 10px;display: inline-block}
.pimpcase{margin-bottom: 10px}
.pimpcase li{width:48%;margin-bottom: 10px}
.pimpcase li:hover .mask{opacity: 0}
/*pro3con*/
.pro3con08>li .rig .ul1 li span {width: 33.33%!important;}
.pro3con08>li .rig .ul2 li .y>div>img{width: 85px}

.pro2con01 .ul2{margin-top: 20px;margin-bottom: 20px}
.pro2con01 .ul1 li>p{font-size: 14px}
.pro2con01 .ul2 li>img{width: 30px}
.pro2con01 .ul2 li>p{font-size: 14px;margin-top: 0}
.pro2con01 .ul2 li{margin-bottom: 10px}
.pro2con01 ul li>img{width: 20px}
.pro2con02{padding-bottom: 30px}
.pro2con03 .z{width: 100%;text-align: center;}
.pro2con03 .z img{width:60% }
.pro2con03 .y{width: 100%;text-align: left;  }
.pro2con03 .y p{margin-bottom: 10px}
.pro2con03 .y img{height: 22px}
.pro2con03 .y{ margin-top: 0; }
.pro2con04{margin-bottom: 30px}
.pro2con04 li{width: 100%}
.pro2con04 li p{height: auto;font-size: 14px}
.pro2con04 li b span{font-size:14px;padding: 5px; width: auto; }
.pro2con06bg{padding-bottom: 20px}
.pro2con06 li{width: 21%;margin: 0 2%; margin-bottom: 10px}
.pro2con07-t{height: 35px; line-height: 35px}
.table .t1{width: 110px}
.pro2con07{margin-bottom: 30px}
.pro2con08{padding-bottom: 30px}
.table td{font-size: 14px}
.pro2con09 p{margin: 10px 0;font-size: 14px}
.pro2con09 img{height:42px }
.pro2con09 ul{width: 100%}
.pro2con09 li b{font-size: 20px;margin-bottom: 0}
.pro2con09 li{width: 50%;margin-bottom: 10px}
.pro2con09{padding:15px 0}

.fuwu3 .fr{ width: 100%; }
.ditu{ height: 360px;}

.online-service{ display: none; }
.cansu li{ width: 100%!important; }

.qutxt{ position: absolute; left: 0; top:50%; margin-top:-50px;  width: 100%; text-align: left;
width: 50% }
.qutxt h3{font-size: 18px;}
.qutxt h3:after{margin:3px 0; height:1px;}
.qutxt p{font-size: 12px;}

.tuig-anli{padding-bottom: 10px}
.tuig-anli li{width: 47%;margin:0 1%;margin-bottom: 10px}
.tuig-anli li>p{padding: 2px 0;font-size: 14px}
.tui-videobg .play{width:40px; height: 40px; margin-top:-20px  }
.tuig-jia .fuwu4z2{min-height: auto}
.tuig-jia{padding-bottom: 10px}

.hjright .wenzi p{ font-size: 14px; }
.hjleft .wenzi p{ font-size: 14px; }
.jtuig-bt{padding: 15px 0}
.jtuig-bt>img{height: 30px}
.product-desgin .desginer{width: 100%}
.product-desgin .menu{width: 100%;margin-top: 10px;}
.product-desgin .menu ul{height: auto!important}
.product-desgin .menu ul li{width: 20%; height: auto;float: left;font-size: 30px}
.product-desgin .menu ul li .arrow {
border: 4px solid transparent;border-top: 6px solid #f5a556;top: 100%;
margin-top: 0;right: 50%;margin-right: -4px;}
.product-desgin .intro{width: 100%;height: auto!important;padding: 10px}
.product-desgin .intro p{font-size: 14px;height: auto}
.product-series li{margin-bottom: 10px}
.product-series li .pic{width: 100%}
.product-series li .content{width:100%;height: auto!important;padding: 15px}
.product-series li .content>div{margin:0;}
.product-series li .content h4{margin-bottom: 5px;font-size: 18px}
.advan li .z img{height: 60px;max-width: 100%}
.advan li .y{padding: 10px 3%}
.advan li .y span{font-size: 20px}
.advan li .y span>img{height: 22px}
.jtuig-case .fli{width: 50%}
.jtuig-case .fli>img{width: 99.5%}
.cansu{padding: 10px}

.jtuig-yue .zi b{font-size: 18px}
.jtuig-yue .zi{font-size: 14px;line-height: 1.6}
.jtuig-yue .zi .a2{margin-left: 0}
.jtuig-yue .zi a{width: 140px}
.pro2con05{ padding:15px 0;  }
.hjleft,.hjright{ float: none; width: 100%; margin:0; padding:0;}
.hjleft .wenzi,.hjright .wenzi{ text-align: left; position: static; background:none; margin:0; padding:10px 15px;}
.hjleft img,.hjright img{ margin:0;  }
.footh{ display: block; }
.footnav{ display: block; }
.txt *{ text-align:left!important; }
.newscon p{line-height: 1.7}
.case1conzxia li{ padding:0 5px; }

.sntit{ margin:65px 0 15px 0; }

.zplist{background: #f8f8f8; padding: 0; width: 100%; max-width: 100%;}
.zplist li .t{ background: #fff; padding: 0 15px; }
.zplist li .zptxt{ display: block!important; padding: 10px 15px; }
.zplist li i:last-child em{background: url(../images/zhao-lastbgh.png) no-repeat center center;background-size: 75%;}
.zplist li .t i{ width: 20%; }
.zplist li .t i em{ float:right; }
.alert_windows{ display:none!important; }


.tuinews{ margin:0; padding:0 10px;}

.jnlist li{ width:100%;}
.jnlist li .jntxt{ padding:10px;}
.jnlist li .jntxt span{ font-size:18px;}
.jnlist li .jntxt p{ margin-top:5px;}

.bjss{ margin-top:20px;}
.bjimg{ width:100%;}
.bjtxt{ width:100%; padding:20px 10px;}
.bjtxt h3{ font-size:18px; margin-bottom:10px;}
.bjtxt ul li{ font-size:14px; padding:3px 0 3px 15px;}

.helist li{ width:46%; margin:2%;}


}


@media screen and (max-width:640px) {
.nban-pro1con{height:268px}
.nban-pro2con{height:260px}

.case1conz li img{ height:300px; }

.ditu{ height: 320px;}

.case1conz li{ height:280px; }
.case1conzxia li>p{ height: 40px;}
.size-1of2{width: 100%}
}


@media screen and (max-width: 480px) {
.alert_windows{ width:90%; height:320px;  }	
.case1conz li img{ height:200px; }

.ditu{ height: 260px;}
.fuwu4z1 b{ margin-top: 10px; }
.fuwu4z1 b > i{ display:inline; }

}