* { margin:0; padding:0; list-style:none; text-decoration:none; }

body { font-family: 'Microsoft Yahei'; color:#333; font-size:14px; }

img { border:none; }

.mt20 { margin-top:20px; }

.mt15 { margin-top:15px; }

.mt10 { margin-top:10px; }

.mb20 { margin-bottom:20px; }

.clearfox { clear:both; }

header { max-width:640px; margin:0 auto; }

.top { width:96%; height:37px; margin:auto; font-size:16px; }

.top img { width:22px; display:inline-block; vertical-align:middle; margin-right:3px; }

.top_left { float:left; }

.top_right { float:right; }

.top a { line-height:37px; color:#333; }

@media screen and (max-width:560px) and (min-width:460px) {

 .top {

font-size:16px;

}

 .top img {

width:20px;

}

}

@media screen and (max-width:460px) and (min-width:400px) {

 .top {

font-size:15px;

}

 .top img {

width:18px;

}

}

@media screen and (max-width:400px) and (min-width:370px) {

 .top {

font-size:14px;

}

 .top img {

width:16px;

}

}

@media screen and (max-width:370px) and (min-width:320px) {

 .top {

font-size:12px;

}

 .top img {

width:16px;

}

}

@media screen and (max-width:320px) and (min-width:300px) {

 .top {

font-size:10px;

}

 .top img {

width:13px;

}

}

.top_z { width:100%; background:#02acf2; border-top:1px solid #FFF; border-bottom:1px solid #FFF; padding:6px 0; }

.top_z img { display:inline-block; vertical-align:middle; }

.top_logo { width:34%; margin-left:2%; margin-right:4%; }

.top_adsad { width:26%; margin-right:5%; }

.top_search { width:6%; margin-right:2%; }

.top_dh { width:8%; margin-left:2%; }

.top_sx { width:0.3%; }

.top_bo { width:100%; background:#02acf2; }

.line { border-right:1px solid #FFF; border-left:1px solid #FFF; box-sizing:border-box; }

.top_bo a { color:#fff; text-align:center; line-height:49px; font-size:22px; }

.top_bo ul { width:100%; }

.top_bo ul li { width:33.33%; float:left; }

.li_top { border-top:1px solid #FFF; }

@media screen and (max-width:560px) and (min-width:460px) {

 .top_bo a {

font-size:18px;

}

}

@media screen and (max-width:460px) and (min-width:400px) {

 .top_bo a {

font-size:17px;

line-height:45px;

}

}

@media screen and (max-width:400px) and (min-width:370px) {

 .top_bo a {

font-size:16px;

line-height:40px;

}

}

@media screen and (max-width:370px) and (min-width:300px) {

 .top_bo a {

font-size:15px;

line-height:35px;

}

}

/*鎼滅储鍜屽鑸�*/

.hide_dh { width:100%; max-width:576px; margin-left:10%; display:none; }

.hide_dh div { margin-left:506px; border:7px solid #333333; border-color: transparent transparent #333333 transparent; position: absolute; top:100px; }

.all_dh { width:90%; max-width: 576px; background:#333; position:absolute; opacity:0.8; z-index:99; margin-top:14px; top:100px; }

.all_dh li { width:32.9%; float:left; border-right:1px solid #ccc; text-align:center; }

.all_dh a { color:#fff; line-height:30px; font-size:12px; display:inline-block; width:100%; }

.search { width:320px; margin:auto; line-height:40px; background:#ccd2e1; position:fixed; display:none; }

.search input { width:260px; background:url(../images/input.jpg) no-repeat; background-size:100%; border:none; line-height:40px; margin-right:10px; }

.search p sapn input { display:inline-block; background:#2f4a83; color:#fff; font-size:12px; border:none; }

@media screen and (max-width:640px) and (min-width:300px) {

 .hide_dh div {

margin-left:80%;

top:80px;

}

 .all_dh {

top:80px;

}

}

.outbox { max-width:640px; height:auto; margin:0 auto; overflow:hidden; }

.zt { width:98%; margin:0 1%; padding-top:15px; float:left; overflow:hidden; }

.zt a { float:left; width:33.3%; }

.zt a img { width:100%; }

.zty{padding-top:15px;clear:both;overflow:hidden;}
.zty ul li{margin:2% 0px;clear:both;overflow:hidden}
.zty ul li img{width:49.2%;}
.zty ul li img.left{float:left}
.zty ul li img.right{float:right}
.banner { width:100%; height:auto; overflow:hidden; }

.banner img { width:100%; }

.img100 { width:100%; float:left;background:#000;text-align:center;color:#fff;letter-spacing:5px;font-size:150%; }

.img100 img { width:100%; }

.txt { margin:0 auto; width:94%; line-height:20px; font-size:14px; color:#333; padding:20px 3%; float:left; }

.jsh { width:100%; margin:0 0; float:left;overflow:hidden; }

.jsh img { width:100%; }

.jsh p { padding:10px;color:#666; }

.zj1 { width:63.5%; float:left; margin-left:1%; }

.zj1 img { width:100%; }

.banner_slide { margin:auto; }

#ks { width:98%; float:left; margin:0 1%; }

/* Specify Swiper's Size: */



.pagination1 { text-align: center; margin-bottom:3px; }

/* Swiper Styles */



.swiper-slide { float: left; }

/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal { -ms-touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; }

/* Pagination */

.pagination1 .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; margin-bottom:-20px; border:1px solid #2f4a83; border-radius: 10px; background: #fff; /*box-shadow: 0px 1px 2px #555 inset;*/ margin: 0 3px; cursor: pointer; }

.pagination1 .swiper-active-switch { background: #2f4a83; border-radius: 10px; }

.banner_slide { float:left; width:100%; height:auto; margin-bottom:20px;}

.home-device { width:100%; height:auto; overflow:hidden; }

.pagination1 { height:16px; position:relative; bottom:20px; }

.swiper-main { width:100%; height:auto; overflow:hidden; }

.swiper1, .swiper1 .swiper-slide { width:100%; height:auto; overflow:hidden; }

.swiper1 .swiper-wrapper { width:500%; height:auto !important; overflow:hidden; }

.swiper1 .swiper-wrapper div { width:20%; height:auto !important; overflow:hidden; }

.swiper-wrapper div img { width:100%; height:auto; }

.adds { width:98%; margin:0 1%; float:left; }

.adds, .adds .swiper-slide { width:100%; height:auto; overflow:hidden; }

.adds .swiper-wrapper { width:500%; height:auto !important; overflow:hidden; }

.adds .swiper-slide { width:20%; height:auto !important; overflow:hidden; }

.adds.swiper-wrapper div img { width:100%; height:auto; }

.pagination2 { text-align: center; margin-bottom:10px; }

.pagination2 .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border:1px solid #2f4a83; border-radius: 10px; background: #fff; /*box-shadow: 0px 1px 2px #555 inset;*/ margin: 0 3px; cursor: pointer; }

.pagination2 .swiper-active-switch { background: #2f4a83; border-radius: 10px; }

.pagination2 { height:16px; position: relative; bottom:-10px; }

.part_seven_ltj { width:100%; margin:auto; margin-top:15px; }

.part_seven_ltj img.big_ltj { width:98%; float:left; }

.part_seven_ltj p { width:100%; line-height:40px; font-size:24px; }

.part_seven_ltj p.big_tit { color:#1b6dd9; font-weight:bold; }

.part_seven_ltj p.solution { color:#1b6dd9; line-height:48px; }

.sixbox { width:99%; float:left; margin:40px 0% 0 1%;overflow:hidden;clear:both; }

.sixbox .six { width:27.4%; height:auto; padding:10px 2%; margin-top:20px; min-height:140px; padding-bottom:10px; float:left; margin-right:1%; border:2px solid #2ea9e2; text-align:center; font-size:14px; }
@media screen and (min-width:620px){
 .sixbox .six{height:147px;}
}
@media screen and (min-width:568px) and (max-width:619px){
 .sixbox .six{height:166px;}
}
@media screen and (min-width:465px) and (max-width:567px){
 .sixbox .six{height:185px;}
}
@media screen and (min-width:413px) and (max-width:464px){
 .sixbox .six{height:223px;}
}
@media screen and (min-width:362px) and (max-width:412px){
 .sixbox .six{height:242px;}
}
@media screen and (max-width:361px){
 .sixbox .six{height:280px;}
}


.sixbox .six:nth-child(3) {

margin-right:0;

}

.sixbox .six:nth-child(6) {

margin-right:0;

}

.sixbox .six span { width:100%; float:left; margin-top:-25px; }

.sixbox .six span strong { background:#FFF; color:#2ea9e2; font-size:18px; }

.sixbox .six p { float:left; width:100%; padding:10px 0; }

.ad { width:94%; margin-left:3%; margin-top:15px; float:left; }

.ad img { width:100% }

.baoming { width:98%; float:left; background:#efefef; margin-bottom:10px; padding-bottom:8px; margin:0 1%; }

.px98 { width:99%;/* float:left;*/border:1px solid #318ccd;margin:0 auto 10px;}

.px98 .p{/*float:left;*/width:94%;color:#666;padding:3%;line-height:180%;}

.px98 img { width:100%; }

.footer_title { width:50%; margin:auto; background:#ff8c04; font-size:22px; font-weight:600; color:#fff; line-height:40px; text-align:center; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }

.tables { width:80%; margin:auto; margin-bottom:0px; padding-top:10px; }

.tables p { line-height:50px; }

.tables p span { font-size:16px; font-weight:bold; }

.tables input { width:75%; background:#FFF; background-size:100% 100%; height:30px; border:1px solid #d1d1d1; text-indent:1em; }

.final_button { width:100%; margin:auto; margin-top:20px; }

.final_button ul { float: left; width:100%; margin-bottom:10px; }

.final_button ul li { width:32%; float:left; font-size:18px; color:#fff; font-weight:bold; background:#ff8c04; text-align:center; line-height:40px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; }

.final_button ul li:first-child { margin-left:10%; margin-right:16%; }

.final_button ul a { color:#fff; display:inline-block; width:100%; }


@media screen and (max-width:540px) and (min-width:320px) {

 .footer_chara {

padding-left:0;

}

 .footer_chara li {

text-align:center;

}

 .footer_chara li img {

width:48px;

height:48px;

float:none;

display:block;

margin:0 auto;

}

}

.float_footerNav { position:fixed; left:0; bottom:0; width:100%; height:70px; background:url(../images/public_shadow_bg.png) 0 -209px repeat-x; }

.float_footerNav a { float:left; width:20%; height:18px; padding-top:31px; margin-top:21px; text-align:center; color:#00A05C; }

.float_footerNav .a_1 { background:url(../images/float_1.png) no-repeat center 9px; }

.float_footerNav .a_2 { background:url(../images/float_2.png) no-repeat center 7px; }

.float_footerNav .a_3 { height:18px; padding-top:52px; margin-top:0px; background:url(../images/di3.gif) no-repeat center top; }

.float_footerNav .a_4 { background:url(../images/float_4.png) no-repeat center 7px; }

.float_footerNav .a_5 { background:url(../images/float_5.png) no-repeat center 6px; }

#qiehuan2{width:93.75%;margin:0 auto;}
.fw,.gy{clear:both;overflow:hidden;padding-top:5%;}
.gy{padding-top:0px;margin:0 auto;}
.fw .hd,.gy .hd {width:100%;margin:3% auto;overflow:hidden;}
.fw .hd li,.gy .hd li{width:48%;float:left;text-align:center;font-size:20px;color:#000;box-sizing:border-box;padding:2% 0px;overflow:hidden;border:1px solid #3f9bda;}
.fw .hd li a,.gy .hd li a{color:#fff;}
.fw .hd .on,.gy .hd .on{background:#3f9bda; color:#fff;}
.fwcont p{margin:0px 2% 4% 2%;float:left;width:88%}
.fwcont1 p{margin:0px 2% 6% 2%;float:left;width:88%;}
.fwcont span,.fwcont1 span{background:#3f9bda;float:left;color:#FFF;width:7%;text-align:center;margin-left:1%;}
.fwcont1{margin-top:5%;}
.fw .hd li span{display:block;font-size:12px;}
.hidden{display:none}
.gycont img{width:100%}
.gycont span{font-size:18px;padding:3% 0px;text-align:center;display:block;color:#ff8c04;}
.gycont p{margin:0px 2% 4% 2%;text-indent:2em}


.banner_slide{ position:relative; overflow:hidden;}
.adds{ position:relative; overflow:hidden;padding-bottom:10px}
 .hd2{ position:absolute; line-height:28px; bottom:5px; right:0; z-index:1; }
 .hd6{ position:absolute; line-height:28px; bottom:0px; right:0; z-index:1; }
 .bd2,.bd6{ position:relative; z-index:0; }
 .bd2 li,.bd6 li{ position:relative; text-align:center;  }
 .bd2 li img,.bd6 li img{ background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;}
 .hd2,.hd6{ height:20px; overflow:hidden; font-size:0; text-align:center; width:100%; margin-top:10px; float:left;}
 .hd2 ul,.hd6 ul{ display:inline-block; margin-top:5px; }	
 .hd2 li,.hd6 li{ display:inline-block; width:12px; height:12px; background:#dadada; margin:0 5px; vertical-align:top; overflow:hidden; 
	-webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; 
	}
 .hd2 li.on,.hd6 li.on{ background:#fe7800;  }