body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td { padding: 0; margin: 0;}
fieldset, img { border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style:none;}
address, caption, cite, code, dfn, em, th, var {font-weight: normal;font-style: normal;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
p:before, q:after {content: '';}
abbr, acronym { border: 0;}
a{text-decoration:none;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease }
.clr {HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; FONT-SIZE: 0px; OVERFLOW: hidden}
BODY {FONT-SIZE: 12px; color:#000; font-family:"΢���ź�"; background:#f3f7fa }
img{ vertical-align:bottom}
input[type="text"],input[type="radio"],input[type="hidden"],input[type="submit"],input[type="button"],input[type="password"],button,textarea,select{outline: none; border: none; -webkit-appearance: none;-moz-appearance:none; appearance: none; border-radius: 0;}
div,ul,li,p,input{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.content,.footer{ width:100%; overflow:hidden; margin:0px auto}

/*��¼ҳ��*/
.login{ width:100%; background:url(../images/login-bg.jpg) no-repeat left top; height:100%; overflow:hidden;}
.login-left{ float:left;width:50%; margin:0px auto 0px;overflow:hidden; position:relative; height:100%}
.login-left .logo{ float:left; display:inline; margin:75px 0px 0px 120px}
.login-left .logo img{ width:170px; height:auto}
.left-center{ width:100%;position:absolute;left:0px;top:50%; z-index:2; height:290px; margin-top:-124px}
.login-left .login-wz{ float:right;width:720px;}
.login-left ul{ float:right; width:720px; overflow:hidden; margin-top:50px}
.login-left ul li{ float:left; width:100%; overflow:hidden; background:url(../images/login-2.png) no-repeat left center; line-height:50px; padding-left:33px; font-size:24px; color:#fff}
.login-right{ float:left; width:50%; height:100%; overflow:hidden;position:relative}
.login-right .login-back{ width:74%; margin:74px auto 0px}
.login-right .login-back a{ float:right; width:130px; height:40px; background:#ffc04f url(../images/login-3.svg) no-repeat 46px center ;background-size:16px; font-size:14px; color:#fff;border-radius:20px; text-align:center; line-height:40px; padding-left:20px}
.login-right .login-back a:hover{box-shadow:0px 2px 7px 2px rgba(255,192,79,0.6)}
.login-content{ width:480px; overflow:hidden; background:#fff;border-radius:4px; position:absolute;top:50%;right:20%; z-index:2; height:560px; margin-top:-268px}
.login-right h3{ width:100%; overflow:hidden; text-align:center; margin-top:80px; font-size:32px; color:#333; letter-spacing:4px}
.login-right .login-form{ width:420px; margin:20px auto 0px}
.login-right .txt{ float:left; width:100%; height:62px; margin:0px; padding:0px; background:#fff url(../images/login-4.svg) no-repeat 30px center;border-radius:31px; border:none; padding:0px 20px 0px 56px;border:1px #e6e6e6 solid; margin-top:20px; background-size:15px auto}
.login-right .pass{ float:left; width:100%; height:62px; margin:0px; padding:0px; background:#fff url(../images/login-5.svg) no-repeat 30px center;border-radius:31px; border:none; padding:0px 20px 0px 56px;border:1px #e6e6e6 solid; margin-top:20px; background-size:14px auto}
.login-right input:focus{border-color:#0069d1}
.login-right span{ float:left; width:100%; overflow:hidden; margin-top:20px}
.login-right span a{ font-size:12px; margin-left:5px; color:#ccc}
.login-right span a:hover{ color:#0d72d4}
.login-right .button{ float:left; width:100%; height:62px; line-height:62px; margin:0px; padding:0px; background:#0069d1;border-radius:31px; border:none; font-size:20px; color:#fff;margin-top:20px; cursor:pointer; overflow:hidden;transition:all 0.3s ease}
.login-right .button:hover{ background:#ffc04f}
.login-right p{ float:left; width:100%; overflow:hidden; margin-top:30px; text-align:center; font-size:18px; color:#333}
.login-right p a{ color:#0069d1}
.login-right p a:hover{ color:#ffc04f}
.login-bottom{ width:100%; overflow:hidden; height:90px; background:#171f29; position:fixed;left:0px;bottom:0px}
.login-bottom span,.login-bottom p{ float:left; width:50%; line-height:90px; text-align:center; font-size:14px; color:#a7a9ab}
.login-bottom a{ color:#a7a9ab; margin-left:28px}

/*ע��*/
.left-centers{ width:100%;position:absolute;left:0px;top:50%; z-index:2; height:210px; margin-top:-87px}
.login-left .reg-wz{ float:left; display:inline; width:38.7%; margin:0px 0px 0px 320px;}
.reg-ul{ float:left; width:80%; overflow:hidden; display:inline; margin:40px 0px 0px 320px}
.reg-ul p{ float:left; width:100%; overflow:hidden; font-size:24px; color:#dee7f7; margin-top:7px}
.reg-ul p span{ font-size:32px; font-weight:bold}
.reg-content{ width:470px;overflow:hidden; height:600px; background:#fff;border-radius:4px; position:absolute;right:20%;top:50%; z-index:2; margin-top:-287px}
.login-right .reg-content .login-form{ margin-top:5px}
.login-right .phone{ float:left; width:100%; height:62px; margin:0px; padding:0px; background:#fff url(../images/login-6.svg) no-repeat 30px center;background-size:13px auto;border-radius:31px; border:none; padding:0px 20px 0px 56px;border:1px #e6e6e6 solid; margin-top:20px}
.login-right .email{ float:left; width:100%; height:62px; margin:0px; padding:0px; background:#fff url(../images/login-7.svg) no-repeat 30px center;background-size:16px auto;border-radius:31px; border:none; padding:0px 20px 0px 56px;border:1px #e6e6e6 solid; margin-top:20px}
.login-right h4{ width:100%; overflow:hidden; text-align:center; margin-top:24px; font-size:32px; color:#333; letter-spacing:4px}
.login-radio{ float:left; width:100%; overflow:hidden; text-align:center; font-size:12px; color:#666; margin-top:28px}
.login-radio a{ color:#666}
.login-radio a:hover{ color:#0069d1}
.login-radio input{ vertical-align: bottom; width:15px; height:15px}
.login-radio input[type="radio"] {background:none;background-size: contain;vertical-align: bottom; -webkit-appearance: none;border:1px #666 solid;border-radius:50% }
.login-radio input[type="radio"]:checked{ background: url(../images/reg-2.png) no-repeat;background-size: contain;border:none;border-radius:50%}
.login-right .reg-content .txt,.login-right .reg-content .pass,.login-right .reg-content .phone,.login-right .reg-content .email{ margin-top:15px; height:50px; line-height:50px}
.login-right .reg-content .button{ height:50px; line-height:50px}
.color a{ color:#0069d1}

/*����*/
.sec-header{ width:75%; overflow:hidden; margin:64px auto 0px}
.sec-header .logo{ float:left}
.sec-header .logo img{ width:159px; height:auto}
.sec-header span{ float:right; width:auto}
.sec-header span a{float:right; width:150px; height:42px; background:#ffc04f url(../images/login-3.png) no-repeat 50px center ; font-size:14px; color:#fff;border-radius:21px; text-align:center; line-height:42px; padding-left:20px}
.sec-header span a:hover{ background-color:#0d72d4}
.sec-content{ width:50%; overflow:hidden; margin:65px auto 0px}
.sec-content ul{ float:left; width:100%; overflow:hidden; background:url(../images/secret-1.png) repeat-x right bottom}
.sec-content ul li{ float:left; width:50%; overflow:hidden; line-height:80px; text-align:center; font-size:24px; color:#808080; padding-bottom:8px}
.sec-content ul li a{ color:#808080}
.sec-content ul .default{ color:#0069d1; border-bottom:4px #0069d1 solid}
.sec-content ul .default a{ color:#0069d1}
.sec-pannel{ float:left; width:100%; overflow:hidden; margin-top:100px}
.sec-pannel h3{ width:100%; overflow:hidden; margin:0px; text-align:center; font-size:32px; color:#171f29; letter-spacing:4px}
.sec-pannel form{ width:50%; overflow:hidden; margin:0px auto; display:block}
.sec-input,.sec-button{ float:left; width:100%; overflow:hidden; margin-top:20px; position:relative}
.sec-input input{ width:100%; display:block; height:60px; line-height:60px; border-radius:30px;border:1px #dfdfdf solid; padding-left:70px; font-size:14px}
.sec-input input:focus{ border-color:#0069d1}
.sec-input .sec-email{ background:url(../images/login-7.svg) no-repeat 36px center;background-size:19px auto}
.sec-input .sec-veri{ background:url(../images/login-8.svg) no-repeat 36px center;background-size:14px auto}
.sec-input .pass{background:url(../images/login-5.png) no-repeat 36px center}
.sec-input span{ width:24%; height:54px; position:absolute;right:3px;top:3px; line-height:54px; text-align:center; font-size:14px; color:#fff;border-radius:27px; overflow:hidden; cursor:pointer}
.sec-input span a{ width:100%; height:100%; display:block; background:#ffc04f;}
.sec-input span a:hover{background:#0069d1;}
.sec-button input{width:100%; display:block; height:60px; line-height:60px; border-radius:30px; font-size:20px; color:#fff; background:#0069d1; border:none; padding:0px; margin:0px; cursor:pointer;transition:all 0.4s ease}
.sec-button input:hover{ background:#ffc04f}
.sec-footer{ width:100%; position: fixed;left:0px; bottom:0px;}

@media screen and (max-width:1660px){
/*��¼ҳ��*/
.login-left .logo{ float: none; display:block; width:73%; margin:60px auto 0px}
.login-left .login-wz{ float:none; display:block; width:60%; margin:0px auto}
.login-left .login-wz img{ width:460px; height:auto}
.login-left ul{ float:none; display:block; width:60%; margin:50px auto 0px}
.left-center{margin-top:-103px; height:256px}
.login-right .login-back{ width:74%; margin:44px auto 0px}
.login-right .login-back a{width:120px; padding-left:20px}
.login-content{ width:440px;right:17%;height:470px; margin-top:-228px}
.login-right h3{ margin-top:40px; font-size:26px;}
.login-right .login-form{ width:90%; margin:15px auto 0px}
.login-right .txt,.login-right .pass{height:56px;border-radius:28px; line-height:56px; padding:0px 20px 0px 56px; margin-top:24px}
.login-right .button{ height:56px; line-height:56px; border-radius:56px; font-size:18px;margin-top:24px; }
.login-bottom{ height:70px;}
.login-bottom span,.login-bottom p{line-height:70px;}

/*ע��*/
.left-centers{height:190px; margin-top:-70px}
.login-left .reg-wz{ width:70%; float:none; margin:0px auto; display:block; overflow:hidden}
.login-left .reg-wz img{ width:280px; height:auto}
.reg-ul{ float:none; width:70%; overflow:hidden; display:block; margin:40px auto 0px}
.reg-ul p{ float:left; width:100%; overflow:hidden; font-size:24px; color:#dee7f7; margin-top:7px}
.reg-ul p span{ font-size:32px; font-weight:bold}
.reg-content{ width:440px;overflow:hidden; height:550px; background:#fff;border-radius:4px; position:absolute;right:20%;z-index:2; margin-top:-268px}
.login-right h4{font-size:30px;}
.login-right .reg-content .txt,.login-right .reg-content .pass,.login-right .reg-content .phone,.login-right .reg-content .email{ margin-top:12px; height:44px; line-height:44px}
.login-right .reg-content .button{ height:44px; line-height:44px; font-size:16px; margin-top:12px}

/*����*/
.sec-content ul li{ font-size:22px;}
.sec-pannel{ margin-top:70px}
.sec-pannel h3{font-size:30px;}
.sec-button input{ font-size:18px;}



}
@media screen and (max-width:1440px){
/*��¼ҳ��*/
.login-left .logo{ width:80%; margin:40px auto 0px}
.login-left .login-wz{  width:70%;}
.login-left .login-wz img{ width:380px;}
.login-left ul{width:70%; margin:50px auto 0px}
.left-center{margin-top:-96px; height:240px}
.login-content{ width:420px;height:450px; margin-top:-208px}
.login-right .login-form{ width:86%;}
.login-right .txt,.login-right .pass{height:52px;border-radius:26px; line-height:52px;}
.login-right .button{ height:52px; line-height:52px; border-radius:26px; font-size:16px;margin-top:24px; }
.login-right p{font-size:16px;}
.login-bottom{ height:50px;}
.login-bottom span,.login-bottom p{line-height:50px;}

/*ע��*/
.left-centers{height:170px; margin-top:-60px}
.login-left .reg-wz img{ width:240px;}
.reg-ul{margin:30px auto 0px}
.reg-ul p{font-size:22px;}
.reg-ul p span{ font-size:30px;}
.reg-content{ width:380px; height:530px; margin-top:-250px;right:17%}
.login-right h4{font-size:22px; letter-spacing:0px}


/*����*/
.sec-header{ margin:30px auto 0px}
.sec-content{ margin:30px auto 0px}
.sec-content ul li{ font-size:20px;}
.sec-pannel{margin-top:40px}
.sec-pannel form{ width:80%;}
.sec-pannel h3{font-size:24px; padding-bottom:10px}
.sec-input,.sec-button{margin-top:15px; }
.sec-input input{ height:50px; line-height:50px; border-radius:25px;}
.sec-input span{ height:44px; line-height:44px;border-radius:22px; }
.sec-button input{height:50px; line-height:50px; border-radius:25px;}
}

@media screen and (max-width:1366px){
/*��¼ҳ��*/
.left-center{margin-top:-96px; height:240px}
.login-content{ width:380px;height:380px; margin-top:-173px}
.login-right h3{ font-size:22px; margin-top:30px}
.login-right .login-form{ width:86%; margin-top:9px}
.login-right .txt,.login-right .pass{height:46px; line-height:46px;}
.login-right .button{ height:46px; line-height:46px; font-size:14px;margin-top:18px; }
.login-right p{font-size:14px; margin-top:19px}

/*ע��*/
.reg-content{ width:380px;height:420px; margin-top:-193px;right:17%}
.login-right h4{font-size:20px;}
.login-right .reg-content .txt,.login-right .reg-content .pass,.login-right .reg-content .phone,.login-right .reg-content .email{ margin-top:10px; height:36px; line-height:36px}
.login-right .reg-content .button{ height:36px; line-height:36px; font-size:14px; margin-top:10px}
.login-radio{ margin-top:12px}
.login-left .reg-wz,.login-left .reg-ul{ float:right; width:78%}


}


@media screen and (max-width:1240px){
/*��¼ҳ��*/
.left-center{height:230px; margin-top:-86px}
.login-left .login-wz img{ width:300px;}
.login-left ul li{ font-size:18px;}
.login-content{ width:350px;height:380px; margin-top:-168px}
.login-right h3{ margin-top:30px; font-size:22px;}
.login-right .login-form{ width:86%; margin-top:0px}
.login-right .txt,.login-right .pass{height:46px;border-radius:28px; line-height:46px; margin-top:20px}
.login-right .button{ height:46px; line-height:46px; border-radius:28px; font-size:14px;margin-top:20px; }
.login-right p{font-size:14px;}
.login-bottom{ height:40px;}
.login-bottom span,.login-bottom p{line-height:40px; font-size:12px}

/*ע��*/
.left-centers{height:170px; margin-top:-42px}
.login-left .reg-wz img{ width:190px;}
.reg-ul{margin:20px auto 0px}
.reg-ul p{font-size:20px;}
.reg-ul p span{ font-size:24px;}
.reg-content{ width:320px; height:460px; margin-top:-208px;}
.login-right h4{font-size:20px; letter-spacing:0px;}
.login-right .reg-content .txt,.login-right .reg-content .pass,.login-right .reg-content .phone,.login-right .reg-content .email{ height:38px; line-height:38px}
.login-right .reg-content .button{ height:38px; line-height:38px; }
.login-right .reg-content p{font-size:14px; margin-top:18px}
.login-radio{ margin-top:16px}
.login-left .reg-wz,.login-left .reg-ul{  width:85%}


}
@media screen and (max-width:960px){
/*��¼ҳ��*/
.login-left .logo{ margin:30px auto 0px}
.login-left .logo img{ width:150px;}
.left-center{height:170px; margin-top:-65px}
.login-left .login-wz{  width:70%;}
.login-left .login-wz img{ width:220px;}
.login-left ul{width:70%; margin:30px auto 0px}
.login-left ul li{ font-size:16px; line-height:40px}
.login-right .login-back{ margin:34px auto 0px}
.login-right .login-back a{width:90px; padding-left:20px;background-position:30px center; line-height:34px; height:34px}
.login-content{ width:250px;height:316px; margin-top:-143px;}
.login-right h3{ margin-top:25px; font-size:20px; letter-spacing:0px}
.login-right .login-form{ width:86%;}
.login-right .txt,.login-right .pass{height:38px;border-radius:19px; line-height:38px; margin-top:15px}
.login-right .button{ height:38px; border-radius:19px; line-height:38px; font-size:14px;margin-top:15px}
.login-right p{font-size:12px; margin-top:20px}

.reg-content{ height:440px; margin-top:-205px;}
.login-left .reg-wz,.login-left .reg-ul{ width:92%}
.reg-ul p span{ font-size:20px}

}
@media screen and (max-width:768px){
/*��¼ҳ��*/	
.login{ background-size:auto 100%; padding:0px 12%}
.login-left{ display:none}
.login-right{width:100%;}
.login-right .login-back{ width:90%;margin:34px auto 0px}
.login-right .login-back a{width:100px; height:30px; background-position:32px center ;border-radius:15px;  line-height:30px;}
.login-content{ width:100%; margin:0px;left:0px; margin-top:-126px; height:260px}
.login-right h3{ margin-top:15px; font-size:20px;}
.login-right .txt,.login-right .pass{height:32px;border-radius:16px; line-height:32px; margin-top:12px}
.login-right .button{ height:32px; line-height:32px;border-radius:16px; font-size:12px;margin-top:12px}
.login-right span{margin-top:12px}
.login-bottom{ width:100%;height:auto; padding:8px 0px}
.login-bottom span,.login-bottom p{ width:100%; line-height:20px; font-size:12px; }
.login-bottom a{ margin-left:4px}

.reg-content{width:100%; margin:0px;left:0px;top:50%; margin-top:-188px; height:376px;}
.login-right h4{ margin-top:15px}
.login-right .reg-content .txt,.login-right .reg-content .pass,.login-right .reg-content .phone,.login-right .reg-content .email{ height:30px; line-height:30px}
.login-right .reg-content .button{ height:30px; line-height:30px; font-size:12px }
.login-right .reg-content p{font-size:12px; margin-top:12px}
.login-radio{ margin-top:12px}

/*����*/
.sec-header{ width:94%; margin:20px auto 0px}
.sec-header .logo{ float:left; width:150px}
.sec-header .logo img{ width:100%; height:auto}
.sec-header span{ margin-top:10px}
.sec-header span a{width:100px; height:30px; background-position:34px center ; font-size:12px;border-radius:15px;line-height:30px; }
.sec-content{ width:94%;margin:20px auto 0px; padding-bottom:120px}
.sec-content ul li{line-height:50px; font-size:16px;padding-bottom:2px}
.sec-content ul .default{border-bottom:2px #0069d1 solid}
.sec-pannel{margin-top:30px}
.sec-pannel h3{  font-size:18px; letter-spacing:0px}
.sec-pannel form{ width:96%;}
.sec-input,.sec-button{ margin-top:10px;}
.sec-input input{height:40px; line-height:40px; border-radius:20px;}
.sec-input span{ height:34px;line-height:34px; font-size:12px;border-radius:17px;}
.sec-button input{ height:40px; line-height:40px; border-radius:20px; font-size:14px;}
}