/*初始化*/
html { font-family:"微软雅黑"; font-size:14px;} 
html,body{ height:100%; }
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0; padding: 0; }
body { -webkit-overflow-scrolling: touch; text-align:left;  max-height: 100%;  overflow:-Scroll;overflow-x:hidden}
a, a:hover { text-decoration: none; outline: none;  }
a{ color:#0b0808;}
p{ margin:0; padding:0;}
:link, :visited{text-decoration: none;}
ul,li { list-style: none }
img { border: none; max-width:100%;}
input, select, textarea { border: none; outline: none; background: none }
em,i { font-style: normal }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
.clear{clear:both; width:100%; overflow:hidden;}
.clearfix::after{ clear: both; display: block; height: 0; content: '';}
/* clear */
.fn-clearfix:after { display: block; font-size: 0; content: '\0020'; clear: both; height: 0; }
.fn-clearfix { zoom: 1; /*for IE6 IE7*/ }
.fn-clear { visibility: hidden; clear: both; }
.zj{ width:1340px; margin:0 auto; display:block;}
a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); /*按下鼠标图片周边不会出现虚线*/}
::-ms-clear, ::-ms-reveal{display: none; /*IE10 input X 去掉文本框的叉叉和密码输入框的眼睛图标 */}
.fr{ float:right;}
.fl{ float:left;}

/*header*/


.boxx{max-width:1340px;margin:0 auto}
.logo{width:260px;float:left;padding: 0 0}
.logo img{width:260px;height:80px;display:table}
.logo .logo_on{display:none}
#header{width:100%;left:0;top:0;z-index:9999}
#header .boxx{background-color:rgba(255,255,255,0);padding:0;height:80px;-webkit-transition:all .5s;transition:all .5s}
#header .boxx.on{max-width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 0 30px rgba(0,0,0,.1);background-color:rgba(255,255,255,1)}
#header .boxx.on .topup{max-width:1340px;margin:0 auto}
#menu{margin-left:5%;display:inline-block}
.tel{float:right;margin:0 0;height:80px;background:url("../images/tel.png") no-repeat left center;display:table;background-size:20px;padding:0 0 0 25px;line-height:80px;box-sizing:border-box}
.tel h1{color:#333;font-size:18px;font-weight:100}
.navv{padding:0 0% 0;box-sizing:border-box;display:inline-block}
.navv li{line-height:80px;height:80px;text-align:center;float:left;position:relative;z-index:999;font-size:16px;box-sizing:border-box}
.navv li a{display:block;line-height:38px;color:#fff;height:38px;padding:0 22px}
.navv li a:hover{color:#006530;background:#fff}
#header .boxx.on .navv li a{color:#666}
#header .boxx.on .navv li a:hover{color:#006530}
#header .boxx.on .logo .logo_l{display:none}
#header .boxx.on .logo .logo_on{display:table}
.zy{float:right;display:block;font-size:12px;color:#296fb7;padding:4px 0 6px;border-bottom:1px solid #296fb7;border-top:1px solid #296fb7;margin:28px auto}
.zy a{padding:0 6px;color:#296fb7}
.zy a:hover{color:#f4a45d}


.tnav{width:calc(100% - 410px );padding:0 6% 0;box-sizing:border-box;display:inline-block}
.x-menu{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}
.x-menu > li{width:20%;margin:0;text-align:center;float:none;position:relative}
.x-menu > li > a{font-size:16px;color:#333;line-height:80px;display:block}
.x-menu > li:hover > a{color:#b00f15;background:url("../images/menu.png") no-repeat center center}
.x-menu > li.active > a{color:#b00f15}
.x-menu .lastli{width:8% !important;text-align:right}
.x-menu > li:hover .x-sub-menu{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}
.x-sub-menu{position:absolute;z-index:999;width:100%;left:0%;top:80px;background:#b00f15;border-radius:5px;padding:10px 0;opacity:0;visibility:hidden;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all .5s ease;transition:all .5s ease}
.x-sub-menu > li > a{display:block;text-align:center;font-size:14px;color:#fff;line-height:1.5;padding:.5em}
.x-sub-menu > li > a:hover{background:#d6020a}
.x-sub-menu:after{content:'';width:0;height:0;line-height:0;font-size:0;overflow:hidden;border-width:10px;cursor:pointer;border-style:dashed dashed solid dashed;border-color:transparent transparent #b00f15 transparent;border-top:none;position:absolute;top:-10px;left:50%;margin-left:-10px;z-index:99}
.x-menu > li .x-sub-menux{position:absolute;left:100%;width:100%;background:#fff;top:80px;border-radius:5px;padding:10px 0;display:none}
.x-menu > li .x-sub-menux li{position:relative}
.x-menu > li .x-sub-menux li a{display:block;text-align:center;font-size:14px;color:#333;line-height:1.5;padding:0.5em}
.x-menu > li .x-sub-menu li:hover .x-sub-menux{display:block}
.x-menu > li .x-sub-menux li a:hover{background:#e9eaeb}


/*轮播结束*/
.banner{width: 100%;overflow: hidden;position: relative;position: relative;width:1920px;left:50%;margin-left:-960px; }
.banner .swiper-container{width: 100%;margin-left: auto;margin-right: auto; }
.banner .swiper-slide{text-align: center;overflow: hidden;position: relative;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner .swiper-slide a{  overflow: hidden; }
/*.banner .swiper-slide a .div{ height: 500px; width: 100%; display: table}*/
.banner .swiper-slide  img{height: 500px; }
.banner .swiper-slide {}

.banner .swiper-pagination-bullet{width:10px;height: 10px;opacity: 1;background: rgba(255,255,255,1);border:0;box-sizing:border-box; margin:0 6px; border-radius:20px}
.banner .swiper-pagination-bullet-active{width:30px;background: #b3181e;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px}
.banner .swiper-slide em .banner_t1{ display:none}

/*.banner .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);}
.banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}*/

/*wrap*/
.wrap{ width:100%; padding:0 0 20px; display:table; margin:0 auto; background: no-repeat center center}
/*k1*/
.k1{  padding:20px 0; margin:0 auto}
.bt{ font-size: 20px; color: #333; font-weight: bolder; line-height: 60px;}
.k1_l{ width:580px; float:left}

.focusBox { position: relative; width: 580px; height: 328px; overflow: hidden; text-align: left; background: white; }
.focusBox .pic img {  width: 580px; height: 328px;  display: table; }
.focusBox .pic h1{ width: 100%; height: 40px; line-height: 40px; font-size: 15px; color: #fff; padding: 0 20px; position: absolute;bottom: 0; height: 40px; background: rgba(0,0,0,.6)}
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 46px; width:100%; /* background: #333; filter: alpha(opacity=40);*/ opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 40px; width:100%; overflow: hidden;     background-color: rgba(0,0,0,0.5);}
.focusBox .txt li{ height:40px; line-height:40px; position:absolute; bottom:-40px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 20px; font-size: 14px;  text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 15px; right: 10px; }
.focusBox .num li{ float: left; position: relative; width: 10px; height:10px; border-radius:50%; background:#fff;  line-height: 10px; overflow: hidden; text-align: center; margin-right: 8px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: none; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#b00f15;}

.k1_r{ width:calc(100% - 580px - 35px ); box-sizing: border-box; float:right; height:328px; display:table}
.slideTxtBox{ width:100%; text-align:left;  position:relative; }
.slideTxtBox .hd{ height:62px; line-height:60px;padding:0 0; /*border-bottom:1px solid #eaeaea; */position:relative;width:100% }
.slideTxtBox .hd ul{ float:left;  position:absolute; width:100%  }
.slideTxtBox .hd ul li{ float:left; margin-right:45px;  cursor:pointer; font-size:18px; color:#333; font-weight:400; text-align:center }
.slideTxtBox .hd ul li span{ line-height:58px; padding:2px 0 0; display:table; margin:0 auto}
.slideTxtBox .hd ul li.on span{ border-bottom:3px solid #b00f15; color:#b00f15}
.slideTxtBox .bd { zoom:1; background:#fff; /*border:1px solid #dcdcdc; */box-sizing:border-box; width:100%; display:table  }
.xw_tj{ width:100%; border-bottom:1px solid #d2d2d2; padding:0px 0 9px; margin:0 0 8px}
.xw_tj a{ font-size:14px; line-height:28px; color:#6f6f6f;}
.xw_tj a h1{ height:40px; line-height:40px; font-weight:bolder; font-size:18px; color:#3a3a3a}
.xw1 .more1{ position:absolute; right:0; top:0;}
.xw1 .more1 a{ color:#767676; font-size:15px; line-height:62px;}
.xw1 .more1 a:hover,.bt1 a:hover{color:#b00f15}
.xw1{ width:100%; display:table; margin:0 auto;  padding:12px 0px 0; box-sizing:border-box; overflow:hidden}
.xw1 .xw_more{ position:absolute; top:0; right:0; line-height:46px; cursor:pointer; color:#595959 }
.xw1 dt{width:100%;height:38px;line-height:38px;  }
.xw1 dt a{ font-size:15px; color:#767676; line-height:38px; height:38px; width:100%; display:table }
.xw1 dt a i{ width: 8px; height: 38px; background: url("../images/xw-ico1.png") no-repeat 0 17px; display: table; float: left; margin-right: 10px;}
.xw1 dt a h1{font-size:15px; float:left; width:78%;overflow:hidden}
.xw1 dt a span{ float:right;display: table; margin-right:2px;}
.xw1 dt a .d{ background:#afafaf; float:left; width:5px; height:5px; border-radius:50%; display: table; margin:12.5px 8px 0 0px;}
.xw1 dt a:hover { color:#b00f15}
.xw1 dt a:hover .d{ background:#b00f15}

.xw1-t{ width: 100%; display: table; height: 170px;}
.xw1-t a{color:#767676;font-size:15px; line-height: 28px; padding: 12px 0 0; display: table; height: 170px; box-sizing: border-box; width: 100%; display: table}
.xw1-t a time{ font-family: arial; color: #b00f15; font-size: 30px; font-weight: bolder; line-height: 50px;}
.xw1-t a h1{ color: #333333; font-size: 18px; line-height: 32px; margin-bottom: 5px}
.xw1-t a p{line-height: 28px; height: 56px;font-size:15px;}
.xw1-t a span{ float: right; color: #b00f15}
.xw1-t a:hover h1{color: #b00f15}

 .box{width:100%;height:180px;margin:50px auto}
.item{width:250px;height:180px;float:left; padding:  35px 0 0 25px;  box-sizing: border-box}
.item i{ width: 56px; height: 56px;x display: table;}
.item{webkit-transition:all .5s ease;transition:all .5s ease}
.item:nth-child(1){background: url("../images/bj01.jpg") no-repeat center left;}
.item:nth-child(2){background: url("../images/bj02.jpg") no-repeat center left;}
.item:nth-child(3){background: url("../images/bj03.jpg") no-repeat center left;}
.item:nth-child(4){background: url("../images/bj044.jpg") no-repeat center left;}
.sy—w{ display:none; opacity: 0;}
.big .sy—w{ display: table; width: 100%;opacity: 1;} 
.big i{ display: none}
.big .sy—w p{ font-size: 13px; line-height: 24px; color: #fff; width: 95%;webkit-transition:all .5s ease;transition:all .5s ease }
.big{width:590px}
.bt2{ color: #fff; font-size: 12px;  text-transform: uppercase; line-height: 1; margin: 0 0 15px;}
.bt2 h1{font-size: 20px; margin: 0 0 10px}
.bt2 span{ opacity: .5}
.item:nth-child(1) .bt2{ color: #333 }
.big:nth-child(4){background: url("../images/bj04.jpg") no-repeat center left;}
.item:nth-child(1) .sy—w p{ color: #333}



/*隐藏*/
.xw1-t a h1{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.big .sy—w p{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:2;}





.fotter{ background: #e5e5e5; border-top: 1px solid #d6d6d6; display: table;color: #767676;font-size:14px; width: 100%; padding: 20px 0}
.fo2{ width: 50%; float: left;vertical-align:middle;display: table;font-size:14px; line-height:24px; padding: 0; border-top:1px solid rgba(255,255,255,0.2)}
.fo2 a{color: #767676; margin:0 8px 0 0 }
.fo2 .fo_lj{  width:122px; display: inline-block; height:24px;vertical-align:middle}
.fo2 .fo_lj img{ display:table; padding: 0 0 }

.fo-r{ float: right;line-height:24px; }
.fo-r-l{ display: table; text-align: right;font-size:14px; float: left}
.fo-r-l h1,.fo-r-l h2{font-size:14px;}
.fo-r-l a{color: #767676; }
.fo2 a:hover,.fo-r-l a:hover{ color: #b00f15}
.fo-r-l i{ background: url("../images/fo-ico1.png") no-repeat center left; height: 24px; float: left; width: 24px; display: table}
.fo-r-l span{ float: left;  display: table; }

.mftr-recru-ri{width: 24px;}
.mftr-recru-ri svg{width: 100%;}
.mftr-recru-ri path{transition: all 0.36s;}

.mftl-li-btm-li a{font-size:15px;line-height: 2;color: #fff;transition: all 0.36s;}

.mfbr-li-icon{width: 45px;cursor: pointer;}
.mfbr-li-icon img{width: 100%;}
.mfbr-li{position: relative;margin-left: 10px;}
.mfbr-li-code{width: 110px;position: absolute;bottom: 45px;left: 50%;transform: translateX(-50%);box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);display: none;}
.mfbr-li-code img{width: 100%;}
.mod-fot-btm-ri{display: flex; float:right}

.xf_l{ display:table; position:fixed; top:40%; z-index:9999}
.xf_l a{ display:table; margin:0 0 20px;}


/*悬浮框*/
.xfk{position:fixed;top:200px;right:30px;z-index:9999;}
.xfk li{width:48px;height:48px;text-align:center;padding-top:0;box-sizing:border-box;/*background:rgba(233,237,243,1);*/border-radius:3px;margin-bottom:5px;font-size:14px;font-family:Microsoft YaHei;font-weight:bold;line-height:18px;color:rgba(40,92,172,1);cursor:pointer;position:relative;}
.xfk li.active{/*background:#b00f15;color:#ffffff;*/}
.xfk_detail{position:absolute;top:0;left:0px;box-sizing:border-box;transition:1s;display:none;}
.xfk_detail_title{padding:0 10px;background:#F4F5F8; font-size:18px; line-height:48px; width:120px; font-size:24px; line-height:48px;}
.xfk_detail.active{left:-140px;top:0;display:block;transition:1s;}
.xfk_detail_main>div{width:50%;text-align:left;}
.xfk_detail_main .fl{font-size:12px;font-family:Source Han Sans CN;font-weight:400;line-height:22px;color:rgba(57,57,57,1);}
.xfk_detail_main .fr{font-size:12px;font-family:Source Han Sans CN;font-weight:bold;line-height:22px;color:rgba(40,92,172,1);}
.xfk_detail_title{font-size:16px;font-family:Source Han Sans CN;font-weight:bold;color:rgba(40,92,172,1);}
.xfk_detail_img{background:transparent;}
.xfk_detail_img img{width:140px; height:140px;   float:right}
.kf_lx img{ width:100%}

.fy{ text-align:center; font-size:14px; padding:20px 0;}
.info { width: 450px; height: 27px; line-height: 28px;  text-align: center;  margin: 15px auto; border: 1px dashed #ccc; border-left: none; border-right: none;  color: #6f6f6f;}


@media screen and (max-width: 1366px){
.zj,#header .boxx.on .topup{max-width:1200px}
.item{ width: 203.33px}
.big{width:590px}
}