header@charset "utf-8";
@font-face { font-family: 'courier_newregular'; src: url('cour-webfont.woff2') format('woff2'), url('cour-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 14px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #666; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; }
input { outline: none; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none;-webkit-appearance: none; border-radius: 0; background: none; outline: none; padding: 0; margin: 0; border: none; }
::-moz-selection { background: #59b9ff; color: #fff; text-shadow: none; }
::selection { background: #59b9ff; color: #fff; text-shadow: none; }
select { outline: none; }
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear{ clear:both; line-height:0;}
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1094px; margin: 0px auto; }
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  min-width:970px;
}
.container2 {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 1152px) {
  .container {
    width: 1122px; 
  }
}
@media (min-width: 1280px) {
  .container {
    width: 1220px;
  }
  
}
.img_qz{ width:100%; height:auto;overflow: hidden;}
.img_qz img{transition: 600ms; width:100%; }
a:hover .img_qz img{transform: scale(1.1);}

.trans3 { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.trans4 { -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.trans6 { -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; }
.top a:link, .top a:visited { color: #646464; }
.top a:active, .top a:hover { color: #000; }
.top { background-color: #fff; box-shadow: -1px 0 3px rgba(0, 0, 0, 0.3); position: fixed; left: 0px; top: 0; width: 100%; z-index: 999; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; height:100px; }
.logo {position: absolute; left: 5%; top: 0px; width:245px; }
.logo img { width:245px; height: 100px; }
.logo2{ display:none;}
.header-ri{ float:right; width: 11%; background: #484848;}
.header-ri a{ display:block; width:49%; height:100px; float:left; border-left: 1px solid rgba(227, 227, 227, 0.2);}
.header-ri a:nth-child(1){ background:url(../images/002.png) center no-repeat;}
.header-ri a:nth-child(2){ background:url(../images/003.png) center no-repeat;}
.header-ri a:nth-child(3){ background:url(../images/mailbox.png) center no-repeat;}
.header-ri a:hover:nth-child(1){ background:url(../images/002.png) center 30px no-repeat;}
.header-ri a:hover:nth-child(2){ background:url(../images/003.png) center 30px no-repeat;}

#ewm{ width:210px; height:250px; padding:5px; line-height:40px; position:absolute; right:0%; border:1px solid #ccc; background:#fff; top:100px; text-align:center; color:#352920;z-index:99999999; }
#ewm img{width:210px; height:210px}

.search-bg{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
	background-color: #000;
	opacity: 0.8;
	filter: Alpha(opacity=80);
	display: none;
}
.searchbox{
	width: 50%;
	position: fixed;
	top: 169px;
	left: 50%;
	margin-left: -25%;
	height: 68px;
	border: 1px solid #535353;
	z-index: 51;
	display: none;
}
.searchbox input.tex2{
	float:left;
	border: none;
	background: none;
	font-size: 36px;
	font-family: "Arial";
	color: #a7a7a7;
	height: 37px;
	line-height: 36px;
	padding: 16px 2% 15px;
	width: 80%;
}
.searchbox input.search-btn{
	float:right;
	border: none;
	width: 7%;
	margin-right: 1%;
	height: 68px;
	background: url(../images/ico_115.png) no-repeat center;
	background-size: 50% auto;
	cursor: pointer;
	min-width: 40px;
}
.close-search{
	display: block;
	width: 37px;
	height: 37px;
	background: url(../images/ico_116.png) no-repeat center;
	position: fixed;
	right: 3%;
	top: 50px;
	cursor: pointer;
	z-index: 51;
	display: none;
}
.menu { width: 650px; margin: 0px auto; display: block; }

header{
	width: 100%;
	
	height:100px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	position: relative;
	z-index: 10;
}
header .nav-list{
	max-width:45%;
	min-width:650px;
	margin:0 auto;
	
}
header .nav-list li{
	float: left;
	width: 14%;
	background: url(../images/head05.jpg) no-repeat left center;
	text-align: center;
	position:relative;
}
header .nav-list li:first-child{
	background: none;
}
header .nav-list a{
	color: #666;
	font-size: 16px;
	display: block;
	width: 100%;
	transition:color 0.3s;
	line-height:100px;
}
header .nav-list a:hover{ color:#1e89b8;}
.nav-list li.hover a.t {
  color:#1e89b8;
 
}

.sub-box {
  width:100%;
  position:fixed;
  left: 0;
  top: 100px;
  display: none;
  z-index:9999999;
  background: rgba(255,255,255,.9);
	text-align: center;
  
}
.sub-box .topbg {
  width: 100%;
   padding-bottom:50px;
}
.sub-box p {
  padding: 22px 18px;
	float: left;
	display: block;
  text-align:center;
  font-size: 13px;
	width: 135px;
}
.xiao p{padding: 22px 10px;
	float: left;
	display: block;
  text-align:center;
  font-size: 13px;
	width: 125px;}

.sub-box p img{ width: 100%; height: auto;}
.sub-box p a {
  color: #333;
  display: block;
  line-height:40px;
  font-size:14px;
  -webkit-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
}
.sub-box p:hover a {
  color: #0287bc;
}
.sub-box .botbg {
  width: 100%;
  display: block;
  height: 12px;
  /*background: url(../images/bg_88.png) no-repeat center;*/
}


/*base style end*/
/* Slider */
.slick-slider { position: relative; display: block; 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; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -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; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.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; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }

@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
/*index style*/
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.transYT { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT2 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT2 { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.mtop { height: 0px; }
.banner-box { position: relative; overflow: hidden; margin-top:80px; }
.banner { position: relative; overflow: hidden; width: 100%; z-index: 0; background-color: #efefef; color: #fff; }
.banner .bimg { width: 100%; display: block; position: absolute; left: 0px; top: 0px; }
.banner .item { position: relative; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.banner .slick-active .bimg { visibility: visible !important; }
.binbox { width: 90%; position: absolute; left: 5%; top: 40%; margin-top: -138px; text-align: center; color: #fff; }
.binbox .jz-zh { margin-top: 30px; font-size: 24px; }
.bybox { width: 216px; height: 316px; margin: 0px auto; position: relative; }
.bybox .boxt { width: 100%; height: 100%; position: relative; border-radius: 5px; overflow: hidden; left: 0px; top: 0px; display: block; }
.bybox .boxt-s0 { position: absolute; left: 0px; top: 0px; width: 212px; height: 312px; border: 2px solid #fff; overflow: hidden; }
.bybox .by1, .bybox .by2, .bybox .by3, .bybox .by4{ font-size: 60px; width: 82px; line-height: 1; position: absolute; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); font-family: "微软正黑体","Microsoft JhengHei","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; }
.bybox .by1 { top: 40px; left: 76%; }
.bybox .by2 { top: 148px; left: 26%; }
.bybox .by3 { top: 23px; left: 56%; }
.bybox .by4 { top: 53px; left: 26%; }
.bybox .jz-ico { background: url(../images/ico.png) no-repeat; width: 21px; height: 31px; position: absolute; left: -48px; bottom: 7%; }
.bybox .jz-en { background: url(../images/banner_t.png) no-repeat; width: 56px; height:109px; position: absolute; right: -94px; top: 5%; }

@-webkit-keyframes byline {
    from { height: 0%; }
    to { height: 600%; }
}

@keyframes byline {
    from { height: 0%; }
    to { height: 600%; }
}

@-webkit-keyframes byline2 {
    from { width: 0%; }
    to { width: 600%; }
}

@keyframes byline2 {
    from { width: 0%; }
    to { width: 600%; }
}

.boxt-line { background-color: #5e9717; position: absolute; z-index: 2; }
.boxt-s1 { width: 2px; left: 0%; bottom: 0px; height: 0px; }
.boxt-s2 { width: 0px; left: 0%; top: 0px; height: 2px; }
.boxt-s3 { width: 2px; right: 0%; top: 0px; height: 0px; }
.boxt-s4 { width: 0px; right: 0%; bottom: 0px; height: 2px; }
.banner .slick-active .boxt-line { -webkit-animation: byline 6s linear; animation: byline 6s linear; }
.banner .slick-active .boxt-s2 { -webkit-animation: byline2 6s linear 1s; animation: byline2 6s linear 1s; }
.banner .slick-active .boxt-s3 { -webkit-animation: byline 6s linear 2s; animation: byline 6s linear 2s; }
.banner .slick-active .boxt-s4 { -webkit-animation: byline2 6s linear 3s; animation: byline2 6s linear 3s; }
.banner .slick-active .by1 { -webkit-transition: all .8s 0.1s; transition: all .8s 0.1s; }
.banner .slick-active .by2 { -webkit-transition: all .8s 0.3s; transition: all .8s 0.3s; }
.banner .slick-active .by3 { -webkit-transition: all .8s 0.1s; transition: all .8s 0.1s; }
.banner .slick-active .by4 { -webkit-transition: all .8s 0.3s; transition: all .8s 0.3s; }

.banner .slick-active .jz-ico { -webkit-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; }
.banner .slick-active .jz-en { -webkit-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; }
.banner .slick-active .by1, .banner .slick-active .by2, .banner .slick-active .by3, .banner .slick-active .by4 { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }
.banner .slick-dots { left:50%; bottom: 5%; z-index: 1000; margin-left: -25px; }
.banner .slick-dots li { margin: 0px 0px 10px; padding: 0 3px; position: relative; width: 8px; height: 8px;float: left;  display: block; transition: 300ms; -webkit-transition: 300ms; }
.banner .slick-dots a { width: 8px; height: 8px; overflow: hidden; display: block; background: url(../images/banner_n1.png) no-repeat; text-indent: -2em; }
.banner .slick-dots li.slick-active a { background: url(../images/banner_n2.png) no-repeat; }


@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}

@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}

.i_about{ width: 100%; background: url(../images/005.png) no-repeat 90% bottom  #1e89b8;display:flex; border-bottom: 1px solid #fff;}
.i_about .left{ width: 42%; float: left; background: url(../images/002.jpg) no-repeat ;background-size:100% 100%; height:auto;position: relative;}
.i_about .left .img { width:447px; height:163px;  position: absolute; top: 50%; left: 50%; margin-left: -223px; margin-top: -81px; }
.i_about .right{ width: 619px; float: left;margin-left: 11%; padding: 58px 0; color: #fff;}
.i_about .right h2{ font-size: 30px;font-weight: normal; background: url(../images/004.png) no-repeat left top; padding-top: 60px;}
.i_about .right p{ width: 100%; line-height: 28px; margin-top: 36px;}
.i_about .right .more{ width: 29px; height: 29px; margin-top: 60px;-webkit-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s; }
.i_about .right:hover  .more{ margin-left: 10px;}

.i_pro { width: 100%; background: #d4d4d4; padding: 58px 0;}
.i_p_box{ width: 100%;}
.i_p_box ul{}
.i_p_box li { width: 28.3%; float: left; margin: 32px 2.5%; } 
.i_p_box .p_box{ width: 100%;-moz-box-shadow:4px 4px 6px #808080;background: #fff; -webkit-box-shadow:4px 4px 6px #808080; box-shadow:4px 4px 6px #808080;}
.i_p_box .p_box .img{ width: 100%; height: auto;}
.i_p_box .p_box .img img {width:100%; height: auto;}
.i_p_box .p_box h2{ font-size: 24px; text-align: center; color: #007db3; font-weight: normal;margin:15px auto 8px auto;}
.i_p_box .p_box h3{ font-size: 20px; text-align: center; color: #000000; font-weight: normal;padding:47px 0 50px 0;}
.i_p_box .p_box p{ text-align: center; color: #000000; line-height: 20px;padding-bottom: 27px;}


.i_news { width: 100%; background: #484848; padding: 58px 0 78px 0;}
.i_news h2{ font-size: 18px; color: #fff; background: url(../images/010.jpg) no-repeat; padding-top: 35px; font-weight: normal;}
.i_n_box { width: 49%;  margin-right: 1%;float: left; background: #fff; margin-top: 38px; height: 303px; overflow: hidden;}
.i_n_box .content { width: 43%; float: left; padding: 50px 3.5% 40px 3.5%; }
.i_n_box .content h3{ font-size: 16px; color: #484848; font-weight: normal; margin-bottom: 5px;}
.i_n_box .content span{ color: #b0b0b0; font-size: 12px;}
.i_n_box .content p{ color: #999999; line-height: 24px; margin-top: 20px; height: 70PX; overflow: hidden;}
.i_n_box .content .more { width: 61px; height: 24px; background: #404040; text-align: center; font-size: 12px;color: #fff; margin-top: 35PX; line-height: 24PX;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.i_n_box .img{ width: 50%; float: right;}
.i_n_box .img img { width: 100%; height: auto; min-height: 303PX; }
.i_n_box:hover .content .more {background: #1e89b8; }

.i_n_box .content2 { width: 93%; float: left; padding: 31px 3.5% 32px 3.5%}
.i_n_box .content2 ul{}
.i_n_box .content2 li{height:33px;line-height:33px;overflow:hidden; font-size: 16px; color: #666666; margin:6px 0;  width: 100%; font-size: 14px;}
.i_n_box .content2 li a { color: #333;}
.i_n_box .content2 li a:hover { color: #007db3;}
.i_n_box .content2 span{ color: #666; font-size: 13px; margin-right: 5px; font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"}
.i_news h6{ font-size: 18px; color: #fff; padding-top: 25px; font-weight: normal;}
.i_news .links { width: 98%; background: #424242;margin-top: 20px; padding: 10px 1%;}
.i_news .links a{ margin:  10px 15px; float: left; color: #cdcdcd;}
.i_news .links a:hover{ color: #fff;}



.footer{
	width: 100%;
	position: relative;
	padding-top:43px;
	padding-bottom:0px;
	
}
.f_left{ width:1200px;margin: 0 auto;  padding-top:10px; height:330px;}

.f_left dl{
	float: left; width:20%;
}
.f_left dt{
	font-size: 18px;
	margin-bottom: 20px;
	color:#202020; background:url(../images/018.jpg) no-repeat bottom left;
	padding-bottom:27px;
}
.f_left dt a{color:#202020;}
.f_left dt a:hover{color: #000;}
.f_left dd a {
	color: #545454;
	line-height: 30px;
	padding-left:0px;
	font-size:13px;
}
.f_left dd a:hover{
	color: #1e89b8;
}

.f_right dl{
	float: left;
}
.f_right dt{
	font-size: 16px;
	margin-bottom: 30px;
	color:#fff;
}
.f_right dt a{color:#fff;}
.f_right dt a:hover{color: #fff;}
.f_right dd {
	color: #868686;
	line-height:28px;
	font-size:13px;
}
.f_right dd a{color: #868686;}
.f_right dd a:hover{color: #fff;}

.f_box{ width:100%; background:#222222; height:42px; line-height:42px; float:left; color:#fff; font-size:12px; }
.f_box span{ text-align:center; float: right;}
.f_box a{color:#fff;}
.f_box a:hover{color:#ccc;}

.mtop{ display:none;}
.flexmeun{ position:fixed; right:20px; bottom:79px; z-index:99;}
.flexlist li{ margin-bottom:1px; background:#484848; position:relative; transition:320ms ease-in-out;}
.flexlist li:last-child{ margin-bottom:0;}
.flexlist li:before{ content:""; width:100%; height:100%; background:#222; position:absolute; left:0; top:0; opacity:
0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:hidden; transition:320ms;}
.flexlist li a{ display:block; position:relative; width:49px; height:49px;}
.flexlist li:nth-child(1) a{ background:url(../images/arrow4.png) center no-repeat;}
.flexlist li:nth-child(2) a{ background:url(../images/hi1.png) center no-repeat;}
.flexlist li:nth-child(3) a{ background:url(../images/use.png) center no-repeat;}
.flexlist li:nth-child(4) a{ background:url(../images/arrow4.png) center no-repeat;}
.flexlist li:hover:before{ opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}

.pbanner.article-block h3,.mapt.article-block{ opacity:0; visibility:hidden; transform:translateY(78px); -webkit-transform:translateY(78px); -moz-transform:translateY(78px); transition:870ms 0ms;}
.pbanner.articleShow h3,.mapt.articleShow{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.pbanner { position: relative; overflow: hidden; background: url(../images/loader.gif) no-repeat scroll center center #fff; color: #fff; }
.pbanner a:link, .pbanner a:visited { color: #fff; }
.pbanner a:active, .pbanner a:hover { color: #fff; }
.pbanner .load-img { display: block; width: 100%; }
.pbanner-C a:link, .pbanner-C a:visited{ color: #fff;}
.pbanner-C a:active,.pbanner-C a:hover { color: #fff;}
.pbanner-C{ position: absolute; left:10%; top: 55%; width: 80%; text-align: center; color: #fff;}
.pbanner-C article{ position: relative;}
.pbanner-C .c{ overflow: hidden;}
.pbanner-C .zh{ font-size: 33px; line-height: 1.2; font-family: "Microsoft Yahei","微软雅黑"; font-weight: bold;}
.pbanner-C .en{ font-size: 36px; text-transform: uppercase; font-family:Tahoma, Geneva, sans-serif;}
.pbanner-C .bot{ width: 0px; height: 2px; display: block; margin: 20px auto 0; background-color: #fff; opacity: 0; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;}
.pbanner-C .c span{ display: block; opacity: 0; transform: translate(0px,100%); -webkit-transform: translate(0px,100%); transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;}
.pbanner-C.inview  .c span{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1;}
.pbanner-C.inview  .bot{ width: 50px; opacity: 1;}

.pageNavBox { height: 56px; position: relative;}
.pageNavBox a:link, .pageNavBox a:visited { color: #333333;}
.pageNavBox a:active,.pageNavBox a:hover { color: #fff;}    
.pagenav { width: 1220px; margin: 0 auto;}
.pagenav.fixed{ position: fixed; left: 0; top: 56px; z-index: 1000;}
.pagenav.fixed .cpnavbox{ height: 40px; line-height: 40px;}
.cpnavbox { height: 56px; line-height: 56px; -webkit-transition:height 0.3s; transition:height 0.3s; background-color: #FFFFFF; text-align: left; width:100%;}
.cpnavbox a { text-align: center; color: #333333; display: inline-block; padding: 0px 30px;  *display: inline; *zoom: 1; position: relative; font-size: 14px;}
.cpnavbox a:hover, .cpnavbox a.active { background-color: #1e89b8; color: #fff; }
.cpnav { display: none; width: 100%; color: #fff; background-color: #ee2d31; line-height: 40px; height: 40px; overflow: hidden; text-align: center; font-size: 14px; cursor: pointer; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 10px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.fixedImg { background-position: center top; background-repeat: no-repeat; background-size: cover;}
.body-right{ min-height: calc(100vh - 296px);}

/*about style*/
.bgf5{ background-color: #d4d4d4;}
.pagePadding{ padding: 60px 0px;}
.pagePadding_ry{ padding: 30px 0px;}
.aboutPbox-box{ position: relative;}
.aboutPbox{ width: 754px; margin: 0px auto;}
.iboxT{ margin-bottom: 20px;}
.iboxT .zh{ font-size: 33px; color: #333333; line-height: 2.5;}
.iboxT .en{ color: #666; font-family: arial, helvetica, sans-serif; text-transform: uppercase;}
.iboxT .p{ font-size: 22px; color: #484848; line-height: 1.5; margin-top: 20px; background: url(../images/014.jpg) no-repeat 28%;}
.aboutP-list{ padding-bottom: 50px;}
.aboutP-list li{ float: left; display: block; width: 24%; padding: 0px 2% 0px 7%; border-right: 1px solid #cdcdcd; color: #525252; line-height: 1.5;}
.aboutP-list li:last-child{ border-right: 0px none;}
.aboutP-list .txt{ color: #484848; font-family: "微软正黑体","Microsoft JhengHei"; font-size: 24px; line-height: 1.2;}
.aboutP-list .num{ font-size: 60px; padding-right: 10px;}
.aboutP-list .add{ position: absolute; font-weight: bold;}
.aboutP-list .en{ font-family: arial, helvetica, sans-serif; font-size: 12px; text-transform: uppercase;}
.aboutP-list .zh{ font-weight: bold;}
/*.pageC a:link, .pageC a:visited { color: #d02a25; }*/
.pageC p {  margin-bottom: 20px; line-height: 30px}
.pageC a:active, .pageC a:hover { color: #ee2d31; }
.pageC img{ max-width:100% !important; height: auto !important;}
.pageC{ overflow: hidden; color: #666;}
.aboutPbox .pageC{ text-align: center; font-size: 15px;}
.pbot{ background: url(../images/y.png) no-repeat scroll center center; background-size: cover; background:none rgba(245,245,245,1); border-radius: 50%; width: 75px; height: 75px; position: absolute; left: 50%; bottom: -37px; margin-left: -37px; cursor: pointer;}
.pbot i{ background: url(../images/abot.png) no-repeat scroll center center; width: 25px; height: 15px;position: absolute; left: 50%; top: 50%; margin: -7px 0px 0px -12px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
.black-20{ background: url(../images/black_20.png) repeat; background: none rgba(0,0,0,0.2);}
.aboutC-box{ background-color: #fff; padding:80px 0px 60px 0;}
.aboutC-box .pageC{ width: 82%; margin: 0px auto; text-align: justify;}
.pagePadding2{ padding:50px 0px 135px 0px;}
/*about style end*/

.n_ab_box{ width: 45%; float: left; background: #f5f5f5; padding-bottom: 15px;}
.n_ab_box .img { width: 100%; height: auto;}
.n_ab_box .img img{width: 100%; height: auto;}
.n_ab_box h3{ font-size: 14px; color: #333; text-align: center; font-weight: normal; padding: 0px 0 20px 0; font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif }
.n_ab_box h2{ font-size: 20px; color: #333; text-align: center; font-weight: normal; padding: 30px 0 20px 0; }
.n_ab_box h4{ font-size: 20px; color: #333; text-align: center; font-weight: normal; padding: 30px 0 7px 0; }
.n_ab_box p{font-size: 14px; line-height:22px; width: 80%; float: right;color: #999; margin-bottom: 8px; }

.n_ab_box p span { color: #555;font-size: 13px; float: left; width: 20%;}
.n_ab_box .txt{width: 80%; margin: 0px auto; }
.n_ab_box .txt2{width: 100%; margin: 0px auto; }
.n_ab_box .txt2 p{font-size: 13px; line-height:27px; width: 80%; margin: 0 auto; float: none;color: #999; margin-bottom: 8px;}


.speechBox{ background-color: #fff;}
.speechBox .img{ float: left; display: block; overflow: hidden; width: 38%;}
.speechBox .img img{ width: 100%; display: block;}
.speechBox .con{ float: left; display: block; width: 62%;}
.speechBox .box{ margin: 45px 70px; position: relative;}
.speechBox .name{ color: #01619b; font-size: 30px; line-height: 1.5; padding-right: 8px;}
.speechBox .by{ padding: 3px 0px 00px;}
.speechBox .txt{ overflow: hidden;}
.speechBox .c{ font-size: 14px; line-height: 2; height: 390px; overflow-x: hidden; overflow-y:scroll; width: 100%; padding-right: 4%;  cursor:url(../images/cuse.png) 16 16, default; color: #888;}
.speechBox .c{ font-size: 14px; line-height: 2; height: 390px; overflow-x: hidden; overflow-y:scroll; width: 100%; padding-right: 4%;  cursor:url(../images/cuse.png) 16 16, default; color: #888;}
.speechBox .c p {}
.mouseIco{ border: 1px solid #929292; width: 20px; height: 30px; display: block; margin: 0px auto; border-radius: 6px; position: absolute; right: 0;  bottom: 0px; z-index:900;}
.mouseIco i{ width: 2px; height: 6px; border-radius: 1px; display: block; background-color: #929292; position: absolute; left: 50%; margin-left: -1px; top: 5px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}



.n-main{width:100%; margin: 0 auto;}
.cs-lst {
  width:100%;
  padding-top: 0px;
  padding-bottom: 0px; }
  .cs-lst li {
    width: 22%;
	margin:0px 1.5% 10px 1.5%;
	float:left;}
    .cs-lst li:hover .img img {
      transform: scale(1.1); }
    .cs-lst li:hover .cnt h2 {
      color: #e8001b; }
    .cs-lst li .img {
      width: 100%;
      overflow: hidden; }
      .cs-lst li .img img {
        transition: 300ms; }
    .cs-lst li .cnt {
      background-color: #fff;
      height: 94px;
      padding-top: 46px;
      text-align: center; }
      .cs-lst li .cnt h2 {
        color: #333;
        font-size: 20px;
        line-height: 30px; }
      .cs-lst li .cnt p {
        color: #999;
        font-family: Arial;
        font-size: 12px;
        line-height: 18px; }
		
		
.gallery2{width:254px; height:auto;  margin:0 0 50px 0; background-color:#fff; float:left;transition: 300ms;background-color:#fff;-webkit-box-shadow:4px 4px 6px #808080; box-shadow:4px 4px 6px #808080;}
.gallery2 .img_box{ width:255px; height:169px; line-height:0px; margin:0 auto; text-align:center;vertical-align:middle;display:table-cell;}
.gallery2 .img_title{width:96%; text-align:center; padding:20px 2%;color: #333;font-size: 14px;line-height: 26px;background-color:#fff;transition: 300ms; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.gallery2 .img_title a{color: #333;}
.gallery2:hover{background-color:#fafafa;color:#FFF}
.gallery2:hover .img_title{background-color:#4f4f4f; color:#FFF}
.gallery2:hover .img_title a{color: #fff;}

@media screen and (max-width: 1200px) {
.gallery2{width:246px; height:auto;  margin:0 0 20px 0;float:left;}
.gallery2 .img_box{width:246px; height:163px;}
.gallery2 .img_box img{ max-width:246px; max-height:163px}
}
@media screen and (max-width: 1120px) {
.gallery2{width:220px; height:auto;  margin:0 0 20px 0; float:left;}
.gallery2 .img_box{width:220px; height:146px;}
.gallery2 .img_box img{ max-width:220px; max-height:146px}
}

@media screen and (max-width: 1000px) {
.gallery2{width:200px; height:auto;  margin:0 0 20px 0; float:left;}
.gallery2 .img_box{width:200px; height:133px;}
.gallery2 .img_box img{ max-width:200px; max-height:133px}
}
.txt001{ font-size:16px; color:#000; padding-left:20px;}
.txt002{ font-size:13px; color:#666; padding-left:20px;}

.n_news_main{ width:100%; background:#ededed; padding:56px 0;}
.n_news_main2{ width:100%; background:#ededed; padding:36px 0;}
.new-list li{ width:29.3%; margin-left:2%; margin-right:2%; float:left; margin-bottom:60px;-webkit-box-shadow:4px 4px 6px #999; box-shadow:4px 4px 6px #999;}
.new-list li:nth-child(3n+3){ margin-right:0;}
.new-list li figure{ display:block; line-height:normal; overflow:hidden;}
.new-list li figure img{ display:block; width:100%; height:215px; line-height:0; transition:430ms;}
.new-list li figcaption{ display:block; padding:22px 16px 25px; overflow:hidden; background:#fff; position:relative; transition:340ms; height:117px;}
.new-list li figcaption time{ line-height:normal; color:#aaa; font-size:12px; transition:300ms; font-family: Arial ;}
.new-list li figcaption h3{ color:#1b1b1b; font-size:18px; font-weight:normal; line-height:normal; margin-top:6px; transition:300ms;}
.new-list li figcaption p{ color:#999; height:43px; overflow:hidden; font-size:12px; line-height:24px; margin-top:16px; transition:300ms;}
.new-list li figcaption span{ display:block; width:102px; height:30px; line-height:30px; background:#fff; color:#666; font-size:12px; margin-top:28px; position:relative; bottom:-30px; opacity:0; text-align:center; transition:300ms;}
.new-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.new-list li:hover figcaption{ margin-top:-56px; background:#007db3; height:173px;}
.new-list li:hover figcaption time{ color:#fff;}
.new-list li:hover figcaption h3{ color:#fff;}
.new-list li:hover figcaption p{ color:#fff;}
.new-list li:hover figcaption span{ opacity:1; bottom:0; position:relative; transition:355ms 100ms;}

.pagelist{ text-align:center;}
.pages{ display:inline-block; margin:auto; font-size:12px;}
.pages a{ display:inline-block; float:left; background:#fff; text-align:center; height:25px; line-height:25px; color:#7b7b7b;}
.pages a.prev{ width:45px;}
.pages a.last{ margin-left:8px;}
.pages a:hover{ color:#fff; background:#57b6e7;}
.pages a.prpage{ width:25px;}
.pages a.pre{ margin-right:8px;}
.pages a.nex{ margin-left:8px;}
.pages a.nuble{ width:32px; margin-right:1px;}
.pages a.act{ color:#fff; background:#007db3;}


/*show-left*/
.show-left{ width:50%; float:left; margin-top:45px; padding-bottom: 20px;}
/*slider*/
#slider{width:560px;position:relative;}
.slider_box{width:560px; margin:0 auto;height: 466px; position: relative; overflow:hidden; }
.silder_con{ width:560px; height:352px;overflow: hidden;position: absolute; background:#fff;}
.silder_panel{width:560px;height:352px; overflow: hidden;float: left; }
.silder_panel table tr td img{max-width: 100%; max-height: 100%;}
.silder_nav{width:560px; height:100px;margin: 0 auto;bottom: 0;position: absolute;overflow: hidden;}
.silder_nav li{ width:102px; height:75px; margin:0px 10px 0 0px; float: left;padding:0px;border:0px solid #fff; }
.silder_nav li.current{border:0px solid #0a963f; margin:0 10px 0 0px;}
.silder_nav img{display: block;width:102px;height:74px; overflow: hidden;}
#slider a.prev,#slider a.next{display: block;width:40px;height:74px;cursor: pointer; margin: 136px 0 0 0px; position:absolute;}	
#slider a.prev{left:0px;background: url(../images/zjt.png) center center no-repeat; }
#slider a.next{right:0px;background: url(../images/yjt.png) center center no-repeat; }
.silderBox{height:8px; line-height:8px;}


.w700{ width:560px; height:352px; margin:0 auto;overflow: hidden;position: relative;  }

.detailed{ width:100%; margin-top:5px; }
.detailed h2{ border-bottom:1px solid #e6e6e6; font-size:20px; font-weight:bold; font-weight:bold; padding-bottom:20px; padding-top:20px; color:#333; text-align:center; height:40px; line-height:40px; margin-bottom:20px;}
.detailed p{ padding:0 10px; margin:20px auto; line-height:24px;}
.detailed img{ margin:0 auto; text-align:center;}

.detailed .name2{ border-bottom:1px dotted #e6e6e6; font-size:16px; font-weight:bold; font-weight:bold; padding-bottom:10px; color:#0a963f; margin-top:30px;}
.detailed p{ line-height:28px; margin:15px 0;}

.sale-right_show{ width:49%; float:right; margin-top:30px; margin-left: 0%;}
.s_r_s_list{ width:95%;  padding-bottom:5px; line-height:28px}
.s_r_s_list p{ color:#999; margin:5px 0;}
.s_r_s_list p span{ color:#333; padding-left:5px;}
.s_r_s_list h2{ font-size:24px; margin:15px 0 25px 0; color:#000; font-weight:bold;}

.jianjie{ width:100%; border-top:1px dashed #c3c3c3; margin-top:20px; margin-bottom:20px;  }
.jianjie h2{ font-size:24px; margin:20px 0 15px 0; color:#000; font-weight: normal; padding-left: 20px;}
.jianjie p{ color:#787878; margin:12px 0; line-height:28px;}
.jianjie p span{ color:#333; padding-left:5px;}
.dianhua{ width:70%; background:#f9f9f9; border:1px solid #ddd; height:60px; margin-top:15px; line-height:60px; font-size:24px; color:#e34545; padding-left:30px; }
.dianhua span{ color:#333; font-size:18px;}


.cs-lst2 {
  width:100%;
  padding-top: 15px;
  padding-bottom: 0px; }
  .cs-lst2 li {
    width: 22%;
	margin:0px 1.5% 10px 1.3%;
	float:left;}
    .cs-lst2 li:hover .img img {
      transform: scale(1.1); }
    .cs-lst2 li:hover .cnt h2 {
      color: #e8001b; }
    .cs-lst2 li .img {
      width: 100%;
      overflow: hidden; }
      .cs-lst2 li .img img {
        transition: 300ms; }
    .cs-lst2 li .cnt {
      background-color: #fff;
      height: 94px;
      padding-top: 46px;
      text-align: center; }
      .cs-lst2 li .cnt h2 {
        color: #333;
        font-size: 20px;
        line-height: 30px; }
      .cs-lst2 li .cnt p {
        color: #999;
        font-family: Arial;
        font-size: 12px;
        line-height: 18px; }
		
		
.gallery3{width:212px; height:auto;  margin:0 0 30px 0; background-color:#fff; float:left;transition: 300ms; border:1px solid #e5e5e5; padding:10px 20px 20px 20px;border-radius:8px;box-shadow: 3px 3px 1px #eee;}
.gallery3 .img_box{ width:212px; height:193px; line-height:0px; margin:0 auto;  text-align:center;vertical-align:middle;display:table-cell; }
.gallery3 .img_title{width:100%; text-align:center; padding:2px 0px 0px 0;color: #333;font-size: 14px;line-height: 38px;transition: 300ms;}
.gallery3 .img_title a{color: #57493d;}
.gallery3:hover{background-color:#f5f5f5;border:1px solid #ccc;}
.gallery3:hover .img_title{background-color:#484848; color:#FFF}
.gallery3:hover  .img_title a{color: #fff;}

.message { width: 763px; margin: auto; padding-top: 0px; padding-bottom:30px; }
.message-info { margin-bottom: 20px; }
.massage-input { float: left; background: #fff; box-shadow: 0 0 3px #e1e1e1; border-radius: 3px; }
.massage-input:nth-child(2) { float: right; }
.massage-input span { display: block; float: left; width: 82px; text-align: right; height: 43px; line-height: 43px; }
.massage-input input { width: 272px; padding-left: 10px; height: 43px; line-height: 43px; background: none; font-size: 14px; float: left; outline: none; padding-top: 0; padding-bottom: 0; border: none; color: #747474; font-family: 微软雅黑; }
.massage-input input .100 { width:100%; padding-left: 10px; height: 43px; line-height: 43px; background: none; font-size: 14px; float: left; outline: none; padding-top: 0; padding-bottom: 0; border: none; color: #747474; font-family: 微软雅黑; }
.massage-textarea { margin-bottom: 44px; border-radius: 8px; background: #fff; box-shadow: 0 0 3px #e1e1e1; padding: 15px 0 0 12px; }
.massage-textarea span { color: #747474; font-size: 14px; float: left; }
.massage-textarea textarea { width: 100%; margin-top: 2px; float: left; line-height: 1.8;color: #747474; min-height: 200px; font-family: 微软雅黑; }
.massage-sub input { width: 100%; height: 50px; line-height: 50px; outline: none; border: none; cursor: pointer; background: #484848; text-align: center; font-family: 微软雅黑; font-size: 18px; color: #fff; }


.my-map { margin: 0 auto; width: 100%; height: 460px; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.business-box{ background-color: #fff; padding: 80px 0px;}
.business-box .pageC{ width: 82%; margin: 0px auto; text-align: justify;}
.business-box .pageC h3 { line-height: normal; color: #333; font-size:28px; text-align: center; font-weight: normal; margin-bottom: 16px; }
.business-box .pageC h4{margin-top: 0px; text-align: center; color: #999999; font-size: 16px; font-weight: normal;}
.business-box .name{ width: 82%; margin: 0px auto;font-size:18px; text-align:left; height:50px; color:#000; margin-top:40px;}
.business-box a { color: #666;}
.business-box a:hover{color: #000;}

.recruite-post { width: 1025px; margin: auto; padding-top: 100px; }
.recuite-info:last-child .recuite-text { margin-bottom: 0 !important; }
.recuite-title h3 { line-height: normal; color: #606060; font-size: 36px; text-align: center; font-weight: normal; margin-bottom: 16px; }
.recuite-title small { display: block; text-align: center; color: #606060; font-size: 24px; position: relative; font-family: Arial; font-style: italic; line-height: normal; padding-bottom: 21px; }
.recuite-title small:before { content: ""; width: 132px; height: 1px; background: #606060; position: absolute; left: 50%; margin-left: -66px; bottom: 0; }
.recuite-title p { margin-top: 42px; text-align: center; color: #606060; font-size: 14px; }
.recuite-info { border: 1px solid #dedede; border-bottom: none; border-top: none; }
.recruite { margin-top: 112px; }
.recuite-top { border-top: 1px solid #dedede; overflow: hidden; cursor: pointer; position: relative; }
.recuite-top span { display: block; margin-left: 16px; position: relative; transition: 450ms; z-index: 5; color: #000000; font-size: 14px; line-height: 49px; float: left; }
.recuite-fix { width: 39px; height: 38px; transition: 540ms; float: right; position: relative; z-index: 5; top: 11px; background: url(../images/recuite1.png) left top no-repeat; background-size: cover; }
.recuite-fix b { display: block; background: #fff; position: absolute; transition: 470ms; }
.recuite-fix b:nth-child(1) { width: 13px; height: 3px; left: 23px; bottom: 11px; }
.recuite-fix b:nth-child(2) { width: 3px; height: 13px; left: 28px; bottom: 6px; }
.recuite-top:before { content: ""; width: 100%; height: 49px; position: absolute; background: #484848; left: 0; top: 100%; transition: 580ms; }
.recuite-top:hover:before, .recuite-top.on:before { top: 0; }
.recuite-top:hover span, .recuite-top.on span { color: #fff; }
.recuite-top:hover .recuite-fix, .recuite-top.on .recuite-fix { transition: 488ms; background: url(../images/recuite2.png) center no-repeat; background-size: cover !important; }
.recuite-top:hover .recuite-fix b, .recuite-top.on .recuite-fix b { background: #484848; }
.recuite-top:hover .recuite-fix b:nth-child(2), .recuite-top.on .recuite-fix b:nth-child(2) { opacity: 0; transform: translateY(25px); -webkit-transform: translateY(25px); -moz-transform: translateY(25px); transition: 456ms 240ms; }
.recuite-text { padding: 34px 17px 30px; margin-bottom: 8px; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; display: none; background: #fff; }
.recuite-s { margin-bottom: 40px; }
.recuite-s:last-child { margin-bottom: 0; }
.recuite-s h4 { color: #6c6c6c; font-size: 14px; line-height: normal; font-weight: normal; margin-bottom: 10px; }
.recuite-s p { color: #6c6c6c; font-size: 14px; margin-bottom: 5px; }
.recuite-info:nth-child(1) .recuite-text { display: block; }
.recuite-info:last-child { border-bottom: 1px solid #dedede; }
.recuite-info:last-child .recuite-text { border-bottom: none; }


/*分页样式*/

.page{text-align:center; width:100%; padding: 0px 0 40px 0;}
.pages{ display:inline-block; margin:auto; font-size:12px; height:25px; line-height:25px;}
.pages a{ display:inline-block; float:left; text-align:center; height:25px; line-height:25px; color:#7b7b7b;}
.pages a.prev{ width:45px;}
.pages a.last{ margin-left:8px;}
.pages a:hover{ color:#fff; background:#57b6e7;}
.pages a.prpage{ width:25px;}
.pages a.pre{ margin-right:8px;}
.pages a.nex{ margin-left:8px;}
.pages a.nuble{ width:32px; margin-right:1px;}
.pages a.act{ color:#fff; background:#57b6e7;}
.pages span.rows{float:left;  text-align:center; height:25px; line-height:25px; color:#7b7b7b; margin: 0px 10px; padding: 0px 10px;}


/*.nList{width:100%;}
.nList dt{float:left; background:url(../images/ar2.gif) left 14px no-repeat; text-indent:10px; font-size:15px; line-height:20px; padding:5px 0; font-weight:bold }
.nList dt span{color:#999; font-size:12px; font-weight:normal}
.nList dd{width:100%; padding-bottom:12px; margin-bottom:12px; line-height:18px; border-bottom:1px dotted #CCC; font-size:12px; clear:both}
.nList dt a:link, .nList dt a:visited {color: #414141;}
.nList dt a:hover {color: #a18f77;}
.nList dt a:active {color: #a18f77;}
.nList .nClip a:link, .nList .nClip a:visited {color: #999;}
.nList .nClip a:hover {color: #a18f77;}
.nList .nClip a:active {color: #a18f77;}*/


.newsTitle{ width:100%; line-height:25px; padding:0px 0 15px 0; font-size:20px; font-weight:bold; margin:0 0 5px 0; text-align:center; color: #333}
.newsTitle2{width:100%; height:35px; line-height:35px;  color:#777; border-top:#CCC 1px dotted; border-bottom:#CCC 1px dotted; text-align:center; margin-bottom:30px; font-size:12px} 
.newsContent{margin:25px 0 0 0; line-height:180%; padding-bottom:15px; }
.newsContent img{margin:0 0 5px 0; max-width: 100%; max-height: 800px;}
.newsContent p{padding-bottom: 10px; }

.content_pic{ width:100%; text-align:center; padding-bottom:20px; padding-top:10px; position:relative;text-align: center;}
.content_pic img{ max-width:800px; max-height: 500px}

.nexts{ float:left; width:40px; height:100px; position:absolute; left:0; top:50%; margin-top: -50px}
.nextx{ float:right; width:40px; height:100px; position:absolute; right:0; top:50%; margin-top: -50px}
.nexts a{ width:40px; height:100px; display:block; background:url(../images/jt.png) left top no-repeat}
.nextx a{ width:40px; height:100px; display:block; background:url(../images/jt.png) left bottom no-repeat}
.nexts a:hover{ background:url(../images/jt.png) center top no-repeat}
.nextx a:hover{background:url(../images/jt.png) center bottom no-repeat}
.nexts span{ width:40px; height:100px; display:block; background:url(../images/jt.png) right top no-repeat}
.nextx span{ width:40px; height:100px; display:block; background:url(../images/jt.png) right bottom no-repeat}

.newtrip{ width:100%; line-height:26px; color:#888; }
.newtrip a{color: #333}

.clear{clear: both;}


.pagePadding_2{ padding: 30px 0px 60px 0;}

.pagenav_sub{width: 440px; height: 45px; margin:0 auto;}
.pagenav_sub a{display: block; width: 120px; height: 45px; line-height: 45px; background: #fff; text-align: center; color: #333; float: left; margin:0 10px;}

.pagenav_sub a:hover, .pagenav_sub a.active2{background: #1e89b8; color: #fff}
.blank2{width: 100%; height: 30px}

.tlbg p{display: none}