body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } table{border-collapse:collapse; border-spacing:0; } fieldset,img{border:0; } ol,ul{list-style:none; } caption,th{text-align:left; } q:before,q:after{content:''; } abbr,acronym{border:0; } .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .l,.col-l,.col_l,.col-c,.col_c{float:left; } .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } .n,em{font-weight:normal; font-style:normal; } .b{font-weight:bold; } .i{font-style:italic; } .fa{font-family:Arial; } .fg{font-family:Georgia; } .ft{font-family:Tahoma; } .fl{font-family:Lucida Console; } .fs{font-family:'宋体'; } .fw{font-family:'微软雅黑'; } .tc{text-align:center; } .tr{text-align:right; } .tl{text-align:left; } .tdu{text-decoration:underline; } .tdn,.tdn:hover,a.tdl:hover{text-decoration:none; } .fc0{color:#000000; } .fc3{color:#333333; }
.fc6{color:#666666; } .fc9{color:#999999; } .fcr{color:red; } .fcw{color:white; } .fcb{color:blue; } .fcg{color:green; } .f0{font-size:0; } .f10{font-size:10px; } .f12{font-size:12px; } .f13{font-size:13px; } .f14{font-size:14px; } .f16{font-size:16px; } .f20{font-size:20px; } .f24{font-size:24px; } .vm{vertical-align:middle; } .vtb{vertical-align:text-bottom; } .vt{vertical-align:top; } .vn{vertical-align:-2px; } .vimg{margin-bottom:-3px; } .m0{margin:0; } .ml0{margin-left:0; } .ml5{margin-left:5px; } .ml10{margin-left:10px; } .ml20{margin-left:20px; } .mr0{margin-right:0; } .mr5{margin-right:5px; } .mr10{margin-right:10px; } .mr20{margin-right:20px; } .mt5{margin-top:5px; } .mt10{margin-top:10px; } .mt20{margin-top:20px; } .mb5{margin-bottom:5px; } .mb10{margin-bottom:10px; } .mb20{margin-bottom:20px; } .ml-1{margin-left:-1px; } .mt-1{margin-top:-1px; } .p1{padding:1px; } .pl5{padding-left:5px; } .p5{padding:5px; } .pt5{padding-top:5px; } .pr5{padding-right:5px; } .pb5{padding-bottom:5px; }
.p10{padding:10px; } .pl10{padding-left:10px; } .pt10{padding-top:10px; } .pr10{padding-right:10px; } .pb10{padding-bottom:10px; } .p20{padding:20px; } .pl20{padding-left:20px; } .pt20{padding-top:20px; } .pr20{padding-right:20px; } .pb20{padding-bottom:20px; } .rel,.pr{position:relative; } .abs,.pa{position:absolute; } .dn{display:none; } .db{display:block; } .dib{-moz-inline-stack:inline-block; display:inline-block; } .di{display:inline; } .ovh{overflow:hidden; } .ovs{overflow:scroll; } .vh{visibility:hidden; } .vv{visibility:visible; } .lh14{line-height:14px; } .lh16{line-height:16px; } .lh18{line-height:18px; } .lh20{line-height:20px; } .lh22{line-height:22px; } .lh24{line-height:24px;} .fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .z{_zoom:1; } .h1{height:1px; } .h5{height:5px; } .h10,.h{height:10px; } .h15{height:15px; } .h20{height:20px; }
.h1,.h5,.h10,.h15,.h20,.h25,.h,.h30,.h35,.h40,.h45,.h50,.h55,.h60{font-size:0px; line-height:0; overflow:hidden; clear:both;visibility: hidden; } a{text-decoration:none; } a:hover{color:#FF6600 }
.h25{height: 25px;}.h30{height: 30px;} .h40{height: 40px;} .h45{height: 45px;} .h50{height: 50px;} .h55{height: 55px;} .h60{height: 60px;}
.slick-slider *,
.slick-slider{
    outline: none;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
button::-moz-focus-inner {
  border: 0;
}
:focus, :active {
    outline: 0;
    border: 0;
}
a{
    color: #161A1D;
    -webkit-transition:color .3s,opacity .3s;
    transition:color .3s,opacity .3s;
}
a:hover{
    color: #E04E47;
}
textarea { overflow: auto; }

a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
}
u{text-decoration: none;}
img{
    max-width: 100%;
    height: auto;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  -webkit-appearance: none;
}
select,
input,
textarea{
    outline: none;
}

h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}
.fix:before,
.fix:after{
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

@font-face {
 font-family: 'fontnameRegular';
 src: url('fontname.eot');
 src: local('fontname Regular'),
        local('fontname'),
        url('fontname.woff') format('woff'),
        url('fontname.ttf') format('truetype'),
        url('fontname.svg#fontname') format('svg');
} 


.fix:after{
  clear: both;
}

.fix{
  zoom: 1;
}

.hide-tab{
	height: 0;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
}
#map img{
	max-width: 999999999px;
}
.BMapLabel{
	display: none !important;
}
body{
    -webkit-text-size-adjust: 100%;
    font-family:"微软雅黑","Microsoft Yahei";
    color: #161A1D;
    font-size: 12px;
    overflow-x: hidden;
}

.wp{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.m-show{display: none;}


/*手机头部*/
.m-bar{
    height: 60px;
    background-color: #fff;
}
.logo-m{
    width: 75%;
    display: inline-block;
    float: left;
    margin-left: 10px;
    height: 60px;
    line-height: 60px;
}
.logo-m img{
    height: 40px;
    display: inline-block;
    z-index: 60;
    vertical-align: middle;
}
.m-hd{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000000;
    -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
}
.m-nav{
    clear: both;
    position: absolute;
    top: 60px;
    left: 0;width: 100%;
   -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
   box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
   max-height: 0;
   overflow: hidden;
   -webkit-transition: all 300ms ease;
   transition: all 300ms ease;
}


.m-nav a{
    display: block;
    width: 100%;
    line-height: 40px;
    text-align: left;
    border-top: 1px solid #e0e0e0;
    font-size: 15px;
    background-color: #fff;
    padding: 0 20px;
    color: #333;
}

.m-trigger{
    height: 60px;
    cursor: pointer;
    width: 60px;
    float: right;
    background: url(../images/menu.png) no-repeat center center;
    -webkit-background-size: 25px;
    -moz-background-size: 25px;
    -o-background-size: 25px;
    background-size: 25px;
}
.m-sub{
	max-height: 0;
	overflow: hidden;

}
.m-sub.on,
.m-nav.on{
	-webkit-transition: all .6s linear;
	transition: all .6s linear;
	max-height: 999px;
}

.m-sub a{font-size: 14px;padding: 0 30px;background-color: #F1F1F1;border-top-color: #efefef;}

.m-show{display: none;}



#nav-toggle { position: absolute; right: 14px; top: 18px; color: #fff;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7); 
	-ms-transform: scale(0.7); 
	-o-transform: scale(0.7); 
	transform: scale(0.7);
	transform-origin: 50% 50%;
 }
#nav-toggle { cursor: pointer; padding: 10px 35px 16px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; height: 5px; width: 35px; background: #e83435; position: absolute; display: block; content: ''; }
#nav-toggle span:before { top: -10px; }
#nav-toggle span:after { bottom: -10px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; }
#nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; }
#nav-toggle.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
#nav-toggle.active span:after { transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); top: 10px; }




.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-slider,.slick-slider{outline:0}


/*
-----------------[头部]--------------*/
#hd{
	height: 80px;
	background: #fff;
	position: relative;
	z-index: 10;
}
#hd .wp{
	display: flex;
	justify-content: space-between;
}
#hd .logo{
	/*float: left;*/
}
#hd .logo a{
	line-height: 80px;
	display: block;
}
#hd .logo a img{
	display: inline-block;
	vertical-align: middle;
}
#nav{
	/*float: right;*/
}
#nav li{
	float: left;
	padding: 0 25px;
	position: relative;
}
#nav li > a{
	line-height: 78px;
	font-size: 16px;
	font-weight: 400;
	display: inline-block;
	border-bottom: 2px solid #fff;
}
#nav li dl{
	position: absolute;
	left: 0;
	top: 80px;
	background: #FFFFFF;
	box-shadow: 0px -1px 4px 0px rgba(225,225,225,0.5000);
	border-radius: 2px;
	width: 100%;
	display: none;
}
#nav li dl dd a{
	display: block;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
}
#nav li.ok dl{
	display: block;
}
#nav li.ok > a{
	border-bottom: 2px solid #E04E47;
	color: #e04e47;
	line-height: 78px;
}


/*
-----------------[底部]--------------*/
.copy{
	line-height: 32px;
	background: #E0E0E0;
	color: #727475;
	font-size: 12px;
	text-align: center;
	margin-top: 4%;
}
.fd-nav{
	display: flex;
	justify-content: space-between;
	
}
.fd-nav dd a,
.fd-nav dd p{
	display: block;
	color: #727475;
	font-size: 14px;
	line-height: 32px;
}
.fd-nav dt{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.fd-nav .wechat img{
	width: 130px;
}
.fd-nav .wechat{
	text-align: center;color: #727475;
	font-size: 14px;
}
.fd-nav dd a:hover{
	color: #e04e47;
}
#fd{
	background: #F2F2F2;
	padding-top: 30px;
}




/*
-----------------[banner]--------------*/
#banner{
	background: #F2F2F2;
	height: 670px;
	position: relative;
}
#banner .item .bg,
#banner .slider-for,
#banner .slider-for .slick-list,
#banner .slider-for .slick-track,
#banner .slider-for .item{
	height: 100%;
}
#banner .item .bg{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#banner .txt{
	padding-top: 11%;
	font-size: 18px;
	line-height: 28px;
}
#banner .txt h3{
	height: 48px;
	font-size: 40px;
	color: #171A1D;
	line-height: 48px;
	margin-bottom: 20px;
	font-weight: bold;
}
#banner .txt p{
    width:45%;
}
#banner .txt .btn{
	margin-top: 40px;
	font-size: 14px;
}
#banner .txt .btn a{
	width: 120px;
	height: 40px;
	border: 1px solid #E04E47;
	text-align: center;
	line-height: 40px;
	display: inline-block;
}
#banner .txt .btn a:first-child{
	background: #E04E47;
	color: #fff;
}
#banner .txt .btn a:nth-child(2){
	color: #161a1d;
}
#banner .slider-nav{
	position: absolute;
	left: 50%;
	bottom: 40px;
	max-width: 1200px;
	width: 100%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
#banner .slider-nav .ban-name{
	width: 102px !important;
	font-size: 12px;
	color: #161a1d;
	text-align: left;
	padding-top: 10px;
	margin-right: 40px;
	cursor: pointer;
}
#banner .slider-nav .slick-list{
	padding: 0 !important;
}
#banner .slider-nav .slick-current.ban-name{
	color: #e04e47;
	border-top: 2px solid #E04E47;
}

/*
-----------------[首页]--------------*/
.tit-i{
	text-align: center;
	position: relative;
	padding-top: 60px;
	padding-bottom: 45px;
	
}
.tit-i strong{
	font-size: 26px;
	position: relative;
	top: -17px;
}
.tit-i span{
	font-size: 36px;
	font-weight: 600;
	color: #E6E6E6;
	line-height: 42px;
	letter-spacing: 2px;
	display: block;
}
.tit-i > div{
	display: inline-block;
}
.tit-i em{
	display: inline-block;
	width: 54px;
	vertical-align: top;
	line-height: 0px;
	margin-top: 12px;
}
.tit-i em:after,
.tit-i em:before{
	content: '';
	display: inline-block;
	margin: 3px 0;
}
.tit-i em:before{
	width: 24px;
	height: 4px;
	background: #FFCACB;
}
.tit-i em:after{
	width: 54px;
	height: 4px;
	background: #E04E47;
}
.tit-i em:first-child{
	text-align: right;
	margin-right: 24px;
}
.tit-i em:last-child{
	text-align: left;
	margin-left: 24px;
}
.ul-case1 li{
	float: left;
	width: 57.5%;
	margin-bottom: 24px;
}
.ul-case1 li .pic{
	overflow: hidden;
	position: relative;
}
.ul-case1 li .img{
	height: 300px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	position: relative;
	color: #fff;
	overflow: hidden;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-case1 li:nth-child(2),
.ul-case1 li:nth-child(3){
	width: 40.5%;
}
.ul-case1 li:nth-child(2n){
	float: right;
}
.ul-case1 li .txt{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	padding: 24px;
	font-size: 16px;
	line-height: 22px;
}
.ul-case1 li  .txt h3{
	font-size: 18px;
	margin-bottom: 10px;
}
.ul-case1 li .txt .more{
	background: url(../images/more-r.png) right center no-repeat;
	padding-right: 39px;
	margin-top: 10px;
	display: inline-block;
	color: #fff;
	display: none;
}
.ul-case1 li:hover .img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-o-transform: scale(1.1); 
	transform: scale(1.1);
	transform-origin: 50% 50%;
}
.ul-case1 li:hover .txt .more{
	display: inline-block;
}
.ul-case2{
	margin: 0 -12px;
	overflow: hidden;
}
.ul-case2 li{
	width: 33.33% !important;
	padding: 0 12px;
	float: left;
}
.ads{
	height: 300px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;	
	display: flex;
	align-items: center;
	margin-top: 48px;
	font-size: 14px;
	line-height: 20px;
}
.ads h3{
	font-size: 26px;
	line-height: 2.5;
	margin-bottom: 40px;
}
.ul-news1{
	margin: 0 -12px;
	overflow: hidden;
}
.ul-news1 li{
	float: left;
	width: 33.33%;
	padding: 0 12px;
}
.ul-news1 li .pic{
	overflow: hidden;
}
.ul-news1 li .pic a{
	display: block;
	height: 250px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-news1 li .txt{
	height: 250px;
	background: #F6F6F6;
	padding: 20px;
	color: #727475;
	font-size: 14px;
	line-height: 22px;
}
.ul-news1 li .txt h3{
	font-size: 16px;
	margin-bottom: 20px;
}
.ul-news1 li .txt p{
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	word-break: break-all;
}
.ul-news1 li .txt .desc{
	height: 126px;
	overflow: hidden;
}
.ul-news1 li .time{
	display: flex;
	justify-content: space-between;
}
.ul-news1 li .time a{
	color: #e04e47;
	position: relative;
}
.ul-news1 li .time a:before{
	content: '';
	width: 8px;
	height: 8px;
	background: #E04E47;
	display: inline-block;
	margin-right: 13px;
}
.ul-news1 li:hover .pic a{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-o-transform: scale(1.1); 
	transform: scale(1.1);
	transform-origin: 50% 50%;
}
.more-news{
	text-align: center;
	margin-top: 50px;
	margin-bottom: 8.3%;
}
.more-news a{
	display: inline-block;
	width: 120px;
	height: 32px;
	border: 1px solid #161A1D;
	text-align: center;
	line-height: 32px;
	font-size: 16px;
}


/*
-----------------[新工厂规划]--------------*/
.ul-industry li{
	float: left;
	width: 25%;
	text-align: center;
	font-size: 14px;
	color: #161a1d;
	line-height: 22px;
	padding: 0 2%;
}
.ul-industry li .ico{
	width: 64px;
	height: 64px;
	background: #D8D8D8;
	display: inline-block;
}
.ul-industry li h3{
	font-size: 16px;
	margin: 12px 0;
}
.solution-cont{
	font-size: 14px;
	line-height: 22px;
}
.solution-cont img{
	display: block;
	width: 100%;
	margin-top: 20px;
}
.ul-img{
	margin: 0 -12px;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 6%;
}
.ul-img li{
	float: left;
	width: 50%;
	margin-bottom: 24px;
	padding: 0 12px;
}
.ul-img li .pic{
	height: 338px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: relative;
}
.ul-img li .txt{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 15px 24px;
	color: #fff;
	font-size: 14px;
	line-height: 22px;
}
.ul-img li .txt h3{
	font-size: 18px;
	margin-bottom: 10px;
}
.ul-img li .txt .more{
	width: 120px;
	height: 32px;
	border: 1px solid #FFFFFF;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	color: #fff;
	margin-top: 20px;
}



.ul-adva li{
	overflow: hidden;
	margin-bottom: 5.3%;
}
.ul-adva li .pic{
	float: left;
	width: 384px;
	height: 220px;
	background: #D8D8D8;
	margin-right: 10.5%;
}
.ul-adva li .txt{
	overflow: hidden;
	font-size: 16px;
	line-height: 24px;
}
.ul-adva li .txt h3{
	font-size: 24px;
	margin-bottom: 30px;
}
.ul-adva li .txt h3 span{
	padding: 16px 0;
	display: inline-block;
	border-bottom: 1px solid #E04E47;
}
.ul-adva li:nth-child(2n) .pic{
	float: right;
	margin-right: 0;
	margin-left: 10.5%;
}

#ban-in{
	height: 670px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.snv{
	height: 60px;
	background: #F6F6F6;
	box-shadow: 2px 0px 4px 0px rgba(217,217,217,0.5000);
	margin-top: -30px;
	position: relative;
	z-index: 2;
	margin-bottom: 5%;
}
.snv ul{
	display: flex;
	justify-content: space-between;
	
}
.snv li{
	/*width: 25%;
	float: left;*/
	width: 100%;
}
.snv li a{
	display: block;
	width: 100%;
	text-align: center;
	line-height: 60px;
	font-size: 20px;
	position: relative;
}
.snv li a:after{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 10.5px 0 10.5px;
	border-color: #F6F6F6 transparent transparent transparent;
	left: 50%;
	margin-left: -10px;
	top: 60px;
}
.snv li.on a,
.snv li a:hover{
	background: #E04E47;
	color: #fff;
}
.snv li.on a:after,
.snv li a:hover:after{
	border-color: #E04E47 transparent transparent transparent;
}

.ul-newsList li{
	overflow: hidden;
	padding-bottom: 48px;
	border-bottom: 1px solid #E6E7E9;
	margin-bottom: 48px;
}
.ul-newsList li .pic{
	float: left;
	width: 384px;
	margin-right: 24px;
}
.ul-newsList li .pic a{
	display: block;
	height: 200px;
	background: #D8D8D8;
	
}
.ul-newsList li .txt{
	overflow: hidden;
	color: #727475;
	font-size: 14px;
	line-height: 24px;
}
.ul-newsList li h3{
 	font-size: 16px;
 	margin-bottom: 16px;
 }
.ul-newsList li .time{
	color: #9fa0a2;
	font-size: 12px;
	margin-top: 7%;
}
.pages{
	margin-bottom: 8.3%;
	overflow: hidden;
	text-align: center;
}
.pages li{
	display: inline-block;
	margin: 0 4px;
}
.pages li a{
	width: 32px;
	height: 32px;
	background: #FFFFFF;
	border-radius: 2px;
	border: 1px solid #D9D9D9;
	display: block;
	line-height: 32px;
	font-size: 14px;
}
.pages li.on a,
.pages li a:hover{
	background: #E04E47;
	color: #fff;
	border-color: #E04E47;
}



.about-desc{
	background: #F9F9F9;
	overflow: hidden;
	padding: 3.6%;
}
.about-desc .pic{
	float: right;
}
.about-desc .txt{
	overflow: hidden;
	color: #727475;
	font-size: 16px;
	line-height: 24px;
}
.about-desc h3{
	font-size: 24px;
	line-height: 33px;
	margin-bottom: 30px;
	color: #161a1d;
}
.history-slider .item{
	overflow: hidden;
}
.history-slider .item .pic{
	float: right;
	width: 50%;
}
.history-slider .item .pic img{
	display: block;
	width: 100%;
}
.history-slider .item .txt{
	overflow: hidden;
}
.history-slider .item h2{
	color: #e04e47;
	font-size: 50px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin-bottom: 60px;
}
.history-slider .item dl{
	overflow: hidden;
	margin-bottom: 40px;
}
.history-slider .item dt{
	float: left;
	width: 102px;
	color: #161a1d;
	font-size: 16px;
}
.history-slider .item dd{
	overflow: hidden;
	font-size: 16px;
	line-height: 24px;
	max-width: 385px;
}
.history-slider .slider-nav{
	margin-top: 60px;
	padding-bottom: 100px;
	position: relative;
}
.history-slider .slider-nav .slick-list{
	padding: 0 !important;
}
.history-slider .slider-nav:before{
	content: '';
	position: absolute;
	left: 0;
	top: 4px;
	width: 100%;
	border-top: 1px solid #ACACAC;
}
.history-slider .year{
	font-size: 14px;
	position: relative;
	padding-top: 17px;
	position: relative;
	text-align: center;
	cursor: pointer;
}
.history-slider .year:before{
	content: '';
	position: absolute;
	left: 50%;
	width: 8px;
	height: 8px;
	background: #ACACAC;
	border-radius: 4px;
	margin-left: -4px;
	top: 0;
}
.history-slider .year.slick-current{
	color: #e04e47;
}
.history-slider .year.slick-current:before{
	background: #e04e47;
}
.history-slider .slick-arrow{
	position: absolute;
	width: 32px;
	height: 32px;
	top: -11px;
	font-size: 0;
	background-repeat: no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
.history-slider .slick-prev{
	background-image: url(../images/prev.png);
	left: 0;
}
.history-slider .slick-next{
	background-image: url(../images/next.png);
	right: 0;
}


/*
-----------------[企业文化]--------------*/
.ul-principles li{
	float: left;
	width: 25%;
	text-align: center;
	font-size: 16px;
}
.ul-principles li .ico img{
	width: 64px;
	height: 64px;
	background: #D8D8D8;
	margin-bottom: 16px;
}
.ul-team{
	margin: 0 -12px;
	overflow: hidden;
}
.ul-team li{
	float: left;
	width: 25%;
	padding: 0 12px;
	margin-bottom: 24px;
}
.requirements{
	overflow: hidden;
}
.requirements .pic{
	float: left;
	width: 50%;
	margin-right: 24px;
	background: #D8D8D8;
	height: 300px;
}
.requirements .txt{
	overflow: hidden;
	color: #727475;
	font-size: 14px;
	line-height: 20px;
}
.requirements .txt dt{
	color: #161a1d;
	font-size: 16px;
	margin-bottom: 12px;
}
.requirements .txt dl{
	margin-bottom: 16px;
}
.ul-commitment{
	margin: 0 -12px;
	overflow: hidden;
	margin-bottom: 8%;
}
.ul-commitment li{
	float: left;
	width: 25%;
	padding: 0 12px;
	margin-bottom: 24px;
}
.ul-commitment li .bg{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 300px;
	position: relative;
	overflow: hidden;
}
.ul-commitment li .txt{
	position: absolute;
	left: 0;
	width: 100%;
	background: rgba(64,64,64,0.7);
	text-align: center;
	color: #fff;
	line-height: 20px;
	height: 218px;
	bottom: -178px;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-commitment li dt{
	height: 40px;line-height: 40px;
	font-size: 16px;
}
.ul-commitment li dd{
	padding: 0 24px;
	height: 160px;
	/*overflow-y: auto;*/
}
.ul-commitment li:hover .txt{
	bottom: 0;
}






.ul-honor{
	margin-bottom: 5%;
	overflow: hidden;
}
.ul-honor li{
	float: left;
	width: 33.33%;
	padding: 0 12px;
	font-size: 16px;
	text-align: center;
	margin-bottom: 24px;
}
.ul-honor li .pad{
	background: url(../images/honor_bg.png) center 95% no-repeat;
	background-color: #F9F9F9;
	background-size: 93%;
	padding: 20px 75px 32px 75px;
}
.ul-honor li img{
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
.ul-honor2 li .pad{
	background: #F9F9F9;
}




.case-slider{
	margin-bottom: 8.3%;
	overflow: hidden;
	padding: 0 89px;
}
.case-slider .pic{
	float: right;
	width: 50%;
	background: #D8D8D8;
	height: 260px;
	margin-top: 26px;
}
.case-slider .txt{
	overflow: hidden;
	background: #F6F6F6;
	padding: 35px 24px;
	color: #727475;
	font-size: 14px;
	line-height: 22px;
}
.case-slider .txt h3{
	color: #161a1d;
	font-size: 18px;
	margin-bottom: 12px;
	font-weight: bold;
}
.case-slider dl{
	/*display: flex;*/
	justify-content: space-between;
	align-items: center;
	margin-top: 16px;
	margin-bottom: 25px;
	position: relative;
}
.case-slider dl:after{
	content: '';
	width: 1px;
	height: 24px;
	background: #E04E47;
	position: absolute;
	left: 18px;
	top: 44px;
}
.case-slider dl:last-child:after{
	display: none;
}
.case-slider dt{
	background: url(../images/num_bg.png) no-repeat;
	width: 36px !important;
	height: 36px;
	background-size: 36px 36px;
	text-align: center;
	line-height: 36px;
	color: #fff;
	font-size: 12px;
	float:left;
	margin-right:24px;
}
.case-slider dd{
    overflow: hidden;
}
.case-slider h5{
	color: #161a1d;
	font-size: 12px;
	font-weight: bold;
}
.case-slider .slick-arrow{
	position: absolute;
	top: 50%;
	background-repeat: no-repeat;
	width: 34px;
	height: 34px;
	border: 0;
	font-size: 0;
	cursor: pointer;
	background-color:transparent; 
	z-index: 3;
}
.case-slider .slick-prev{
	background-image: url(../images/prev1.png);
	left: -89px;
}
.case-slider .slick-next{
	background-image: url(../images/next1.png);
	right: -89px;
}

.cur{
	line-height: 32px;
	margin: 30px 0;
	font-size: 16px;
}
.cur span{
	color: #e04e47;
}
article{
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	padding: 40px 64px;
	color: #727475;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 10%;
}
article h1{
	font-size: 24px;
	line-height: 33px;
	text-align: center;
	color: #161a1d;
}
article .time{
	font-size: 16px;
	margin-top: 16px;
	margin-bottom: 40px;
	text-align: center;
	color: #161a1d;
}






form{
	padding: 40px 0;
	color: #171a1d;
	font-size: 14px;
}
form h3{
	color: #171a1d;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
}
form h3 em{
	color: #ff5219;
	font-size: 12px;
}
form .inp{
	width: 100%;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid rgba(126,134,142,0.3000);
	font-family:"微软雅黑","Microsoft Yahei";
	padding: 0 12px;
}
form li{
	margin-bottom: 24px;
	
}
form .checkB{
	height: 40px;
	background: #FFFFFF;
	border: 1px solid rgba(126,134,142,0.3000);
	line-height: 40px;
	padding: 0 10px;
	display: inline-block;
	margin-right: 24px;
}
form .check{
	display: inline-block;
	vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none; 
	width: 14px;
	height: 14px;
	background: #FFFFFF;
	border: 1px solid #D8DADD;
	margin-top: -3px;
	margin-right: 10px;
}
form .check:checked{
	background: url(../images/checked.png) no-repeat;
	border: 0;
	background-size: 16px 16px;
}
form textarea{
	width: 100%;
	height: 110px;
	background: #FFFFFF;
	border-radius: 4px;
	border: 1px solid rgba(126,134,142,0.3000);
	padding: 24px;
}
form .sub{
	margin: 0 auto;
	width: 120px;
	height: 32px;
	background: #E04E47;
	margin-top: 40px;
	border: 0;
	color: #fff;
	font: 14px;
}







.ul-team2{
	margin: 0 -12px;
	overflow: hidden;
}
.ul-team2 li{
	float: left;
	width: 50%;
	height: 250px;
	margin-bottom: 24px;
	padding: 0 12px;
}
.ul-team2 li .pad{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 240px;
	display: flex;
	text-align: center;
	align-items: center;
}
.ul-team2 li .circle{
	width: 120px;
	height: 120px;
	border: 1px solid #FFFFFF;
	border-radius: 100%;
	text-align: center;
	line-height: 120px;
	color: #fff;
	font-size: 24px; 
	margin: 0 auto;
}

.ul-recru{
	margin: 0 -12px;
	overflow: hidden;
}
.ul-recru li{
	float: left;
	width: 33.33%;
	padding: 0 12px;
}
.ul-recru li .pad{
	background: url(../images/recur_bg.png) no-repeat;
	color: #9fa0a2;
	font-size: 12px;
	line-height: 22px;
	border: 1px solid #DDDDDD;
}
.ul-recru li .inner{
	padding: 24px;
}
.ul-recru li h3{
	color: #171a1d;
	font-size: 16px;
	margin-bottom: 8px;
}
.ul-recru li p{
	margin-bottom: 8px;
}
.ul-recru li .txt{
	border-top: 1px dashed #E6E7E9;
	margin-top: 13px;
	padding-top: 11px;
	height: 292px;
	overflow: hidden;
}
.ul-recru li .btn a{
	display: block;
	width: 100%;
	height: 30px;
	background: #E04E47;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}
.more-recru{
	text-align: center;
	margin-top: 48px;
	
}
.more-recru a{
	width: 120px;
	height: 32px;
	border: 1px solid #161A1D;
	display: inline-block;
	line-height: 32px;
	font-size: 16px;
}

#map{
	width: 48.3%;
	height: 400px;
	margin-right: 24px;
	float: left;
}
.s-tab-ul{
	overflow: hidden;
	margin: 0 -12px;
}
.s-tab-ul li{
	float: left;
	width: 50%;
	padding: 0 12px;
	margin-bottom: 24px;
}
.s-tab-ul li .pad{
	padding: 24px;
	border: 1px solid #DDDDDD;
	height: 188px;
	color: #727475;
	font-size: 14px;
	line-height: 20px;
}
.s-tab-ul li h3{
	line-height: 24px;
	font-size: 16px;
	color: #161a1d;
	margin-bottom: 20px;
}
.s-tab-ul li h3 span{
	background: url(../images/address.png) no-repeat;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	margin-left: 24px;
	vertical-align: middle;
	margin-top: -3px;
	cursor: pointer;
}
#map img{
	max-width: 99999px;
}
.addressBox{
	margin-bottom: 10%;
}
.pages2{
	margin-top: 8%;
}
.ul-recru2 li{
	margin-bottom: 24px;
}
#ban-per{
	height: 400px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#ban-in{
	display: flex;
	align-items: center;
	color: #fff;
	text-align: center;
}
#ban-in .txt,
#ban-contact .txt{
	width: 100%;
	font-size: 16px;
	line-height: 24px;
}
#ban-in .txt h3,
#ban-contact .txt h3{
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 12px;
	letter-spacing: 12px;
}
#ban-contact{
	height: 400px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	color: #161A1D;
	text-align: center;
}
.overlay{
	background: rgba(23,23,25,0.3000);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: none;
}
.popBox{
	position: fixed;
	left: 50%;
	top: 50%;
	max-width: 686px;
	max-height: 327px;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	border: 1px solid #979797;
	padding: 50px 40px;
	color: #727475;
	font-size: 16px;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	z-index: 5;
	display: none;
}
.popBox h2{
	color: #161a1d;
	font-size: 14px;
	margin-bottom: 16px;
}
.popBox .inp{
	max-width: 310px;
	width: 100%;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #7E868E;
	display: inline-block;
	padding: 0 8px;
	font-size: 14px;
	display: inline-block;
	margin-right: 12px;
}
.popBox button{
	font-size: 14px;
	color: #e04e47;
	border: 0;
	background: transparent;
	cursor: pointer;
	display: inline-block;
}
.popBox .sub{
	width: 76px;
	height: 36px;
	background: #E04E47;
	text-align: center;
	line-height: 36px;
	color: #fff;
	border: 0;
	font-size: 14px;
	cursor: pointer;
	margin-top: 57px;
}
.mt30{
	margin-top: 30px;
}
.ul-contact{
	margin-bottom: 10%;
	overflow: hidden;
}
.ul-contact li{
	float: left;
	width: 25%;
	text-align: center;
	color: #727475;
	font-size: 14px;
}
.ul-contact li h5{
	color: #161a1d;
	font-size: 16px;
	margin-top: 24px;
	margin-bottom: 12px;
}
.ul-contact li img{
	display: inline-block;
	height: 40px;
}
.addressBox2 #map{
	float: right;
	width: 57.5%;
}
.addressBox2 .s-tab-ul li{
	float: none;
	width: 100%;
}
.addressBox2 .s-tab-ul li .pad{
	border: 0;
	border-bottom: 1px solid rgba(159,159,159,0.1500);
	height: auto;
}
.addressBox2 .s-tab-ul li h3 span{
	display: none;
}
.addressBox2 .s-tab-ul li h3{
	float: left;
	font-size: 18px;
}
.addressBox2 .s-tab-ul li .tab-address{
	overflow: hidden;
	font-size: 18px;
}






.float-right-box {
	width: 250px;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -127px;
	background-color: #F6F6F6;
	z-index: 10000;
	transition: width 0.3s ease 0s;
}
.float-right-box.on {
	width: 50px;
}
.float-right-box .top-list {
	width: 100%;
}
.float-right-box .top-list ul {
	width: 100%;
}
.float-right-box .top-list li {
	width: 100%;
	position: relative;
	border-bottom: 1px solid #fff;
	transition: background 0.3s ease 0s;
}
.float-right-box .top-list a {
	display: block;
	width: 100%;
	height: 50px;
}
.float-right-box .top-list .ico {
	display: inline-block;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	transition: background 0.3s ease 0s;
	z-index: 2;
}
.float-right-box .top-list .ico1 {
	background: url(../images/ico_58.png) no-repeat center #F6F6F6;
}
.float-right-box .top-list .ico2 {
	background: url(../images/ico_59.png) no-repeat center #F6F6F6;
}
.float-right-box .top-list .ico3 {
	background: url(../images/ico_60.png) no-repeat center #F6F6F6;
}
.float-right-box .top-list .ico4 {
	background: url(../images/ico_61.png) no-repeat center #F6F6F6;
}
.float-right-box .top-list .stt {
	display: inline-block;
	font-size: 14px;
	line-height: 50px;
	color: #333;
	transition: color 0.3s ease 0s;
	position: absolute;
	left: 14px;
	top: 0;
	z-index: 1;
	width: 240px;
	cursor: pointer;
}
.float-right-box .top-list li:hover .stt {
	color: #333;
}
.float-right-box .top-list li:hover .ico1 {
	background: url(../images/ico_58.png) no-repeat center #000;
}
.float-right-box .top-list li:hover .ico2 {
	background: url(../images/ico_59.png) no-repeat center #000;
}
.float-right-box .top-list li:hover .ico3 {
	background: url(../images/ico_60.png) no-repeat center #000;
}
.float-right-box .top-list li:hover .ico4 {
	background: url(../images/ico_61.png) no-repeat center #000;
}
.float-right-box .top-list li:hover .ico5 {
	background: url(../images/ico_62_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover {
	/*background-color: #fff;*/
}
.float-right-box .top-list .return-webtop .stt {
	font-family: "Arial";
	font-weight: bold;
}
.float-right-box .bot-share {
	position: relative;
	height: 50px;
}
.float-right-box .bot-share a {
	display: inline-block;
	width: 50px;
	height: 50px;
	float: left;
	transition: background 0.3s ease 0s;
	margin: 0;
	padding: 0;
}
.float-right-box .bot-share .share {
	width: 200px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.float-right-box .bot-share .sina {
	background: url(../images/ico_63.png) no-repeat center;
}
.float-right-box .bot-share .wx {
	background: url(../images/ico_64.png) no-repeat center;
}
.float-right-box .bot-share .more {
	background: url(../images/ico_66.png) no-repeat center;
	border: 0 none;
}
.float-right-box .bot-share a:hover {
	background-color: #525354;
}
.float-right-box .bot-share .share-ico {
	background: url(../images/ico_67.png) no-repeat center #0097b0;
	width: 50px;
	height: 50px;
	display: inline-block;
	cursor: pointer;
	z-index: 2;
	position: relative;
}
.float-right-box .top-list li .weix {
	position: relative;
}
.float-right-box .sidebox {
	position: absolute;
	right: 250px;
	top: 0;
	transition: all 0.1s ease 0s;
	width: 120px;
	z-index: 10;
	display: none;
	background: #F6F6F6;
}
.float-right-box .sidebox img {
	width: 110px;
	height: 110px;
	display: block;
	margin: 5px auto;
}

@media screen and (max-width: 640px){
	.float-right-box{display: none;}
	.ul-snvList{display: none;}
}

.MENUS{float:right;}
/*#nav.on li{padding:0 20px;}*/
.so-btn{float: right;width: 30px;height: 30px;margin-top: 25px;cursor: pointer;

    background: url(../images/i-so.png) no-repeat center center;

    transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;
    display: block;

}
#hd .wp{position:relative;}
.so-btn.on{width: 0;;}

.so{float:right;position: relative;right: 0;top: 25px;width: 0;overflow: hidden;height: 32px;

    transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}

.so.on{width: 200px;}

.so form{display: block;width: 100%;padding:0;}

.so .inp{width: 100%;height: 32px;border: 1px solid #6f6f6f;

    border-radius: 30px;font-size: 14px;padding: 0 40px 0 15px;

}

.so .btn{position: absolute;right: 0;top: 0;

    width: 32px;height: 32px;border: 0;cursor: pointer;

    background: url(../images/i-so.png) no-repeat left center;

}
.ban{height: 598px;position: relative;

    background-position: center;background-repeat: no-repeat;

    -o-background-size: cover;

    -ms-background-size: cover;

    -moz-background-size: cover;

    -webkit-background-size: cover;

    background-size: cover;
    margin-bottom: 20px;

}

.ban .tit{position: absolute;left: 0;right: 0;top: 50%;

    text-align: center;color: #fff;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

.ban .tit h2{font-size: 48px;font-weight: normal;margin-bottom: 7px;}

.ban .tit span{font-size: 24px;/*font-family: allight;*/text-transform: uppercase;}