@charset "utf-8";
/* CSS Document */
b,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;border:0 none}
img,input{border:0;vertical-align:middle}
li,ul{list-style:none;margin:0;padding:0}
form{padding:0;margin:0}
td{FONT-SIZE:12px}
img{border:0}
@media screen and (min-width:320px){blockquote,body,button,code,dd,div,dl,dt,fieldset,form,input,legend,lipre,ol,p,td,textarea,th,ul{font-size:16px;font-family:"Microsoft YaHei"}
}
@font-face { font-family : DINProb; src:url(../images/DINPro-Bold.otf);}
@font-face { font-family:DINCond-Regular; src:url(../images/DINCond-Regular.otf);}
a{COLOR:#666;blr:expression(this.onFocus=this.blur());text-decoration:none}
a:focus{outline:0}
input,textarea{outline:0}
a:hover{color:#22bad3;text-decoration:none;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}
.content{ padding:0 1%;}
.haed{ background:rgba(34,186,211,0.9); height:90px; width:100%; position:fixed; z-index:2; overflow:hidden;transition:.5s ease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out;}
.haed .logo{ margin-top:15px; float:left; margin-left:5%}
.haed .logo img:first-child{ display:block}
.haed .logo img:last-child{ display:none}
.haed .hot{ float:right; overflow:hidden; background:url(../images/hot.png) no-repeat center left; padding-left:45px; height:45px ; margin-top:22px; margin-right:5%;}
.haed .hot p{ font-size:16px; line-height:22px; color:#fff;}
.haed .nav{ float:right; margin-right:30px;}
.haed .nav ul{ overflow:hidden}
.haed .nav ul li{ margin:0 20px;float:left; line-height:90px; position:relative;}
.haed .nav ul li a{ color:#fff;}
.haed .nav ul li:after{ content:""; width:0%; height:2px; background:#fff; position:absolute; bottom:20px; left:0px;transition:.5s ease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out;}
.haed .nav ul li:hover:after{ width:100%;transition:.5s ease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out;}

.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:23px; display:none;}
.sp_nav span{display:block;background:#fff;width:35px;height:4px;position:absolute;left:10px;transition:all ease 0.35s; border-radius:6px;}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:12px}
.sp_nav span:nth-of-type(3){top:24px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}


.hadd{ overflow:hidden; background:#fff; box-shadow:0 0 6px #ccc;transition:.5s ease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out; }
.hadd .logo{ margin-top:15px; float:left;}
.hadd .logo img:first-child{ display:none}
.hadd .logo img:last-child{ display:block}
.hadd .hot{ float:right; overflow:hidden; background:url(../images/hot1.png) no-repeat center left; padding-left:45px; height:45px ; margin-top:22px;}
.hadd .hot p{ font-size:16px; line-height:22px; color:#666;}
.hadd .nav{ float:right; margin-right:30px;}
.hadd .nav ul{ overflow:hidden}
.hadd .nav ul li{ margin:0 20px;float:left; line-height:90px; position:relative;}
.hadd .nav ul li a{ color:#333;}
.hadd .nav ul li:after{ content:""; width:0%; height:2px; background:#22bad3; position:absolute; bottom:20px; left:0px;transition:.5s ease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out;}
.hadd .nav ul li:hover:after{ width:100%;transition:.5s ease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out;}
.hadd .nav ul li a:hover{ color:#22bad3;}



.banner{ position:relative; overflow:hidden; height:100vh ; margin:0px auto;display:block;}
.banner .swiper-container { width: 100%; height: 100%;}
.banner .swiper-slide { background-position: center; background-size: cover; }
.banner .swiper-pagination{ bottom:30px;}
.banner .swiper-pagination-bullet{ width:30px; height:6px; border-radius:6px; opacity:1; background:#fff;}
.banner .swiper-pagination-bullet-active{ background:#22bad3}

.mbanner{ position:relative; overflow:hidden; height:100vh ; margin:0px auto; display:none;}
.mbanner .swiper-container { width: 100%; height: 100%;}
.mbanner .swiper-slide { background-position: center; background-size: cover; }
.mbanner .swiper-pagination{ bottom:30px;}
.mbanner .swiper-pagination-bullet{ width:30px; height:6px; border-radius:6px; opacity:1; background:#fff;}
.mbanner .swiper-pagination-bullet-active{ background:#22bad3}


.title{ overflow:hidden; padding:50px 0 30px; text-align:center; background:url(../images/xx.png) no-repeat center bottom; padding-bottom:20px;}
.title p{ font-size:55px; color:#d3d3d3; font-weight:bold; text-transform:uppercase;}
.title h3{ font-size:24px; font-weight:bold; margin-top:-30px; }

.about{ width:1200px; margin:40px auto; overflow:hidden;}
.about dd{ font-size:16px; line-height:30px; color:#666; text-align:center; overflow:hidden;}

.zizhi{ overflow:hidden; margin:20px auto 0}
.zizhi ul{ overflow:hidden;}
.zizhi ul li{ overflow:hidden; width:25%; border:10px #fff solid; float:left; box-sizing:border-box;}
.zizhi ul li a{ border:1px #e5e5e5 solid; display:block;}
.zizhi ul li div{ margin:6px; overflow:hidden;}
.zizhi ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%}
.zizhi ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.zizhi ul li p{ height:50px; line-height:50px; font-size:16px; text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; background:#e5e5e5;-webkit-transition:all .5s;transition:all .5s;}
.zizhi ul li:hover p{ background:#22bad3;-webkit-transition:all .5s;transition:all .5s;}
.zizhi ul li a:hover{ border:1px #22bad3 solid;-webkit-transition:all .5s;transition:all .5s;}
.zizhi ul li a:hover p{ color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.shuzi{ overflow:hidden; margin:50px auto 0; background:url(../images/shuzi.jpg) no-repeat center top ; padding:80px 0; position:relative; background-size:cover;}
.shuzi p{ text-align:center; font-size:50px; color:#fff; line-height:100px;}
.shuzi p span{ display:block;}
.shuzi p b{ width:237px; display:inline-block; vertical-align: sub;}
.shuzi p b#dataNums2{ width:53px; height:72px; margin: 0px 3px; line-height:72px; text-align: center; background: url(../images/shuzi1.png) no-repeat;vertical-align: text-bottom;}

.inrow{font-size:0;[;font-size:12px;];*font-size:0;font-family:arial;[;letter-spacing:-3px;];*letter-spacing:normal;*word-spacing:-1px;}
.inrow>li,.inrow span{display:inline-block;*display:inline;*zoom:1;font-size:14px;letter-spacing:normal;word-spacing:normal; }
.dataNums{display: block; height:72px; text-align:center;}
.dataNums .dataOne{ width:53px; height:72px; margin: 0px 3px; line-height:72px; text-align: center; background: url(../images/shuzi1.png) no-repeat;}
.dataNums .dataBoc {position: relative; width: 100%; height: 100%; overflow: hidden;}
.dataNums .dataBoc .tt {position: absolute; top: 0;  left: 0; width: 100%;  height: 100%;}
.dataNums .tt span{width:100%;height:100%; font-family:DINProb;color:#ddf0ff; font-size:56px}


.case{ margin:60px auto 0; overflow:hidden;}
.title2{ overflow:hidden;}
.title2 dl{ float:left; width:40%;}
.title2 dl h3{ font-size:42px; color:#333; font-weight:400; margin:10px auto}
.title2 dl  p{ font-size:16px; color:#666; line-height:30px;}
.title2 ul{ float:right; margin-top:50px;}
.title2 ul li{ display:inline-block; background:#dcdcdc; margin:0 5px;  }
.title2 ul li a{display:block;padding:6px 25px;}
.title2 ul li a:hover{  background:#22bad3; color:#fff;}
.title2 span{ float:right;display:inline-block; background:#dcdcdc; margin:40px 5px 0; }
.title2 span a{display:block;padding:6px 25px;}
.title2 span a:hover{  background:#22bad3; color:#fff;}
.case_content{ overflow:hidden; margin:60px auto 0;}
.case_content ul{ overflow:hidden;}
.case_content ul li{ width:33.33%; border:5px #fff solid; overflow:hidden; box-sizing:border-box; float:left; position:relative; height:340px}
.case_content ul li  img{-webkit-transition:all .5s;transition:all .5s;width:100%; height:100%}
.case_content ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.case_content ul li div{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6); bottom:-100%;-webkit-transition:all .5s;transition:all .5s;}
.case_content ul li div dl{ position:absolute; width:100%; top:50%; text-align:center; margin-top:-50px;}
.case_content ul li div dl dd{ font-size:20px; color:#fff;-webkit-transition:all .5s;transition:all .5s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.case_content ul li div dl dd:after{ content:"——"; letter-spacing:-2px; color:#fff; display:block; line-height:50px;}
.case_content ul li div dl dt{ border:1px #fff solid;  height:40px; line-height:40px; display:inline-block; width:150px; position:relative}
.case_content ul li a div dl dt{ color:#fff;}
.case_content ul li:hover div{ bottom:0px;-webkit-transition:all .5s;transition:all .5s;}
.case_content ul li div dl dt:hover { background:#fff; color:#22bad3;-webkit-transition:all .5s;transition:all .5s;}

.news{ margin:60px auto 0; overflow:hidden;}



.news{width:100%;height:auto;overflow:hidden; margin:60px auto 0 ;background:#f2f2f2; padding:30px 0}
.news .focus{width:35%;height:auto;overflow:hidden;position:relative;float:left;margin-top:30px; background:#fff; padding-bottom:30px;}
.news .focus .dimg{ overflow:hidden; height:320px}
.news .focus .dimg img{ width:100%; height:100%;}
.news .focus .tit{height:auto;overflow:hidden;padding:20px 0; margin:0 20px;background:url(../images/icon04.png) no-repeat right top 40px;border-bottom:1px solid #e6e6e6}
.news .focus .time b{color:#979797;font-size:50px;font-weight:700}
.news .focus .time p{color:#979797;font-size:16px;margin-top:-3px}
.news .focus .info{ padding:0 20px;height:auto;overflow:hidden;margin-top:20px}
.news .focus .info h4{color:#000;font-size:18px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news .focus .info p{color:#666;font-size:16px;line-height:28px;height:50px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;overflow:hidden}
.news .focus:hover .info h4{ color:#22bad3}
.news .focus .tit:hover{ background:url(../images/icon03.png) no-repeat right top 40px;}
.news .focus:hover .time b{color:#22bad3;}
.news .focus:hover .time p{ color:#22bad3}

.news .list{width:63%;height:auto;overflow:hidden;float:right;margin-top:30px}
.news .list ul li{width:49%;height:auto;overflow:hidden;padding:38px 20px;box-sizing:border-box;margin-bottom:20px;float:left; background:#fff; height:280px}
.news .list ul li:nth-child(2n){float:right}
.news .list ul li .tit{width:100%;height:auto;overflow:hidden;padding-bottom:15px;background:url(../images/icon04.png) no-repeat right top 20px;border-bottom:1px solid #e6e6e6}
.news .list ul li .time b{color:#979797;font-size:50px;font-weight:700}
.news .list ul li .time p{color:#979797;font-size:16px;margin-top:-3px}
.news .list ul li .info{width:100%;height:auto;overflow:hidden;margin-top:20px}
.news .list ul li .info h4{color:#000;font-size:18px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news .list ul li .info p{color:#666;font-size:14px;line-height:24px;height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;overflow:hidden}
.news .list ul li:hover .info h4{ color:#22bad3}
.news .list ul li:hover .time b{color:#22bad3;}
.news .list ul li:hover .time p{ color:#22bad3}

.form{ overflow:hidden; margin:0px auto 0; background:url(../images/formbj.jpg) no-repeat center top; padding:150px 0; background-size:cover;}
.form h3{ font-size:60px; text-align:center; color:#fff; font-weight:400;}
.form  p{ font-size:30px; color:#fff; text-align:center; line-height:48px; margin:20px auto}

.footer{ overflow:hidden; margin:0px auto; background:#22bad3; padding:30px 0 0}

.footer .iof{ float:left; width:45%;}
.footer .iof h4{ color:#fff; font-size:30px;}
.footer .iof h3{ font-size:30px; color:#fff; margin:20px auto}
.footer .iof p{ font-size:16px; color:#fff; line-height:28px;}
.footer .f_txt{ float:right; width:50%;}
.footer .f_txt h3{  margin-bottom:20px;}
.footer .f_txt h3 img.blogo{ float:left;}
.footer .f_txt h3 span{  position:relative; float:right}
.footer .f_txt h3 span img{ margin:0 10px;}
.footer .f_txt h3 span img.rr1{ display:block;}
.footer .f_txt h3 span img.rr2{ display:none;}
.footer .f_txt h3 span:hover img.rr1{ display:none; cursor:pointer;}
.footer .f_txt h3 span:hover img.rr2{ display:block;cursor:pointer;}
.footer .f_txt p{ color:#fff; overflow:hidden; margin:10px auto;font-size:16px; line-height:30px;}
.footer .f_txt p a{ color:#fff; margin:0 4px; }
.footer .f_txt p a:hover{ text-decoration:underline;}
.footer .f_txt h3 span div{ position:absolute;width:80px; left:-10px; display:none; border-radius:6px; padding:5px; background:#fff;}
.footer .f_txt h3 span div img{ width:100%; margin:0px;}
.footer .f_txt h3 span:hover div{ display:block;}



.fixed-contact-wrap{z-index:999;position:fixed;right:1px;bottom:15%;width:60px;margin-top:-120px;overflow:hidden;border-radius:30px;height:280px;opacity:0;transition:all .4s;transform:translateX(95px);-webkit-transform:translateX(95px);-moz-transform:translateX(95px);overflow:hidden;border-radius:30px}
.fixed-contact-wrap ul{border-radius:30px;overflow:hidden}
.fixed-contact-wrap.show{transform:none;opacity:1}
.fixed-contact-wrap.active{width:215px}
.fixed-contact-wrap li{position:relative;height:60px;background:#22bad3;overflow:hidden}
.fixed-contact-wrap li strong{margin-right:20px}
.fixed-contact-wrap.active li{overflow:inherit}
.fixed-contact-wrap li a{position:relative;z-index:1000;display:block}
.fixed-contact-wrap li i{z-index:1000;position:absolute;right:0;display:block;width:60px;height:60px;transition:all .4s}
.fixed-contact-wrap.active li:after{z-index:1001;content:'';position:absolute;bottom:0;left:50%;display:block;width:80%;height:1px;margin-left:-40%;background:rgba(255,255,255,.1)}
.fixed-contact-wrap.active li:last-child:after{display:none}
.fixed-contact-wrap .phone i{background:#22bad3 url(../images/icon5.png) no-repeat center center;border-top-left-radius:30px;-moz-border-top-left-radius:30px;-webkit-border-top-left-radius:30px;border-top-right-radius:30px;-moz-border-top-right-radius:30px;-webkit-border-top-right-radius:30px}
.fixed-contact-wrap .weixin i{background:#22bad3 url(../images/icon8.png) no-repeat center center;height:100px}
.fixed-contact-wrap .qq i{background:#22bad3 url(../images/icon6.png) no-repeat center center}
.fixed-contact-wrap .back-top i{background:#22bad3 url(../images/icon7.png) no-repeat center center}
.fixed-contact-wrap.active .back-top i{border-bottom-left-radius:0;-moz-border-bottom-left-radius:0;-webkit-border-bottom-left-radius:0}
.fixed-contact-wrap li strong{position:absolute;top:0;right:-145px;display:block;width:100px;padding:0 15px 0 30px;font:normal 16px/60px gotham-medium;color:#fff;background:#22bad3;white-space:nowrap;transition:all .4s;text-align:center}
.fixed-contact-wrap.active li strong{right:40px}
.fixed-contact-wrap.black li{background:#22bad3}
.fixed-contact-wrap.black li strong{background:#22bad3}
.fixed-contact-wrap .weixin{border-radius:0 0 30px 30px;overflow:hidden}
.fixed-contact-wrap .weixin strong{width:80px;margin-top:6px;border-radius:30px}
.fixed-contact-wrap .weixin strong img{width:100%}



.n_banner{ overflow:hidden; margin:0px auto;}
.n_banner img{ width:100%}


.mbx{width:100%;height:62px;border-bottom:1px solid #eaeaea;margin:0 auto;}
.mbx a.home{display:block;width:64px;height:62px;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;background:url(../images/InpageAddress_icon01.png) no-repeat center;float:left; margin-right:10px;}
.mbx a.home:hover{background:url(../images/InpageAddress_icon03.png) no-repeat center}
.mbx .p1{line-height:62px;margin-left:16px;position:relative; overflow: hidden; font-size:16px;
white-space: nowrap;
text-overflow: ellipsis;}
.mbx .p1 a{padding-right:14px;background:url(../images/InpageAddress_icon02.png) no-repeat right center;font-size:16px;margin-left:10px;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.mbx .p1 a:first-child{margin-left:0}
.mbx .p1 a:last-child{background-image:none}

.about_box{ overflow:hidden; margin:60px auto 0}
.ab_left{ width:40%; float:left; } 
.ab_left h3{ font-size:36px; color:#666;}
.ab_left h4{ font-size:26px; color:#999; text-align:left; line-height:40px; margin:50px auto; font-weight:400;}
.ab_left h4 span{ display:block;}
.ab_left p{ overflow:hidden; font-size:18px; line-height:30px; color:#333; margin:30px auto}
.ab_right{ overflow:hidden; line-height:30px; width:50%; float:right;}
.ab_right p{ font-size:18px; line-height:30px;  color:#333; margin-bottom:30px; text-align:justify}


.sz{ overflow:hidden; margin:60px auto 0; background:url(../images/szimg.jpg) no-repeat center center; padding:50px 0;}

.qiye{ overflow:hidden; margin:0px auto 60px;}
.qyjz ul{ overflow:hidden;}
.qyjz ul li{ width:50%; float:left; border:20px #fff solid; box-sizing:border-box; overflow:hidden; background:#f2f2f2; padding:20px 0px;}
.qyjz ul li div{ overflow:hidden;}
.qyjz ul li div img{ width:100%;}
.qyjz ul li  h3{ text-align:center; font-size:24px; line-height:50px; color:#22bad3}
.qyjz ul li  p{ font-size:16px; color:#666; line-height:28px; padding:0 30px; height:80px;}


.sz ul li { width:25%; float:left; overflow:hidden; text-align:center;}
.sz ul li h3{ text-align:center; font-family:DINCond-Regular; font-size:60px; display:block; position:relative; margin-top:20px; color:#fff;}
.sz ul li h3 i{ font-style:normal;}
.sz ul li h3 sup{ font-family:Microsoft YaHei; font-size:14px; font-weight:400; width:30px; height:30px; line-height:30px; border-radius:100%; background:#22bad3; display:inline-block; color:#fff; position:absolute; margin-left: -10px; margin-top: 0px;}
.sz ul li  p{ display:block; font-size:16px; color:#fff; text-align:center;}

.title1{ overflow:hidden; padding:50px 0;}
.title1 h3{ font-size:36px; text-align:center; color:#333;}
.title1 p{ font-size:16px; color:#fff; text-align:center; color:#666; margin-top:15px;}


.jiazhi{ overflow:hidden;}
.jiazhi ul{ overflow:hidden;}
.jiazhi ul li{ width:33.33%; float:left; border:20px #fff solid; box-sizing:border-box; overflow:hidden; text-align:left}
.jiazhi ul li div{ overflow:hidden; border:1px #ccc solid; text-align:center; padding:40px 0}
.jiazhi ul li dd{ overflow:hidden; width:48px; margin:0px auto}
.jiazhi ul li dd img{ width:100%;}
.jiazhi ul li  h3{ text-align:center; font-size:24px; line-height:50px; color:#22bad3}
.jiazhi ul li  p{ font-size:16px; color:#666; line-height:28px; text-align:center; padding:0 30px; height:80px;}


.zz{ overflow:hidden; margin:20px auto 0}
.zz ul{ overflow:hidden;}
.zz ul li{ overflow:hidden; width:300px; border:10px #fff solid; float:left; box-sizing:border-box;}
.zz ul li a{ border:1px #e5e5e5 solid; display:block;}
.zz ul li div{ margin:6px; overflow:hidden;}
.zz ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%}
.zz ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.zz ul li p{ height:50px; line-height:50px; font-size:16px; text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; background:#e5e5e5;-webkit-transition:all .5s;transition:all .5s;}
.zz ul li:hover p{ background:#22bad3;-webkit-transition:all .5s;transition:all .5s;}
.zz ul li a:hover{ border:1px #22bad3 solid;-webkit-transition:all .5s;transition:all .5s;}
.zz ul li a:hover p{ color:#fff;-webkit-transition:all .5s;transition:all .5s;}


.anli_nav{ overflow:hidden; margin:40px auto}
.anli_nav h3{ font-size:42px; color:#333; font-weight:400; margin:10px auto; float:left; text-transform:uppercase;}
.anli_nav ul{ float:right; margin-top:20px;}
.anli_nav ul li{ display:inline-block; background:#dcdcdc; margin:0 5px;  }
.anli_nav ul li a{display:block;padding:6px 25px;}
.anli_nav ul li a:hover{  background:#22bad3; color:#fff;}


.anli_lb{overflow:hidden; margin:60px auto}
.anli_lb ul{overflow:hidden}
.anli_lb ul li{width:33.33%;float:left;border:10px #fff solid;box-sizing:border-box;overflow:hidden;position:relative; background:#000; height:340px}
.anli_lb ul li div{position:absolute;width:100%;overflow:hidden; bottom:30px}
.anli_lb ul li div h3{-webkit-transition:all .5s;transition:all .5s;font-size:22px;color:#fff;font-weight:700;margin:0 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;padding-top:20px}

.anli_lb ul li div h3:before{content:"";width:70px;height:3px;background:#fff;position:absolute;top:0;left:0}
.anli_lb ul li img{width:100%;height:100%;-webkit-transition:all .5s;transition:all .5s}
.anli_lb ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1); opacity:0.5}
.anli_lb ul li:hover div h3{color:#22bad3;-webkit-transition:all .5s;transition:all .5s}
.anli_lb ul li h3:after{content:"";width:0;height:3px;background:#22bad3;position:absolute;top:0;left:0;-webkit-transition:all .5s;transition:all .5s}
.anli_lb ul li:hover h3:after{content:"";width:70px;-webkit-transition:all .5s;transition:all .5s}

.fenye{clear:both;margin:30px auto;width:100%;overflow:hidden;text-align:center}
.fenye ul li{float:none;display:inline-block;overflow:hidden;margin:1px 5px;width:auto;height:40px;min-width:40px;border:1px solid #ccc;background:#eee;line-height:40px}
.fenye ul li.on{border:1px solid #22bad3;background:#22bad3;color:#fff}
.fenye ul li .disabled,.fenye ul li:first-child,.fenye ul li:last-child{width:70px}
.fenye ul li:hover{background:#22bad3;color:#fff;border:1px solid #358a9e;-webkit-transition:transform .4s;-moz-transition:transform .4s;-o-transition:transform .4s;transition:transform .4s;-webkit-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);transform:translate(0);-ms-transform:translate(0);-ms-transition:transform .4s}
.fenye ul li:hover a{color:#fff}
.fenye ul li a{display:block}
.fenye ul li.on a{color:#fff}


.an_xq{ overflow:hidden; margin:60px auto}
.an_xq h3{ overflow:hidden; font-size:30px; margin-bottom:20px;}
.an_xq  dl{ font-size:16px; color:#666; line-height:30px;}
.xqbox{ overflow:hidden; margin:30px auto 0}
.xqbox img{ width:100%; overflow:hidden; display:block; margin:0px auto}

.shangxia{ overflow:hidden; margin-bottom:50px; padding-top:20px; border-top:3px #f2f2f2 solid}
.shangxia ul{ overflow:hidden;}
.shangxia ul li{ width:48%; float:left; overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:16px;}
.shangxia ul li a{ color:#666; }
.shangxia ul li a:hover{ color:#22bad3;}
.shangxia ul li:last-child{ text-align:right; float:right;}




.news_lbb{ overflow:hidden; margin:30px auto}
.news_lbb ul{ overflow:hidden;}
.news_lbb ul li{ width:33.33%; border:10px #fff solid; box-sizing:border-box; float:left; overflow:hidden;}
.news_lbb ul li div{ overflow:hidden; height:280px}
.news_lbb ul li div img{width:100%;height:100%;-webkit-transition:all .5s;transition:all .5s;}
.news_lbb ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.news_lbb ul li dl{ width:100%; background:#fff; overflow:hidden; padding-bottom:50px;-webkit-transition:all .5s;transition:all .5s; position:relative;}
.news_lbb ul li dl dd{ height:60px; font-size:20px;  overflow:hidden; padding-right:10%; margin:20px auto; line-height:30px; position:relative;word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}

.news_lbb ul li dl dt{ font-size:16px; color:#999; font-weight:400;}
.news_lbb ul li:hover dl{ box-shadow:0 2px 10px #ccc; transform:translate(0,-30px); -moz-transform:translate(0,-30px); -ms-transform:translate(0,-30px); -o-transform:translate(0,-30px); -webkit-transform:translate(0,-30px);-webkit-transition:all .5s;transition:all .5s;}

.news_lbb ul li dl:after{ content:"";width:0%; height:3px; background:#22bad3; position:absolute; bottom:0px;-webkit-transition:all .5s;transition:all .5s;}
.news_lbb ul li:hover dl:after{ content:"";width:100%;-webkit-transition:all .5s;transition:all .5s; }




.news_lb{ overflow:hidden;}
.news_lb img{ width:100%; overflow:hidden;}

.news_txt{  background:#22bad3; width:400px; padding:30px; margin-top:-150px; position:relative; z-index:9; margin-left:100px; }
.news_txt h3{ font-size:20px; color:#fff; font-weight:bold; line-height:40px; word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.news_txt p{ font-size:18px; color:#000; margin-top:10px;}
.news_txt dd{ width:150px; height:50px; background:#fff; text-align:center; line-height:50px; color:#fff; font-size:18px; margin-top:60px;}

.nnw .swiper-button-next:after, 
.nnw .swiper-button-prev:after {
   color:#fff;
}


.yingping{background:#fff;overflow:hidden;padding:50px 0 100px}
.yingping h3{font-size:36px;color:#000;margin:30px auto 30px;overflow:hidden;padding-bottom:5px}
.yingping h3 span{float:right;font-size:18px}
.yingping dd img{width:100%;-webkit-transition:all .5s;transition:all .5s}
.yingping dd:hover img{width:100%;opacity:.7}
.yingping h4{font-size:30px;color:#434343;margin:50px auto 80px;overflow:hidden;border-bottom:1px #e3e3e3 solid;padding-bottom:20px}
.yingping .menu_head{overflow:hidden;cursor:pointer;position:relative;margin:0;background:#f2f2f2 url(../images/vicon.png) no-repeat center right 20px;border-bottom:1px solid #e3e3e3;padding:20px;margin-bottom:20px;background-size:20px}
.yingping dl.menu_head{overflow:hidden}
.yingping dl.menu_head dd{font-size:16px;color:#333;font-weight:700;margin-bottom:10px;overflow:hidden}
.yingping dl.menu_head dt{float:left;margin-right:30px;font-size:16px;font-weight:400;overflow:hidden;text-overflow:ellipsis;line-height:30px}
.yingping .menu_list .current{background:#22bad3 url(../images/bvicon1.png) no-repeat center right 20px;background-size:20px}
.yingping .menu_list .current dd{color:#fff}
.yingping .menu_list .current dt{ color:#fff;}
.yingping .menu_body{overflow:hidden;line-height:38px;border-bottom:1px solid #e3e3e3;display:none;padding:30px;margin-bottom:20px}
.yingping .menu_body h3{font-size:16px;color:#22bad3;margin:30px auto 0}
.yingping .menu_body p{font-size:16px;line-height:30px;display:block;overflow:hidden; color:#666;}
.yingping .menu_body p span{width:300px;float:left;display:block;float:left}





.lxwm{margin:50px auto;line-height:180%}
.lxwm .lianxi_m{margin-top:10px;margin:0 auto;overflow:hidden;background:#eee}
.lxwm .lianxi_ml{float:left;padding:30px 0 30px 65px;width:30%;color:#fff;overflow:hidden;background:#22bad3}
.lxwm .lianxi_ml_m{margin-bottom:18px;font-size:36px;color:#fff;font-weight:700;line-height:52px;overflow:hidden}
.lxwm .lianxi_ml_s{margin-bottom:18px;width:302px;font-family:Arial,Helvetica,sans-serif;text-align:center;font-size:28px;color:#fff;line-height:55px;border:solid 2px #fff}
.lxwm .lianxi_ml_en{font-style:italic;font-family:Arial,Helvetica,sans-serif;font-size:24px;color:#fff;line-height:40px}
.lxwm .lianxi_mr{float:right;width:60%;overflow:hidden}
.lxwm .lianxi_mr_i{position:absolute;float:left;margin-top:20px;margin-left:-36px;font-family:Arial,Helvetica,sans-serif;font-size:100px;font-weight:89;color:#999;line-height:normal;overflow:hidden}
.lxwm .lianxi_m .mr_i{margin-top:165px;margin-left:54%;font-size:100px}
.lxwm .lianxi_mr_m{width:90%;float:left;padding-top:62px;padding-left:15px;padding-right:15px;overflow:hidden}
.lxwm .lianxi_mr_m span{font-size:15px;color:#666;line-height:24px}
.lxwm .lianxi_mr_m p{font-size:24px;color:#333;font-weight:700;line-height:60px}
.lxwm .lianxi{margin:0 auto;margin-top:40px;margin-bottom:10px;background:#f5f5f5;overflow:hidden}
.lxwm .lianxi_l{float:left;width:48%;color:#000;overflow:hidden}
.lxwm .lianxi_lm{margin-top:40px;padding-left:20px;font-size:22px;line-height:inherit;border-left:solid 5px #22bad3;}
.lxwm .lianxi_lm strong{font-size:30px;color:#22bad3}
.lxwm .lianxi_len{margin-bottom:30px;padding-left:20px;font-style:italic;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#999;line-height:22px;border-left:solid 5px #000;overflow:hidden}
.lxwm .lianxi_ld_l{padding:15px 0 15px 30px;overflow:hidden}
.lxwm .ld_i{float:left;width:56px;font-weight:700}
.lxwm .ld_i img{width:56px}
.lxwm .ld_l{float:left;padding-left:18px;font-size:14px;color:#000;line-height:25px}
.lxwm .ld_l span{font-size:18px;color:#444}
.lxwm .ld_l a{font-size:14px;color:#999}
.lxwm .lianxi_r{float:right;width:50%;background:#f5f5f5;overflow:hidden}
.lxwm .lianxi_rm{padding-top:5px;overflow:hidden}
.lxwm .lianxi_rm_en{float:left;font-family:Arial,Helvetica,sans-serif;font-size:45px;font-weight:700;color:#22bad3;line-height:50px}
.lxwm .lianxi_rm_m{float:left;margin-top:10px;margin-left:10px;font-size:20px;line-height:40px;border-top:solid 3px #22bad3}
.lxwm .lianxi_rd{margin-top:15px;border:solid 0 #ccc;overflow:hidden}
.lxwm .left_content strong{font-size:16px;font-weight:700}
.lxwm .left_content a{font-size:15px;color:#000}
.lxwm .left_content a:hover{color:#f15a21}
.lxwm .left_content{margin-left:25px;font-size:15px;line-height:70px}
.lxwm .left_content p{line-height:40px}
.lxwm .map{width:600px;height:300px;font-size:12px;border:#ccc solid 1px}




.mssg-intro{overflow:hidden;margin:0  auto;;padding-bottom:2%; margin-bottom:20px; background:url(../images/z.png) no-repeat center center;; background-size:cover;}
.mssg-intro form{ margin:5%; background:rgba(255,255,255,.8); padding:5%; overflow:hidden;}
.mssg-intro form h3{font-size:36px; text-align:center; margin-bottom:30px;}
.mssg-intro form ul li{width:100%;height:auto;overflow:hidden;border:1px solid #d2d2d2;margin-bottom:15px;background:#fff;border-radius:5px}
.mssg-intro form ul li input{height:50px;border:none;width:100%;outline:0;text-indent:10px;color:#999;font-size:16px;background:0 0;font-family:'微软雅黑'}
.mssg-intro form ul li textarea{width:788px;height:100px;border:none;outline:0;font-family:'微软雅黑';resize:none;background:0 0;text-indent:10px;padding-top:10px;color:#999;font-size:16px}
.mssg-intro form .btn input{width:49%;display:block;float:left;padding:3% 0;background:#22bad3;outline:0;border:none;font-size:16px;color:#fff;border-radius:6px;font-family:'微软雅黑'; cursor:pointer}
.mssg-intro form .btn input:last-child{background:#999;margin-left:2%}
.mssg-intro form ul li p{color:#f00}

.xw_con{margin:50px auto;background:#fff}
.xw_bt,.xw_con{overflow:hidden}
.xw_bt{margin:0px;padding:30px 0 0;border-bottom:1px solid #ccc}
.xw_bt h3{font-weight:400;font-size:26px}
.xw_bt p{padding:10px 0;color:#999;font-size:15px}
.xw_bt p span{margin-right:30px}
.xw_content{padding:30px 0px;text-align:justify;color:#666;font-size:15px;line-height:30px}
.xw_content img{ max-width:100%; display:block; margin:0px auto;height:inherit}
.an_xq dl img{ max-width:100%; height:inherit}


@media (max-width:1600px){
	
	.news .list ul li{padding:25px 20px;}
	}
	
	
	@media (max-width:1440px){
	
	.news .list ul li{padding:19px 20px;}
	}
		@media (max-width:1440px){
			
			.about{ width:auto}
			
			}
			@media (max-width:1250px){	
			.haed .logo{  margin-left:1%}
.haed .hot{margin-right:0%;}

			}
			@media (max-width:1100px){
			
			.about{ width:auto}
			.haed .nav ul li{ margin:0 10px;}
			.shuzi p { text-align: center;  font-size: 30px;  color: #fff;   line-height: 50px;}
			.dataNums .tt span { width: 100%;height: 100%; font-family: DINProb; color: #ddf0ff;font-size: 40px;}
			.dataNums .dataOne{ width:40px; height:55px; line-height:55px;background-size: 100%;}
			.shuzi p b {width: 185px;}
			.dataNums{ height:55px;}
			.shuzi p b {
    width: 237px;
    display: inline-block;
    vertical-align: middle;
}

.shuzi p b#dataNums2{ width:40px; height:55px; line-height:55px;background-size: 100%;}
.shuzi p b#dataNums2{vertical-align: baseline;}
  .form h3 {
    font-size: 40px;
    text-align: center;
    color: #fff;
    font-weight: 400;
}
.form p{ font-size:20px;}
			}
			
			
			
				@media (max-width:980px){
					.haed .hot{ display:none;}
					.haed .nav{display:none;}
					.sp_nav{ display:block;}
					.haed .logo {
    margin-top: 15px;
    float: left;
    width: 200px;
}
.haed .logo img{ width:100%}
.haed { height: 75px;}
	.sp_nav01 span{background:#22bad3;}
	
.banner{ display:none;}
.mbanner{ display:block;}
.title p{ font-size:0.7rem;}
.title h3{ font-size:0.3rem;}
.about dd{ font-size:0.22rem; line-height:0.38rem;word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical; margin:0 0.1rem}
.about{ margin:15px auto; }
.title{padding:20px 0;}
.zizhi ul li {
    overflow: hidden;
    width: 50%;
    border: 5px #fff solid;
    float: left;
    box-sizing: border-box;
}
.shuzi{ padding:0.5rem 0}
.zizhi ul li p{ height:inherit; line-height:inherit; padding:3% 0; font-size:0.2rem;}
.shuzi p{ font-size:0.25rem; line-height:0.4rem;}
.dataNums .tt span{ font-size:0.3rem;}
.dataNums .dataOne,.shuzi p b#dataNums2{ width:0.4rem; line-height:40px; height:40px;vertical-align: middle;}
.shuzi p b{ width:auto; vertical-align: top;}
.dataNums {
    height: 0.4rem;
}
.title2 dl {
    float:inherit;
    width: auto;
}
.title2 dl h3{ font-size:0.4rem; text-align:center;}
.title2 dl p{ font-size:0.22rem; line-height:0.38rem; text-align:center;}
.title2 ul {
    float: inherit;
    margin-top: 20px; overflow:hidden;
}
.title2 ul li {
    display: block;
    background: #dcdcdc; float:left; width:25%;
    margin: 0px; border:5px #fff solid; box-sizing:border-box; text-align:center; font-size:0.22rem; 
}

.title2 ul li a {
    display: block;
    padding:10% 0;
}

.case {
    margin: 20px auto 0;
    overflow: hidden;
}
.case_content {
    overflow: hidden;
    margin: 20px auto 0;
}

.case_content ul li{ width:50%}
.case_content ul li div {
    position:relative;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    bottom: -100%;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.case_content ul li div dl {
   position: relative;
    width: 100%;
    top: 0%;
    text-align: center;
    margin-top: 0px;
}
.case_content ul li div dl dd{ font-size:0.22rem;}
.case_content ul li div dl dd:after { display:none;
    content: "";
    letter-spacing: -2px;
    color: #fff;
    display: block;
    line-height: 50px;
}
.case_content ul li div dl dt{ display:none;}
.case_content ul li div dl dd{ padding:5% 0; background:rgb(230 230 230); color:#333;}
.case_content ul li div{ background:none;}
.case_content ul li:last-child{ display:none;}
.news {
   
    margin: 20px auto 0;
    padding: 20px 0;
}
.title2 span{ display:none;}

.news .focus {
    width: auto;
    height: auto;
    overflow: hidden;
    position: relative;
    float:inherit;
    margin-top: 30px;
    background: #fff;
    padding-bottom: 30px;
}
.news .focus .tit{ padding:10px 0;}

.news .list {
    width: auto;
    height: auto;
    overflow: hidden;
    float: inherit;
    margin-top: 30px;
}
.news .list ul li {
    padding: 10px;
}
.form h3{ font-size:0.4rem;}
.form p {
    font-size: 0.25rem;
    color: #fff;
    text-align: center;
    line-height: 0.38rem;
    margin: 20px auto;
}
.form{ padding:50px 0}
.news .focus .info h4,.news .list ul li .info h4{ font-size:0.3rem;}
.news .focus .info p{font-size:0.2rem; line-height:0.38rem ; height:inherit}
.news .list ul li .info p{font-size:0.2rem; line-height:0.38rem ; height:0.8rem; }
.footer .iof {
    float:inherit;
    width: auto; margin:0 10px;
}
.footer .iof p{ font-size:0.2rem; line-height:0.38rem;}
.footer .iof h3{ font-size:0.4rem;}
.footer .iof h4{ font-size:0.3rem;}
.footer .f_txt {
    float: inherit;
    width: auto; margin:30px 0 0 ;
}
.footer .f_txt h3{ display:none}
.footer .f_txt p{ font-size:0.2rem; line-height:0.38rem; padding:0 0.1rem}
.footer .f_txt p a{    word-break: keep-all;}
.haed .nav_show{ display:block; z-index:999}
.haed .nav_show{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.7); top:75px;}

.haed{ overflow:inherit}
.fnav{ border-top:1px solid #fff; font-size:0.25rem; text-align:center}
.content{ padding:0px;}




.haed .nav_show ul li {float:inherit; width:100%; line-height:60px; width:auto; border-bottom:1px #fff dotted; text-align:center;
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: returnToNormal;
		animation-name: returnToNormal;
	}
		
		.haed .news_show01 ul li {float:inherit; width:100%; line-height:60px; width:auto; border-bottom:1px #333 dotted; text-align:center;
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: returnToNormal;
		animation-name: returnToNormal;
	}
.show{ display:none;}
		.hadd .nav_show ul li a	{ color:#fff;}
	@-webkit-keyframes returnToNormal {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}

	@keyframes returnToNormal {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}
	
	
	.qyjz ul li p{ height:inherit}
	
.lxwm .lianxi_l,.lxwm .lianxi_r{float:inherit;width:auto;color:#000;overflow:hidden}
.lxwm .map{width:auto;height:300px;font-size:12px;border:#ccc solid 1px}
.lxwm .lianxi_ml{float:inherit;padding:30px;width:auto;color:#fff;overflow:hidden;background:#22bad3}
.lxwm .lianxi_mr{float:inherit;width:auto;overflow:hidden}
.lxwm .lianxi_mr_m{font-size:1rem;padding:20px}
.lxwm .lianxi_ml_s{width:auto;font-size:.4rem}
.lxwm .lianxi_lm strong{font-size:.3rem}
.lxwm .left_content p{font-size:.2rem;line-height:0.38rem}
.lxwm .lianxi_m .mr_i{display:none}
.lxwm .lianxi{margin:0 auto;margin-top:20px;margin-bottom:10px;background:#f5f5f5;overflow:hidden}
.lxwm .lianxi_lm{margin-top:0}
.lxwm .lianxi_r{float:inherit;padding:10px;width:auto;background:#f5f5f5;overflow:hidden}
.lxwm .lianxi_l{float:inherit;width:auto;color:#000;overflow:hidden}
.lxwm .lianxi_mr_m span{ font-size:0.22rem; line-height:0.38rem}
.anli_nav h3{ width:100%; overflow:hidden;}
.anli_nav ul li {
    display: block;
    background: #dcdcdc;
    margin: 5px; width:25%; float:left;}
	
	.anli_nav ul { overflow:hidden;
    float:inherit;
    width:100% ; 
}
.anli_nav ul li{ border:5px #fff solid; box-sizing:border-box; margin: 0px auto; text-align:center;}
.anli_nav{ margin:20px 10px;}
.case_content ul li,.anli_lb ul li{  height:inherit}
.case_content ul li img,.anli_lb ul li img{ height:2rem;}

	}
	
	@media (max-width:750px){	
	
	.ab_left { margin:0 15px; border-bottom:1px #ccc solid;
    width: auto;
    float:inherit;
}
.ab_left h3{ font-size:0.3rem;}
.ab_left h4{ margin:10px auto; font-size:0.25rem;}
.ab_left h4 span{ display:inline-block}

.ab_right {
    overflow: hidden; margin:0 15px;
    line-height: 0.38rem; font-size:0.22rem;
    width: auto;
    float:inherit;
}
.ab_right p{   line-height: 0.38rem; font-size:0.22rem; margin:10px auto }
.sz ul li{ width:50%}
.sz ul li h3{ font-size:0.5rem;}
.sz ul li p{ font-size:0.2rem;}
.sz ul li h3 sup {
    font-family: Microsoft YaHei;
    font-size: 0.2rem; margin-left:0px;
    font-weight: 400;
    width: 0.3rem;
    height: 0.3rem;
    line-height: 0.3rem;
	}
	.title1 h3{ font-size:0.3rem;}
	.qyjz ul li{ width:auto; float:inherit;}
	.title1 p{ font-size:0.22rem;}
	.qyjz ul li h3{ font-size:0.3rem;}
	.qyjz ul li p{ font-size:0.2rem; line-height:0.38rem;}
	
	.jiazhi ul li {
    width: 50%;
    float: left;
    border: 5px #fff solid;
}
	.jiazhi ul li h3{ font-size:0.25rem;}
	.jiazhi ul li p{ height:0.8rem; font-size:0.2rem; line-height:0.38rem; padding:0 5px}
	.jiazhi ul li:last-child{ display:none;}
	.title1 {
    overflow: hidden;
    padding: 20px 0;
}

.fenye ul li{display:inline-block;overflow:hidden;margin:1px 1px;width:auto;height:inherit;min-width:inherit;border:1px solid #ccc;background:#eee;line-height:inherit;padding:2%}
.fenye ul li .disabled,.fenye ul li:first-child,.fenye ul li:last-child{width:auto}


.news_txt {
    background: #22bad3;
    width: auto;
    padding: 30px;
    margin-top: 0px;
    position: relative;
    z-index: 9;
    margin-left: 0px;
}
.news_txt h3{ font-size:0.3rem;}
.news_txt p,.news_txt dd{ font-size:0.22rem;}
.anli_nav h3{ font-size:0.3rem;}
.anli_nav {
    overflow: hidden;
    margin: 20px auto;
}

.news_lbb ul li{  width:auto; float:inherit}
.news_lbb ul li dl dd {
    height:inherit;
   font-size:0.25rem;
    overflow: hidden;
    padding-right: 0%;
    margin: 20px auto;
    line-height: 0.38rem;
    position: relative;
}
.news_lbb ul li dl dt{ font-size:0.2rem;}
.news_lbb ul li dl{ padding-bottom:20px;}
.lxwm .lianxi_ml_m{ font-size:0.3rem;}
.yingping .menu_list .current dt{ font-size:0.2rem;}
.yingping dl.menu_head dd{ font-size:0.25rem;}
.yingping .menu_body h3{ font-size:0.25rem;}
.yingping .menu_body p{ font-size:0.2rem; line-height:0.38rem;}
.yingping dl.menu_head dt{ font-size:0.2rem;}
.n_banner img { width: 150%; margin-left: -30%;}
.anli_nav ul li a{ font-size:0.2rem; padding:5% 0;}

.anli_nav {
    overflow: hidden;
    margin: 20px 10px;
}
.anli_lb ul li{ width:50%; background:#fff; padding:0px; border:5px #fff solid;}
.anli_lb {
    overflow: hidden;
    margin: 20px auto;
}
.anli_lb ul li div h3{ font-size:0.2rem; color:#666; font-weight:400; padding-top: 10px; margin: 0px auto; text-align:center;}
.anli_lb ul li div {
    position:relative;
    width: 100%;
    overflow: hidden;
    bottom: 0px;
}
.an_xq{ margin:0px 15px;}
.an_xq h3{ font-size:0.3rem;}
.an_xq dl{ font-size:0.2rem; line-height:0.38rem;}

.case_content ul li img,.anli_lb ul li img{ height:1.5rem;}
.news_lbb ul li div{ height:inherit;}
.xw_con{ margin:30px 10px;}
.xw_bt p span{ display:block;}
.shangxia {
    overflow: hidden;
    margin-bottom: 0px;}
.shangxia ul li {
    width: auto; margin:15px auto;
    float:inherit;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.2rem;
}
.shangxia ul li:last-child {
    text-align: left;
    float: inherit;
}
}
	
	

	
@media (max-width:450px){	
	
	.n_banner img {
    width: 210%;
    margin-left: -50%;
}
	
	
}