/*整个页面*/
.page{min-width: 1200px;}
.page-top-bar,.page-nav-block,.page-pos,.page-banner-text,.page-main,.footer,.footer-line{width:1200px; margin: 0 auto;zoom:1;}

/*首页logo处*/
.page-top-bg{height: 42px; line-height: 42px; background: #f1f1f1; position: relative; z-index: 10}
.page-top-bar { height: 42px; line-height: 42px; background: #f1f1f1; }
.page-top-bar a{display: inline-block; font-size: 12px;}
.page-top-bar .fn-left a{ float: left; }
.page-top-bar .fn-left span{float: left;}
.top-down{position: relative;display: inline-block;font-size: 12px; cursor: pointer; float: left;}
.top-down.on-cur{ color: #cc2e33; }
.page-top-bar i{width:25px ; height:25px ; margin-right: 10px; float: left; display: inline-block; margin-top: 8px; vertical-align: middle; background: url("../images/page-top-bar.png") no-repeat 0 0;}
.page-top-bar i.page-icon-1{background-position: 0 0}
.page-top-bar i.page-icon-2{background-position: 0 -25px}
.page-top-bar i.page-icon-3{background-position: 0 -50px}
.page-top-bar .fn-right{width: 200px;font-size: 12px; text-align: right; overflow: hidden;}
.page-top-bar span{padding:0 12px;}


.top-down-content{position: absolute;margin-top: -8px; display: none;}
.top-down.on-cur .top-down-content{display: block;}
.app-content{ width:274px; height: 248px; background:url("../images/app-content.png") no-repeat center center; cursor: default; }
.tel-content{ width:162px; height: 313px; background:url("../images/tel-content.png") no-repeat center center; cursor: default; }
.tel-content ul{padding-left: 25px; padding-top: 10px; }
.tel-content ul li a{display: block;}
.tel-content .top-down-border{border-top:1px solid #cccccc; width:100px; margin:0 auto; margin-top: 5px; }
.tel-content em{width: 25px; height: 25px; display:inline-block; vertical-align: middle; margin-right: 13px;background:url("../images/tel-icon.png") no-repeat top center;}
.tel-content li{ height: 34px; line-height: 34px; color: #999999; font-size: 14px; }
em.tel-icon-1{background-position: 0 0}
em.tel-icon-2{background-position: 0 -25px}
em.tel-icon-3{background-position: 0 -50px}
em.tel-icon-4{background-position: 0 -75px}
em.tel-icon-5{background-position: 0 -100px}
em.tel-icon-6{background-position: 0 -125px}
em.tel-icon-7{background-position: 0 -150px}

/*导航*/
.page-nav-bg{ height: 103px;  border-bottom: 1px solid #cc2e33; overflow: hidden;}
.page-nav-block .fn-left{width: 370px;text-align: left;}
.page-nav-block .fn-left a{display: inline-block; width: 236px; height: 58px;}
.page-nav-block .fn-left small{ color: #a5a5a5; font-size: 14px; margin-left: 15px; }
.page-nav-block .fn-right{width: 700px;}
.page-nav-block{ line-height: 103px; }


/*.page-logo{width: 236px; height: 58px; display: inline-block; vertical-align: middle; background: url("../images/page-logo.png") no-repeat center center;}*/
.page-menu ul li{ float: left;  }
.page-menu ul li a{display: block; padding-left:50px; font-size: 18px; color: #333;}
.page-menu ul li a:hover{ color:#cc2e33 }
.page-menu ul li.on a{color:#cc2e33  }

/*位置*/
.page-pos{color:#cc2e33 ;line-height: 60px; height: 60px; font-size: 16px;}
.page-pos a{color: #333333}
.page-pos a:hover{color:#cc2e33 }
.page-pos span{padding:0 8px;}


/*图片banner*/
.page-banner-bg{background:#f9f9f9;}
.page-banner-block{height: 430px;  }
.page-banner{height: 430px; background:url("../images/page-banner.png") no-repeat center center; }
.page-banner-text p{ font-size: 42px; font-weight: bold; color: #e60012; padding-top: 96px; }

/*正文*/
.page-main{}
.page-main .main-tab{ text-align: center;padding:40px 0; }
.main-tab span{display: inline-block; margin: 0 30px;}
.main-tab span a{width: 100px; height: 40px; text-align: center; background: #fff;display: block; font-size: 16px; line-height: 40px; border-radius: 8px;}
.main-tab span a:hover{ background: #cc2e33; color: #fff; }
.main-tab span.on a{background: #cc2e33; color: #fff;}

.main-block{display: none;}
.main-block.on-cur{display: block;}

/*登陆*/
.main-login{width: 820px; margin:0 auto; border:1px solid #e5e5e5; position: relative; min-height: 370px;}
.main-login .fn-left{ width: 219px; height: 100%; position: absolute; left:-1px;top:0;background: #dddddd url("../images/main-login-bg.png") no-repeat center center;}
.main-login .fn-right{ width:580px;  }
.login-acc-bg{width: 320px; padding-top: 45px;margin:0 auto; }
.main-login-title{margin-bottom: 15px; text-align: right;}
.main-login-title i{width: 16px; height: 16px; display: inline-block; vertical-align: middle; background: url(../images/main-redio-icon.png) no-repeat 0 -16px; margin-right: 6px;} 
.main-login-title li{display: inline-block; cursor: pointer; margin:0 10px;}
.main-login-title li.on i{background-position: 0 0;}

.main-login-content{display: none;}
.main-login-content.on-login{display: block;}
.main-login-content table{width: 100%;}
.main-login-content th{ color: #999999;font-size: 12px; line-height: 28px;text-align: left; width: 92px;vertical-align: top; font-weight: normal;}
.main-login-content td{line-height: 28px;text-align: left; height:42px; vertical-align: top; }

.login-input{ border:1px solid #e5e5e5; line-height: 28px; height: 28px; text-indent: 10px; width: 100%; }
.login-code{ border:1px solid #e5e5e5; line-height: 28px; height: 28px; text-indent: 10px; width: 46%; }
.up-get-message{width: 46%;float: right;border:1px solid #e5e5e5;height: 28px; text-align: center; }
.login-button{ background: #cc2e33; color: #fff;width: 100%; height: 28px;cursor:pointer; line-height: 28px; text-align: center; border-radius: 4px; border:0; }
.login-button:hover{opacity: 0.8;}
.login-button:focus{background: #cc2e33; color: #fff;opacity: 0.8;}
.login-link-blue{ font-size: 12px; color: #3c6aa8; text-align: right; display: block; text-decoration: underline; }
.login-link-blue:hover{opacity: 0.8;}

.forget-text{font-size: 12px; color:#cc2e33 }
.forget-text:hover{opacity: 0.8px;}

/*介绍*/
.introduce-dl{width: 820px; margin:0 auto;}
.introduce-dl dl{ border:1px solid #e5e5e5; margin-top: 40px; position: relative;height: 210px;}
.introduce-dl dt{ width: 262px; height: 212px;  position: absolute; left:-1px;top:-1px;}
.introduce-dl dt p{line-height: 212px; display: block; position: absolute; width: 100%; font-size: 24px; text-align: center; color: #fff; z-index: 1; top:0;}
.introduce-dl dd{width: 480px; padding:38px 38px 38px 0 ; float: right;line-height: 26px; color: #666666; font-size: 14px;}
.introduce-dl dl:first-child{margin-top: 0}

/*常见问题 border:dashed 1px #3699ff;*/
.main-qc{width: 820px; margin:0 auto; border:1px solid #e5e5e5; position: relative; min-height: 616px;}
.main-qc .fn-left{ width: 216px; height: 100%; position: absolute; left:-1px;top:0;background: #e0e0e0 url("../images/main-qc.png") no-repeat center center;}
.main-qc .fn-right{ width:580px; padding:38px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.main-qc-dl dt{ font-size: 14px; color: #333333; font-weight: bold; margin-bottom: 20px; }
.main-qc-dl dd{padding-bottom: 30px; line-height: 26px; color: #666666; font-size: 14px;}


/*底部*/
.page-foot-bg{ background: #313131; margin-top: 60px; height: 477px;}
.footer{font-size: 12px;
color: #626262;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 50px;
    padding-right: 0;
    background-color: #313131;
    border-top: 1px solid #313131;
    border-bottom: 1px solid #313131;}
.footer b{
    font-size: 12px;
    font-weight: 100;
    color: #d2d2d2;
    margin-left: 15px;
}
.footer .footer-copyright {
    padding-left: 0;
    margin-bottom: 0;
    text-align: left;
    color: #a0a0a0;
    font-size: 12px;
}
.footer-logo{margin-top: 60px;margin-bottom: 45px;}
.footer-logo img{width: 97px; height: 28px; }
.list-footer > li{float: left;}
.list-footer > li > a {
    display: block;
    padding: 0 15px 0 0;
    color: #d2d2d2;
}
.list-footer > li > a:hover {
    position: relative;
    display: block;
    color: #db4453;
    background-color: transparent;
}
.list-footer .space-top{
    padding-bottom: 10px;
    padding-top: 0;
    float: left;
}

.footer .fn-right{width: 425px;}
.footer-scan-container-top{
    padding-top: 50px;
    margin-left: -50px;
    color: #fefefe;
    display: flex;
    justify-content: space-between;
    height:170px;
}
.samll-phone{width:14px;height: 24px;margin-right: 10px}

.footer-scan-container-top .fr{width: 288px; float: right;border-left: 1px solid #cacaca; padding-left: 30px;}

.footer-scan-tab-control i{width: 25px; height: 25px; display:inline-block; vertical-align: middle;padding-left: 5px}
i.footer-icon-1{background-image: url(../images/small-weixin.png);background-repeat: no-repeat; }
i.footer-icon-2{background-image: url(../images/small-weibo.png);background-repeat: no-repeat; }
i.footer-icon-3{background-image: url(../images/small-zhifubao.png);background-repeat: no-repeat; }
.footer-scan-tab-control li{margin-bottom:8px;}
.footer-scan-tab-control li a{color: #fff;}
.footer-scan-tab-control{float: left;}
.footer-scan-tab-content{float: left; margin-left: 30px;}

.links-box li {float: left;}
.links-box li a {
    display: block;
    padding: 0 23px 0 0;
    color: #626262;
    font-size: 12px;
    font-weight: 100;
}
.links-box li a:hover {
    position: relative;
    display: block;
    color: #fff;
    background-color: transparent;
}
.links-box h6 {
    color: #a0a0a0;
    margin-bottom: 20px;
}
.list-footer .space-top{
    padding-bottom: 10px;
    padding-top: 0;
    float: left;
}