@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;}
.clear90{clear: both;overflow: hidden; height:90px;}

.title01{font-size: 30px;color: #222222;text-align: center;background: url("../images/public/icom01.png")no-repeat center bottom;padding-bottom: 40px;}
.title01 h3{font-size: 38px;color:#222222; font-weight: 500;}
.title01 h3 span{width:30px;height: 43px;display: inline-block;background: url("../images/public/icom03.png")no-repeat center/100% auto;}

.title01.bg02{font-size: 30px;color: #fff;text-align: center;background: url("../images/public/icom02.png")no-repeat center bottom;padding-bottom: 40px;}
.title01.bg02 h3{font-size: 38px;color:#fff; font-weight: 500;}

.title01.bg03{font-size: 30px;color: #222;text-align: center;background: url("../images/public/icom06.png")no-repeat center bottom;padding-bottom: 40px;}
.title01.bg03 h3{font-size: 38px;color:#222; font-weight: 500;}
.title01.bg03 h3 span{font-size: 38px;color:#FE3A46; background:none;width: auto;}


.tip01 p{padding-left: 30px;width: 400px;background: url('../images/public/icom04.png') no-repeat left center/21px 21px;color:#222;font-weight:400;font-size:16px;line-height:32px;margin: 0 auto;}

.pub_anY15{-webkit-transition:-webkit-transform 1s ease-out;-moz-transition:-moz-transform 1s ease-out;-o-transition:-o-transform 1s ease-out;-ms-transition:-ms-transform 1s ease-out;}
.pub_anY15:hover{-webkit-transform: translateY(-15px);}


.header{width:100%; color:#1b7dc4;margin-bottom: 20px;}
.header_R{float:right;margin-top: 8px;}
.header_R a{width:60px;height:30px;border:1px solid #e4e4e4;border-radius:15px;color:#222;font-weight:400;font-size:14px;text-align: center;line-height: 30px;margin-right: 13px;}
.header_R .dl{}
.header_R .zc{background:#00a2ff;color: #fff;}
.header_R .logo-wx{float: right;cursor: pointer}

.header_nav{margin:30px auto 0;width: 1200px;overflow: hidden;}
.header_nav h1{float:left;margin-right: 40px;}
.header_nav img{float:left;}
.header_nav ul.nav_list{margin:0 auto;height: 43px;float: left;width: 67%;}
.header_nav ul.nav_list span{height: 15px; width: 0px; float: left;border-right: 1px solid #8D8D8D;margin-top: -27px;}
.header_nav ul.nav_list li{height: 40px;letter-spacing:1px;float:left;text-align:center;font-size:18px;margin: 0 13px;line-height: 40px;}
.header_nav ul.nav_list li a{color:#000000;display:block;font-size: 14px;line-height: 40px;}
.header_nav ul.nav_list li.active{border-bottom:3px solid #00A2FF;}
.header_nav ul.nav_list li.active a{color: #00A2FF;}
.header_nav ul.nav_list li a:hover{border-bottom:3px solid #00A2FF;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: #00A2FF;}
.header_nav ul.nav_list li.on a{background: url("../images/public/hot.png") no-repeat top right/13px 15px;padding-right: 15px;}
.head_top {border-bottom:1px solid #E4E9EF;height: 75px;line-height: 75px;}
.head_top .logo-wz{float:left;margin-top:33px;width: 430px;font-size: 14px;font-weight: bold;color: #222222;background: url("../images/public/logo-wz.png")no-repeat center left/412px 16px;height: 20px;line-height: 20px;}
.head_top .logo-wz span{color: #FF7212;font-size: 14px;font-weight: bold;}
.head_top .logo-wz a{font-size: 14px;color: #a7a7a7;margin-left: 44px;}
.head_top .logo-wz a.yszy{margin-left: 40px;}
.head_top .logo-tel{float:right; padding-left: 30px;margin-top:33px;width:157px;height:21px;margin-right: 10px;color:#ff7212;font-weight:700;font-size:20px;background: url("../images/public/logo-tel.png")no-repeat center left/157px 21px;}
.head_top_list {float:right;overflow: hidden;margin-top:28px;margin-right: 20px;}
.head_top_list li{float:left;margin:0 5px;text-align:center;letter-spacing:1px;font-size:18px;line-height:24px;}
.head_top_list li a{width:48px;border:1px solid #d9dfe4;border-radius:2px;line-height:24px; color: #a7a7a7;}
.head_top_list li a:hover{border:1px solid #00a2ff;color:#00a2ff;}


.footer_info{height:220px;background:url(../images/public/footer-5.png) no-repeat center top;}
.footer_info_Cent{margin:84px auto 0;width:620px;}
.footer_info .sent_left{float:left;width:446px;height:36px;color:#fff;font-weight:500;font-size:38px;line-height:50px;}
.footer_info .sent_article{float:right;width:120px;height:50px;border-radius:25px;background:#fff;color:#00a2ff;text-align:CENTER;font-weight:400;font-size:18px;line-height:50px;}

.footer{background: #1E293F;color: #fff;overflow: hidden;}
.footer .footer_nav ul{overflow: hidden;margin-top: 45px;}
.footer .footer_nav ul li{float: left;width: 150px;border-left: 1px solid #3F4B64;padding-left: 60px;}
.footer .footer_nav ul li.li01{float: left;width: 200px;}
.footer .footer_nav ul li.li02{float: left;width: 300px;}
.footer .footer_nav ul li.li03{float: left;width: 90px;border-left: 0;}
.footer .footer_nav ul li dt{margin-bottom: 30px;}
.footer .footer_nav ul li dt a{font-size: 16px;line-height: 30px;color: #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 {background: #1B2539;}
.footer .line01 img{float: left;margin: 30px auto;}
.footer .line01 p{color:#fff;font-weight:400;font-size:13px;line-height:20px;display: inline-block;}
.footer .line01_wz01{width: 575px;float: left;}
.footer .line01_wz02{width: 165px;float: right;}
.footer .footer_nav ul li.logo_left{width: 460px;padding-left: 0;border-left: 0;}
.footer .footer_nav ul li.logo_left a{float: left;color: #fff;width: 50%;line-height: 30px;font-size: 14px;}


.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: 50%;z-index: 10;width:280px;height: 307px;left: 50%;margin-left: 460px;border-radius: 10px;margin-top: -225px;}
.ban_info .go-login{background: url('../images/public/info_bg.png') no-repeat center top/100% auto;overflow: hidden;width: 100%;height: 100%;}
.ban_info .go-login h3{font-size: 18px;color: #5185ff;text-align: center;height: 55px;line-height: 55px;opacity: 0;}
.ban_info .go-login .body p{width: 180px;height: 40px;line-height: 40px;}
.ban_info .go-login .body p input{width: 100%;height: 100%;font-size: 14px;color: #fff;background: none;text-indent: 10px;}
.ban_info .go-login .body p input::placeholder {
    color: #aaa;
}
.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 .banner-login{text-align: center;font-size: 16px;color: #fff;line-height: 40px;width: 110px;height: 40px;border-radius: 2px;margin-left: 22px;float: left;background: #00A2FF;}
.ban_info .go-login .banner-sign{background: #fff;text-align: center;font-size: 16px;color: #00A2FF;line-height: 40px;width: 109px;height: 40px;border: 1px solid #999;border-radius: 2px;float: left;margin-left: 22px;}
.ban_info .go-login .body p.input_li{margin-left:70px;margin-bottom: 13px}
.ban_info .go-login .body p.input_li.mg1{margin-top: 16px;}
.ban_info .go-login .body p.input_code{/*margin-left:150px;*/margin-bottom: 30px;width: 96px;}
.ban_info .go-login .body p.input_code input{text-align: center;}
.ban_info .go-login .body p.input_btn{width: 100%;}
.ban_info ::-webkit-input-placeholder{color:#fff;}
.ban_info ::-moz-placeholder{color:#fff;}
.ban_info :-ms-input-placeholder{color:#fff;}
.ban_list{position: absolute;bottom: 50px;z-index: 10;width:1200px;left: 50%;margin-left: -600px;}
.ban_list li{float: left;width: 17%;padding-left: 8%;overflow: hidden;height: 58px;}
.ban_list li h3{color:#fff;font-size:20px;line-height: 30px;}
.ban_list li p{color:#fff;font-size:14px;line-height: 30px;}
.ban_list li i{width: 1px;background: #fff;opacity: .3;height: 100%;display: inline-block;left: 0;top:0;position: absolute;}
.ban_list li i.i_right{right:0;left: auto;}
.ban_list li.li01{background: url("../images/public/1.png")no-repeat 20px 0/50px 50px;}
.ban_list li.li02{background: url("../images/public/2.png")no-repeat 20px 0/50px 50px;}
.ban_list li.li03{background: url("../images/public/3.png")no-repeat 20px 0/50px 50px;}
.ban_list li.li04{background: url("../images/public/4.png")no-repeat 20px 0/50px 50px;}

.foot{width: 100%;height: 340px;background: #f6f6f6;padding: 20px 0;box-sizing: border-box;}
.foot .ys_list{width: 1200px;margin: 0 auto;}
.foot .ys_list p{color: #000;font-size: 14px;margin: 20px auto;}
.foot .contact{font-size: 16px;}
.foot .address{text-align: center;}
.foot .ys_list a{color: #000;font-size: 14px;}
.foot .ys_list a:hover{color: #0090FF;}
.foot .beian{text-align: center;color: #000;font-size: 14px;}
@media screen and (max-width: 1200px) {
  .foot{padding: 20px 100px;}
  .foot .ys_list{width: 100%;margin: 0 auto;}
}
#ks_dir_t_sm{
    position:relative;
    z-index:9999;
}