/* CSS Document */
*{padding:0; margin:0}
html, body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, table, tbody, th, tr, td, dl, dt, dd, span, marquee, embed, p, a, b, i{
margin: 0;padding: 0;border: 0 none;outline: 0;}
html{background:#fff;font-size: 62.5%;}
body{ font:normal 1.6rem/2.4rem Arial, Helvetica, sans-serif; color:#666;}
form, input, button, select, label{vertical-align: middle; outline: 0;border: 0 none;}
ul, li, ol{list-style:none;}
a{text-decoration:none; color:#666;}
img{border:0 none;}
.clear{ clear:both;}
.ov{ overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.p0{ padding:0;}
.m0{ margin:0;}
.mr0{ margin-right:0 !important;}
.bn{ border:0 none !important;}
.tc{ text-align:center;}
.ab{ position:absolute;}
.bg{ width:100%; clear:both;}
.box{ width:1200px; margin: 0 auto;}
i{display: inline-block;}
/*top*/
.brbottom{box-shadow: 0px 0px 8px #ddd;}
.logo{display: block; width: 180px; padding:28px 1% 0 0; height:50px;}
.logo img{ max-width: 100%;}
.add{width:62%;height: 90px;padding-left:5%;float: right;z-index: 1000;}
.nav{ width: 100%;height: 65px;margin:25px 0 0;}
.nav>li{height: 46px;line-height: 46px;padding:0 20px;margin:0 5px;float: left;font-size: 1.8rem;text-align: center;color: #333;border-radius: 23px;}
.nav>li:hover,.nav>li.act{background-color: #feb50e;}
.nav>li a{color: #000;}
.nav>li>i{width: 11px;height: 9px;margin-left:2px;background:url(../images/v5.png) no-repeat center center;}
.nav>li>div{display:none;width:100%;left: 0;background-color: #fff;z-index: 200;position:absolute;}
.nav>li:hover>div{display: block; }
.nav>li>div>ul{width: 1200px;margin: 0 auto;text-align: center;}
.nav>li>div>.d1{height: 18px;border-bottom: 1px solid #eee;}
.nav>li>div>ul>li{display: inline-block;width: 16%;text-align: center;}
.nav>li>div>ul>li img{width:150px;height: 150px;padding: 10px;border:1px solid #eee;}
.nav>li>div>ul>li p{width: 90%;height: 44px;margin: 15px auto 10px; line-height: 44px;border-radius: 23px;background-color: #feb50e;}
.nav>li>div>ul>li:hover{ background-color: #eee;}
.nav>li>div>ul>li>a{display: block;line-height: 2rem;padding: 1.5rem 0;font-size: 1.4rem;font-weight: bold;}
.nav>li:nth-of-type(3)>ul{}
.sousuo{width:30px;height: 30px;margin:23px 25px 0 0;float: right;}
.sousuo a{display: block;width: 40px;height:40px;background:url(../images/v4.png) no-repeat center center;}
.yuyan{width:120px;height: 3rem;margin-top:29px;float: right;}
.yuyan a{display: block;float:left;width: 30px;height:30px;margin-left: 10px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.yuyan a:first-of-type{background-image:url(../images/v1.png);}
.yuyan a:nth-of-type(2){background-image:url(../images/v2.png);}
.yuyan a:last-of-type{background-image:url(../images/v3.png);}
/*banner*/
.flexslider{width:100%;height:600px; margin:0 auto;overflow:hidden;z-index: 10; position: relative;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1; text-align: center;}
.flexslider .slides .bimg{width:100%;height:600px; }
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:#000 url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:-60px 0px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.6;filter:alpha(opacity=60);}
.flexslider:hover .flex-prev{opacity:0.6;filter:alpha(opacity=60);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=100);}
.flex-control-nav{width:40%;position:absolute;bottom:4%; left:30%;text-align:center;}
.flex-control-nav li{margin:0 8px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{width:60px;height:4px;overflow:hidden;text-indent:-99em;display:block;cursor:pointer;background:#feb50e; border-radius: 6px;opacity:0.3;filter:alpha(opacity=30);}
.flex-control-paging li a.flex-active{opacity:1;filter:alpha(opacity=100);}
/*关于*/
.syab{margin-top: 60px;margin-bottom: 60px;}
.abtxt{width: 48%;float: left;}
.abtxt h1{font-size: 3rem;color: #000;line-height: 4rem;margin-top: 20px;}
.abtxt p{margin: 20px 0 30px;height: 14.4rem;overflow: hidden;}
.abtxt a{display: block;width: 200px;height: 5rem;line-height: 5rem;text-align: center;color: #000;background:#feb50e;border-radius:2.5rem;font-weight: bold;
transition: width 0.6s;
-moz-transition: width 0.6s; /* Firefox 4 */
-webkit-transition: width 0.6s; /* Safari 和 Chrome */
-o-transition: width 0.6s; /* Opera */}
.abtxt a:hover{width: 240px;}
.abimg1{width: 49%;float: right;height: 320px;}
.abimg1 a{height: 320px;overflow: hidden;display: block;}
.abimg1 a img{width: 100%;height: 100%;object-fit:cover;
transition: all 0.6s;
-ms-transition: all 0.6s; /* IE 9 */
-moz-transition: all 0.6s; /* Firefox */
-webkit-transition: all 0.6s; /* Safari 和 Chrome */
-o-transition: all 0.6s;}
.abimg1 a:hover img{
transform:scale(1.1);
-ms-transform:scale(1.1); /* IE 9 */
-moz-transform:scale(1.1); /* Firefox */
-webkit-transform:scale(1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1); }
.abimg2{width: 100%;height: 400px;padding-top: 40px;clear: both;}
.abimg2 a{height: 400px;overflow: hidden;display: block;}
.abimg2 a img{width: 100%;height: 100%;object-fit:cover;
transition: all 0.6s;
-ms-transition: all 0.6s; /* IE 9 */
-moz-transition: all 0.6s; /* Firefox */
-webkit-transition: all 0.6s; /* Safari 和 Chrome */
-o-transition: all 0.6s;}
.abimg2 a:hover img{
transform:scale(1.1);
-ms-transform:scale(1.1); /* IE 9 */
-moz-transform:scale(1.1); /* Firefox */
-webkit-transform:scale(1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1); }
/*产品*/
.probg{background:#000 url(../images/v9.jpg) repeat center center;}
.protit{text-align: center;color: #fff;padding: 40px 0;}
.protit h1{font-size:5.2rem;line-height: 6rem;}
.protit p{font-size:1.6rem;}
.pro {overflow: hidden;padding: 0 0 30px;}
.pro a{width: 23%;margin:1% 1% 0;float: left;color: #fff;text-align: center;
transition: all 1.1s;
-moz-transition: all 1.1s;
-webkit-transition: all 1.1s;}
.pro a:hover{
transform:rotateY(360deg);
-moz-transform:rotateY(360deg);
-webkit-transform:rotateY(360deg);}
.pro a .proimg{width: 100%;height: 180px;}
.pro a .proimg img{width: 100%;}
.pro a p{line-height: 2rem;height: 4rem;overflow: hidden;}
/*底部*/
.db1{margin:60px 0;}
.db1 .db1le{width: 22%;height:260px;float: left;overflow: hidden;}
.db1 .db1le img{width: 100%;}
.db1 .db1ri{width: 76%;height:210px;padding:30px 0 20px;float: right;}
.db2{margin: 0 0 60px;}
.db2 .db2le{width:50%;float: left;}
.db2 .db2le .db2img{height:400px;}
.db2 .db2le .db2img img{width: 100%;height: 100%;object-fit:cover;}
.db2 .db2le .db2txt{padding:4%;color:#fff;background-color: #4a4a4a;}
.db2 .db2le:nth-of-type(2) .db2txt{background-color: #313131;}
.db2 .db2le .db2txt h2{text-align: center;font-size: 2rem;margin-bottom: 1rem;}
.db2 .db2le .db2txt p{height: 4.8rem;overflow: hidden;}
.db3{margin: 0 0 60px;}
.db3 li{width: 31%;float: left;margin-right: 3.5%;padding-bottom: 3rem;}
.db3 li:last-of-type{margin-right: 0;}
.db3 li .db3img{width: 60%;height:40px;text-align: center;margin: 0 auto 15px;}
.db3 li .db3img img{max-width: 100%;max-height: 100%;}
.db3 li .db3txt{padding: 7% 7% 14%;background-color: #595959;color: #fff;}
.db3 li .db3txt h2{text-align: center;font-size: 2rem;margin-bottom: 1rem;}
.db3 li .db3txt p{height: 12rem;overflow: hidden;}
.db3 li a{display: block;width: 200px;height: 5rem;line-height: 5rem;margin:-2.5rem auto;text-align: center;color: #000;background:#feb50e;border-radius:2.5rem;
transition: width 0.6s;
-moz-transition: width 0.6s; /* Firefox 4 */
-webkit-transition: width 0.6s; /* Safari 和 Chrome */
-o-transition: width 0.6s; /* Opera */}
.db3 li a:hover{width: 240px;}
/*foot*/
.foot1{background-color: #595959;}
.foot1 ul{padding:40px 0 30px;}
.foot1 li{float: left;}
.foot1 li:first-of-type{width: 36%;}
.foot1 li:first-of-type h2{color: #fff;font-size: 2rem;}
.foot1 li:first-of-type a{display: block;width: 150px;height:50px;margin:10px 0 0 10px;float: left;}
.foot1 li:first-of-type a img{max-width: 100%;max-height: 100%;}
.foot1 li:nth-of-type(2){width: 36%;}
.foot1 li:nth-of-type(2) a{display: block;color: #fff;line-height: 3rem;}
.foot1 li:nth-of-type(2) a:hover{color: #feb50e;}
.foot1 li:nth-of-type(3) {width: 28%;}
.foot1 li:nth-of-type(3) a{display: block;width: 100%;height: 5rem;line-height: 5rem;margin:0 auto 20px;font-weight: bold;text-align: center;color: #000;background:#feb50e;border-radius:2.5rem;
transition: background-color 0.6s;
-moz-transition: background-color 0.6s; /* Firefox 4 */
-webkit-transition: background-color 0.6s; /* Safari 和 Chrome */
-o-transition: background-color 0.6s; /* Opera */}
.foot1 li:nth-of-type(3) a:hover{background-color: #ffd77a;}
.foot2{background-color: #343434;}
.foot2 ul{padding:40px 0 30px;}
.foot2 li{float: left;}
.foot2 li:first-of-type{width: 36%;margin-top: 30px;}
.foot2 li:nth-of-type(2){width: 36%;color: #fff;font-weight: bold;line-height: 3rem;}
.foot2 li:nth-of-type(3) {width: 28%;}
.foot2 li:nth-of-type(3) h2{color: #fff;font-size: 2rem;margin-bottom: 20px;}
.foot2 li:nth-of-type(3) a{display: inline-block;height: 30px;margin-right: 10px;}
.foot2 li:nth-of-type(3) a img{max-width: 100%;max-height: 100%}
/*内页*/
.dqwz{height: 4rem;line-height: 4rem;}
.erji{margin: 0 0 1rem;text-align: center;}
.erji li{display: inline-block;margin: 0 5px 7px;}
.erji li a{display: block;background-color: #eee;line-height: 2rem;padding: 1rem 2rem;border-radius: 3rem;color: #000;}
.erji li a:hover,.erji li .act{background-color: #feb50e;}
.nei{padding-bottom: 8rem;}
.nei img{max-width: 100%;}
.neitit{font-size: 4rem;font-weight: normal;text-align: center;border-bottom: 1px solid #eee;line-height: 6rem;color: #000;margin-bottom: 2rem;}
.contact{padding-bottom: 3rem;overflow: hidden;}
.contactleft{width: 72%;float: left;}
.contactright{width: 15%;height: 240px;padding: 4% 5% 0;background:url(../images/v10.png) no-repeat center center;background-size:contain;color: #000;text-align: center;float: right;}
.message{padding-bottom: 3rem;overflow: hidden;}
.messageleft{width: 72%;float: left;}
.messageright{width: 15%;height: 240px;padding: 4% 5% 0;background:url(../images/v10.png) no-repeat center center;background-size:contain;color: #000;text-align: center;float: left;margin: -10px 0 0 -130px;}
/*留言*/
.liuyan{border:1px solid #ddd;margin:3rem auto 4rem;padding: 3%;}
.ly {display: block;width: 60%;float: left;margin:8rem 0 0 38%;}
.ly p{ padding-bottom:18px; overflow:hidden;}
.ly p .ji1{display: block;width: 70%;height:4.6rem;line-height: 4.6rem; }
.ly p .ji1 input{width: 100%;height: 4.6rem;padding:0 10px; border:1px solid #feb50e;border-radius: 4px;border-radius: 3rem;}
.ly p .ji2{display: block;}
.ly p .ji2 textarea{width: 100%;height: 15.4rem;line-height: 2.2rem;padding:1.5rem 1rem; border:1px solid #feb50e;border-radius: 2rem;}
.ly p .tijiao{display: block;width: 230px;height: 5rem;line-height: 5rem;margin-top: 10px;color: #000;text-align: center;font-size: 1.8rem; border-radius: 3rem;background-color: #feb50e;cursor: pointer;}
.ly p .tijiao:hover{background-color: #ffd77a;}
.blt{width: 40%;float: right;text-align: center;padding-top: 30px;}
.blt img{max-width: 100%;}
/*搜索*/
.ssuo{ width: 380px; height: 50px;margin:3rem auto 3rem; border:1px solid #feb50e;border-radius: 8px;}
.ssuo input{width: 320px; height:50px; text-indent: 10px; color: #999;border-radius:8px 0 0 8px; float: left;}
.ssuo button{ width: 60px; height:50px;border-radius:0 8px 8px 0; background:#feb50e url(../images/v11.png) no-repeat center center; cursor: pointer;float:right;}
.sslist{overflow: hidden;}
.sslist li a{display: block;padding:0 2% 3rem;border-bottom:1px solid #ededed;overflow: hidden;}
.sslist li a h1{margin: 2.5rem 0 0 0;font-size: 1.8rem;line-height:2.6rem;max-height: 2.6em;overflow: hidden;color: #000;}
.sslist li a p{color: #999;line-height: 2rem;padding-top: 1rem;height: 4rem;overflow: hidden;}
.sslist li a:hover{border-bottom:1px solid #feb50e;background-color: #f4f4f4;}
.newsul li{overflow: hidden;padding: 20px 0;border-bottom: 1px dashed #e8e8e8;}
.newsul li:hover{border-bottom: 1px solid #feb50e;}
.newsul li a .newi{float: left;width: 22%;height: 150px; overflow: hidden;}
.newsul li a .newi img{width: 100%;height: 100%;object-fit:cover;
transition: all 0.6s;
-ms-transition: all 0.6s; /* IE 9 */
-moz-transition: all 0.6s; /* Firefox */
-webkit-transition: all 0.6s; /* Safari 和 Chrome */
-o-transition: all 0.6s;}
.newsul li a:hover .newi img{
transform:scale(1.2);
-ms-transform:scale(1.2); /* IE 9 */
-moz-transform:scale(1.2); /* Firefox */
-webkit-transform:scale(1.2); /* Safari 和 Chrome */
-o-transform:scale(1.2); }
.newsul li a .newst{float:left;width: 76%; padding-left: 2%;}
.newsul li a .newst h1 {font-size: 1.6rem;color: #000;height:2.4rem;margin-top: 2rem;overflow: hidden;}
.newsul li a .newst span{color: #999;line-height: 4rem;height: 4rem;display: block;}
.newsul li a .newst p{line-height: 2.6rem;height: 5.2rem;overflow: hidden;}
.newsul li a:hover .newst h1 span.syspan1{color: #feb50e;}
.page{padding:50px 0 0;text-align: center;}
.page a{display: inline-block; width: 3.8rem;height: 3.8rem;line-height: 3.8rem;margin: 0 5px; text-align: center;border:1px solid #feb50e;border-radius: 2rem;}
.page a:hover,.page .act{background-color:#feb50e;color: #000;border:1px solid #feb50e;}
.newcontit{text-align: center;border-bottom:1px solid #ddd;margin: 4rem 0 2.6rem;}
.newcontit h2{color: #000;font-size: 2.4rem;padding-bottom: 1.5rem;}
.newcontit p{color: #999;line-height: 3rem;margin:-.5rem 0 1rem;}
.shang{overflow: hidden; padding-top: 30px;margin-top: 30px;border-top:1px solid #ddd;}
.shang .xia{width: 80%;float: left;}
.shang .xia p{line-height: 2.5rem;}
.shang .xia p span{display: block;float: left;}
.shang .xia p a{display:block;margin-left: 50px;}
.shang .xia p a:hover{color: #feb50e;}
.shang .fanhui{display: block;float: right;width: 180px;height: 5rem;line-height: 5rem;color: #000;text-align: center;border-radius: 2.5rem;background-color: #feb50e;}
.shang .fanhui:hover{background-color:#ffd77a;}
.proli{overflow: hidden;}
.proli li{float:left;width: 31.33%;margin: 4% 1% 0;border-radius: 1rem 1rem 2.5rem 2.5rem;background-color: #f4f4f4;overflow: hidden;
transition: all 0.6s;
-ms-transition: all 0.6s; /* IE 9 */
-moz-transition: all 0.6s; /* Firefox */
-webkit-transition: all 0.6s; /* Safari 和 Chrome */
-o-transition: all 0.6s;}
.proli li:hover{box-shadow: 0px 6px 8px #aaa;}
.proli li:nth-of-type(1){width: 50%;}
.proli li:nth-of-type(2),.proli li:nth-of-type(3),.proli li:nth-of-type(4),.proli li:nth-of-type(5){width: 22%;}
.proli li:nth-of-type(4),.proli li:nth-of-type(5){margin-top: 1.9%;}
.proli li a{display: block;}
.proli li a .zhimg{width:88%;height:0;padding-top:88%;margin:6%;text-align: center;overflow: hidden;position: relative;}
.proli li a .zhimg img{position: absolute;top: 0;left: 0; width: 100%;max-height: 100%;}
.proli li a .zhtxt{width: 80%;height: 5rem;padding-right:20%;line-height:5rem;text-indent: 2rem;color: #fff;background: #333 url(../images/v12.png) no-repeat right center;border-radius: 2.5rem;}
.xg{padding:3rem 0 0;}
.xg h3{font-size: 2.4rem;font-weight: normal;color: #000;border-bottom: 1px solid #ddd;line-height: 6rem;}
.xgli{overflow: hidden;padding-bottom: 2rem;}
.xgli li{float:left;width: 23.5%;margin: 3% 2% 0 0;border-radius: 1rem 1rem 2.5rem 2.5rem;background-color: #f4f4f4;overflow: hidden;
transition: all 0.6s;
-ms-transition: all 0.6s; /* IE 9 */
-moz-transition: all 0.6s; /* Firefox */
-webkit-transition: all 0.6s; /* Safari 和 Chrome */
-o-transition: all 0.6s;}
.xgli li:nth-of-type(4){margin-right: 0;}
.xgli li:hover{box-shadow: 0px 6px 8px #aaa;}
.xgli li a{display: block;}
.xgli li a .zhimg{width:88%;height:0;padding-top:88%;margin:6%;text-align: center;overflow: hidden;position: relative;}
.xgli li a .zhimg img{position: absolute;top: 0;left: 0; width: 100%;max-height: 100%;}
.xgli li a .zhtxt{width: 80%;height: 5rem;padding-right:20%;line-height:5rem;text-indent: 2rem;color: #fff;background: #333 url(../images/v12.png) no-repeat right center;border-radius: 2.5rem;}
.pic{width: 600px;margin: auto;margin-bottom: 50px}
.pic .gallery-top {
width: 100%;
height: 400px;
margin-left: auto;
margin-right: auto;
}
.pic .swiper-slide {
width: 100%;
}
.pic .swiper-slide img{width: 100%;display: block;}
.pic .gallery-top {
width: 100%;
}
.pic .gallery-thumbs {
box-sizing: border-box;
padding: 10px 0;
height: 100px
}
.pic .gallery-thumbs .swiper-slide {
height: 100px;
opacity: 0.4;
}
.pic .gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
/*--------------------------------------------------------------------------------*/
.sjj_nav{display:none;}
@media all and (max-width: 1024px){
.box{ width:96%;}
.logo{padding: 15px 1% 0 0;}
.sousuo{margin: 13px 25px 0 0;}
.yuyan{margin-top: 19px;}
.flexslider,.flexslider .slides .bimg{height: 400px;}
.abtxt h1{margin-top: 10px;}
.abtxt p{margin: 10px 0 20px;}
.abimg2{height: 280px;}
.db1 .db1le{height: auto;}
.db1 .db1ri{padding:10px 0 20px;height: auto;}
.db2 .db2le .db2img{height: 46vw;}
.ly{width: 80%;margin: 8rem 0 0 18%;}
.messageright{width: 19%;height: 230px;padding: 6% 5% 0;}
}
@media all and (max-width: 768px){
.add{display: none;}
.sp_nav{width:50px;height:50px;margin-top:15px;margin-left: 15px;float:right;position:relative;cursor:pointer;}
.sp_nav span{background:#f08300;width:34px;height:3px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:10px}
.sp_nav span:nth-of-type(2){top:20px}
.sp_nav span:nth-of-type(3){top:30px}
.sp_nav_se span:nth-of-type(1){top:20px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:20px;transform:rotate(-45deg)}
.sjj_nav{display: block; position:fixed;width:100%;height:calc(100% - 70px);top:-100%;left:0;font-size:14px;line-height:40px;z-index:20;background:#fff;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:70px}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 10px 0 10px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sp_nav_xjb{background:url(../images/v13.png) no-repeat center right;}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin:0 20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;padding-top: 5px;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#f08300;}
.sjj_nav ul li ul li>ul{margin-left:10px}
.db1 .db1ri{padding:0 0 20px;}
.contactleft{width: 100%;float: none;}
.contactright{display: none;}
.newsul li a .newi{width: 26%;height: 130px;}
.newsul li a .newst{width: 72%}
.newsul li a .newst h1{margin-top: .5rem;}
.shang .xia{width: 100%;float: none;}
.shang .fanhui{float: none;margin: 3rem auto 0;}
.messageleft{width: 100%;float: none;}
.ly{width:80%;float: none;margin: 0 10% 0;}
.messageright{display: none;}
.proli li:nth-of-type(1),.proli li:nth-of-type(2),.proli li:nth-of-type(3),.proli li:nth-of-type(4),.proli li:nth-of-type(5){width: 31.33%;margin: 4% 1% 0;}
.xgli li{width: 48%;}
.pic{width: 100% !important;margin-bottom: 0 !important}
.pic .gallery-top{height: 265px !important}
.pic .gallery-thumbs .swiper-slide{height: 90px !important}
}
@media all and (max-width: 420px){
html{font-size: 50%;}
.logo{width: 130px;padding: 20px 1% 0 0;height: 45px;}
.yuyan{width: 90px;margin-top: 25px;}
.yuyan a{width: 20px;height: 20px;}
.nav_show{top: 60px;}
.sjj_nav{height: calc(100% - 60px);}
.flexslider,.flexslider .slides .bimg{height: 240px;}
.flex-control-paging li a{width: 20px;}
.syab{margin-top: 30px;margin-bottom: 30px;}
.abtxt{width: 100%;float:none;}
.abimg1{width: 100%;float: none;height: auto;margin-top: 30px;}
.abimg1 a{height: 260px;}
.abimg2{height: 200px;}
.abimg2 a{height: 200px;}
.pro a{width: 48%;}
.db1{margin: 30px 0;}
.db1 .db1le{width: 32%;}
.db1 .db1ri{width: 64%;}
.db2{margin: 0 0 10px;}
.db2 .db2le{width: 100%;float: none;margin-bottom: 20px;}
.db3{margin:0;}
.db3 li{width: 100%;padding-bottom: 6rem;}
.foot1 li:first-of-type{display: none;}
.foot1 li:nth-of-type(2){display: none;}
.foot1 li:nth-of-type(3){width: 100%;}
.foot2 li:first-of-type{display: none;}
.foot2 li:nth-of-type(3){display: none;}
.foot2 ul{text-align: center;padding: 20px 0 20px;}
.foot2 li:nth-of-type(2){width: 100%;}
.ssuo{width: 100%;}
.ssuo input{width: 82%;}
.ssuo button{width: 18%;}
.newsul li a .newi{width: 36%;height: 80px;}
.newsul li a .newst{width: 62%;}
.newsul li a .newst h1{margin-top: 0;}
.newsul li a .newst span{line-height: 3rem;height: 3rem;}
.ly{width: 100%;margin: 0;}
.ly p .ji1{width: 100%;}
.proli li,.proli li:nth-of-type(1),.proli li:nth-of-type(2),.proli li:nth-of-type(3),.proli li:nth-of-type(4),.proli li:nth-of-type(5){
width: 48%;margin: 4% 1% 0;}
}