@charset "utf-8";
/*html5*/ 
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/* CSS Document */
/*内外边距*/
html, body{overflow-x:hidden;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td ,dd,dt{margin: 0;padding: 0;}
*{ margin:0; padding:0; outline:none; box-sizing:border-box;font-family:微软雅黑 !important;}
a{text-decoration:none;color:#333;}
input{border:none;outline:medium;outline:none}
select{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
body{ width:100%; color:#333;padding-top:50px;font-size:0.24rem}
table{border-collapse:collapse}
img{border:none; max-width:100%;}
/** 常用class **/
.tc{text-align:center;}
.tl{text-align:left}
.tr{text-align:right}
.fr{ float:right;}
.fl{ float:left;}
.clear{ clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display: table;line-height: 0;content:"";}
.clearfix:after{clear:both;}
.B{font-weight:bold;font-style:normal}
.b,.b *{font-weight:normal;font-style:normal}
.i{font-style:initial;}
.ul li{list-style:none}
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
	font-family:"iconfont" !important;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
/** 圆角 **/
.rd2{border-radius:0.02rem}.rd3{border-radius:0.03rem}.rd4{border-radius:0.04rem}.rd5{border-radius:0.05rem}.rd6{border-radius:0.06rem}.rd7{border-radius:0.07rem}.rd8{border-radius:0.08rem}.rd9{border-radius:0.09rem}.rd10{border-radius:0.10rem}.rd11{border-radius:0.11rem}.rd12{border-radius:0.12rem}.rd13{border-radius:0.13rem}.rd14{border-radius:0.14rem}.rd15{border-radius:0.15rem}.rd20{border-radius:0.20rem}.rd25{border-radius:0.25rem}.rd30{border-radius:0.30rem}.rd35{border-radius:0.35rem}.rd40{border-radius:0.4rem}.rd45{border-radius:0.45rem}.rd50{border-radius:50%}
/** 文字大小 **/
.font20{font-size:0.2rem;}.font21{font-size:0.21rem;}.font20{font-size:0.2rem;}.font22{font-size:0.22rem;}.font23{font-size:0.23rem;}.font24{font-size:0.24rem;}.font25{font-size:0.25rem;}.font26{font-size:0.26rem;}.font27{font-size:0.27rem;}.font28{font-size:0.28rem;}.font29{font-size:0.29rem;}.font30{font-size:0.30rem;}.font31{font-size:0.31rem;}.font32{font-size:0.32rem;}.font33{font-size:0.33rem;}.font34{font-size:0.34rem;}.font35{font-size:0.35rem;}.font36{font-size:0.36rem;}.font37{font-size:0.37rem;}.font38{font-size:0.38rem;}.font39{font-size:0.39rem;}.font40{font-size:0.40rem;}.font41{font-size:0.41rem;}.font42{font-size:0.42rem;}.font43{font-size:0.43rem;}.font44{font-size:0.44rem;}.font45{font-size:0.45rem;}.font46{font-size:0.46rem;}.font47{font-size:0.47rem;}.font48{font-size:0.48rem;}.font49{font-size:0.49rem;}.font50{font-size:0.50rem;}.font51{font-size:0.51rem;}.font52{font-size:0.52rem;}.font53{font-size:0.53rem;}.font54{font-size:0.54rem;}.font55{font-size:0.55rem;}.font56{font-size:0.56rem;}.font57{font-size:0.57rem;}.font58{font-size:0.58rem;}.font59{font-size:0.59rem;}.font50{font-size:0.50rem;}.font61{font-size:0.61rem;}.font62{font-size:0.62rem;}.font63{font-size:0.63rem;}.font64{font-size:0.64rem;}.font65{font-size:0.65rem;}.font66{font-size:0.66rem;}.font67{font-size:0.67rem;}.font68{font-size:0.68rem;}.font69{font-size:0.69rem;}
/** 行高 **/
.lineH10{line-height:1}.lineH11{line-height:1.1}.lineH12{line-height:1.2}.lineH13{line-height:1.3}.lineH14{line-height:1.4}.lineH15{line-height:1.5}.lineH16{line-height:1.6}.lineH17{line-height:1.7}.lineH18{line-height:1.8}.lineH18{line-height:1.8}.lineH2{line-height:2}.lineH21{line-height:2.1}.lineH22{line-height:2.2}.lineH23{line-height:2.3}.lineH24{line-height:2.4}.lineH25{line-height:2.5}.lineH26{line-height:2.6}.lineH27{line-height:2.7}.lineH28{line-height:2.8}.lineH2{line-height:2.9}.lineH3{line-height:3}
/** page **/
.page{text-align:center; width:100%; font-size:0.22rem;}
.page a{display:inline-block; height:0.5rem; line-height:0.5rem;padding:0 0.2rem; margin:0 0.03rem; background-color:#666;color:#fff;border-radius:3px;}
.page a.on,.page a:hover{color:#fff; background:#fe0000;}
.inbk{display:inline-block;vertical-align:middle}
.inbkT{display:inline-block;vertical-align:top}
.fy{border-top:1px solid #ddd;padding:0.2rem 0 0.3rem}
.fy p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:2;}
.fy p a{color:#666}
/** 头部 **/
#header{height:50px; width:100%; position:fixed; left:0px; top:0px; background:#fff; border-bottom:1px solid #ededed; z-index:500}
/** 一级导航 **/
#nav{z-index:600}
.nav-full{display:none;position:fixed;top:50px;left:0;width:100%;z-index:99;background-color:#fff;}
.nav-slide{width:100%; height:100%; position:fixed; top:0px; right:-105%;}
.nav-slide #nav_list{width:250px;background:#fff;z-index:999;position:absolute;right:0px;top:0px;height:100%;}
#nav_click{position:absolute; width:100%; height:100%; top:0; background:rgba(0,0,0,0.5); z-index:9}
/** 二级导航 **/
.nav-up{width:100%; height:100%; position:fixed; top:50px; left:0px; background:rgba(0,0,0,0.5);display:none}
.nav-up #nav_list{background:#fff;}
.nava{display:block;position:relative;padding:0.3rem 3%;font-size:0.4rem;width:80%}
#nav dd{position:relative;border-bottom:1px solid #ededed;}
#nav dd.click b{transition:all ease-in .3s;display:block;height:100%;width:20%;position:absolute;right:0;top:0}
#nav dd.click b::after{position:absolute;right:15px;top:0.4rem;content:'';border-bottom:6px solid transparent;border-top:6px solid transparent;border-left:7px solid #ccc;margin-left:-5px;}
#nav dd.click.ico b::after{transform:rotate(90deg) /*border-right:7px solid transparent;border-left:7px solid transparent;border-top:7px solid #ccc;*/}
.nav-sub{display:none;background:#f5f5f5}
.nav-sub a{display:block;  border-bottom:1px dashed #ededed; color:#666;padding:0.24rem 3%}
/** banner **/
#banner{position:relative; z-index:10; overflow:hidden}
#banner img{width:100%; height:auto;display:block;}
#banner .swiper-pagination-bullet{background:#fff; opacity:1}
#banner .swiper-pagination-bullet-active{background:#1bbc9b}
#banner .swiper-button{background-size:8px auto !important; width:30px; height:30px; background-color:rgba(0,0,0,0.5); border-radius:50%;}
/** 手机导航 **/
.menu{width:50px; height:50px; position:fixed; right:0px; top:0;z-index:999;background-color:#e60012}
.menu_div{position:absolute; width:100%; height:20px; overflow:hidden; top:15px;}
.menu i{ display:block; width:50%; height:3px; margin-left:25%; background-color:#fff; position:relative; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.menu i:nth-child(1){ top:0px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menu i:nth-child(2){ top:5px;}
.menu i:nth-child(3){ top:10px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menu.on i{width:57%}
.menu.on i:nth-child(1){ -webkit-transform:rotate(38deg); -moz-transform:rotate(38deg); -ms-transform:rotate(38deg); -o-transform:rotate(38deg); transform:rotate(33deg);}
.menu.on i:nth-child(2){ opacity:0;}
.menu.on i:nth-child(3){ -webkit-transform:rotate(-38deg); -moz-transform:rotate(-38deg); -ms-transform:rotate(-38deg); -o-transform:rotate(-38deg); transform:rotate(-33deg);}
.Bfixed .menu{background:rgba(0,0,0,0.8)}
.Bfixed .menu i{background:#fff}
/** 弹窗fadeIn **/
.all-close{left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9998;position:fixed;display:none;}
.pup-btn{cursor:pointer}
.pup-cell{display:table-cell;text-align:center;vertical-align:middle;}
.pup-fade-box{position:relative;z-index:9999}
.pup-fade{display:none;left:0;top:0;width:100%;height:100%;}
.pup-fade .pup-box{display:inline-block;}
/** 弹窗底部 **/
.pup-bottom{width:100%;background:#fff;left:0}
/** 弹窗右侧 **/
.pup-right{width:50%;height:100%;top:0;background:#fff;right:-100%;}
/** 弹窗左侧 **/
.pup-left{width:50%;height:100%;top:0;background:#fff;left:-100%;}
/** 弹窗公用 **/
.pup-left,.pup-fade,.pup-right,.pup-bottom{z-index:9999;position:fixed;}
.pup-box{background:#fff;padding:1rem 3%;position:relative;z-index:9999;}
.pup-box .close{position:absolute;top:0;right:0;width:20px;height:20px;background-size:70% !important;background:url(../images/icon/close.png) no-repeat center center}
/** 头部表单 **/
#form{height:30px; margin:10px 60px 0 120px; border:1px solid #ddd; overflow:hidden}
#form .text{display:block; width:80%; height:30px; text-indent:10px;}
#form .tj{width:20%; background:url(../images/seach.png) no-repeat center center; height:30px;}
#form input{float:left; border:none}
/** 多个二级导航滑动效果 **/
.slide_nav{margin:0 0 1rem}
.slide_nav a{border:1px solid #019ddd;background:#fff;display:block;width:100%;height:3rem;line-height:3rem;text-align:center}
.slide_nav a.on{background:#019ddd; color:#fff;}
.slide_nav .swiper-button-prev,.slide_nav .swiper-button-next{width:2rem; height:2rem; background-size:2rem 2rem !important; top:50%; margin-top:-1rem}
.slide_nav .swiper-button-disabled{display:none !important}
/** 列表标题 */
.ntit{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.np{overflow:hidden;}
.imga{display:block;position:relative;}
.imgW{overflow:hidden;position:relative;}
.imgW img{display:block;margin:0 auto;}
.ov{overflow:hidden;}
.re{position:relative}
.imgH img,img.imgH{height:auto;width:100%}
.textup{text-transform: uppercase;}

/** 招贤纳士 **/
.job_show dt{background-image:url(../images/icon/job_ico1.png); border:1px solid #3fa41b; padding-left:20px; background-position: 98% center; background-repeat:no-repeat; font-size:18px; cursor:pointer; margin-bottom:10px; height:50px; line-height:50px;}
.job_show dt.on{background-image:url(../images/icon/job_ico2.png) }
.job_show dd{padding:5px 0; width:96% !important; display:none; margin:0 auto !important; line-height:30px}.inbk{display:inline-block;vertical-align:middle}

@media only screen and (min-width:750px) {
html{font-size:100px !important}
body,html{width:750px; margin:0 auto;}
.fixed{width:750px !important; left:50% !important; margin-left:-375px;background:red}
.menu{right: 50%;margin-right:-375px;}
}




