body{width:100%; height:100%;margin:0;padding:0;font:14px/22px microsoft yahei,Arial;color:#333;background:#fff;}
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{margin:0px;padding:0px;}
ul,ol{list-style-type:none}
img{border:0;vertical-align:middle;}
input,select{font-family:microsoft yahei;}
em,i{font-style:normal;}
.fl{float:left;}
.fr{float:right;}
.tac{text-align:center;}
.tar{text-align:right;}
.cl{clear:both;}
.mt8{margin-top:8px;}
.mt12{margin-top:12px;}
.mt30{margin-top:30px;}
.oz{overflow:hidden;zoom:1;}

html{width:100%;height:100%;-webkit-text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img {max-width: 100%;height: auto;width: auto\9; /* ie8 */}
.video embed, .video object, .video iframe {width: 100%;height: auto;}

a{color:#333;text-decoration:none;}
a:hover{color:#0193c5;text-decoration:none;}

.gray,.gray a{color:#999;}
.gray a:hover{color:#999;}
.blue,.blue a{color:#0d52b0;}
.blue a:hover{color:#0d52b0;}


.header{ background:#fff;box-shadow:0px 1px 4px #ccc;*border-bottom:10x #ddd solid;width: 100%;margin: 0 auto;position: fixed;top: 0;left: 0;z-index: 10;}
.header .head {max-width:1200px;height:80px;margin:0 auto;position:relative;}
.header .logo {padding:18px 0 0;display:inline-block;position: absolute;top: 0;left: 0;}
.header .free {padding:17px 0 0;position:absolute;top: 0;right: 0;}
.header .free .btn{ border-radius:30px; border:2px #199ee1 solid; color:#199ee1;display:inline-block; padding:10px 25px; font-size:18px;}
.header .btn:hover,.header .btn:active{ background:#199ee1;color:#fff}


.header .nav{ text-align:center;}
.header .nav li{padding:0 20px;display: inline-block;*display:inline;_display: inline;height:80px; line-height:80px; float:right;}
.header .nav li a{font-size: 18px;display: inline-block;padding:0 10px;}

.banner{ width:100%; height:515px; margin-top:80px;background: url(../images/img_banner.jpg) center center no-repeat;box-shadow:2px 4px 5px #ccc;}
.banner .boxbox{max-width:1200px;margin:0 auto; position:relative;}
.banner .boxbox .content{position:absolute; top:0; left:0; z-index:2;padding:16% 0 0 2%;*padding:22% 0 0 2%;height:180px; color:#fff;}
.banner .boxbox .content  a{color:#fff;}

.banner .boxbox .content h1{ font-size:70px;*font-size:60px; line-height:70px; font-weight:100;}
.banner .boxbox .content p{ font-size:28px; line-height:30px; margin-top:6%;}
.banner .boxbox .img{ position:absolute; top:0; right:0;}
.banner .boxbox .img img{ height:100%;width:100%;*height:auto;width:auto;;_height:auto;width:auto;}

.banner .boxbox .play {padding: 0 0 0 64px;line-height: 47px;color: #fff;display: inline-block;margin: 0 auto;background: url(../images/play.png) left center no-repeat;}

.navbar{ padding:24px 0 0;display:inline-block;position:absolute;top: 0;right:20px;display:none;}
.navbar .icon-bar{width: 28px;background:#199ee1;border-radius: 1px;margin: 0px 0px 5px;display: block;height: 2px;}


.advantage{max-width:1200px;margin:90px auto 100px auto;height:200px; padding:100px 0;background: url(../images/img_three.jpg) center center no-repeat; position:relative;*display:none;}


.ae-one-a{ position:absolute;top:115px; left:530px; width:143px; height:143px;background: url(../images/img-three1.png) center center no-repeat;}
.ae-one-b{ position:absolute;top:110px; left:100px; width:143px; height:143px;background: url(../images/img-three2.png) center center no-repeat;}
.ae-one-c{ position:absolute;top:160px; left:970px; width:143px; height:143px;background: url(../images/img-three3.png) center center no-repeat;}

.ae-two-a{ position:absolute;top:-50px; left:380px; width:440px; height:156px;background: url(../images/img-three-a2.png) center center no-repeat;}
.ae-two-b{ position:absolute;top:260px; left:25px; width:440px; height:156px;background: url(../images/img-three-b2.png) center center no-repeat;}
.ae-two-c{ position:absolute;top:310px; left:760px; width:440px; height:156px;background: url(../images/img-three-c2.png) center center no-repeat;}

.ae-two-a:hover{background: url(../images/img-three-a1.png) center center no-repeat; color:#fff;}
.ae-two-b:hover{background: url(../images/img-three-b1.png) center center no-repeat;color:#fff;}
.ae-two-c:hover{background: url(../images/img-three-c1.png) center center no-repeat;color:#fff;}

.ae-two-a p{ padding:35px 35px 0; font-size:18px;line-height:34px;}
.ae-two-b p,.ae-two-c p{ padding:50px 35px 0;font-size:18px; line-height:34px;}

.advantage-two{max-width:1200px;margin:40px auto; display:none;*display:block;}
.advantage-two li{ width:29.3%; margin:0 2%;float:left; display:inline;padding:20px 0;}
.advantage-two li:hover{ background:#f8f8f8;}
.advantage-two .ae-t-a{ text-align:center;}
.advantage-two .ae-t-b{ font-size:16px; line-height:28px; padding:15px;}

.klb-kh{ background:#199ee1; color:#fff;padding:30px;text-align:center; font-size:25px; line-height:40px;}
.klb-kh strong{ font-size:30px;color:#d8ff00;}
.klb-kh em{ font-size:30px;color:#d8ff00;}

.klb-bg{ background:#f6f6f6;} 
.klb-title{font-weight:100; font-size:28px; line-height:28px;text-align:center; padding:40px;}
.klb-title span{ display:inline-block; /*line-height:50px;border-bottom:2px #199ee1 solid;*/}

.function{ max-width:1200px;margin:0 auto;}
.function .content dt{width:33.3%; float:left;}


.klb_fu {display: block;padding: 10px 8px 10px 136px;position: relative; }
.klb_fu .pic {left:10px; top:6px;position: absolute;width:110px;}
.klb_fu .pic .icon1{ display: inline-block; width:110px; height:110px;background: url(../images/icon-a1.png) left center no-repeat; background-size:98%;}
.klb_fu .pic .icon2{ display: inline-block; width:110px; height:110px;background: url(../images/icon-a2.png) left center no-repeat; background-size:98%;}
.klb_fu .pic .icon3{ display: inline-block; width:110px; height:110px;background: url(../images/icon-a3.png) left center no-repeat; background-size:98%;}
.klb_fu .pic .icon4{ display: inline-block; width:110px; height:110px;background: url(../images/icon-a4.png) left center no-repeat; background-size:98%;}
.klb_fu .pic .icon5{ display: inline-block; width:110px; height:110px;background: url(../images/icon-a5.png) left center no-repeat; background-size:98%;}
.klb_fu .pic .icon6{ display: inline-block; width:110px; height:110px;background: url(../images/icon-a6.png) left center no-repeat; background-size:98%;}


.klb_fu ul .title{ font-size:22px;color:#199ee1;}
.klb_fu ul .content{min-height:160px;*height:180px;font-size:14px;width:80%;padding:10px 0 0 0;color:#666;}


.system{ max-width:1200px;margin:0 auto; padding-bottom:30px;}
.system li {float: left;margin:0 12px 25px 12px;width: 175px;height: 75px;text-align:center;}

.system li img{ border:solid 1px #ccc;}

.system li:hover img{transform: scale(0.9);transition: all 1s ease 0s;}


.range{ max-width:1200px;margin:0 auto;}
.range li {float: left;font-size:18px;margin:0 0 35px 0;width:20%;text-align:center;}
.range li p{ margin-top:2%;}
.range li img{}


.aspirations{max-width:1200px;margin:0 auto;}
.aspirations ul{}
.aspirations li{ width:46%; float:left; margin:0 2%; padding-bottom:40px;}
.aspirations .as-tit {min-height:90px; border: 1px #eee solid;border-radius: 6px;background: #f9fbfe;padding:20px 20px 20px 25px; color:#666;font-size: 15px;margin-top:15px; position:relative;}
.aspirations .name{ position: absolute;bottom:-20px; right:30px;color:#333;}
.aspirations .name em{ display:inline-block;padding-right:15px; position:relative;top:-5px;}


.bot-free{padding:22px 0; margin-top:30px;background:#f6f6f6; line-height:50px; font-size:22px;}
.bot-free .bot-con{max-width:1200px;margin:0 auto; }
.bot-free .btn{ border-radius:30px; border:2px #199ee1 solid; background:#199ee1;color:#fff;display:inline-block; padding:10px 25px; line-height:22px;font-size:18px;}
.bot-free .bot-con span{*float:left;}

.footer{ background:#199ee1;color:#fff; padding:30px 0;}
.foot{max-width:1200px;margin:0 auto;}
.foot ul li{ width:33%; float:left; line-height:28px;}
.foot ul li h4{ font-size:16px;}
.foot ul .ewm{ float:right;width:300px;}
.foot ul .ewm .ewm-a{ float:left;width:120px; padding-left:20px;display:inline; text-align:center;}
.foot ul .ewm img{ border:6px #fff solid; margin-right:20px;}

.footer-b{ text-align:center; background:#0c90d3; padding:18px 0; color:#fff;}





 .xyzAd{ position:fixed; bottom:0; left:0; right:0; width:100%; height:80px;background-color: rgba(0,0,0,.8); clear:both; z-index:100;  padding: 10px 0; }
 .xyzAd_cent{ width:940px; position:relative; margin:0 auto; text-align:center;}
 .xyzAd_close{ position:absolute; right:-40px; top:10px; width:30px; height:30px; cursor:pointer}
 
 
 .xyzAdtwo{ display:none;position:fixed; bottom:0; left:0; right:0; width:100%; background-color: rgba(0,0,0,.8); clear:both; z-index:100;  padding: 10px 0; }
 .xyzAdtwo_cent{ width:100%; position:relative; margin:0 auto; text-align:center;}
  .xyzAdtwo_cent ul{ padding:0 10px;}
 .xyzAdtwo_cent li.left{ float:left;width:50%;}
 .xyzAdtwo_cent li.right{ float:right; width:28%; margin-right:3%;}
 
 .xyzAdtwo_close{ position:absolute; right:3px; top:-8px; width:5%; height:5%; cursor:pointer}




body{ margin:0; padding:0;}
ul,li{ padding:0; margin:0; list-style:none;}
.divmain{ max-width:1180px; margin:0 auto;}
.div01{ width:100%; font-family:microsoft yahei; margin-bottom:10px; line-height:28px;}
.title{ width:100%;margin:0 auto; color:#000; font-size:26px; padding:30px 0 20px 0; text-align:center;}
.txt{ width:100%; margin:0 auto; font-size:14px; color:#555; }
.img{ width:100%; margin:0 auto; padding-top:20px;}
.img img{ width:100%;}
.float{ width:85px; background:url(../images/bg.gif) no-repeat; border:#92caed 1px solid;}
.float ul{ padding-top:70px;}
.float li{ border-bottom:#fff 1px solid; text-align:center; font-size:14px; height:40px; line-height:34px; background-color:#92caed}
.float a{ color:#333; text-decoration:none;}
.float li:hover{ background-color:#eff9ff; }
.float li.top:hover{ background-color:#92caed;}
img{ border:none;}




/*Common For Max 960*/
@media only screen and (max-width: 1199px) {

.header .head {max-width:96%;}
.banner .boxbox{max-width:96%}
.function{max-width:96%}
.system{max-width:96%}

.banner .boxbox .content h1{ font-size:60px; line-height:60px;}

.klb_fu ul .content{ min-height:100px;}

.bot-free{padding:22px 30px;}
.footer .foot{padding:0 30px;}

.advantage{ display:none;}
.advantage-two{display:block;}

.divmain{ padding:0 20px;}

}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
.banner{height:412px;}
.banner .boxbox .img img{ height:412px;width:auto;}

.banner .boxbox .content h1{ font-size:48px; line-height:48px;}
.banner .boxbox .content p{ font-size:28px; line-height:28px;}
.function .content dt{width:50%; float:left;}

.aspirations .as-tit {min-height:100px; padding:10px 10px 10px 15px;font-size: 13px;}

.foot ul .ewm{ float:left;width:280px; margin-top:40px;}
.foot ul li{ width:50%;}
.foot ul .ewm .ewm-a{width:120px; padding:0 20px 0 0;}

.xyzAd{ display:none;}
.xyzAdtwo{ display: block;}

#divStayTopright{ display:none; visibility:hidden}

}

/*Common For Max 480*/
@media only screen and (max-width: 767px) {

.nav{ display:none;}
.navbar{ display: block;}

.header .free {padding:17px 0 0;position:absolute;top: 0;right: 0;}
.header .free .btn{ border-radius:30px; border:1px #199ee1 solid; color:#199ee1;display:inline-block; padding:5px 15px; font-size:15px;}
.header .btn:hover,.header .btn:active{ background:#199ee1;color:#fff}


.header .head {height:64px;}
.header .logo img{height:30px;}

.banner{height:330px; margin-top:64px;}
.banner .boxbox .img img{ height:330px;width:auto;}

.banner .boxbox .content h1{ font-size:40px; line-height:60px;}
.banner .boxbox .content p{ font-size:22px; line-height:30px;}
.banner .boxbox .play { background-size:30px;padding: 0 0 0 40px;}

.klb_fu {padding: 10px 8px 10px 96px;}
.klb_fu .pic {left:0px; top:6px;position: absolute;width:80px;}
.klb_fu .pic .icon1{width:80px; height:80px;background: url(../images/icon-a1.png) left center no-repeat; background-size:98%;}
.klb_fu .pic .icon2{width:80px; height:80px;background: url(../images/icon-a2.png) left center no-repeat; background-size:98%;}
.klb_fu .pic .icon3{width:80px; height:80px;background: url(../images/icon-a3.png) left center no-repeat; background-size:98%;}
.klb_fu .pic .icon4{width:80px; height:80px;background: url(../images/icon-a4.png) left center no-repeat; background-size:98%;}
.klb_fu .pic .icon5{width:80px; height:80px;background: url(../images/icon-a5.png) left center no-repeat; background-size:98%;}
.klb_fu .pic .icon6{width:80px; height:80px;background: url(../images/icon-a6.png) left center no-repeat; background-size:98%;}


.system ul{ padding:0 10px;}
.system li {width:33%;margin:0 0 25px 0;}
.system li img{width:100%; max-width:175px;}

.range li {width:33.3%;}

.advantage-two{ margin:5px auto;}

.klb-kh{padding:20px;font-size:18px;line-height:28px;}
.klb-kh strong{font-size:22px;}
.klb-kh em{font-size:22px;}





}



/*Common For Max 640*/
@media only screen and (max-width:640px) {
.function .content dt{width:100%; float:left;}
.klb_fu {padding: 10px 8px 10px 126px;}
.klb_fu .pic {left:20px;}
.klb_fu ul .content{ min-height:70px;width:90%;}

.system li {width:33%;margin:0 0 15px 0;}
.system li img{width:90%;}

.aspirations .as-tit {min-height:140px; padding:10px 10px 10px 15px;font-size: 13px;}

.bot-free{font-size:16px;}

.advantage-two .ae-t-a img{ width:70%;}
.advantage-two .ae-t-b{ font-size:16px;}

.title{ font-size:15px; font-weight:bold; padding:10px 0;}
.txt{font-size:12px;}

}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {

.banner{height:206px;}
.banner .boxbox .img img{ height:206px;width:auto;}
.banner .boxbox .content h1{ font-size:24px; line-height:28px;}
.banner .boxbox .content p{ font-size:16px; line-height:18px;}

.system li {width:50%;margin:0 0 5px 0;}
.system li img{width:90%;}

.range li {width:50%;}
.range li img{width:80%;}

.klb_fu {padding:10px 8px 10px 80px;}
.klb_fu .pic {left:10px; top:0px;}
.klb_fu .pic span.icon1,.klb_fu .pic span.icon2,.klb_fu .pic span.icon3,.klb_fu .pic span.icon4,.klb_fu .pic span.icon5,.klb_fu .pic span.icon6{ background-size:76%}
.klb_fu ul .content{min-height:70px;width:99%;}

.klb_fu ul .title{ font-size:16px;color:#199ee1;}
.klb_fu ul .content{font-size:12px;line-height:18px;padding:10px 0 0 0;color:#666;}

.aspirations .as-tit {min-height:100px; font-size: 14px;}
.aspirations li{ width:96%;margin:0 2%;}


.bot-free{font-size:16px; text-align:center;}
.bot-free .fr{ float:inherit;}

.advantage-two ul{ padding:20px 0;}
.advantage-two li{ width:96%;padding:10px 0;}
.advantage-two .ae-t-a{ float:left; width:30%;display:inline;}
.advantage-two .ae-t-a img{ width:80%;}
.advantage-two .ae-t-b{ float:left;width:68%; padding:5px 0 0 0;margin-left:2%;display:inline;line-height:22px;font-size:13px;}



.klb-kh{padding:20px;font-size:14px;line-height:22px;}
.klb-kh strong{font-size:16px;}
.klb-kh em{font-size:16px;}


}


/*240*/
@media only screen and (max-width: 319px) {

.banner{height:138px;}
.banner .boxbox .img img{ height:138px;width:auto;}
.banner .boxbox .content h1{ font-size:20px; line-height:20px;}
.banner .boxbox .content p{ font-size:14px; line-height:14px;}

.header .free .btn{ border-radius:20px;padding:5px 11px; font-size:13px;}

.system li {width:50%;margin:0 0 0 0;}

}


/*960*/
@media only screen and (min-width: 960px) and (max-width: 1199px) {

.function .content dt{width:50%; float:left;} 

}



/*768*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

 

}



/*480*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

 
}



/*320*/
@media only screen and (min-width: 320px) and (max-width: 479px) {

.banner{height:158px;}
.banner .boxbox .img img{ height:158px;width:auto;}
.banner .boxbox .content h1{ font-size:20px; line-height:20px;}
.banner .boxbox .content p{ font-size:14px; line-height:14px;}


}