@charset "utf-8";
body,ul,li,ol,h1,h2,h3,h4,p,th,td,dl,dd,form,fieldset,legend,label,input,textarea,select{margin:0;padding:0}
body{font:14px/1.7 Arial,"Microsoft YaHei",Tahoma,Verdana,Helvetica, sans-serif;	 color:#666; background: #f0f0f0; }
a{color:#333; text-decoration:none;  outline:none;  }
a:hover{color:#5aa4f5;  }
li{list-style:none}
img{border:0;    vertical-align:top;	}
input{ font-family:Arial,"Microsoft YaHei";}
input:focus{border:none;box-shadow: none;-webkit-box-shadow: none; color: #179aeb;outline:none; }
.className input:focus{color:#179aeb;}
table{border-collapse:collapse;   border-spacing:0 }
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
/*-------------------内容----------------------*/
.top_right{ position: fixed; top: 0; right:20%; background: url("../images/login/top_right.png") -40px -160px no-repeat; width: 533px; height: 385px; z-index: -8; }
.bot_left{ position: fixed; bottom: 0; left: 160px; background: url("../images/login/bot_left.png") no-repeat;width: 533px; height: 385px; z-index: -8; }
.logo{width: 1200px; margin: auto; margin-top: 24px; margin-bottom: 8px;}
.denlu_nr{ background:url("../images/login/denglubj.png") no-repeat; width: 100%; background-size: 100% 100%; height: 486px; padding: 21px 0; min-width: 1300px;}
.left{ width:46%; float: left; height: 486px; background: url("../images/login/left.jpg") no-repeat; background-size: 100% 100%; position: relative;}
.dx{ position: absolute; right:230px;   bottom: 0; width: 337px; height: 432px; background: url("../images/login/dx.png") no-repeat;}
.right{ width: 54%; float: right; height: 486px; background: #fff;}
.login_left{ width:180px; float:right; }
.left_menu{ width:180px; margin: auto; overflow: hidden; padding-top: 60px;}
.left_menu li{text-align: center; background: url("../images/login/xiang.jpg") bottom no-repeat; width: 180px; float: right;  }
.left_menu li:last-child{ background: none;}
.left_menu li a{ background: url("../images/login/left_hover.png") no-repeat; background-position: -168px 0; transition: .7s; display: block; line-height: 51px;  font-size: 16px; color: #fff; width: 168px; float: right;}
.left_menu li a:hover{ background:url("../images/login/left_hover.png") no-repeat; background-position: 0 0; color: #2ba3ec;}
.left_menu li.current_tab a{background:url("../images/login/left_hover.png") no-repeat; background-position: 0 0; color: #2ba3ec;}
.right_1{ width:100%; overflow: hidden; position: relative;}
.right_nr{ overflow: hidden; width: 100%;  box-sizing: border-box;}
.top_menu{ overflow: hidden; height: 61px; line-height: 61px;  border-bottom: solid 1px #e8e8e8; width: 600px; float: left;padding-left: 130px; box-sizing: border-box;}
.top_menu li:last-child{ border-right: none;}
.top_menu li{ float: left;  line-height: 61px; font-size: 14px; text-align: center; cursor: pointer; background: url("../images/login/gou0.png") left center no-repeat; padding-left: 25px; margin-left: 50px;}
.top_menu li:hover{ color: #2aa3d3; background:url("../images/login/gou.png") left center no-repeat;}
.top_menu li.abc{ color: #2aa3d3;background:url("../images/login/gou.png") left center no-repeat;}
.denglunr{ overflow: hidden; width:580px; height: 452px; float: left;}
.zhanghdl{ overflow: hidden; margin-top:20px;}
.zhanghdl h1{ font-size: 25px;  line-height:70px; font-weight: 400; text-align: center; color: #098acd;}
.con{padding:15px 0 ; width: 100%;      height:260px;    text-align:center; padding-top:30px;}
.con h4{ font-size: 20px; color: #7d7d7d; line-height: 50px; font-weight: 400; margin-top: 16px;}
.con img{display:inline-block;}
.deng_a a{width:150px;    height:47px; line-height:47px; font-size:18px;    display:inline-block;border-radius:15px; margin-right:20px;
    -moz-border-radius:15px;    -webkit-border-radius:15px;    cursor:pointer;    background:#d9d9d9; color:#2d90d8;transition: 0.7s; margin-top:64px;}
.deng_a a:hover{color:#fff;background:#2d90d8;}
.btn a{width:100%;    height:47px; line-height:47px; font-size:18px;    display:inline-block;border-radius:5px;
    -moz-border-radius:5px;    -webkit-border-radius:5px;    cursor:pointer; background: #318ecf;  background-size: 100% 100%;
    color:#fff; margin-bottom:5px; transition: 0.7s;}
.btn a:hover{color:#fff;background:#0394ec;}
.btn2{}
.btn2 a{width:100%;    height:47px; line-height:47px; font-size:18px;    display:inline-block;border-radius:5px;
    -moz-border-radius:5px;    -webkit-border-radius:5px;    cursor:pointer;    background:#679ef7; color:#fff; margin-bottom:15px; transition: 0.7s; margin-top:40px;}
.btn2 a:hover{color:#fff;background:#0394ec;}
/*----------------账号登录--------------------*/
.con1{padding:0 ;    text-align:center; width:70%; margin: auto;}
.dulu{ width: 100%; overflow: hidden;}
.dulu ul{ padding: 0px; margin: 0px; background:none; }
.dulu ul li{ border-bottom: solid 1px #dddddd; width: 98%; line-height: 50px; text-align: left; font-size: 16px; color: #434343; margin-bottom:10px; padding: 0 5px;}
.dulu ul li .dlm{  display: inline-block;}
.dulu ul li .dlm1{  display: inline-block; }
.dulu ul li.yzm{ width: 80%;}
.qhdm{ line-height: 30px; font-size: 14px; text-align: right;}
.qhdm a{ padding: 0px 15px; border-right:solid 1px #adafb0;}
.qhdm span a { color: #63acdc;}
.common_input{width:270px; height:25px; line-height:25px;text-indent:5px; border: none;    vertical-align:middle; font-size: 16px; background: none; }
.w60{ width: 200px;}
.fhsy{ text-align: right;}
.guide{  text-decoration: underline; color:#2aa2d2; margin-left: 18px;}
.return{  text-decoration: underline; color: #2aa2d2; margin-left: 25px;}
.forget{  text-decoration: underline; color: #2aa2d2; margin-left: 25px;}
.margin_top{ margin-top:61px;}
.right_2{ position: absolute; top:62px; right: 0; height:353px;background: #65b2e0; border-radius: 5px 0 0 5px;   transform:translate(0 0);-moz-transform:translate(0 0);-webkit-transform:translate(0 0);
    animation:left_banner 1s ease-in-out both;
    -moz-animation:left_banner 1s ease-in-out both;
    -webkit-animation:left_banner 1s ease-in-out both; }
.sbdj{ overflow: hidden;float:left; cursor: pointer;transition: .7s; }
.sbdj ul{ padding: 0; margin: 0; overflow: hidden; width:50px; float: left;}
.sbdj ul li{ border-bottom: solid 1px #78c0ec;height: 58px; line-height: 58px;  }
.sbdj ul li img{ margin-left:10px; margin-top: 10px; margin-right:5px; }
.sbdj ul li.one2{ border-bottom: none; }
.xlt{width:270px; height:35px; line-height:35px;text-indent:5px; border:none;    vertical-align:middle; font-size: 16px;}
.zknr{ overflow: hidden;transition: .7s;  transform:translate(0 0);-moz-transform:translate(0 0);-webkit-transform:translate(0 0);
    animation:left_banner1 1.5s ease-in-out both;
    -moz-animation:left_banner1 1.5s ease-in-out both;
    -webkit-animation:left_banner1 1.5s ease-in-out both;}
.zknr ul{ padding: 0; margin: 0; overflow: hidden; width: 135px;}
.zknr ul li{ border-bottom: solid 1px #78c0ec; }
.zknr ul li a{ height: 58px; line-height: 58px; display: block; font-size: 16px; color: #fff;transition: .7s;padding-left:2px;}
.zknr ul li a:hover{ color:#fbec43;}
.zknr ul li .one2 a{ border-bottom: none;}
.sbdj:hover > .zknr{ display:block; transition: .7s; }
.huoqu{ float: right;}
.huoqu a{ display: inline-block; line-height:35px; padding: 0 30px;  background: #007ac3; border-radius: 3px; color: #fff;}
.huoqu a:hover{background: #0394ec;}
@keyframes left_banner{
    0%{
        opacity: 0;
        transform:translateX(40%)
    }
    100%{
        opacity: 1;
        transform:translateX(0)
    }
}
@-moz-keyframes left_banner{
    0%{
        opacity: 0;
        transform:translateX(40%)
    }
    100%{
        opacity: 1;
        transform:translateX(0)
    }
}
@-webkit-keyframes left_banner{
    0%{
        opacity: 0;
        transform:translateX(40%)
    }
    100%{
        opacity: 1;
        transform:translateX(0)
    }
}
.btn a.caLogin{width:40%;    height:47px; line-height:47px; font-size:18px;    display:inline-block;border-radius:5px;
    -moz-border-radius:5px;    -webkit-border-radius:5px;    cursor:pointer; background: #318ecf;  background-size: 100% 100%;
    color:#fff; margin-bottom:5px; transition: 0.7s;}
.btn a.caRegister{width:40%;    height:47px; line-height:47px; font-size:18px;    display:inline-block;border-radius:5px;
    -moz-border-radius:5px;    -webkit-border-radius:5px;    cursor:pointer; background: #318ecf;  background-size: 100% 100%;
    color:#fff; margin-bottom:5px; transition: 0.7s;}
/*---------------版权--------------*/

.font{ line-height: 28px;  color: #5d5d5d; overflow: hidden; display: inline-block; min-width: 1200px; text-align: center;     margin: auto; width: 100%; }
