@charset "utf-8";

html,body,div,span,a,ul,li,ol,p,form,input,label,select,button,textarea,img,h1,h2,h3,h4,h5,h6,i,table,td,tr,th,video,object,canvas{ padding: 0; margin: 0; box-sizing: border-box; outline:none;}
div,a,p,li,span,label,select,input,button,textarea,h1,h2,h3,h4,h5,h6,tr,td,th{ font-family: "微软雅黑";}
a,a:hover,a:link,a:active,p,span,h1,h2,h3,h4,h5,h6,i,td,th,tr,label{ text-decoration: none;}
img,input,button{ border: none;}
ul,ol,li{ list-style: none;}
input[type=text]:focus,select:focus,textarea:focus{ border: #00a1e9 solid 1px !important;}

body{ background: #fafafa;}
.body{ width: 100%; height: auto; overflow: hidden; min-height: 100%; position: absolute; padding-bottom: 80px;}
@media( max-width:640px){
	.body{ padding-bottom: 56px;}
}

@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.popup{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.28); z-index: 99999; display: none;}
.popup .content{ position: absolute; top: 50%; left: 50%; background: #FFF; border-top: #00a1e9 solid 6px; overflow: hidden;}
.popupel{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.1); z-index: 99999; display: none;}
.popupel .content{ position: absolute; top: 50%; left: 50%; background: #FFF; overflow: hidden; border-radius: 2px; box-shadow: #aaa 0 0 5px;}

/**首页背景图片**/
.indBgImg{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -999;}
.indBgLeft{ position: absolute; width: 50%; height: 100%; left: 0; top: 0; background: url(../images/indBgLeft.png) no-repeat center;}
.indBgRight{ position: absolute; width: 50%; height: 100%; right: 0; top: 0; background: url(../images/indBgRight.png) no-repeat center;}
@media (max-width:1000px){
	.indBgLeft{ background: url(../images/indBgLeft-pad.png) no-repeat center;}
	.indBgRight{ background: url(../images/indBgRight-pad.png) no-repeat center;}
}
@media (max-width:640px){
	.indBgLeft{ background: url(../images/indBgLeft-phone.png) no-repeat center; background-size: 100%;}
	.indBgRight{ background: url(../images/indBgRight-phone.png) no-repeat center; background-size: 100%;}
}

/**首页logo**/
.indLogo{ position: fixed; left: 36px; top: 46px; width: 196px; height: 58px; display: block;}
@media (max-width:640px){
	.indLogo{ left: 50%; margin-left: -78px; width: 156px; height: 46px;}
	.indLogo img{ width: 156px; height: 46px;}
}
@media (max-height:420px){
	.indLogo{ position: fixed; left: 16px; top: 16px; width: 156px; height: 46px; margin-left: 0;}
}

/**首页文字**/
.indText{ width: 100%; height: auto; overflow: hidden; position: absolute; font-size: 60px; line-height: 60px; color: #FFF; text-align: center; top: 50%; margin-top: -126px;}
@media (max-width:1300px){
	.indText{ font-size: 50px; line-height: 50px; margin-top: -116px;}
}
@media (max-width:1150px){
	.indText{ font-size: 40px; line-height: 40px; margin-top: -106px;}
}
@media (max-width:950px){
	.indText{ font-size: 30px; line-height: 30px; margin-top: -96px;}
}
@media (max-width:640px){
	.indText{ font-size: 28px; line-height: 46px; margin-top: -66px;}
	.indText span{ display: block; width: 100%; height: auto; overflow: hidden;}
}
@media (max-height:420px){
	.indText{ font-size: 22px; line-height: 46px; margin-top: -66px;}
	.indText span{ display: inline-block; width: auto; height: auto; overflow: hidden;}
}

/**首页按钮**/
.indBtn{ width: 100%; height: auto; overflow: hidden; position: absolute; top: 50%; left: 0; margin-top: 124px; text-align: center;}
.indBtn a{ display: inline-block; width: 300px; height: 64px; border: #FFF solid 2px; font-size: 24px; line-height: 60px; color: #FFF; border-radius: 30px; margin: 0 12px;}
.indBtn a:hover,.indBtn a.bg{ background: #00a1e9; border: #00a1e9 solid 2px;}
@media (max-width:950px){
	.indBtn a{ width: 225px; height: 48px; font-size: 20px; line-height: 44px; border-radius: 22px; margin: 0 10px;}
}
@media (max-width:640px){
	.indBtn{ margin-top: 0; bottom: 60px; top: inherit;}
	.indBtn a{ width: 50%; height: 38px; font-size: 14px; line-height: 34px; border-radius: 17px; margin: 14px 0 0;}
}
@media (max-height:420px) and (min-width:640px){
	.indBtn{ margin-top: 0; bottom: 80px; top: inherit;}
}

/**首页版权**/
.indBot{ position: absolute; bottom: 30px; left: 0; width: 100%; height: auto; overflow: hidden; font-size: 16px; line-height: 16px; color: #FFF; text-align: center;}
@media (max-width:640px){
	.indBot{ font-size: 10px; line-height: 12px; bottom: 16px;}
}

/**登录**/

.popupLogin .content{ width: 442px; height: 422px; margin-left: -221px; margin-top: -211px;}
.popupLogin .closeBtn{ position: absolute; top: 12px; right: 12px; font-size: 18px; line-height: 18px; color: #666;}
.popupLogin .closeBtn:hover{ color: #00a1e9 ;}

.loginBox{ width: 100%; height: auto; overflow: hidden; padding: 48px 36px 0;}
.loginCodePic{ width: 100%; height: auto; overflow: hidden;}
.loginCodePic .title{ float: left; width: 100%; text-align: center; font-size: 16px; line-height: 16px; color: #333; margin-bottom: 0 !important;}
.loginCodePic .pic{ float: left; width: 218px; height: 218px; border: #dedede solid 1px; background: #FFF; margin: 36px 76px 0;}
.loginCodePic .text{ float: left; width: 100%; text-align: center; font-size: 14px; line-height: 24px; color: #666; margin-top: 22px;}
.loginBox form{ width: 100%; height: auto; overflow: hidden; display: none;}
.loginBox .title{ float: left; width: 100%; font-size: 16px; color: #333; font-weight: bold; margin-bottom: 24px;}
.loginBox .inpone{ float: left; width: 100%; height: 56px; border: #c7c7c7 solid 1px; font-size: 16px; color: #999; padding: 0 18px; margin-top: 24px;}
.loginBox .forbtn{ float: left; font-size: 16px; color: #333; line-height: 16px; margin-top: 24px;}
.loginBox .forbtn:hover{ text-decoration: underline;}
.loginBox .regbtn{ float: right; font-size: 16px; color: #333; line-height: 16px; margin-top: 24px;}
.loginBox .regbtn:hover{ text-decoration: underline;}
.loginBox .surebtn{ float: left; width: 100%; height: 56px; margin-top: 24px; background: #00a1e9; font-size: 16px; color: #FFF;}
.loginBox .surebtn:hover{ background: #0084c2;}
@media (max-width:640px){
	.popupLogin .content{ width: 248px; height: 240px; margin-left: -124px; margin-top: -120px;}
	.popupLogin .closeBtn{ font-size: 12px; line-height: 12px;}
	
	.loginBox{ padding: 24px 18px 0;}
	.loginBox form{ display: block;}
	.loginBox .title{ font-size: 12px; margin-bottom: 8px;}
	.loginBox .inpone{ height: 32px; font-size: 12px; padding: 0 9px; margin-top: 14px;}
	.loginBox .forbtn{ font-size: 12px; line-height: 12px; margin-top: 14px;}
	.loginBox .regbtn{ font-size: 12px; line-height: 12px; margin-top: 14px;}
	.loginBox .surebtn{ height: 36px; margin-top: 14px; font-size: 12px;}
	
	
	.loginCodePic .title{ float: left; width: 100%;  font-size: 12px; line-height: 22px;}
    .loginCodePic .pic{ width: 112px; height: 112px; margin: 12px 50px 0;}
    .loginCodePic .text{ font-size: 10px; line-height: 18px; color: #666; margin-top: 16px;}
}

/**注册**/
.popupRegist .content{ width: 442px; height: 462px; margin-left: -221px; margin-top: -231px;}
.popupRegist .closeBtn{ position: absolute; top: 12px; right: 12px; font-size: 18px; line-height: 18px; color: #666;}
.popupRegist .closeBtn:hover{ color: #00a1e9 ;}
.registBox{ width: 100%; height: auto; overflow: hidden; padding: 48px 36px 0;}
.registBox form{ width: 100%; height: auto; overflow: hidden; display: none;}
.registBox .title{ float: left; width: 100%; font-size: 16px; color: #333; font-weight: bold; margin-bottom: 24px;}
.registBox .inpone{ float: left; width: 100%; height: 56px; border: #c7c7c7 solid 1px; font-size: 16px; color: #999; padding: 0 18px; margin-top: 24px;}
.registBox .code{ float: left; width: 100%; height: auto; overflow: hidden; margin-top: 24px;}
.registBox .inptwo{ float: left; width: 204px; height: 56px; border: #c7c7c7 solid 1px; font-size: 16px; color: #999; padding: 0 18px;}
.registBox .codebtn{ float: right; width: 142px; height: 56px; background: #00a1e9; font-size: 16px; color: #FFF;}
.registBox .codebtn:hover{ background: #0084c2;}
.registBox .password{ float: left; width: 100%; height: auto; overflow: hidden; margin-top: 24px; position: relative;}
.registBox .inpthree{ float: left; width: 100%; height: 56px; border: #c7c7c7 solid 1px; font-size: 16px; color: #999; padding: 0 74px 0 18px;}
.registBox .seebtn{ position: absolute; right: 0; top: 0; width: 56px; height: 56px; font-size: 20px; text-align: center; line-height: 56px; color: #616161; display: none;}
.registBox .seebtn.on{ display: block;}
.registBox .surebtn{ float: left; width: 100%; height: 56px; margin-top: 24px; background: #00a1e9; font-size: 16px; color: #FFF;}
.registBox .surebtn:hover{ background: #0084c2;}
@media (max-width:640px){
	.popupRegist .content{ width: 248px; height: 262px; margin-left: -124px; margin-top: -131px;}
	.popupRegist .closeBtn{ font-size: 12px; line-height: 12px;}
	.registBox{ padding: 24px 18px 0;}
	.registBox .title{ font-size: 12px; margin-bottom: 8px;}
	.registBox .inpone{ height: 32px; font-size: 12px; padding: 0 9px; margin-top: 14px;}
	.registBox .code{ margin-top: 14px;}
	.registBox .inptwo{ width: 117px; height: 32px; font-size: 12px; padding: 0 9px;}
	.registBox .codebtn{ width: 80px; height: 32px; font-size: 10px;}
	.registBox .password{ margin-top: 14px;}
	.registBox .inpthree{ height: 32px; font-size: 12px; padding: 0 41px 0 9px;}
	.registBox .seebtn{ width: 32px; height: 32px; font-size: 16px; line-height: 32px;}
	.registBox .surebtn{ height: 36px; margin-top: 14px; font-size: 12px;}
	.registBox form{ display: block;}
}

/**头部**/
.header{ width: 100%; height: 48px; background: #00a1e9; position: relative; z-index: 99999;}
.header .content{ width: 1036px; height: 48px; margin: 0 auto;}
.header .logo{ float: left; display: block; width: 100px; height: 30px; margin-top: 9px;}
.header .logo img{ width: 100px; height: 30px;}
.header .menu{ float: right; width: auto; height: 48px; position: relative;}
.header .menu .textbtn{ float: right; font-size: 14px; line-height: 48px; color: #FFF;}
.header .menu .icobtn,.header .menu .clobtn{ display: none;}
.header .nav{ position: absolute; top: 44px; right: 0; width: 140px; height: auto; overflow: hidden; border-radius: 2px; display: none; box-shadow: #eee 0 0 5px;}
.header .menu:hover .nav{ display: block;}
.header .nav ul{ width: 100%; height: auto; overflow: hidden;}
.header .nav li{ float: left; width: 100%; height: 40px;}
.header .nav li.phone{ display: none;}
.header .nav li a{ background: #FFF; display: block; width: 100%; height: 40px; text-align: center; line-height: 40px; font-size: 14px; color: #333;}
.header .nav li a:hover{ background: #f5f5f5;}
@media (max-width:1084px ){
	.header .content{ width: auto; height: 48px; margin: 0 auto; padding: 0 24px;}
}
@media (max-width:640px ){
	.header{ height: 44px;}
	.header .content{ width: auto; height: 44px; padding: 0 12px;}
	.header .logo{ width: 80px; height: 24px; margin-top: 10px;}
	.header .logo img{ width: 80px; height: 24px;}
	.header .menu{ height: 44px;}
	.header .menu .textbtn{ display: none;}
	.header .menu .icobtn{ float: right; display: none; width: 16px; height: 16px; margin-top: 14px; font-size: 16px; line-height: 16px; color: #FFF; font-weight: 100;}
	.header .menu .clobtn{ float: right; width: 16px; height: 16px; margin-top: 14px; font-size: 16px; line-height: 16px; color: #FFF; font-weight: 100; display: none;}
	.header .menu .icobtn.on,.header .menu .clobtn.on{ display: block;}
	.header .nav{ width: 100%; overflow: auto; height: 100%; background: rgba(0,0,0,0.1); right: -12px;}
	.header .menu:hover .nav{ display: none;}
	.header .nav li a{ font-size: 12px;}
	.header .nav li.phone{ display: block;}
}

/**底部**/
.footer{ position: absolute; left: 0; bottom: 0; float: left; width: 100%; height: 60px; background: #ededed; font-size: 14px; line-height: 60px; color: #333; text-align: center;}
@media (max-width:640px ){
	.footer{ height: 44px; margin-top: 12px; font-size: 10px; line-height: 44px;}
}

/**微信页面**/
.weHeader{ width: 100%; height: 44px; overflow: hidden; background: #00bbee; text-align: center;}
.weHeader .logo{ display: inline-block; margin-top: 10px; height: 24px; width: 88px; overflow: hidden;}
.weHeader .logo img{ width: 88px; height: 24px;}
.weBox{ width: 100%; height: auto; overflow: hidden; padding: 30px 12px;}
.weBox .topTit{ float: left; width: 100%; height: auto; overflow: hidden; padding-bottom: 24px; border-bottom: #999 dashed 1px;}
.weBox .topTit p{ float: left; width: 100%; text-align: center; font-size: 12px; line-height: 24px; color: #333;}
.weBox .topTit p span{ color: #00bbee;}
.weBox .botDetail{ float: left; width: 100%; height: auto; overflow: hidden; padding: 28px 20% 0; text-align: center;}
.weBox .botDetail .headPic{ display: inline-block; width: 50%; height: auto; overflow: hidden; border: #99e4f8 solid 2px; border-radius: 100%;}
.weBox .botDetail .headPic img{ float: left; width: 100%; height: 100%; overflow: hidden;}
.weBox .botDetail .name{ font-size: 12px; line-height: 12px; color: #00a6d4; margin-top: 14px;}
.weBox .botDetail .btnBox{ width: 100%; height: auto; overflow: hidden; margin-top: 6px;}
.weBox .botDetail .btnBox .btn{ float: left; display: block; width: 100%; height: 36px; margin-top: 14px; background: #00bbee; font-size: 12px; color: #FFF; line-height: 36px; text-align: center; border-radius: 2px;}
.weBox .botDetail .btnBox .btn.else{ background: #00a6d4;}