/* CSS Document */
@media  (max-width: 479px) {
.wrap{width:100%;}
.logo{ margin-left:10px;}
.h_r,.h_phone{ display:none;}
header .navBtn{ display:block;}
nav ul.nav{background:#fff;display:none;border-left:1px solid #ddd;position:fixed;top:85px;right:0;width:150px;height:auto;line-height:normal; z-index:9999;}
nav ul li{ width:100%;text-align:left; margin:0; text-align:center; height:50px; line-height:50px;}
nav ul li a{ width:100%; height:50px; line-height:50px; color:#434343; overflow:hidden;border-bottom:1px solid #ddd;font-size:16px; }
nav ul li a:hover,nav ul li a.hover{background:none; border-bottom:1px solid #226688; color:#226688; border-radius:0; width:100%;}

.banner{ height:450px;}
.banner .bannerBtn{margin-top:-100px;}
.banner .contentInfo{margin-top:-200px;}
.banner .content{background-size:auto 450px;}
.banner .content .title1{font-size:22px;}
.banner .content .title2{font-size:18px;}
.banner .content .title3{font-size:16px;}

.fla{height: 290px;}
.fla span{ width:90%;}
.fla p{padding-top: 130px;width:90%;  margin:auto;}

.c1a{ width:90%;}
.c1b ul li{ width:50%; margin:15px 0 0 0;}
.c_t{ border:none; height:auto; width:100%;}
.c_t a{ display:block; clear:both; border-bottom:1px solid #dcdddd; width:100%; margin:auto; height:60px; line-height:60px;}
.c_t a:hover,.c_t a.hover{color:#5486ac; border-bottom:1px solid #5486ac;}
.content{ width:90%;}
.page a{ display:none; width:30px; margin:0 auto 10px auto; padding:0;}
.page a.a1{ display: initial; text-align:center; padding:0 10px 0 0;}
.page span{ display:none; width:30px; margin:0 auto 10px auto; padding:0;}

.footNav{padding: 20px 0 20px 0;}
.footNav dl{ float:left; padding:20px 0 0 40px; overflow:hidden; width: 40%;}
.footNav dl.right dt.pad_l, .footNav dl.right dd.pad_l{padding-left: 0;}
.footNav dl dt.mb2{ margin:0 0 18px 0;}
.footNav dl.right{ clear:both; padding:20px 0 0 40px; float:left;}
.footNav dl.right dt{font-size:16px; color:#4c4948; margin:0 0 0 0; clear:both;}
footer p{ text-align:center; clear:both;}
footer span{ clear:both; float:none; padding:5px 0 0 0; text-align:center;}
.footNav dl.right dd{width: 100%; float:left;}
.footNav dl.right dd img{ width: 100%;}
footer i{ display: block; clear: both;}
.c5a .title-list li{ clear:both; padding:10px 0;}
.product-wrap .product li,.product-wrap .product li.ml0{ clear:both; margin:0 auto 40px auto; width: 95%; float: none; overflow: hidden;}
.product-wrap .product li  i,.product-wrap .product li img{ width: 100%;}
.product{ height: 950px;}
.c2a{ width:100%;}
.c2a .box{ width:100%; position: inherit; z-index: 9; text-align: center;}
.c2a .list li a{ margin: inherit;}
.c2a .list li span,.c2a .list li p,.c2a .list li i{ margin: 0 0 0 3%;}
.c2a .prev,.c2a .next{ position: absolute; z-index: 99;}

.c_cs2{ width:100%;}
.c_cs2 a{ width:100%; clear:both; text-align:center; margin-top: 1px;}
.c_cs3{ width:100%; height:auto; line-height:150%; padding:10px 0;}
.c_cs3 p,.c_cs3 span,.c_cs3 a{ width:100%; clear:both;}
.c_fs2{ width:100%; height:auto; line-height:180%; padding:10px 0;}
.c_fs2 div{ clear:both; width:100%; height:30px; overflow:hidden;}
.ab1 ul li span{ padding-left: 10px;}
.ab1 ul li p{ float: left; width: 60%; padding-left: 25px;}
.c_h1,.c_h2{ width:96%; clear:both; float: none; margin-left: auto; margin-right: auto;}
.c_h input,.c_h textarea{ width:100%; clear:both; float: none; margin-left: auto; margin-right: auto;}
.c_g2 h2{ width: 90%;}
.c_g2a,.c_g2b,.c_g2a input,.c_g2b textarea{ width:98%; clear:both; overflow:hidden; float: none; margin-left: auto; margin-right: auto;}

.news{ padding:30px 0;}
.news dl{ padding-bottom:30px;}
.news dl dt{ width:95%; height:auto; margin:10px auto 0 auto; text-align:center; float:none;}
.news dl dd{ width:95%; margin:10px auto 0 auto; float:none;}
.news dl dd h1{ font-size:18px; overflow:hidden; padding: 5px 0 10px 0; line-height: 120%;}
.news dl dd p{ padding:0; font-size:12px; overflow:hidden;}
.news dl dd span{ height:68px;margin: 0 0 10px 0; font-size:12px; line-height:150%;}
.news dl dd a{ font-size:12px; height:28px; line-height:28px;}

.jx ul li,.jx ul li.mr_no{ clear: both; float: none;  margin-left: auto; margin-right: auto;width: 95%;}

.con_l,.con_r{ clear: both; width:90%; margin: auto; float: none;padding:30px 0;}
.con_r ul li{ float: none; clear: both; margin:0 auto 20px auto;}
#top{ display: none;}
.jx select{ margin-left:0;}
.join dl{ width: 95%; margin-left: auto; margin-right: auto;}
#dituContent,.map{ height: 300px;}

.news .content{ padding: 0; width: 96%;}
.content img,.c_cs1 img{ width: 100%;}
.floatingAd{ display: none;}
}
@media (max-width: 350px) {.c2a .list li span,.c2a .list li p,.c2a .list li i{ margin: 0 0 0 0;}}
@media (min-width: 380px) and (max-width: 479px) {.c2a .list li span,.c2a .list li p,.c2a .list li i{ margin: 0 0 0 7%;}}
@media (min-width: 480px) and (max-width: 820px) {
.content,.wrap{width:100%;}
.logo{ margin-left:10px;}
.h_r,.h_phone{ display:none;}
header .navBtn{ display:block;}
nav ul.nav{background:#fff;display:none;border-left:1px solid #ddd;position:fixed;top:85px;right:0;width:150px;height:auto;line-height:normal; }
nav ul li{ width:100%;text-align:left; margin:0; text-align:center; height:50px; line-height:50px;}
nav ul li a{ width:100%; height:50px; line-height:50px; color:#434343; overflow:hidden;border-bottom:1px solid #ddd;font-size:16px; }
nav ul li a:hover,nav ul li a.hover{background:none; border-bottom:1px solid #226688; color:#226688; border-radius:0; width:100%;}
.footNav{padding: 30px 0 30px 0;}
.footNav dl{ float:left; padding: 20px 15px 0 20px; overflow:hidden;}
.footNav dl.right dt.pad_l, .footNav dl.right dd.pad_l{padding-left: 0;}
.footNav dl dt.mb2{ margin:0 0 18px 0;}
.footNav dl.right{ clear:both; padding:20px 0 0 40px; float:left; display: none;}
footer i,footer p,footer span{ float: none; width: 100%; text-align: center; display: block; clear: both;}

.banner{ height:450px;}
.banner .bannerBtn{margin-top:-100px;}
.banner .contentInfo{margin-top:-200px;}
.banner .content{background-size:auto 450px;}
.banner .content .title1{font-size:26px;}
.banner .content .title2{font-size:20px;}
.banner .content .title3{font-size:16px;}
.fla span{ width:90%; margin:auto; padding-top: 10px;}
.fla p{width:90%; padding-top: 200px; margin:auto;}

.c1a{ width:90%;}
.c1b ul li{ width:50%; margin:15px 0 0 0;}
.c_t{ border:none; height:auto; width:100%;}
.c_t a{ display:block; clear:both; border-bottom:1px solid #dcdddd; width:100%; margin:auto; height:60px; line-height:60px;}
.c_t a:hover,.c_t a.hover{color:#5486ac; border-bottom:1px solid #5486ac;}
.content{ width:90%;}

.product{ height: 320px; overflow: hidden;}
.product-wrap .product li,.product-wrap .product li.ml0{ margin: 0 2% 40px 2%;  width: 46%;overflow: hidden;}
.product-wrap .product li  i,.product-wrap .product li img{ width: 100%;}
.newlist .product ul li{ margin: 0 2% 40px 2%;}

.page a{ display:none; width:30px; margin:0 auto 10px auto; padding:0;}
.page a.a1{ display: initial; text-align:center; padding:0 10px 0 0;}
.page span{ display:none; width:30px; margin:0 auto 10px auto; padding:0;}

.c2a{ width:100%;}
.c2a .box{ width:100%; position: inherit; z-index: 9; text-align: center;}
.c2a .list li{ width:380px;}
.c2a .list li a{ margin: inherit;}
.c2a .list li span,.c2a .list li p,.c2a .list li i{ margin: 0 0 0 12px;}
.c2a .prev,.c2a .next{ position: absolute; z-index: 99;}
.c_fs2{ width:100%; height:auto; line-height:180%; padding:10px 0;}
.c_fs2 div{ clear:both; width:100%; height:30px; overflow:hidden;}
.ab1 ul li span{ padding-left: 10px;}
.ab1 ul li p{float: left; width: 75%;  padding-left: 25px;}
.c_h1,.c_h2,.c_h input,.c_h textarea{ width:96%; clear:both; float: none; margin-left: auto; margin-right: auto;}
.c_g2a,.c_g2b,.c_g2a input,.c_g2b textarea{ width:98%; clear:both; overflow:hidden; float: none; margin-left: auto; margin-right: auto;}

.news{ padding:30px 0;}
.news dl{ padding-bottom:30px;}
.news dl dt{ width:38%; height:auto; margin-left:10px;}
.news dl dd{ width:56%; margin-right:10px;}
.news dl dd h1{ font-size:16px; overflow:hidden; padding: 5px 0 10px 0; line-height: 120%;}
.news dl dd p{ padding:0; font-size:14px; overflow:hidden; height: 22px;}
.news dl dd span{ height:50px;margin: 0 0 10px 0; font-size:12px; line-height:140%;}
.news dl dd a{ font-size:12px; height:28px; line-height:28px;}

.jx ul li,.jx ul li.mr_no{ clear: both; float: none;  margin-left: auto; margin-right: auto;width: 95%;}
.con_l,.con_r{ clear: both; width:90%; margin: auto; float: none;padding:30px 0;}
.con_r ul li{ float: none; clear: both; margin:0 auto 20px auto;}
    #top{ display: none;}
    .join dl{ width: 95%; margin-left: auto; margin-right: auto;}
    #dituContent,.map{ height: 320px;}
    .news .content{ padding: 0;width: 96%;}
    .content img,.c_cs1 img{ width: 100%;}
.floatingAd{ display: none;}
}
@media (min-width: 821px) and (max-width:1300px ) {
.content,.wrap{width:100%;}
.logo{ margin-left:20px;}
.h_r,.h_phone{ display:none;}
header .navBtn{ display:block;}
nav ul.nav{background:#fff;display:none;border-left:1px solid #ddd;position:fixed;top:85px;right:0;width:150px;height:auto;line-height:normal; }
nav ul li{ width:100%;text-align:left; margin:0; text-align:center; height:50px; line-height:50px;}
nav ul li a{ width:100%; height:50px; line-height:50px; color:#434343; overflow:hidden;border-bottom:1px solid #ddd;font-size:16px; }
nav ul li a:hover,nav ul li a.hover{background:none; border-bottom:1px solid #226688; color:#226688; border-radius:0; width:100%;}

.banner{ height:450px;}
.banner .bannerBtn{margin-top:-100px;}
.banner .contentInfo{margin-top:-180px;}
.banner .content{background-size:auto 450px;}
.banner .content .title1{font-size:28px;}
.banner .content .title2{font-size:22px;}
.banner .content .title3{font-size:16px;}

.fla span{ width:90%; margin:auto; padding-top: 10px;}
.fla p{width:90%; padding-top: 200px; margin:auto;}
.c1a{ width:90%;}
.content{ width:90%;}
.page a{ display:none; width:30px; margin:0 auto 10px auto; padding:0;}
.page a.a1{ display: initial; text-align:center; padding:0 10px 0 0;}
.page span{ display:none; width:30px; margin:0 auto 10px auto; padding:0;}
.footNav{padding: 30px 0 30px 0;}
.footNav dl{ float:left; padding:20px 40px 0 40px; overflow:hidden;}
.footNav dl.right dt.pad_l, .footNav dl.right dd.pad_l{padding-left: 0;}
.footNav dl dt.mb2{ margin:0 0 18px 0;}
.footNav dl.right{ clear:both; padding:20px 0 0 40px; float:left;display: none;}
.footNav dl.right dt{font-size:16px; color:#4c4948; margin:0 0 0 0; clear:both;}
footer p{ text-align:left; padding-left: 10px}
footer span{ float:none; padding:5px 0 0 10px; text-align:right;}
.footNav dl.right dd{ width:132px; float:left; text-align:center; margin:0 10px 0 0;}
.product-wrap .product li{width: 33%; margin:0; overflow: hidden;}
.product-wrap .product li a{ width: 330px; margin: auto;}
.product-wrap .product li p{ width: 330px; margin: auto;}
.c2a{ width:100%;}
.c2a .list li{ width: 350px; margin: 10px 10px 10px 10px;}
.c2a .box{ width:100%; position: inherit; z-index: 9; text-align: center;}
.c2a .prev,.c2a .next{ position: absolute; z-index: 99;}

.ab1 ul li span{ padding-left: 20px;}
.ab1 ul li p{float: left; width:86%;  padding-left: 25px;}
.c_g2a,.c_g2b,.c_g2a input,.c_g2b textarea{ width:98%; clear:both; overflow:hidden; float: none; margin-left: auto; margin-right: auto;}

.news{ padding:30px 0;}
.news dl{ padding-bottom:30px;}
.news dl dt{ width:38%; height:auto; margin-left:10px;}
.news dl dd{ width:58%; margin-right:10px;}
.news dl dd h1{ font-size:20px; overflow:hidden;}
.news dl dd p{ padding:0; font-size:16px; overflow:hidden; height:25px;}
.news dl dd span{ height:75px;margin: 0 0 10px 0; font-size:16px; line-height:150%;}
.news dl dd a{ font-size:14px; height:35px; line-height:35px;}
.jx ul{ width: 80%; margin: auto;}
.jx ul li,.jx ul li.mr_no{ float: left;  margin-left: 10px; margin-right:10px;}
    #top{ display: none;}
    .join dl{ width: 95%; margin-left: auto; margin-right: auto;}
    #dituContent,.map{ height: 350px;}
    .news .content{ padding: 0;width: 96%;}
}
@media (min-width: 821px) and (max-width:1000px ) {
.product{ height: 320px; overflow: hidden;}
.product-wrap .product li,.product-wrap .product li.ml0{ margin: 0 2% 40px 2%;  width: 46%;overflow: hidden;}
.product-wrap .product li  i,.product-wrap .product li img{ width: 100%;}
}
@media (min-width: 821px) and ( max-width: 1200px ){ .content img,.c_cs1 img{ width: 100%;}}
@media (min-width: 1200px) and (max-width: 1300px){
.c2a .list li { margin: 10px 25px 10px 25px;}
.footNav dl{padding: 20px 40px 0 50px;}
.footNav dl.right{ display: block;clear: none;padding: 20px 0 0 40px;width: 313px;}
.footNav dl.right dd{width: 273px;}
}
@media (min-width: 1301px) and (max-width:1640px ) { .h_phone{ display: none;}nav { margin-left: 0; float: right; margin-right: 45px;}}