html,body{width :100%;color: #fff;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/background.png',sizingMethod='scale')}
a:link, a:visited{ color:#333; text-decoration:none;}
img{ border:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5{ font-weight:normal;}
body{ position:relative;}
.clear{ clear:both;}
.top{background:url(../img/header.png);height:101px;}
.co{width:1000px;margin:0 auto; position:relative;}

.top .logo{position:absolute; top:6px; left:5px;width:313px; height:70px; background:url(../img/logo.png) no-repeat;}
.ad{position:absolute; top:32px; left:250px;width:313px; height:70px; background:url(../img/ad.png) no-repeat;}
.top .logo a{width:165px; height:70px; display:block; text-indent:-9999px;margin:0 0 0 25px;}
.notice{width:910px;margin:0 auto;text-align:center; font:400 14px/1.5 Arial, "Lucida Grande", Verdana, "Microsoft YaHei", hei;color:#fff;padding:20px 0 0 40px;/*font-family:"宋体";filter: Dropshadow(offx=1,offy=0,color=#E09143) Dropshadow(offx=0,offy=1,color=#E09143) Dropshadow(offx=0,offy=-1,color=#E09143) Dropshadow(offx=-1,offy=0,color=#E09143);*/}
.top .xuexiao{ background:url(../images/xuexiaoa.png) no-repeat center center;height:33px;text-indent:-9999px;width:175px;position:absolute; right:20px;top:32px; }
.top .fangkui{ background:url(../images/fangkui.png) no-repeat center center;height:33px;text-indent:-9999px;width:175px;position:absolute; right:20px;top:32px;}
.top .download{ display:block; position:absolute; right:5px;top:12px; height:62px;/*width:283px;text-indent:-9999px;*/};
.top .download .android{display:inline-block;/* width:283px; height:31px;*/ /* background:url(../images/android.png) no-repeat top left;*/}
.top .download .ios{display:inline-block; /*width:283px; height:31px;*/ /*background:url(../images/ios.png) no-repeat bottom left;*/}
.android-t,.ios-t{}
.inlinn-b-h2{ display:inline-block; color:#FFFFFF; font-size:20px; font-weight:bold; text-align:center;vertical-align:top; margin:20px 50px 0 20px}
.imgContainer{display: inline-block;width: 30%;}
.textContainer{display: inline-block; width: 60%;vertical-align: top;text-align: justify; margin-top: 100px; line-height: 2.5em; margin-left: 35px;}
/*.top .download .android:hover{background:url(../images/android.png) no-repeat bottom left;}
.top .download .ios:hover{background:url(../images/ios.png) no-repeat bottom right;}*/
.schText{font-weight: bold; display: inline-block;font-size: 20px; padding: 10px 50px;background-color: #6BC9D1;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;box-shadow: 0px 5px 5px rgba(0,0,0,0.5);-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.5);}
.top .qrcode{ background:url(../images/qrcode.png) no-repeat; width:68px; height:68px;position:absolute; right:5px;top:12px;}
.top #qrcode,.top #qrcode_hover{background:url(../images/qrcode.png) no-repeat; width:68px; height:68px;position:absolute;text-indent:-9999px; right:5px;top:12px;cursor: pointer; _position:absolute; _top:12px;_margin-top:0px;}
.top #qrcode_img {background: url(../images/code.png); width:198px; height:208px; right:5px; top:83px; display: none; position:absolute;_position: absolute; _top:83px;_margin-top:0px;z-index:1;}
.bgs{ background:url(../images/bg.png) no-repeat center top;width:1000px;margin:36px auto 0; height:450px;}
.banner img{_azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "static/images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);}
.banner {margin:0px auto; width:750px; height:400px; overflow: hidden; position: relative;}
.banner .bannerpic{width:650px; height:400px;margin:0 auto;}
.banner .num {right: 15px; height: 25px; bottom: 12px; overflow: hidden; position: absolute; z-index: 3; zoom: 1;}
.banner .num li {background:#9F530D; border-radius: 50%; width:10px; height:10px; text-align: center;line-height:10px;margin-right:5px; float: left; cursor: pointer; text-indent:-999px;}
.banner .num li.on {background:#CE3208;}
.banner .prev {background: url(../images/left.gif) no-repeat; top:165px; width:25px; height:40px; display: none; position: absolute;}
.banner .next {background: url(../images/right.gif) no-repeat; top:165px; width:25px; height:40px; display: none; position: absolute;}
.banner .prev {left: 0px;}.banner .next {background-position: right; right: 0px;}

.areaa{ height:320px; background:#F9A2AE; position:relative;width:100%;}
.areaa .bg,.areab .bg,.areac .bg,.aread .bg{ height:20px; background:#fff; position:absolute;width:100%; bottom:0; left:0; z-index:4; zoom:1;filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.areab{ height:288px; background:#45BBA5; position:relative;width:100%;}
.areac{ height:288px; background:#FFBB53; position:relative;width:100%;}
.aread{ height:288px; background:#71CDF2; position:relative;width:100%;}
.conn{width:800px;margin:0 auto;}
.bga,.bgb,.bgc,.bgd{ background:url(../images/chakebiaopic.png) no-repeat right bottom; position:absolute; z-index:3; height:310px;width:800px;}
.bgb{ background:url(../images/chuanzhitiaopic.png) no-repeat left bottom;height:288px;}
.bgc{ background:url(../images/suishoujipic.png) no-repeat right bottom;height:278px;}
.bgd{ background:url(../images/chakaoshipic.png) no-repeat left bottom;height:278px;}
.bga .text{margin:70px 0 0 0;}
.bga .text h1,.bgb .text h1,.bgc .text h1,.bgd .text h1{ background:url(../images/chakebiao.png) no-repeat;width:104px; height:31px; display:block; text-indent:-9999px;}
.bga .text p,.bgb .text p,.bgc .text p,.bgd .text p{ line-height:24px; font-size:18px;padding:15px 0 0 0;}
.bgb .text{margin:100px 0 0 500px;}
.bgb .text h1{ background:url(../images/chuangzhitiao.png) no-repeat;}
.bgc .text{margin:70px 0 0 0;}
.bgc .text h1{ background:url(../images/suishouji.png) no-repeat;}
.bgd .text{margin:100px 0 0 500px;}
.bgd .text h1{ background:url(../images/chakaoshi.png) no-repeat;}
.foot{ text-align:center;padding:20px 0; line-height:20px; color:#fff;}
.foot p{width:100%;clear:both;}
.foot a{ color:#fff;}

.fankui{width:340px;margin:0 auto;height:50px;}
.fankui li{float:left;width:155px;margin:0 5px 0;}
.xuexiaobtn{ background:url(../images/xuexiao.png) no-repeat;width:154px; height:34px; display:block; text-indent:-9999px;}
.feedbackbtn{ background:url(../images/feedback.png) no-repeat;width:154px; height:34px; display:block; text-indent:-9999px;}
.xuexiaobtn:hover{ background-position:bottom;}
.feedbackbtn:hover{ background-position:bottom;}

.head{ background:url(../images/headbg.png) no-repeat center center #87D6DA; height:161px;width:100%;padding:95px 0 0 0;}
.head .kingokebiao{ background:url(../images/kingokebiao.png) no-repeat center center;height:63px;text-indent:-9999px;}


.footbk{ /*background:#F4C456;*/ height:40px; padding:30px 0; text-align:center; color:#FFFFFF; line-height:25px;width:100%; display:none}
.footbk a{ color:#FFFFFF;}.footbk a:hover{ color:#747474;}
.feedback{width:680px;margin:0 auto; text-align:left;}
.feedback ul{padding:0;margin:40px 0;height:420px;}
.feedback ul li{ margin:15px 0 15px 0;width:680px; height:31px;line-height:28px;}
.feedback ul li p{float:left; color:#EB6100; font-size:16px;width:70px;}
.feedback ul li input{width:590px; height:31px; background:#fff; border:none; float:right; padding:0 0 0 5px; color:#666; line-height:31px;}
.feedback ul li input:hover{ background:#f1f1f1;}
.feedback ul textarea{width:588px; height:130px; border:1px solid #fff; float:right; padding:5px 0 0 5px; color:#666; line-height:22px;}
.feedback ul textarea:hover{ background:#f1f1f1;  border:1px solid #f1f1f1;}
.feedbtn{margin:16px 0;clear:both;text-align:right; height:33px;}
.feedbtn input.btn{display:inline-block;width:152px;height:33px;background:url(../images/button.png) no-repeat top left;color:#53544F;text-align:center;font-size:15px;cursor:pointer;border:none; font-family:microsoft yahei;}
.feedbtn input.btn:hover{text-decoration:none; background-position:bottom left;}

.bgbanner{background:url(../img/Mask.png) center no-repeat; background-size:cover; padding:40px 0}
.cate{width:840px;margin:0px auto; text-align:left;font-size:14px;}
.cate:after,.mao:after,.list ul:after{ content:" "; clear:both; display:block;}
.cate a,.cate a:visited{ background:#36A1F9; color:#fff;line-height:35px; height:35px;padding:0px; display:block; width:138px; text-align:center; float:left; border:1px solid #FFF; border-top:0;}
.cate a:nth-child(7),.cate a:nth-child(2),.cate a:nth-child(3),.cate a:nth-child(4),.cate a:nth-child(5),.cate a:nth-child(6){/*border-top:1px solid #FFFFFF;*/}
.cate a:hover{ background:#5DB6FA; color:#fff;}
.cate p{ font-size:20px; line-height:30px; color:#FFFFFF; padding:20px 0;border-bottom:1px solid #FFFFFF;}
.cate p span{padding:8px 25px; background-color:#7FC6FC; margin-bottom:20px}

.search{ text-align:center;width:800px;margin:20px auto; height:38px;line-height:38px;}
.search h2,.login h2{ font-size:16px; color:#48A39E;padding:0 20px 0 0; float:left;}
.search .key,.login .key{width:560px; height:38px; line-height:38px; padding:0 0 0 5px; color:#666; border:none; background:#fff; float:left;}
.search .key[type="text"]:focus{outline:none;}
.search .sub,.login .sub{display:block;width:125px;height:38px; line-height:36px;background:url(../images/feedbackbtn.png) no-repeat top left #2FD2CF;color:#fff;text-align:center;font-size:16px;overflow:hidden;cursor:pointer;font-weight:bold; border:none; float:right;}

.login{ text-align:center;margin:20px 0;width:400px;margin:20px auto; height:38px;line-height:38px;}
.login .key{width:160px;}

.fbtab{ background:#A9E6E9}
.fbtab th{ height:25px; background:#9DD9DC; line-height:25px;}
.fbtab td{ background:#FFF; color:#666;padding:10px;}

.page{ text-align:center; height:30px; clear:both;margin:10px auto; padding:30px 0 0 0;}
.page a,.page a:visited{padding:5px; background:#01A89E; height:30px; color:#fff;margin:3px;}
.page a:hover{padding:5px; background:#2AC1B8; height:30px; color:#fff;margin:3px;}

.logout{text-align:center;margin:20px auto;}
.logout a{display:inline-block;width:125px;height:36px; line-height:36px;background:url(../images/feedbackbtn.png) no-repeat top left #2FD2CF;color:#fff;text-align:center;font-size:16px;overflow:hidden;cursor:pointer;font-weight:bold; border:none;}
.logout a:hover{text-decoration:none;background:#30D5D1}

.list{width:841px;/*margin:0 auto 10px;*/ margin:0 auto 50px; clear:both;}
.list h2{ height:35px; line-height:35px; background:url(../img/web.png) center no-repeat; color:#fff; font-weight:bold;font-size:16px; width:128px; text-align:center; overflow:hidden; position:relative; float:left;}
.list span{ float:right; background:url(../img/top.png) no-repeat; width:37px; height:37px;}
.list span a{color:rgba(255,255,255,0.00); width:37px; height:37px; display:inline-block;}
.list h2 a,.list h2 a:visited{ color:#fff;}.list h2 a:hover{ color:#f1f1f1;}
.list ul{padding:0;margin:1px 0 0 ;border-top:1px solid #b2b2b2; border-left:1px solid #b2b2b2; display:inline-block; box-sizing:border-box}
.list ul li{width:210px; float:left; height:35px; line-height:35px; background:#FFFFFF; border-right:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2; text-align:center; font-size:12px; color:#333; overflow:hidden; box-sizing:border-box;}
.list ul li:nth-child(4n+1){/*border-left:1px solid #b2b2b2;*/}
.topmao{ background:url(../img/top.png) no-repeat; width:37px; height:37px;position:fixed; bottom:100px;cursor:pointer; right:50px;margin-right:0;}
.hide{display:none;}
@media (min-width: 841px) {
    .topmao {
       right:50px;margin-right:0;
    }
}
@media (min-width: 950px) {
    .topmao {
       right:50%;margin-right:-460px;
    }
}
@media (min-width: 1028px) {
    .topmao {
       right:50%;margin-right:-500px;
    }
}