@charset "UTF-8";
/* ---------------------------------------- css base 基础部分开始---------------------------------------- */
html,body{}
* {margin:0;padding:0; border:0; outline:0; word-break:break-all; word-break:break-word; font-family:"微软雅黑",'Microsoft YaHei', arial; line-height:1; font-size:12px; font-weight:normal;  -webkit-mask-size: 100% 100%; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-font-smoothing: antialiased; position: relative; background-position: 50% 50%; background-repeat: no-repeat; background-size:100% 100%;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0 none;}
address,caption, cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul,li {list-style-type:none;}
li{display:block;}
capation,th{text-align:left;}
abbr,acronym{border:0;}
select,input,img{vertical-align:middle;}
a {text-decoration: none; font-weight:normal; cursor:pointer; display: inline-block;}
b{ font-weight:bold; display:inline;}
input{height:auto; outline:none; vertical-align:bottom;+vertical-align:middle !important; _vertical-align:middle; line-height:normal}
textarea {resize: none;} /*6月14日更新，针对webkit核心的浏览器——Chrome(google浏览器),Safari(苹果浏览器)中textare可调整大小的问题定义. 取消拖动调整大小*/
textarea:focus {outline: none;} /*6月14日更新. textarea的聚焦时现在默认边框颜色不变*/
i,em,cite { font-style: normal; }
html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
video{ background:#000;}
sup,sub{ font-size: 60%;}

.clear,.clearit{clear: both;margin: 0;padding: 0;}
.clearFix {display: block;}
.clearFix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.alc{text-align:center;}
.all{text-align:left;}
.alr{text-align:right;}
.vm{vertical-align:middle;}
.zoom{zoom:1}
.ct,.center{ margin:0px auto;}
.txtOutline{ text-shadow: 1px 0 0 #000,-1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000; }

/* ---------------------------------------- css base 基础部分结束---------------------------------------- */

/* ---------------------------------------- 公共部分开始 ---------------------------------------- */

/* 取代系统alert的警告提示弹窗*/
.alertBox{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:998; display:none;}
.alertBox>div{background-color:#fff; width:500px; padding:40px 0; border-radius:10px; box-shadow:0 0 10px #000; margin:200px auto 0;}
.alertBox>div p{ text-align:center;}
.alertBox>div p.text{ margin-bottom:40px; font-size:18px; color:#222;}
.alertBox>div p.btn a{ font-size:18px; padding:10px 40px; color:#fff; background:#222; letter-spacing:4px; border-radius:6px;}

/* pop容器 css*/
.popBox{position:fixed; left:0; top:0; width:100%; height:100%; z-index:999;}
.popBox .popMask {width:100%; height:100%; background:#000\9; filter:alpha(opacity=50)\9; background:rgba(0,0,0,0.5);}

/* load浮层 css*/
#loadBox{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50)\9; z-index:999; display:none;}
#loadBox span{ display:block; width:40px; height:40px; background:url(../images/common/loading.gif) no-repeat; background-size:contain; line-height:40px; font-size:10px; text-align:center; color:#fff; text-shadow:1px 1px 1px #333; position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-20px;}

/* 视频浮层 css*/
.popVideo{ width:100%; height:100%; background:#000; position:fixed; left:0; top:0; display:none; z-index:999;}
.popVideo .close{ position:absolute; right:20px; top:20px; width:30px; height:30px; background: url(../images/common/close.png) center center no-repeat; overflow:hidden; cursor:pointer;}
#videoBox{ width:100%; height:100%;}

.popIpad{width:100%; height:100%; background:#000; position:fixed; left:0; top:0; display:none; z-index:999;}
.popIpad .video{ width:100%; height:84%; margin:8% auto;}
.popIpad .video video{ width:100%; height:100%;}
.popIpad .close{position:absolute; right:20px; top:20px; width:30px; height:30px; background: url(../images/common/close.png) center center no-repeat; background-size:contain; display:block; z-index:99;}

/* 取代系统alert的警告提示弹窗 css*/
#popAlert{ position:absolute; background:#fff; box-shadow:0px 0px 10px #000; width:250px; padding:30px 30px 40px; display:none;}
#popAlert p{ text-align:center;}
#popAlert p.text{ margin-bottom:40px; font-size:14px; color:#333;}
#popAlert p.btn a{ text-align:center; font-size:15px; padding:10px 20px; border-radius:5px; background:#333; color:#fff;}

/*taozi*/
.fl { float: left;}
.fr { float: right;}
.width100{ width:100%;overflow: hidden;}
.width1200{ width:1200px; margin:0 auto;overflow: hidden;}
.clear {clear:both;overflow:hidden;}
.clear5{clear: both;overflow: hidden; height:5px;}
.clear10{clear: both;overflow: hidden; height:10px;}
.clear15{clear: both;overflow: hidden; height:15px;}
.clear20{clear: both;overflow: hidden; height:20px;}
.clear30{clear: both;overflow: hidden; height:30px;}
.clear50{clear: both;overflow: hidden; height:50px;}

.title01{font-size: 30px;color: #0a1431;text-align: center;}
.title01 h3{font-size: 30px;color: #0a1431;}
.title01 h4{font-size: 16px;color: #828ca9;line-height: 30px;}

.header{width:100%; color:#1b7dc4;margin-bottom: 20px;}
.header h1{float:left;padding-top:10px;}
.header_R{float:right;width: 550px;margin-top: 25px;}
.header_R ul{overflow: hidden;}
.header_R ul li{float: left;margin-left: 29px;height:50px;}
.header_R ul li img{display: inline-block;}
.header_R ul li p{float:right;color:#424242;margin-left: 15px;}
.header_R ul li p span{display: block;color:#CFCFCF;margin-top:3px;}

.header_nav{margin:0 auto;width: 1200px;}
.header_nav img{ float:left; margin-top:37px;}
.header_nav ul{margin:0 auto;height: 30px;}
.header_nav ul span{height: 15px; width: 0px; float: left;border-right: 1px solid #8D8D8D;margin-top: -27px;}
.header_nav ul li{height: 27px;letter-spacing:1px;float:left;width:11%;text-align:center;font-size:18px;}
.header_nav ul li a{color:#666666;display:block;line-height: 27px;font-size:16px;}
.header_nav ul li a:hover{border-bottom:3px solid #5185ff;transition: 0.56s ease;-o-transition: 0.56s ease;-webkit-transition: 0.56s ease;-ms-transition: 0.56s ease;-moz-transition: 0.56s ease;color: #5185ff;}
.header_nav_active{border-bottom:3px solid #5185ff;transition: 0.56s ease;-o-transition: 0.56s ease;-webkit-transition: 0.56s ease;-ms-transition: 0.56s ease;-moz-transition: 0.56s ease;color: #5185ff;}

.footer_info{height:380px;background: url("../images/public/footer-5.png")no-repeat center top;}
.footer_info p{font-size: 30px;line-height: 30px;color: #0a1431;text-align: center;margin: 60px auto 0;}

.footer_info .connect_us_right{margin: 0 auto;/* border: 1px solid red; */width: 630px;}
.footer_info .connect_us_right .info{font-size: 16px!important;line-height:40px!important;padding: 0 20px;margin-top: 15px;/* border: 1px solid red; */overflow: hidden;}
.footer_info .connect_us_right .info span{font-size: 14px;color: #5a5a5a;margin-right: 10px;line-height: 40px;width: 60px;text-align: right;display: inline-block;}
.footer_info .connect_us_right .info input{height: 38px;border: 1px solid #f0f0f0;text-indent: 15px;border-radius: 3px;font-size: 14px;}
.footer_info .connect_us_right .phone{width: 475px;}
.footer_info .connect_us_right .cont{width: 360px;}
.footer_info .connect_us_right .sent_needs{border-radius: 5px;width: 115px;height:40px;background: #f29333;display: inline-block;text-align: center;line-height: 40px;font-size: 14px;color: #fff;}
.footer_info .connect_us_right .sent_article{width: 100%;text-align: center;}
.footer_info .connect_us_right .sent_article div{border-radius: 8px;width: 130px;height:45px;border: 1px solid #518fff;display: inline-block;text-align: center;line-height: 45px;font-size: 18px;color: #fff;margin-right: 30px;}
.footer_info .connect_us_right .sent_article div.sent_article_btn {color: #518fff;}
.footer_info .connect_us_right .sent_article div.sent_info_btn {color: #fff;background: #518fff;}


.footer{background: #282828;color: #fff;overflow: hidden;}
.footer .footer_nav ul{overflow: hidden;margin-top: 45px;}
.footer .footer_nav ul li{float: left;width: 150px;}
.footer .footer_nav ul li.li01{float: left;width: 180px;}
.footer .footer_nav ul li.li02{float: left;width: 370px;}
.footer .footer_nav ul li dt{margin-bottom: 30px;}
.footer .footer_nav ul li dt a{font-size: 16px;line-height: 30px;color: #fff;border-bottom: 1px solid #fff;}
.footer .footer_nav ul li dd{line-height: 30px;}
.footer .footer_nav ul li dd a{font-size: 14px;line-height: 30px;color: #fff;}
.footer .footer_nav .f_tel span{font-size: 24px;color: #fe4040;font-weight: bold;line-height: 30px;}
.footer .footer_nav .f_tel img{margin: 0 10px;}
.footer p{color: #fff;font-size: 14px;margin: 30px auto;}
.footer .line01{border-top: 1px solid #3e3e3e;}
.footer .line01 p{color: #fff;font-size: 12px;}

.btn_zx{margin:0 auto;width:300px;}
.btn_zx a{position:relative;display:inline-block;box-sizing:border-box;width:254px;height:56px;background:url('../images/public/btn_zx.png') no-repeat center;color:#fffeeb;text-align:center;font-size:16px;line-height:48px;transition:all .3s;}
.btn_zx a:hover{position:relative;top:-2px;background:url('../images/public/btn_zx.png') no-repeat center;color:#b35d00;}

.btn_zx01{margin:0 auto;width:300px;}
.btn_zx01 a{position:relative;display:inline-block;box-sizing:border-box;width:294px;height:56px;background:url('../images/public/btn_zx01.png') no-repeat center;color:#fffeeb;text-align:center;font-size:16px;line-height:48px;transition:all .3s;}
.btn_zx01 a:hover{position:relative;top:-2px;background:url('../images/public/btn_zx01.png') no-repeat center;color:#666666;}

.ban_info{position: absolute;top: 20px;background: rgba(255,255,255,0.5);z-index: 10;width: 330px;height: 360px;left: 50%;margin-left: 160px;border-radius: 10px;padding: 20px 10px;}
.ban_info .go-login h3{font-size: 18px;color: black;text-align: center;}
.ban_info .go-login h2{height: 20px;text-align: center;margin-top: 20px;}
.ban_info .go-login h2 span{font-size: 14px;color: #666;background: #fff;z-index: 2;padding: 0 15px;}
.ban_info .go-login h2 .line_border{border-bottom: 1px solid #666;width: 80%;position: absolute;left: 30px;top: 7px;}
.ban_info .go-login .body p{width: 300px;height: 50px;line-height: 50px;margin: 10px auto;}
.ban_info .go-login .body p input{width: 100%;height: 100%;font-size: 14px;color: #bbbbbb;background: #f5f5f5;text-indent: 10px;}
.ban_info .go-login .body p span{position: absolute;top: 0;right: 0;height: 50px;width: 100px;}
.ban_info .go-login .body p span img{height: 100%;width:100%;}
.ban_info .go-login .body p.login-box-tips{line-height: 30px;height: 30px;}
.ban_info .go-login .login-box-tips a{font-size: 14px;color: #5185ff;line-height: 30px;}
.ban_info .go-login .login-box-tips a.user-text{float: right;border-bottom: 1px solid #5185ff;}
.ban_info .go-login .banner-login{text-align: center;font-size: 16px;color: white;line-height: 40px;width: 140px;height: 40px;border-radius: 10px;background:#5185ff}
.ban_info .go-login .banner-sign{text-align: center;font-size: 16px;color: black;line-height: 40px;width: 140px;height: 40px;border: 1px solid black;border-radius: 8px;float: right;}


.login-warn-tips-captcha{
    font-size: 12px;
    color: #fa3137;
    margin-left: 16px;
}


/*登录成功*/
.login-success{
    position: absolute;
    top: 20px;
    background: #fff;
    z-index: 10;
    height: 210px;
    left: 50%;
    margin-left: 160px;
    width: 300px;
    background-color: hsla(0,0%,7%,.56);
    float: right;
    border-radius: 5px;
    margin-top: 70px;
    padding: 24px 12px;
}
.login-container-title{
    color: #0082e6;
    font-size: 20px;
    text-align: center;
    margin-bottom: 12px;
}
.login-profile{
    text-align: center;
}
.avatar{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    margin: 10px auto;
}
.login-name{
    margin: 24px auto;
    color: rgb(255, 255, 255);
}
.login-op{
    min-width: 300px;
    margin-top: 24px;
}
.login-op a{
    margin: 0 12px;
    font-size: 14px;
    color: #9e9e9e;
    display: inline-block;
    position: relative;
    z-index: 0;
    transition: color .2s;
    outline: none;
    cursor: pointer;
}
.login-warn-tips,.login-warn-tips-captcha{
    font-size: 12px;
    color: #fa3137;
    position: absolute;
}
.login-warn-tips{
    left: 28px;
    top: 48px;
}
.login-warn-tips-captcha{
    left: 28px;
    top: 178px;
}
.s-nav-wrap{
    position: fixed;
    background: #fff;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 1000;
}
.guding{
    margin-top:130px;
}