body,div,dl,dt,dd,ul,ol,li,h2,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address{margin:0;padding:0}
body{font:12px/1.5 'Helvetica Neue',Helvetica,Arial,'Microsoft Yahei',Sans-serif;background-color:#fff;color:#666;text-align: center}
fieldset,img{ border:none; }
h2,h2,h3,h4,h5,h6{font-weight:normal;}
address,caption,cite,code,dfn,em,strong,th,var,i{font-style:normal;font-weight:normal}
ul,ol,li { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family:"SimSun";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
table{border-collapse:collapse;border-spacing:0}
.clearfix:after { content:"."; height:0; visibility:hidden;display:block;clear:both; }
*html .clearfix { zoom:1; } /* IE6 */
*:first-child+html .clearfix { zoom:1; } /* IE7 */
a{text-decoration:none;color:#333;}
/*??????????????*/
a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
:focus { outline:0; }
/*???ie6?°????????s*/
input[type=submit],
input[type=reset],
input[type=button]{filter:chroma(color=#000000);}
/*css reset end*/

.w1200{width: 1200px;margin:0 auto;position: relative;}
.fl{float: left;display: inline}
.fr{float: right;display: inline}
html,body{width:100%;min-width: 1200px;height: 100%}
body{position: relative;}
.msgMode .useFlow i,.msgMode .mmValue li ul li i,.msgMode .mmService li i,.msgKf i,.msgKf i,.msgMode .taoCan li i{background-image: url(../image/sprite.png);background-repeat: no-repeat;}
.msgHead{width: 100%;height: 60px;background: #52b673;position: relative;}
.msgHead .logo{display: block;width: 118px;height: 40px;background: url(../image/logo.png) no-repeat;margin-top:12px;}
.msgHead .btnLink{margin-top:12px;}
.msgHead .btnLink a{float: right;width: 95px;height: 32px;line-height: 32px;color: #fff;border: 1px solid #fff;border-radius: 5px;font-size: 14px}
.msgHead .btnLink a:hover{background: #75be3a}
.msgHead .btnLink .register{margin-right: 30px}
.msgHead .nav{line-height: 60px;margin-right: 50px;z-index: 99;position: relative;}
.msgHead .nav a{float:left;color: #fff;width: 190px;font-size: 18px}
/*.msgHead .nav a.active{background: #6cbb2d;}*/
/*.msgHead .nav a:hover{background: #6cbb2d;}*/
.hkDiv{background: #3fa360;height: 60px;position: absolute;z-index: 9}
.msgSlider{height: 60%;min-height: 520px;position: relative;width: 100%;}
/*.msgSlider .banner{height: 100%;overflow: hidden;width: 100%;}
.msgSlider .banner ul{width: 5709px;position: absolute;z-index: 9;top:0;left: 0}
.msgSlider .banner li{width:1903px;float:left;-webkit-transition:all .5s ease-in;transition:all .5s ease-in;}
.msgSlider .banner li img{width:1903px;}
.msgSlider .banner li.active{opacity: 1;}
.msgSlider .banner div{position: absolute;width:100%;height:100%;background-size: cover;background-position: 50% 62.5%;top:0;}*/
.msgSlider .skippr-arrow{display: block;position: absolute;top:200px;-webkit-transition:all .5s ease-in;transition:all .5s ease-in;width:80px;height: 120px;background:url(../image/sprite.png) no-repeat;filter:alpha(opacity=0);opacity: 0;z-index: 99;cursor:pointer;border: none}
.msgSlider:hover .skippr-arrow{-webkit-transform:translateX(0);;transform:translateX(0);filter:alpha(opacity=100);opacity: 1;}
.msgSlider .skippr-previous{background-position: 0 0;-webkit-transform:translateX(100px);transform:translateX(100px);left: 0;}
.msgSlider .skippr-next{background-position: -120px 0;-webkit-transform:translateX(-100px);transform:translateX(-100px);right: 0;}
.msgSlider .skippr-nav-container{position: absolute;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);bottom:25px;overflow: auto;z-index:999;}
.msgSlider .skippr-nav-container .skippr-nav-element{display: block;width:12px;height: 12px;margin-left: 10px;background: #656565;border-radius: 10px;border: 1px solid #fff;}
.msgSlider .skippr-nav-container .skippr-nav-element-block{width: 12px;height: 12px}
.msgSlider .skippr-nav-container .skippr-nav-element:hover, .msgSlider .skippr-nav-container .skippr-nav-element-active{background: #fff}
.msgSlider .reg{width:1200px;height: 520px;position: absolute;left: 50%;top:0;margin-left: -600px;}
.msgSlider .register{display: block;position: absolute;height: 60px;width:240px;right:50px;bottom: 132px;border-radius: 6px;line-height: 60px;font-family: 'Microsoft Yahei';font-size: 30px;color: #fff;text-align: center;overflow: hidden;cursor: pointer;}
.msgSlider .register:hover i{background: #3fa360;}
.msgSlider .register i{position: absolute;left: 0;top: 0;width:240px;height: 60px;background: #4fa16c;filter:alpha(opacity=80);opacity: 0.8;z-index: 99}
.msgSlider .register span{position: relative;z-index: 999;}
.msgMode{width: 100%;padding: 40px 0;position: relative;}
.msgMode.gray{background: #fafafa}
.modTit{height: 55px;border-left:10px solid #52b673;padding-left: 30px ;text-align: left;margin-bottom: 20px}
.modTit span{display:block;font-size: 30px;line-height: 55px}
.modTit span.tworow{line-height: 35px;font-size: 24px;}
.modTit p{padding-top: 4px;font-size: 18px;}
.modTit .info{line-height: 55px;padding-left: 15px;font-size: 18px}
.msgMode .useFlow{width: 1035px;padding-top: 100px;margin: 30px auto 10px auto;height: 40px;background: url(../image/liucheng.png) no-repeat;line-height: 40px}
.msgMode .useFlow span{float: left;font-size: 18px;width: 100px;text-align: left;}
.msgMode .useFlow i{float: left;width: 65px;height: 18px;background-position: -136px -258px;margin:15px 30px 0 0;}
.msgMode .mmValue li{padding: 50px 0;height: 200px;border-top:1px solid #dddfe1;}
.msgMode .mmValue li ul{padding-left: 60px}
.msgMode .mmValue li ul li{padding: 0;height: auto;border: none;text-align: left;line-height: 38px;font-size: 18px}
.msgMode .mmValue li ul li i{display: inline-block;width: 30px;height: 30px;background-position: -169px -200px;margin-right: 15px;vertical-align: middle;}
.msgMode .mmValue li .vaimage1{float: right;padding-right: 180px}
.msgMode .mmValue li .vaimage2{float: left;padding-left: 180px}
.msgMode .mmValue li .vaWords1{float: left;padding-left: 240px}
.msgMode .mmValue li .vaWords2{float: right;padding-right: 200px}
.msgMode .mmValue li h2{font-size: 30px;text-align: left;padding-bottom: 20px}
.msgPhone{width:100%;height: 380px;background: url(../image/msgPhone.png) center top no-repeat;position: relative;}
.mask{width:100%;height: 100%;background: #000;filter:alpha(opacity=70);opacity:0.7;position: absolute;z-index: 9;background-position: 0 0;}
.zIndex99{position: relative;z-index: 99;}
.phone{padding:60px 0 0 200px;width:300px;font-family: 'Microsoft Yahei';}
.phone label{text-align: left;}
.phone .phoneLabel{font-size: 30px;color: #fff;display: block;text-align: left;}
.phone input{height:50px;line-height: 50px;background: #fff;border-radius: 4px;padding: 4px 10px;border:0;margin-top: 12px;font-size: 18px;}
.phone .phoneNo{width:280px;display: inline-block;}
.phone .authCodeLabel{display: block;width:300px;}
.phone .authCodeLabel input{display: inline-block;width: 196px;}
.phone .authCodeLabel .code{display: inline-block;width:60px;height: 40px;border: 1px solid #919091;border-radius: 4px;background: #41495f;float: right;margin-top: 12px;line-height: 40px;vertical-align: middle;font-size: 18px;color: #fff;text-align: center;}
.phone .submitA{display: block;width:300px;height: 60px;background: #52b673;border-radius: 4px;margin-top: 28px;font-size: 24px;color: #fff;line-height: 60px;}
.phone .submitA:hover{background: #3fa360;}
.msgMode .mmService{padding-top: 50px;}
.msgMode .mmService li{float: left;padding:0 150px 0 70px;width: 220px;}
.msgMode .mmService li.last{padding-right: 0}
.msgMode .mmService li i{display: block;width: 130px;height: 100px;margin: 0 auto}
.msgMode .mmService li .ic1{background-position: 22px -192px;filter:alpha(opacity=100);opacity: 1;transform:scale(1,1);transition:all 1s ease-in;}
.msgMode .mmService li:hover .ic1{-webkit-animation:flip 2s linear;animation:flip 2s linear;}
@-webkit-keyframes flip{0%{-webkit-transform:scale(1,1);} 50%{-webkit-transform:scale(-1,1);} 100%{-webkit-transform:scale(1,1);}}
@keyframes flip{0%{transform:scale(1,1);} 50%{transform:scale(-1,1);} 100%{transform:scale(1,1);}}
.msgMode .mmService li .ic2{background-position: 0 -306px;}
.msgMode .mmService li:hover .ic2{-webkit-animation:trans .3s linear;animation:trans .3s linear;}
@-webkit-keyframes trans{0%{-webkit-transform:translateX(-20px);filter:alpha(opacity=0);opacity: 0;} 100%{-webkit-transform:translateX(0);filter:alpha(opacity=100);opacity: 1}}
@keyframes trans{0%{transform:translateX(-20px);filter:alpha(opacity=0);opacity: 0;} 100%{transform:translateX(0);filter:alpha(opacity=100);opacity: 1}}
.msgMode .mmService li .ic3{background-position: 14px -420px}
.msgMode .mmService li:hover .ic3{-webkit-animation:scal 1s ease-in;animation:scal 1s ease-in;}
@-webkit-keyframes scal{0%{-webkit-transform:scale(1);} 50%{-webkit-transform:scale(1.2);} 100%{-webkit-transform:scale(1);}}
@keyframes scal{0%{transform:scale(1);} 50%{transform:scale(1.2);} 100%{transform:scale(1);}}
.msgMode .mmService li p{height: 100px;line-height: 20px;font-size: 18px;}
.msgMode .mmService li h2{font-size: 30px;padding: 30px 0}
.msgMode .mmService li a{display: block;width: 120px;height: 40px;background: #32a5f5;color: #fff;border-radius: 5px;line-height: 40px;margin: 0 auto;font-size: 18px;}
.msgMode .mmService li a:hover{background: #3399cc}
/*.msgKf{position: absolute;width: 50px;height: 100px;right: 0;top:628px;background: #52b673;z-index: 10;color: #fff;font-size: 18px;cursor: pointer;z-index: 99;}*/
/*.msgKf i{display: block;height: 32px;width: 35px;margin: 10px auto;background-position: -166px -144px;}*/
/*.msgKf span{display: block;width: 24px;margin: 0 auto;line-height: 18px}*/
/*.msgKf:hover .con{filter:alpha(opacity=100);opacity: 1;}*/
/*.msgKf .con{width:246px;height: 58px;border: 1px solid #52b673;position: absolute;z-index: 9999;top: 0px;filter:alpha(opacity=0);opacity:0;left: -288px;background: #f6f8fa;cursor: default;padding: 20px;-webkit-transition:all .5s ease-in;transition:all .5s ease-in;}*/
/*.msgKf .con .kfP{font-family: 'Microsoft Yahei';font-size: 18px;color: #010101;text-align: left;}*/
/*.msgKf .con .contact{text-align: left;}*/
/*.msgKf .con .contact .icoTel{width:28px;height: 28px;background-image: url(../image/sprite.png);background-position: -86px -146px;background-repeat: no-repeat;overflow: hidden;display: block;float: left;}*/
/*.msgKf .con .contact .kfTel{width:auto;height: auto;display: block;float:left;font-family: 'Microsoft Yahei';font-size: 14px;color: #010101;line-height: 47px;}*/
/*.msgKf .con .contact .kfQQ{display: block;float: left;width:100px;height: 30px;border-radius: 4px;background: #fda028;color: #fefefe;font-family: 'Microsoft Yahei';font-size: 12px;line-height: 30px;vertical-align: middle;text-align: center;margin:8px auto auto 11px;}*/
/*.msgKf .con .contact .kfQQ:hover{background: #f69517;}*/
.msgKf{position: absolute;width: 50px;height: 100px;right: 0;top:628px;background: #52b673;z-index: 10;color: #fff;font-size: 18px;cursor: pointer;z-index: 99;}
.msgKf i{display: block;height: 32px;width: 35px;margin: 10px auto;background-position: -166px -144px;}
.msgKf span{display: block;width: 24px;margin: 0 auto;line-height: 18px}
.msgKf:hover .con{filter:alpha(opacity=100);opacity: 1;}
.msgKf .con{width:100px;height: 58px;border: 1px solid #52b673;position: absolute;z-index: 9999;top: 0px;filter:alpha(opacity=0);opacity:0;left: -140px;background: #f6f8fa;cursor: default;padding: 20px;-webkit-transition:all .5s ease-in;transition:all .5s ease-in;}
.msgKf .con .kfP{font-family: 'Microsoft Yahei';font-size: 18px;color: #010101;text-align: left;}
.msgKf .con .contact{text-align: left;}
.msgKf .con .contact .icoTel{width:28px;height: 28px;background-image: url(../image/sprite.png);background-position: -86px -146px;background-repeat: no-repeat;overflow: hidden;display: block;float: left;}
.msgKf .con .contact .kfTel{width:auto;height: auto;display: block;float:left;font-family: 'Microsoft Yahei';font-size: 14px;color: #010101;line-height: 47px;}
.msgKf .con .contact .kfQQ{display: block;float: left;width:100px;height: 30px;border-radius: 4px;background: #fda028;color: #fefefe;font-family: 'Microsoft Yahei';font-size: 12px;line-height: 30px;vertical-align: middle;text-align: center;margin-top:10px;}
.msgKf .con .contact .kfQQ:hover{background: #f69517;}
/*?????*/
.msgMode .detailT{padding-left: 30px;}
.msgMode .detailT i{float: left;width: 130px;height: 40px;background:url(../image/msg.png);}
.msgMode .detailT a{float: left;width: 165px;height: 45px;background: url(../image/liqi.png);color: #fff;line-height: 45px;margin: 0 auto;font-size: 18px;margin-left: 20px}
.msgMode .detailInfo li{float: left;margin: 60px 0 0 210px;width: 200px;height: 200px;position: relative;padding:80px 40px 0 40px;color: #fff}
.msgMode .detailInfo li .mask1{width:100%;height: 100%;background: url(../image/msgCircle.png);position: absolute;z-index: 9;top:0;left: 0;}
.msgMode .detailInfo li h2{font-size: 30px;padding-bottom: 10px;}
.msgMode .detailInfo li p{line-height: 22px;font-size: 14px;}
.msgMode .detailInfo li.col1{background: #5892a0}
.msgMode .detailInfo li.col2{background: #84d068}
.msgMode .detailInfo li.col3{background: #5ca7f5}
.msgMode .detailInfo li.col4{background: #f8bb5a}
.msgMode .detailInfo li.col5{background: #f18298}
.msgMode .detailInfo li.col6{background: #9c73cf}
.msgMode .taoCan{border-bottom: 1px solid #ddd;}
.msgMode .taoCan li{float: left;width: 320px;margin-right: 120px;}
.msgMode .taoCan li.last{margin-right: 0}
.msgMode .taoCan li i{display: block;width: 40px;height: 40px;margin: 0 auto}
.msgMode .taoCan li.tc1 i{background-position: -160px -308px;}
.msgMode .taoCan li.tc2 i{background-position: -160px -380px;}
.msgMode .taoCan li.tc3 i{background-position: -160px -454px;}
.msgMode .taoCan li h2{font-size: 24px;padding: 20px 0;border-bottom: 1px solid #ddd}
.msgMode .taoCan li.tc1 h2{color: #5892a0}
.msgMode .taoCan li.tc2 h2{color: #21a7ce}
.msgMode .taoCan li.tc3 h2{color: #52b673}
.msgMode .taoCan li span{font-size: 14px;padding: 10px 0;display: block;}
.msgMode .taoCan li table{width: 100%;background: #f2f2f2;border-radius: 8px}
.msgMode .taoCan li table tr th{height: 50px;border:1px solid #fff;}
.msgMode .taoCan li table tr .th1{width: 24%}
.msgMode .taoCan li table tr .th2{width: 38%}
.msgMode .taoCan li table tr td{height: 80px;border:1px solid #fff;}
.msgMode .taoCan li.tc1 table .otherBg{background: #5892a0;color:#fff;}
.msgMode .taoCan li.tc2 table .otherBg{background: #21a7ce;color:#fff;}
.msgMode .taoCan li.tc3 table .otherBg{background: #52b673;color:#fff;}
.lineBlue,.lineGreen{position: absolute;width: 320px;height: 3px;}
.lineBlue{background: #90d3e6;left: 215px;top:20px;}
.lineGreen{background: #92d98b;right: 215px;top:20px;}
.connectKf{float: right;width: 320px;height: 60px;border: 1px solid #52b673;border-radius: 8px;line-height: 60px;color: #52b673;font-size: 18px;margin:30px 0;}
.connectKf:hover{background: #3fa360;color: #fff;}
/*?????*/
.loginPop,.registerPop,.resetPasswPop,.findPasswPop{display: none}
.pop{position: fixed;width: 465px;padding: 0 30px 20px 30px;top:15%;left:50%;margin-left: -260px;background: #f6f8fa;border-radius: 5px;z-index: 1000}
.pop .popTit{width: 100%;border-bottom: 1px solid #ddd;height: 70px;line-height: 70px;font-size: 24px;text-align: left;}
.pop ul li{width: 100%;padding: 20px 0 10px 0;}
.pop ul li label{float: left;width: 80px;height:35px;line-height:35px;text-align: left;font-size: 18px;}
.pop ul li .input{float: left;position: relative;}
.pop ul li .input .txt{width: 200px;height: 35px;border: 1px solid #ddd;border-radius: 6px;font-size: 18px;padding:0 10px;color: #999;font-family: "Microsoft Yahei"}
.pop ul li .input .redBor{border:1px solid #f34d4d;}
.pop ul li .input .btn{width: 140px;height: 40px;border-radius: 6px;font-size: 18px;color: #fff;font-family: "Microsoft Yahei";background: #3fa360;border:none;cursor: pointer;}
.pop ul li .input .error{position: absolute;top:42px;left:0;display:block;width:300px;color: #f34d4d;padding-left: 26px;text-align: left;font-size: 14px;background: url(../image/error.png) no-repeat;}
.pop ul li .input .authCodeSpan{display:inline-block;width: 80px;height: 35px;line-height: 35px;border-radius: 6px;font-size: 18px;color: #fff;font-family: "Microsoft Yahei";background: #41495f;border:none;vertical-align: middle;margin-left: 15px}
.pop ul li .input .forgetPassw{padding-left: 20px;font-size: 18px;text-decoration: underline;vertical-align: middle;}
.pop #sendCode{margin-left: 20px}
.pop .disabled{background: #acadaf;}
.pop .close{position: absolute;top:20px;right:30px;font-size: 30px;cursor: pointer;width:30px;height: 30px;line-height:30px;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.pop .close:hover{-webkit-transform:rotate(180deg); -webkit-transform-origin:center center;transform:rotate(180deg); transform-origin:center center;}
.pop .tips{font-size: 14px;color: #32a5f5;text-align: left;}
.mask{top:0;left: 0;z-index: 99}
.msgFoot{width: 100%;height: 40px;background: #1d2529;padding: 15px 0;color: #fff;line-height: 18px}
.msgHead.float{top:-60px;position: fixed;left: 0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;z-index: 9999;}
.msgHead.float.fixed{top: 0;}
/*???????*/
.msgAboutUs{margin: 40px auto;}
.msgAboutUs .aboutUsMenu{width: 255px;height: 800px}
.msgAboutUs .aboutUsMenu ul li{height: 40px;line-height: 40px;color: #999;font-size: 14px;text-align: left;padding-left: 30px;margin-bottom: 10px;cursor: pointer;font-size: 18px;}
.msgAboutUs .aboutUsMenu ul li.active{border-left: 4px solid #86cd4d;color: #86cd4d;margin-left: -4px}
.msgAboutUs .aboutUsCont{width: 945px;}
.msgAboutUs .aboutUsCont h2{font-size: 18px;padding-bottom: 40px;text-align: left;}
.msgAboutUs .aboutUsCont .cont{display: none}
.msgAboutUs .aboutUsCont .img{position: relative;}
.msgAboutUs .aboutUsCont .img img{vertical-align: top}
.msgAboutUs .aboutUsCont p{width: 100%;float: left;text-align: left;line-height: 24px;padding-top:20px;font-size: 18px;}
.msgAboutUs .aboutUsCont .address p{padding-top: 0}
.msgAboutUs .aboutUsCont .bg{position: absolute;width: 240px;height: 60px;background: #000;opacity: 0.7;filter:alpha(opacity=70);left: 50%;bottom: 0;margin-left:-120px;}
.msgAboutUs .aboutUsCont span{font-size: 20px;color: #fff;line-height: 60px}
/*????*/
.waitPage{height: 1000px}
.msgMode .regtips{font-size: 24px;padding-top: 70px}
.msgMode .goHome{font-size: 36px;height: 110px;line-height: 110px;width: 700px;margin:70px auto 0 auto;background: url(../image/smile.png) no-repeat right center;text-align: left}
.msgMode .goHome i{font-size: 48px;color: #ff0000;padding-right: 20px;}
.detailTips{padding-top:30px;font-size: 14px;color: #999;text-align: left}
.detailTips p{line-height: 24px;}