/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
input,button{margin:0;font-size:12px;vertical-align:middle;}
body{font-size:16px; line-height:24px; text-align:center; margin:0 auto;color:#666;overflow-x:hidden; text-align:center; font-family:"微软雅黑";}
table{border-collapse:collapse;border-spacing:0;}
a{color:#666;text-decoration:none;}
a:hover{color:#f14500;}

img{ display:block; max-width:100%; outline:none; border:0}
.fl{float: left; _display: inline;}
.fr{float:right; _display: inline;}
.l{ width:100%; float:left;}
.cf{ clear:both;}
.tl{ text-align:left;}
.tc{text-align: center; width:100%;}
.tc img{ margin:0 auto;}
.tr{ text-align:right;}
.wl{width: 100%; float: left;}
.btn{ display:inline-block;}
.oh{ overflow:hidden;}
.none{display: none;}
.red{ color:#d80d20;}
.btn{ display:inline-block; cursor:pointer; border:none;}
.pr{ position:relative;}
.pa{ position:absolute;}
.fx{ position:fixed;}
em{ font-style:normal;}
strong{ font-weight:normal;}
.cur{ cursor:pointer;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.red{color: #d45f5e;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
.f14{ font-size:14px;}
.w1000{width:1000px; text-align: left;margin: 0 auto;}
.fontbolder{ font-weight:bolder}
input[type="text"],input[type="tel"],input[type="password"]{ padding:0; -webkit-appearance: none;}

input:focus{outline: none;}

/*顶部*/
.phd{ width:100%; z-index:1000; height:102px; background:#fff;}
/* .phd img{max-width:600px;_width:expression(this.width > 300 ? "300px" : this.width);} */
.logo{ margin-top:35px;}
.qknav{ margin-top:40px;}
.pbd{ background:url(../images/loginbg.jpg) no-repeat center top; height:592px;}
.pbdForBoc{ background:url(../images/bopLogbg.jpg) no-repeat center top; height:592px;}
.pbdForMsc{ background:url(../images/loginbg.jpg) no-repeat center top; height:592px;}
.qknav a{ margin-left:38px;}
.qknav .tel{ margin-right:30px;}
/*右侧菜单*/
.right-nav{position:absolute;z-index:22222;right:0;top:50%; margin-top:-150px; height:300px; _display:none;}
.right-nav a{ color:#fff;}
.right-nav .item{cursor:pointer;background:#005cb9;position:relative;z-index:2;height:88px;font-size:0;width:80px}
.right-nav .item:hover .p{background:#005cb9;width:183px;}
.right-nav .item:hover .p .left{ float:left;}
.right-nav .item .p .left span{color:#fff}
.right-nav .item:hover .p .left span{color:#fff}
.right-nav .item:hover .p{ width:183px;}
.right-nav .item:hover .p .left img{display:none;opacity:0}
.right-nav .item:hover .p .left img+img{display:block;opacity:1}
.right-nav .item .right{font-size:20px;line-height:88px;text-align:center;color:#fff;font-weight:bold; right:183px; position:absolute; width:183px;background:#005cb9; display:none;}
.right-nav .item:hover .p .right{font-size:20px;line-height:88px;text-align:center;color:#fff;font-weight:bold; position:absolute; display:block;}
.right-nav .item:hover .p .right:after{position:absolute;left:0;top:50%;}
.right-nav .item a{display:block;text-align:center}
.right-nav .item a img{margin-bottom:4px;}
.right-nav .item a span{display:block;color:#fff;font-size:12px}
.right-nav .item .p{background:#005cb9;height:100%;position:absolute;left:0;width:auto;top:0;white-space:nowrap}
.right-nav .item .left{position:relative;height:100%;text-align:center;display:inline-block;vertical-align:top;width:80px}
.right-nav .item .left img{margin-bottom:4px;-webkit-transition:all .4s ease;transition:all .4s ease}
.right-nav .item .left img+img{display:none;opacity:0}
.right-nav .item .left span{display:block;font-size:12px}

.right-nav .code{position:relative; z-index:0; }
.right-nav .code:hover .code-img{}
.right-nav .code .s{position:relative;z-index:22; background:#005cb9; height:120px; }
.right-nav .code .code-img{position:absolute; right:80px; display:none; top:0;background:#0c83f1;width:186px;height:100%; }
.right-nav .code .code-img .img{margin:10px auto 0;width:98px;height:140px;border-radius:4px}
.right-nav .code .code-img .img img{margin:8px auto 4px;}
.consultation-box{position:fixed;left:50%;top:50%;z-index:2222222;margin-left:-203px;margin-top:-264.5px;display:none}
.consultation-box img{position:relative;z-index:22}

.right-nav .code:hover .s{ background:#005cb9;}
.right-nav .item .code-img span{ color:#333;}
.prointro a:hover .info1{ color:#333;}
.right-nav .item img{ margin:0 auto; padding-top:20px; }
.right-nav .item1{ height:88px;}
.right-nav .item1 .left img{ padding-top:20px;}


.loginbox{ padding:0 45px; width:337px; height:467px; background:#fff; top:62px; right:0}
.top-login{ margin-top:40px; height:75px; }
.top-login span{ display:inline-block; font-size:18px; color:#333; height:30px; border-bottom:2px solid #ccc; margin-right:25px; cursor:pointer;}
.top-login span.on{ border-bottom:2px solid #f9370a;}
.logintop{ height:49px;}
.login_tab li{ height:49px; position:relative; width:100%; color:#333;}
.login_tab li .item,.logintop .item{ width:70px; left:0; font-size:14px; line-height:42px;}
.login_tab li .grp,.logintop .grp{ margin-left:70px;}
.graybg{ width:268px; height:42px; background:#f7f7f7;}
.logintop .method{ width:100%; _padding:10px 0; _margin-top:10px; height:40px; line-height:40px;  color:#999;font-size:14px;}
.login_tab li label{ float:left; padding-top:15px; padding-left:10px; width:110px; cursor:pointer;}
.login_tab li label input{ float:left; margin-right:10px;}
.login_tab li .text{ padding-left:10px; width:258px; border:none; height:40px; line-height:40px; background:#f7f7f7; color:#999; font-size:14px;}
.login_tab li .text_short{ padding-left:10px; width:138px;}
.validcode{ width:105px; height:40px; line-height:40px; text-align:center; right:0; top:0; background:#7ecef4; color:#fff;}
.login_tab{ margin-bottom:24px;}

.loginbtn{ width:148px; height:42px; line-height:42px; background:#f9370a; color:#fff; text-align:center; cursor:pointer; margin-left:70px;}
.loginbot .link{ line-height:42px; margin-left:21px; width:80px; _font-size:14px; color:#333;}
.getbtn{ border:1px solid #d9d9d9;height:38px; line-height:38px; text-align:center; right:0; top:0; width:103px; cursor:pointer;color:#999;}
.getbtn:hover{ background:#7ecef4; color:#fff;}
.ewmlogin{ padding-top:2px;}
.ewmlogin img{ margin-bottom:5px;}

.pfd{ padding:40px 0 0 0; height:60px; font-size:14px;}
.part02-pfd{ padding-left:22px; background:url(../images/down_icon.png) no-repeat 0 3px;}
.part02-pfd a{ padding-right:3px; margin-left:3px;}
.errortip{ margin-bottom:10px; color:#f9370a; font-size:12px; padding-top:10px;}

.right-nav .code .code-img{  top:-175px; height:351px;}
.right-nav .code .s{ z-index:200;}
.right-nav .item:hover .right{ display:block;}
.right-nav .code:hover .code-img{ display:block;}