@charset "utf-8";
@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot');
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),
      url('fonts/iconfont.ttf') format('truetype'),
      url('fonts/iconfont.svg#iconfont') format('svg');
}
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%; overflow-x: hidden;}
/* always display scrollbars */
body { font: 14px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #000000; background-color: #fff; _background-attachment:fixed; 
_background-image:url(about:blank); overflow-y:visible\9; overscroll-behavior-y: none; -webkit-text-size-adjust：100%;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding:0; border:0;	background:none; font-size:14px; font-family:"微软雅黑"; 	margin:0;}
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; color:inherit;}
a:active, a:hover { text-decoration: none; color:inherit;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.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:1150px; margin: 0px auto;}

.header{ position: fixed; width: 100%; left: 0; top: 0; z-index: 99; box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.header__wapper{ padding: 0 122px 0 110px; background: #fff; position: relative; z-index: 10;}
.logo{ display: block; float: left; width: 275px; margin-top: 14px;}
.header__nav{ float: right;}
.header__nav >li{ position: relative; float: left; perspective: 200px;}
.header__nav >li:before{ content: ""; width: 100%; height: 100%; background: #e9e9e9; position: absolute; left: 0; top: 0; -webkit-transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9; z-index: -1;} 
.header__nav >li:after{ content: ""; width: 100%; height: 6px; background: #4C7CAC; position: absolute; left: 0; bottom: 0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.header__nav >li >a{ display: block; width: 98px; height: 91px; line-height: 91px; position: relative; text-align: center; color: #333; font-size: 16px;}
.header__nav >li:hover:before,.header__nav >li.is__active:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.header__nav >li:hover:after,.header__nav >li.is__active:after{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.header__nav >li:hover .menudown{ opacity: 1; visibility: visible;}
.header__nav >li:hover .menudown:before{ visibility: visible; transform: scaleX(1); -webkit-transform: scaleX(1); margin: transform: scaleX(1);}

.menudown{ width: 100%; position: absolute; left: 0%; top: 100%; padding: 11px 0; opacity: 0; visibility: hidden; transition: 0.58s;}
.menudown:before{ content: ""; width: 100%; height: 100%; background: #e9e9e9; position: absolute; left: 0; top: 0; visibility: hidden; transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); transition: 0.56s;}
.menudown >li{ position: relative;}
.menudown >li >a{ display: block; text-align: center; height: 35px; line-height: 35px; color: #333333; font-size: 15px; position: relative;} 
.menudown >li:before{ content: ""; width: 0%; height: 100%; background: #4C7CAC; position: absolute; top: 0; left: 50%; transition: 0.4s;}
.menudown >li:hover:before{ width: 100%; left: 0;}
.menudown >li:hover a{ color: #fff;}

.hr__line{ height: 91px;}
.menubtn{transition: 0.4s; display: none; position:relative; z-index: 20; float: right;}
.menubtn span{ display:block; width:30px; height:3px; background:#4C7CAC; margin:auto; margin-top:19px; position:relative; vertical-align: middle; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menubtn span:after,
.menubtn span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 3px; left: 0;
 background-color: #4C7CAC; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menubtn span:before {top: -7px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menubtn span:after {bottom: -7px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menubtn.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menubtn.active span:after,.menubtn.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menubtn.active span:before {top: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menubtn.active span:after {bottom:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.navigate{ position: fixed; right: 0; top: 0; width: 100%; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 5; overflow: hidden; transition: 0.54s; visibility: hidden;}
.navbgs{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0; visibility: hidden; transition: 0.68s;}
.navigatewr{ background: #f7f7f7; position: absolute; width: 250px; right: -250px; top: 0; z-index: 6; min-height: 100vh; transition: 0.54s;}
.navli{ padding: 80px 0 50px;}
.navli >li >a{ display: block; color: #666666; font-size: 16px; height: 54px; line-height: 54px; padding-left: 20%;}
.navli >li.on >a{ background: #4C7CAC; color: #ffffff;}
.menuleval{ padding: 24px 0; background: #e8e8e8; border-bottom: 1px solid #dbdbdb; padding-left: 20%; display: none;}
.menuleval li{ margin-bottom: 5px;}
.menuleval li:last-child{ margin-bottom: 0;}
.menuleval li a{ display: inline-block; margin: auto; color: #333333; font-size: 14px;}
.navigate.show{ visibility: visible;}
.navigate.show .navigatewr{ right: 0;}
.navigate.show .navbgs{ opacity: 0.8; visibility: visible; transition-delay: 0.15s;}

.header .h-share{margin-left:30px;padding-top:30px;float:right;}
.h-share .searchbox{ margin-right: 0px;}
.searchbox {float:left;position:relative;margin-top:2px;}
.search-tx {display:block;width:110px;height:24px;line-height:24px;border:1px solid #ccc;padding:0 21px 0 13px;font-size:12px;color:#999;transition:300ms;-webkit-transition:300ms;}
.search-btn {display:block;width:22px;position:absolute;top:0;bottom:0;right:0;background:url(../images/seach.png) no-repeat left center;cursor:pointer;}
.search-tx:focus {border-color:#DA251C;}
.search-btn:hover {background-position:right center;}

.banner{ position: relative;}
.banner__swiper{ position: relative; overflow: hidden;}
.banner__swiper .banner__item{ float: left; opacity: 1 !important; overflow: hidden;}
.banner__swiper .banner__item figure{ overflow:hidden; display:block; position:relative; left:0; top:0; width:100%; overflow:hidden; }
.banner__swiper .banner__item figure img{ display:block; width:100%; height:auto; position:relative; max-width: 1186px\9;}
.banner__swiper .banner__item.slick-current{ z-index: 5 !important; animation: none; -webkit-animation: none; -moz-animation: none; -o-animation: none;}
.banner__swiper .banner__item.slick-current figure{ -webkit-animation: increaseHeight 1.8s forwards cubic-bezier(.165,.84,.44,1); animation: increaseHeight 1.8s forwards cubic-bezier(.165,.84,.44,1); -moz-animation: increaseHeight 1.5s forwards cubic-bezier(.165,.84,.44,1); -o-animation: increaseHeight 1.8s forwards cubic-bezier(.165,.84,.44,1);}
.banner__swiper .banner__item{ -webkit-animation: hide 1.8s forwards cubic-bezier(.165,.84,.44,1); animation: hide 1.8s forwards cubic-bezier(.165,.84,.44,1); -moz-animation: hide 1.8s forwards cubic-bezier(.165,.84,.44,1); -o-animation: hide 1.8s forwards cubic-bezier(.165,.84,.44,1); z-index: 3 !important;}
.banner__swiper .banner__item figure{ animation: none; -webkit-animation: none; -moz-animation: none; -o-animation: none;}
.banner__swiper .slick-dots{ position: absolute; right: 38px; top: 50%; margin-top: -55px; z-index: 10;}
.banner__swiper .slick-dots li{ width: 3px; overflow: hidden; text-align: center; margin-bottom: 12px; line-height: 1;}
.banner__swiper .slick-dots li button{ margin: 0; padding: 0; outline: none; width: 1px; height: 43px; background: #fff; margin: auto; transition: 0.3s; text-overflow: ellipsis; overflow: hidden; cursor: pointer; border: none; text-indent: 88888px;}
.banner__swiper .slick-dots li.slick-active button{ width: 3px;}

@-webkit-keyframes decreaseHeight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		width: 0;
	}
}

@keyframes decreaseHeight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		width: 0;
	}
}

@-webkit-keyframes show {
	0% {
		opacity: 0;
	}
	1%,100% {
		opacity: 1;
	}
}

@keyframes show {
	0% {
		opacity: 0;
	}
	1%,100% {
		opacity: 1;
	}
}

@-webkit-keyframes hide {
	0%,99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes hide {
	0%,99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes increaseHeight {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}

@keyframes increaseHeight {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}
.banner__content{ position: absolute; left: 224px; top: 44%; margin-top: -141px; z-index: 20;}
.banner__content h3{ color: #fff; line-height: 1.2; font-size: 48px; font-weight: bold; margin-bottom: 16px; opacity: 0;}
.banner__content p{ color: #fff; font-size: 18px; line-height: 1.6; height: 160px; width: 560px; opacity: 0; visibility: hidden; transform: translateY(56px); -webkit-transform: translateY(56px); -moz-transform: translateY(56px);}
.banner_more{ opacity: 0; visibility: hidden; transform: translateY(45px); -webkit-transform: translateY(45px); -moz-transform: translateY(45px); transition: 0s;}
.banner__content span{ display: block; width: 148px; height: 47px; text-align: center; line-height: 47px; color: #fff; font-size: 14px; border: 1px solid #fff; transition: 0.54s; position: relative; z-index: 3;}
.banner__content span:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #4C7CAC; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .6s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .6s cubic-bezier(.215,.61,.355,1); transition:transform .6s cubic-bezier(.215,.61,.355,1); transition:transform .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; z-index: -1;}
.banner__content span:hover{ color: #fff; border-color: #4C7CAC;}
.banner__content span:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.banner__content_color h3{ color: #b28b46;}
.banner__content_color p{ color: #b28b46;}
.banner__content_color span{ border-color: #b28b46; color: #b28b46;}
.banner__content_color span:before{ background: #b28b46;}
.banner__content_color span:hover{ border-color: #b28b46;}

.banner__swiper .banner__item.slick-current.slick-current .banner__content h3{ animation: flipInX 1s 0.3s forwards;}
.banner__swiper .banner__item.slick-current.slick-current .banner__content p{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.78s 0.45s;}
.banner__swiper .banner__item.slick-current.slick-current .banner_more{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.78s 0.8s;}
.banner__news{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 20;} 
.news_item{ width: 33.33333%; float: left; padding: 34px 0 38px; background: url(../images/index/newbg.png) center repeat; background: rgba(76,124,172,0.8); position: relative; transition: 0.65s;} 
.news_item:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #61AD53; -webkit-transition:-webkit-transform .65s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .65s cubic-bezier(.215,.61,.355,1); transition:transform .65s cubic-bezier(.215,.61,.355,1); transition:transform .65s cubic-bezier(.215,.61,.355,1),-webkit-transform .65s cubic-bezier(.215,.61,.355,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.news_item a{ position: relative; display: block; margin-left: 17.18%; margin-right: 5%;}
.news_item a strong{ display: block; line-height: 1.2; color: #fff; font-size: 18px; font-weight: normal; margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news_item a time{ display: block; color: #fff; font-size: 12px; font-family: arial; line-height: 1;}
.news_item:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}

.home-wapper{ margin: 0 110px;}
.home-news{ padding: 54px 0 66px; overflow: hidden;}
.home-news__tab{ width: 40.94%; float: left; overflow: hidden;}
.tab__btn{ background: #4C7CAC;}
.tab__btn__item{ width: 33.3333%; float: left; position: relative; text-align: center; cursor: pointer;}
.tab__btn__item:before{ content: ""; width: 100%; height: 100%; background: #61AD53; position: absolute; left: 0; top: 0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .6s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .6s cubic-bezier(.215,.61,.355,1); transition:transform .6s cubic-bezier(.215,.61,.355,1); transition:transform .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.tab__btn__item span{ display: inline-block; margin: auto; padding-left: 19px; position: relative; color: #fff; font-size: 14px; font-weight: bold; line-height: 50px;}
.tab__btn__item span:before{ content: ""; width: 6px; height: 6px; border: 3px solid #fff; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -6px;}
.tab__btn__item.is__active:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.news__content{ padding: 0 40px 0 28px; border: 1px solid #d0d0d0; border-top: none;}
.news__info{ padding: 30px 0 36px; border-bottom: 1px solid #c3c3c3;}
.news__info figure{ display: block; line-height: 1; overflow: hidden; width: 170px; float: left;}
.news__info figure img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.56s;}
.news__text{ margin-left: 192px;} 
.news__text h3{ color: #666666; font-size: 18px; font-weight: bold; line-height: 1.2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: -4px; margin-bottom: 18px; transition: 0.4s;}
.news__text p{ color: #949494; font-size: 14px; height: 88px; overflow: hidden;}
.news__text time{ display: inline-block; color: #616161; line-height: 1;}
.news__info a:hover figure img{ transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04);}
.news__info a:hover .news__text h3{ color: #294f8d;}
.news__list{ padding: 28px 0 22px;}
.news__list li{ margin-top: 12px;}
.news__list li:first-child{ margin-top: 0;}
.news__list li span{ display: block; color: #616161; font-size: 14px; padding-left: 20px; position: relative; float: left; max-width: 76%; line-height: 24px; transition: 0.4s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news__list li span:before{ content: ""; width: 4px; height: 4px; background: #929292; position: absolute; left: 0; top: 50%; margin-top: -2px;}
.news__list li time{ display: block; float: right; line-height: 24px; color: #616161; font-size: 12px;}
.news__list li a:hover span{ color: #294f8d;}

.slick-list { overflow: hidden; width: 100%; height: 100%; }
.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;}
.home-news__swiper{ width: 57.17%; overflow: hidden; float: right; position: relative;}
.swiper__img_item{ float: left; position: relative; width: 100%;}
.swiper__content{ width: 39.46%; float: right;}
.news__item{ float: left; overflow: hidden;}
.swiper__wapper{ padding: 68px 36px 85px 34px; border: 1px solid #d0d0d0; border-left: none;}
.swiper__wapper time{ display: block; line-height: 1; color: #616161; font-size: 12px; margin-bottom: 14px;}
.swiper__wapper strong{ display: block; color: #666666; font-size: 18px; line-height: 1.5; height: 92px; transition: 0.45s; overflow: hidden;}
.swiper__wapper p{ color: #949494; font-size: 14px; height: 180px;}
.swiper__wapper span{ display: block; width: 115px; height: 25px; line-height: 25px; border: 1px solid #929292; text-align: center; color: #626262; font-size: 14px; position: relative; transition: 0.4s; z-index: 4;}
.swiper__wapper span:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #294f8d; z-index: -1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .6s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .6s cubic-bezier(.215,.61,.355,1); transition:transform .6s cubic-bezier(.215,.61,.355,1); transition:transform .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.swiper__img_item figure{ display: block; width: 60.54%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden;}
.swiper__img_item figure img{ display: block; height: 100%; width: auto; transition: 0.68s;}
.swiper__img_item:hover figure img{ transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03);}
.swiper__img_item:hover .swiper__wapper strong{ color: #294f8d;}
.swiper__img_item:hover .swiper__wapper span{ color: #fff; border-color: #294f8d;}
.swiper__img_item:hover .swiper__wapper span:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.home-news__swiper .slick-dots{ position: absolute; left: 0; right: 39.46%; z-index: 10; bottom: 24px; height: 8px; text-align: center;}
.home-news__swiper .slick-dots li{ display: inline-block; margin-left: 14px;}
.home-news__swiper .slick-dots li:first-child{ margin-left: 0;}
.home-news__swiper .slick-dots li button{ margin: 0; padding: 0; border: none; width: 6px; height: 6px; text-indent: 9999px; cursor: pointer; border: 1px solid #fff; background: none; transition: 0.4s; border-radius: 50%; box-sizing: content-box; outline: none;}  
.home-news__swiper .slick-list{ z-index: 4; position: relative;}
.home-news__swiper .slick-dots li.slick-active button{ background: #fff;}

.home__business{ padding: 0 0 72px;}
.business__item{ width: 16.66666%; float: left; text-align: center; background: #4C7CAC;}
.business__item a{ display: block; position: relative; padding: 50px 0 60px; border-left: 2px solid #fff;}
.business__item:first-child a{ border-left: none;}
.business__item a:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #61AD53; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .6s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .6s cubic-bezier(.215,.61,.355,1); transition:transform .6s cubic-bezier(.215,.61,.355,1); transition:transform .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.business__item a b{ display: block; width: 65px; height: 58px; position: relative; margin: auto; margin-bottom: 14px;}
.business__item a b img{ display: block; max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.business__item a span{ display: block; text-align: center; line-height: 1; color: #FFF; font-size: 18px; font-weight: normal; position: relative; transition: 0.4s;}
.business__item a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.business__item a:hover span{ color: #fff;}

.home__main{ padding-bottom: 108px;}
.home__introducte{ width: 26.64%; float: left; margin-right: 1.76%;}
.home__title{ color: #4f4f4f; font-size: 14px; font-weight: bold; padding-left: 25px; position: relative; line-height: 16px; margin-bottom: 22px;}
.home__title:before{ content: ""; width: 10px; height: 10px; border: 3px solid #0068b7; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -8px;} 
.introducte__content figure{ display: block; line-height: 1; overflow: hidden;}
.introducte__content figure img{ display: block; position: relative; height: 213px; left: 50%; margin-left: -224px; transition: 0.56s;}
.introduct__down{ padding: 32px 7.52%; background: #294f8d;}
.introduct__down p{ color: #ffffff; font-size: 14px; height: 75px; margin-bottom: 50px; overflow: hidden;}
.introduct__down span{ display: inline-block; line-height: 1; color: #fff; font-size: 14px; position: relative;}
.introduct__down span:before{ content: ""; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: -3px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .4s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .4s cubic-bezier(.215,.61,.355,1); transition:transform .4s cubic-bezier(.215,.61,.355,1); transition:transform .4s cubic-bezier(.215,.61,.355,1),-webkit-transform .4s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.introducte__content:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.introducte__content:hover .introduct__down span:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

.home__party{ float: left; width: 43.35%;}
.party-content{ position: relative; max-width: 100%; overflow: hidden;}
.party-swipter{ position: relative;}
.party__item{ float: left; position: relative; width: 100%; overflow: hidden;}
.party__item img{ display: block; height: 427px; position: relative; left: 50%; margin-left: -365px; transition: 0.68s;}
.party__item span{ box-sizing: border-box; padding-right: 14%; display: block; color: #ffffff; font-size: 16px; line-height: 72px; text-indent: 18px; background: url(../images/partybg.png) repeat; background: rgba(0,0,0,0.5); width: 100%; position: absolute; left: 0; bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.party-content .slick-dots{ position: absolute; right: 36px; bottom: 32px; z-index: 20; height: 8px;}
.party-content .slick-dots li{ float: left; margin-left: 15px; line-height: 1;}
.party-content .slick-dots li:first-child{ margin-left: 0;}
.party-content .slick-dots li button{ padding: 0; margin: 0; box-sizing: border-box; width: ;}
.party-content .slick-dots li button{ margin: 0; padding: 0; border: none; width: 6px; height: 6px; text-indent: 9999px; cursor: pointer; border: 1px solid #fff; background: none; transition: 0.4s; border-radius: 50%; box-sizing: content-box; outline: none;}  
.party-content .slick-dots li.slick-active button{ background: #fff;}
.party-content .slick-list{ z-index: 4; position: relative;} 
.party-swipter__btn span{ display: block; cursor: pointer; width: 30px; height: 34px; line-height: 34px; text-align: center; color: #fff; background: #000; filter:alpha(opacity=30); background: rgba(0,0,0,0.3); transition: 0.45s; position: absolute; top: 50%; margin-top: -17px; font-size: 15px; z-index: 30;}
.party-swipter__btn span:hover{ background: #4C7CAC;}
.party-swipter__btn span.prev{ left: 0;}
.party-swipter__btn span.next{ right: 0;}
.party__item:hover img{ transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03);}
.home__dymanic{ width: 26.64%; float: right;}
.dymanic-img{ overflow: hidden; line-height: 1;}
.dymanic-img img{ display: block; position: relative; height: 213px; left: 50%; margin-left: -224px;}
.dymamic-list{ padding: 24px; border: 1px solid #d0d0d0;}
.dymamic-list li{ margin-top: 10px;}
.dymamic-list li:first-child{ margin-top: 0;}
.dymamic-list li a{ display: block; padding-left: 19px; position: relative; color: #616161; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.dymamic-list li a:before{ content: ""; width: 4px; height: 4px; background: #929292; position: absolute; left: 0; top: 50%; margin-top: -2px; transition: 0.36s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.dymamic-list li a:hover{ color: #294f8d;}
.dymamic-list li a:hover:before{ background: #294f8d;}

.footer__top{ padding: 54px 110px 54px; background: #e9e9e9;}
.footer__nav{ float: left; margin-left: 16px;}
.footer__item{ display: block; float: left; width: 168px;}
.footer__item dt{ display: block; margin-bottom: 20px;}
.footer__item dt a{ display: inline-block; color: #333; font-size: 16px; font-weight: bold; line-height: 1.2;}
.footer__item_a{ margin-bottom: 6px;}
.footer__item_a a{ display: inline-block; color: #999999; font-size: 14px;}
.footer__item_a a:hover{ color: #294f8d;}
.footer__chare{ float: right;}
.footer__chare img{ display: block; padding: 8px; width: 120px; background: #fff;}
.footer__chare span{ display: block; height: 29px; line-height: 29px; text-align: center; color: #666;}
.footer__bottom{ padding: 16px 110px; background: #2f2f2f;}
.footer__bottom p{ float: left; color: #FFF;}
.footer__bottom a{ display: block; float: right; color: #FFF;}
.footer__bottom a:hover{ color: #fff;}

.home-news.article-block .home-news__tab,.home-news.article-block .home-news__swiper{ opacity: 0; visibility: hidden; transform: translateY(55px); -webkit-transform: translateY(55px); -moz-transform: translateY(55px); transition: 0.6s;}
.home-news.article-block .home-news__swiper{ transition-delay: 0.25s;}
.home-news.articleShow .home-news__tab,.home-news.articleShow .home-news__swiper{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0);}
.banner__news.article-block .news_item,.home__main.article-block .home__introducte,.home__main.article-block .home__dymanic,.home__main.article-block .home__party{ opacity: 0; visibility: hidden; transform: translateY(40px); -webkit-transform: translateY(40px); -moz-transform: translateY(40px); transition: 0.5s;}
.banner__news.articleShow .news_item,.home__main.articleShow .home__introducte,.home__main.articleShow .home__dymanic,.home__main.articleShow .home__party{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0);}
.banner__news.article-block .news_item:nth-child(2),.home__main.article-block .home__party{ transition-delay: 0.2s;}
.banner__news.article-block .news_item:nth-child(3),.home__main.article-block .home__dymanic{ transition-delay: 0.4s;}

.home__business.article-block .business__item{ opacity: 0; visibility: hidden; transform: translateY(40px); -webkit-transform: translateY(40px); -moz-transform: translateY(40px); transition: 0.5s;}
.home__business.articleShow .business__item{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0);}
.home__business.article-block .business__item:nth-child(2){ transition-delay: 0.2s;}
.home__business.article-block .business__item:nth-child(3){ transition-delay: 0.4s;}
.home__business.article-block .business__item:nth-child(4){ transition-delay: 0.6s;}
.home__business.article-block .business__item:nth-child(5){ transition-delay: 0.8s;}
.home__business.article-block .business__item:nth-child(6){ transition-delay: 1s;}

.pbanner{ position: relative;}
.pbanner__img{ position: relative; padding-bottom: 35.26%; line-height: 1; overflow: hidden; height: 0;}
.pbanner__img img{ display: block; width: 100%; height: auto; line-height: 0;}
.pbanner__text{ width: 100%; position: absolute; left: 0; top: 50%; margin-top: -47px; text-align: center;}
.pbanner__text strong{ display: block; text-align: center; color: #ffffff; line-height: 1; font-size: 30px; margin-bottom: 16px;}
.pbanner__text small{ display: block; line-height: 1; color: #fff; font-size: 30px; font-weight: bold; text-align: center; position: relative; padding-bottom: 19px; text-transform: uppercase;}
.pbanner__text small:before{ content: ""; width: 36px; height: 3px; background: #fff; position: absolute; left: 50%; margin-left: -18px; bottom: 0;}
.pbanner__menu{ position: absolute; left: 110px; right: 110px; bottom: 0;}

.menu__list li{ width: 16.66666%; float: left; position: relative; background: #2a4f8c; filter:alpha(opacity=95); background: rgba(42,79,140,0.95);}
.menu__list li:before{ content: ""; width: 1px; height: 100%; background: #fff; opacity: 0.2; filter:alpha(opacity=20); position: absolute; left: 0; top: 0;} 
.menu__list li:after{ content: ""; width: 100%; height: 100%; background: #61AD53; position: absolute; left: 0; top: 0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transition:transform .64s cubic-bezier(.215,.61,.355,1); transition:transform .64s cubic-bezier(.215,.61,.355,1),-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.menu__list li a{ display: block; text-align: center; height: 66px; line-height: 66px; color: #ffffff; font-size: 16px; z-index: 3; position: relative;}
.menu__list li:first-child:before{ display: none;}
.menu__list li:hover:after,.menu__list li.active:after{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

.menu__list1 li{ width: 100%;}
.menu__list2 li{ width: 50%;}
.menu__list3 li{ width: 33.333333%;}
.menu__list4 li{ width: 25%;}
.menu__list5 li{ width: 20%;}
.menu__list6 li{ width: 16.66666%;}

.container{ margin: 0 110px;}
.introduct{ padding: 160px 0 124px;}
.introduct__text{ width: 39.76%; float: left;}
.introduct__text h2{ color: #333333; font-size: 35px; font-weight: normal; line-height: 1.2; margin-bottom: 58px;}
.introduct__text p{ color: #666666; font-size: 16px; text-align: justify;}
.introduct__img{ width: 47.53%; float: right; line-height: 1;}
.introduct__img img{ display: block; width: 100%; height: auto; line-height: 0;}
.pbanner__text.article-block small:before{ width: 0; margin-left: 0; transition: 0.56s 0.25s;}
.pbanner__text.articleShow small:before{ width: 36px; margin-left: -18px;}
.mechanism{ padding: 96px 0 100px; background-attachment: fixed; background-position: center; background-size: cover;}
.mechanism__wapper{ width: 1000px; margin: auto;}
.mechanism__wapper img{ display: block; max-width: 100%; margin:30px auto;}
.mechanism__wapper p{ color: #666666; font-size: 16px; text-align: justify;}
.course{ padding-bottom: 0; padding-top: 130px;}
.course__wapper{ width: 1030px; margin: auto;}
.course__title{ text-align: center; margin-bottom: 38px;}
.course__title strong{ display: block; color: #4C7CAC; font-size: 48px; font-weight: normal; text-align: center; line-height: 1; margin-bottom: 12px;}
.course__title small{ display: block; text-align: center; color: #9d9d9d; font-size: 14px; font-family: arial; line-height: 1; font-weight: bold;}
.course__content{ position: relative;}
.course__content:before{ content: ""; width: 1px; background: #999999; position: absolute; left: 50%; top: 0; bottom: 0;}
.course__dit{ width: 31px; height: 31px; border-radius: 50%; background: #fff; margin: auto; position: relative; box-shadow: 0 0 9px rgba(0,0,0,0.35);}
.course__dit:before{ content: ""; width: 19px; height: 19px; background: #4C7CAC; border-radius: 50%; position: absolute; left: 6px; top: 6px;}
.course__list{ padding-top: 115px; padding-bottom: 180px;}
.course__list li{ padding: 25px 34px 42px 35px; width: 400px; float: right; position: relative; background: #fff; margin-top: 80px;}
.course__list li:first-child{ margin-top: 0;}
.course__list li:before{ content: ""; width: 10px; height: 10px; background: #4C7CAC; border-radius: 50%; border: 3px solid #fff; position: absolute; left: -54px; top: 1px;}
.course__list li:after{ content: ""; width: 28px; height: 1px; background: #999999; position: absolute; left: -38px; top: 9px;}
.course__list li time{ display: block; line-height: 1; color: #4C7CAC; font-size: 20px; font-weight: bold; margin-bottom: 21px;}
.course__list li p{ color: #666666; font-size: 14px; line-height: 2.1;}
.course__list li img{ display: block; width: 100%; transition: 0.6s; height: auto; margin-top: 26px;}
.course__list li.course__item__left{ float: left;}
.course__list li.course__item__left:before{ left: auto; right: -54px;}
.course__list li.course__item__left:after{ left: auto; right: -38px;}
.course__list li:hover img{ transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02);}
.speed .introduct__text{ float: right;}
.speed .introduct__img{ float: left;}
.speed__title{ margin-bottom: 36px;}
.speed__title strong{ display: block; line-height: 1; color: #333333; font-size: 35px; font-weight: normal; margin-bottom: 16px;}
.speed__title span{ display: block; line-height: 1; color: #333333; font-size: 16px;}

.member{ margin: 0 110px; padding: 146px 0 100px;}
.member__list li{ margin-bottom: 60px;}
.member__list li figure{ display: block; float: left; width: 586px; overflow: hidden; line-height: 1;}
.member__list li figure img{ display: block; width: 100%; height: auto; transition: 0.65s;}
.member__text{ margin-left: 662px;}
.member__text strong{ display: block; color: #666666; font-size: 24px; font-weight: bold; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 30px; transition: 0.4s;}
.member__text p{ color: #5b5b5b; font-size: 14px; line-height: 2; height: 126px; width: 830px; max-width: 100%; overflow: hidden;}
.member__text span{ display: block; padding-left: 28px; width: 160px; border: 1px solid #d4d4d4; height: 52px; line-height: 52px; color: #999999; font-size: 14px; position: relative; border-radius: 26px; z-index: 3; transition: 0.45s;}
.member__text span:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 24px; background: #4C7CAC; opacity: 0; visibility: hidden; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transition: 0.48s; z-index: -1;}
.member__text span i{ display: block; color: #999999; line-height: 1; font-size: 16px; position: absolute; right: 32px; top: 50%; margin-top: -8px; transition: 0.35s;}
.member__list li a:hover figure img{ transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03);}
.member__list li a:hover .member__text strong{ color: #4C7CAC;}
.member__list li a:hover .member__text span{ color: #fff; border-color: #4C7CAC;}
.member__list li a:hover .member__text span:before{ opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1);}
.member__list li a:hover .member__text span i{ color: #fff; right: 28px;}


.culture{ padding: 124px 0;}
.culture__item{ width: 24.47%; float: left; position: relative; margin-left: 0.7%;}
.culture__item:first-child{ margin-left: 0;}
.culture__item figure{ display: block; width: 100%; line-height: 1; overflow: hidden;}
.culture__item figure img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.68s;}
.culture__text{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5;}
.culture__text:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #2a4f8c; filter:alpha(opacity=80); background: rgba(42,79,140,0.8); opacity: 0; visibility: hidden; transition: 0.68s;}
.culture__text:after{ content: ""; width: 100%; height: 10px; background: #4C7CAC; position: absolute; left: 0; bottom: 0; z-index: 10; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transition:transform .64s cubic-bezier(.215,.61,.355,1); transition:transform .64s cubic-bezier(.215,.61,.355,1),-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.culture__body{ width: 90%; position: absolute; left: 50%; margin-left: -45%; top: 50%; height: 170px; margin-top: -85px; overflow: hidden; transition: 0.5s; text-align: center; z-index: 5;}
.culture__body b{ display: block; width: 96px; height: 96px; border-radius: 50%; position: relative; margin: auto; background: #4C7CAC; text-align: center; line-height: 96px; font-weight: normal; color: #fff; font-size: 44px; margin-bottom: 30px; transition: 0.58s;}
.culture__body strong{ display: block; color: #fff; font-size: 20px; font-weight: normal; text-align: center; margin-bottom: 8px; line-height: 1;}
.culture__body small{ display: block; text-align: center; line-height: 1; color: #fff; font-size: 16px; font-family: arial;}
.culture__body span{ display: block; line-height: 1.2; color: #fff; font-size: 14px; text-align: center; padding-top: 52px; margin-top: 20px; position: relative;}
.culture__body span:before{ content: ""; width: 1px; height: 27px; background: #fff; position: absolute; left: 50%; top: 0;}
.culture__item:hover figure img{ transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04);}
.culture__item:hover .culture__text:before{ opacity: 1; visibility: visible;}
.culture__item:hover .culture__body b{ background: #fff; color: #4C7CAC;}
.culture__item:hover .culture__body{ height: 258px; margin-top: -129px;}
.culture__item:hover .culture__text:after{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

.news{ padding-bottom: 50px;}
.news__lists{ margin-bottom: 56px;}
.news__lists li{ width: 50%; float: left; border-bottom: 1px solid #eaeaea;}
.news__lists li a{ display: block; padding: 48px 44px 58px 15.83%; border-left: 1px solid #eaeaea; margin-left: -1px;}
.news__lists li a figure{ display: block; width: 288px; float: left; margin-right: 36px; line-height: 1; overflow: hidden;}
.news__lists li a figure img{ display: block; width: 100%; height: auto; transition: 0.58s;}
.news__main strong{ display: block; color: #333333; font-size: 18px; line-height: 1.4; margin-bottom: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news__main p{ color: #999999; font-size: 14px; height: 150px;}
.news__main time{ display: inline-block; line-height: 1; color: #999999; font-size: 12px;}
.news__main:hover strong{ color: #4C7CAC;}
.news__lists li.news__itemtwo a{ padding: 48px 15.83% 58px 44px;}
.news__lists li a:hover{ background: #E9E9E9;}
.news__lists li a:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.pages{ width: 1100px; margin: auto; max-width: 90%; background: #2a4f8c; padding: 11px 0 10px; text-align: center;}
.pages a{ display: inline-block; margin-left: 6px; width: 20px; text-align: center; color: #fff; line-height: 1; padding-bottom: 9px; position: relative; font-size: 16px; font-family: arial; font-weight: bold; vertical-align: middle; margin-top: 6px; font-weight: normal;}
.pages a:before{ content: ""; width: 100%; height: 3px; background: #fff; position: absolute; left: 0; bottom: 0; height: 0; transition: 0.3s;}
.pages a:first-child{ margin-left: 0;}
.pages a:hover:before,.pages a.active:before{ height: 3px;}
.pages a.page__btn{ width: 28px; height: 28px; margin-top: 0; border: 1px solid #fff; border-radius: 50%; text-align: center; line-height: 28px; color: #fff; font-size: 14px; padding-bottom: 0;}
.pages a.page__btn:before{ display: none;}
.pages a.page__btn.prev{ margin-right: 36px;}
.pages a.page__btn.next{ margin-left: 36px;}
.pages a.page__btn:hover{ background: #4C7CAC; border-color: #4C7CAC;}
.banner-inner .pbanner__img{ padding-bottom: 19.43%;}
.news-view{ padding-bottom: 76px;}
.news-view__inner{ position: relative; z-index: 5; width: 1000px; margin: auto; margin-top: -180px;}
.news-view__title{ margin-bottom: 54px; text-align:center;}
.news-view__title h1{ color: #FFF; line-height: 1.2; font-size: 30px; margin-bottom: 18px;}
.news-view__time{ text-align:center;}
.news-view__time time{ color: #FFF; font-size: 14px; margin-right: 12px;}
.news-view__time span{ display: block; float: left; color: #4C7CAC; font-size: 14px;}
.news-view__content{ background: #ffffff; padding: 0 60px 0 36px;}
.news__share{ padding: 33px 0 32px; border-bottom: 1px solid #e6e6e6;}
.news__share span{ display: block; float: left; line-height: 38px; margin-right: 18px; color: #bbbbbb; font-size: 20px;}
.news__share a{ display: block; float: left; margin-right: 6px; width: 38px; height: 38px; text-align: center; border-radius: 50%; background: #e6e6e6; color: #b6b6b6; font-size: 18px; line-height: 38px;}
.news__share a:hover{ background: #4C7CAC; color: #fff;}
.news__views{ padding: 62px 0 80px;}
.news__views img{ width: auto !important; max-width: 100%; height: auto;margin:0 auto;display: block;}
.news__views p{ color: #666666; font-size: 15px; line-height: 2; text-align: justify; text-indent:2em; margin-top:5px;}
.previous{ position: relative; padding-top: 39px; border-top: 1px solid #dcdcdc;} 
.previous__btn{ float: left;}
.previous__btn b{ display: block; width: 36px; height: 36px; border-radius: 50%; background: #999999; text-align: center; line-height: 36px; color: #fff; font-size: ebebeb; font-size: 18px; font-weight: normal; transition: 0.4s; float: left;}
.previous__btn span{ display: block; float: left; color: #999999; line-height: 36px; margin-left: 15px;}
.previous__btn.next{ float: right;}
.previous__btn.next b{ float: right;}
.previous__btn.next span{ float: left; margin-left: 0; margin-right: 15px;}
.previous__btn:hover b{ background: #4C7CAC;}
.previous__backlist{ position: absolute; left: 50%; margin-left: -51px; top: 39px;} 
.previous__backlist a{ display: block; width: 91px; height: 36px; line-height: 36px; text-align: center; color: #fff; font-size: 14px; border-radius: 23px; background: #999999;}
.previous__backlist a:hover{ color: #fff; background: #4C7CAC;}

/*资料下载*/
.nw1{ padding: 55px 0 35px 0; }
.nw1 .hot-news{ margin-bottom: 65px; }
.hot-news .nw-date{ float: left; }
.hot-news .ti{ margin: 10px 0 0 80px; height: 48px; overflow: hidden; font-size: 18px; line-height: 24px; font-weight:bold; color: #333; -webkit-transition: 300ms; transition: 300ms; }
.hot-news .t{ height: 110px; padding: 35px 35px 0 35px; overflow: hidden; -webkit-transition: 600ms; transition: 600ms; }
.hot-news a{ display: block; background: #fff; color: #666; }
.hot-news .pic{ float: left; width: 45.83%; }
.hot-news .txts{ float: left; width: 54.17%; }
.hot-news .pa{ padding: 0 50px 0 50px; }
.hot-news .t{ padding-left: 0; padding-right: 0; padding-bottom: 40px; height: auto; border-bottom: 1px solid #ccc; }
.hot-news .tx{ line-height: 28px; max-height: 112px; margin-top: 25px; }
.hot-news .nw-dot{ margin: 45px 0 0 7px; }
.nw-date{ position: relative; width: 60px; height: 70px; border: 1px solid #4C7CAC; border-radius: 5px; overflow: hidden; font-size: 12px; color: #4C7CAC; line-height: 1; -webkit-transition: 300ms; transition: 300ms; }
.nw-date span{ display: block; }
.nw-date .y{ margin-top: 45px; }
.nw-date .d i{ display: none; }
.nw-date .d{ position: absolute; left: 0; right: 0; top: 8px; font-size: 30px; }
.nw-dot{ display: block; position: relative; }
.nw-dot:after,.nw-dot:before{ content: ""; position: absolute; top: 0; }
.nw-dot,.nw-dot:after,.nw-dot:before{ width: 4px; height: 4px; border-radius: 100%; background: #ccc; -webkit-transition: 300ms; transition: 300ms; }
.nw-dot:after{ left: -7px; }
.nw-dot:before{ right: -7px; }

.nw1 .mt-list{ margin-bottom: 60px; }
.mt-list .b a{ padding-right: 80px; display: block; position: relative; line-height: 54px; color: #666; border-bottom: 1px solid #ccc; }
.mt-list .nowti{ line-height: 54px; font-size: 15px; }
.mt-list .date{ position: absolute; top: 0; right: 0; }
.mt-list{ border-top: 1px solid #ccc; }
.mt-list .ia-more{ margin-top: 50px; }
.mt-list li{ display: none; }
.nowti{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1.4; }

/*专题要闻*/
.special{ padding: 124px 0 96px;}
.special__item:first-child{ margin-top: 0;}
.special__item{ margin-top: 48px; position: relative;}
.special__img{ width: 50%; float: left; line-height: 1; overflow: hidden;}
.special__img img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.65s;}
.special__img:hover img{ transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04);}
.special__content{ width: 50%; height: 100%; box-sizing: border-box; border: 1px solid #e5e5e5; position: absolute; right: 0; top: 0;}
.special__wrapper{ padding: 36px 7.52% 0;}
.special__wrapper strong{ display: block; color: #333333; font-size: 24px; line-height: 1; margin-bottom: 42px;}
.special__list li{ margin-bottom: 2%;}
.special__list li span{ display: block; float: left; max-width: 80%; color: #666666; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.4s;}
.special__list li time{ display: block; float: right; color: #666666; font-size: 14px;}
.special__list li:hover span{ color: #4C7CAC;}
.special__btn{ padding-top: 5%;}
.special__btn a{ display: block; padding-left: 28px; width: 160px; border: 1px solid #d4d4d4; height: 52px; line-height: 52px; color: #999999; font-size: 14px; position: relative; border-radius: 26px; z-index: 3; transition: 0.45s;}
.special__btn a:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 24px; background: #4C7CAC; opacity: 0; visibility: hidden; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transition: 0.48s; z-index: -1;}
.special__btn a i{ display: block; color: #999999; line-height: 1; font-size: 16px; position: absolute; right: 32px; top: 50%; margin-top: -8px; transition: 0.35s;}
.special__btn a:hover{ color: #fff; border-color: #4C7CAC;}
.special__btn a:hover:before{ opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1);}
.special__btn a:hover i{ color: #fff; right: 28px;}

.special-list{ background-attachment: fixed; background-size: cover; background-position: center;}
.special__inner{ width: 1000px; margin: auto; padding: 85px 55px 158px 55px; background: url(../images/specialbg.png) repeat;}
.special__top{ margin-bottom: 52px;}
.special__top strong{ display: block; float: left; color: #333333; font-size: 24px; line-height: 42px;}
.special__top a{ display: block; width: 146px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #c3c3c4; color: #666666; font-size: 14px; position: relative; z-index: 3; float: right;}
.special__top a:before{ content: ""; width: 100%; height: 100%; background: #4C7CAC; position: absolute; left: 0; top: 0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transition:transform .64s cubic-bezier(.215,.61,.355,1); transition:transform .64s cubic-bezier(.215,.61,.355,1),-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; z-index: -1;}
.special__top a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.special__top a:hover{ border-color: #4C7CAC; color: #fff;}
.special__list1 li{ margin-bottom: 15px;}
.special-prev{ text-align: center; margin-top: 46px; padding-top: 23px; border-top: 1px solid #c7c5c2; position: relative;}
.special-prev .specila__btn{ display: block; width: 146px; height: 40px; line-height: 40px; text-align: center; color: #666666; font-size: 14px; border: 1px solid #c6c5c2; float: left; position: relative; z-index: 3;}
.special-prev .specila__btn.next{ float: right;}
.special-prev .specila__btn:before{ content: ""; width: 100%; height: 100%; background: #4C7CAC; position: absolute; left: 0; top: 0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transition:transform .64s cubic-bezier(.215,.61,.355,1); transition:transform .64s cubic-bezier(.215,.61,.355,1),-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; z-index: -1;}
.special-prev .specila__btn:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.special-prev .specila__btn:hover{ border-color: #4C7CAC; color: #fff;}
.special__page{ width: 100%; position: absolute; left: 0; top: 23px; text-align: center;}
.special__page a{ width: 50px; height: 42px; text-align: center; line-height: 42px; color: #666666; font-size: 14px; display: inline-block;}
.special__page a:hover,.special__page a.active{ background: #4C7CAC; color: #fff;}


.party{ padding: 75px 85px 130px;}
.party__list{ padding-bottom: 52px;}
.party__list li{ width: 33.33333%; float: left; margin-bottom: 48px;}
.party__list li a{ display: block; transition: 0.4s; margin: 0 24px; padding: 26px 8.27% 32px; background: #e9e9e9;}
.party_tt{ display: block; color: #4C7CAC; font-size: 14px; line-height: 1; font-weight: normal; margin-bottom: 38px;}
.party__wr{ margin-bottom: 46px; height: 96px;}
.partyimg{ width: 125px; float: left; line-height: 1; margin-right: 20px; overflow: hidden;}
.partyimg img{ display: block; width: 100%; height: auto; transition: 0.45s;}
.party__con h3{ color: #333333; font-size: 18px; font-weight: normal; margin-top: -8px;}
.party__con p{ color: #666666; font-size: 14px; margin-top: 4px;}
.party__list li time{ display: block; line-height: 1; color: #999999; font-size: 14px;}
.party__list li a:hover{ background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.1);}
.party__list li a:hover .partyimg img{ transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04);}

.business{ width: 1000px; margin: auto; padding: 148px 0;}
.business__icon{ float: left; padding-left: 29px; width: 183px; padding-top: 40px; padding-bottom: 32px; border: 3px solid #2a4d86;}
.business__icon b{ display: block; height: 58px; margin-bottom: 56px;}
.business__icon b img{ max-height: 100%; width: auto;}
.business__icon span{ display: block; line-height: 1; color: #666666; font-size: 20px; margin-bottom: 16px;}
.business__icon small{ display: block; line-height: 1.4; color: #666666; font-size: 20px; text-transform: uppercase; height: 56px;}
.business__text{ margin-left: 292px; margin-top: -8px;}
.business__text p{ color: #666666; font-size: 14px; line-height: 2.2; text-align: justify;}

.briefhideen{ overflow: hidden; position: relative;} 
.briefbann{ width: 1050px; margin: auto;}
.briefin{ float: left; line-height: 1; position: relative;}
.briefin figure{ display: block; padding: 0 1px; overflow: hidden;}
.briefin figure img{ display: block; width: 100%; height: auto; line-height: 0;}
.briefin span{ display: block; width: 100%; height: 75px; line-height: 75px; text-align: center; color: #fff; font-size: 15px; position: absolute; left: 0; bottom: 0; background: url(../images/partybg.png) repeat; background: rgba(0,0,0,0.7); display: none;}
.briefbann .slick-list{ overflow: visible;}
.briefswiper span{ color: #777676; font-size: 20px; font-weight: bold; display: block; width: 44px; height: 44px; border: none; padding: 0; margin: 0; outline: none; border-radius: 50%; position: absolute; background: rgba(255,255,255,0.63); top: 50%; margin-top: -30px; text-align: center; line-height: 44px; overflow: hidden; cursor: pointer; transition: 0.4s; z-index: 120;}
.briefswiper.prev span{ background: #fff; filter:alpha(opacity=20); background: rgba(255,255,255,0.63); right: 15px;}
.briefswiper.next span{ background: #fff; filter:alpha(opacity=20); background: rgba(255,255,255,0.63); left: 15px;}
.briefswiper{ width: calc((100% - 1054px)/2); height: 100%; position: absolute; top: 0; background: url(../images/bg1.png) repeat; background: rgba(0,0,0,0.5); z-index: 20;}
.briefswiper.prev{ left: 0;}
.briefswiper.next{ right: 0;}
.briefswiper span:hover{ color: #fff; background: #4C7CAC; filter: alpha(opacity=100);}
.briefin.slick-current span{ display: block;}
.business__bg{ background: #e9e9e9;}
.businessbox{ padding: 62px 90px 32px;}
.business__list li{ width: 25%; float: left; margin-bottom: 56px;}
.business__list li a{ display: block; overflow: hidden; margin: 0 21px; position: relative;}
.business__list li a figure{ display: block; line-height: 1; overflow: hidden;}
.business__list li a figure img{ display: block; width: 100%; height: auto; transition: 0.58s;}
.business__list li a figure span{ display: block; width: 100%; text-align: center; position: absolute; left: 0; bottom: 0; z-index: 5; height: 64px; line-height: 64px; color: #fff; font-size: 16px; background: url(../images/partybg.png) repeat; background: rgba(0,0,0,0.7); transition: 0.3s;}
.business_content{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10;}
.business_content:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #2a4f8c; filter:alpha(opacity=70); background: rgba(42,79,140,0.7); -webkit-transition:-webkit-transform .65s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .65s cubic-bezier(.215,.61,.355,1); transition:transform .65s cubic-bezier(.215,.61,.355,1); transition:transform .65s cubic-bezier(.215,.61,.355,1),-webkit-transform .65s cubic-bezier(.215,.61,.355,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.business__wr{ position: absolute; left: 40px; right: 40px; top: 50%; text-align: center; margin-top: -64px; text-align: center; opacity: 0; visibility: hidden; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transition: 0.5s;}
.business__wr span{ display: block; text-align: center; line-height: 1; color: #fff; font-size: 16px; margin-bottom: 18px;}
.business__wr p{ text-align: center; color: #fff; font-size: 14px; margin-bottom: 18px; height: 50px; overflow: hidden;}
.business__wr b{ display: block; text-align: center; color: #fff; font-size: 22px; font-weight: normal; line-height: 1;}
.business_content i{ display: block; width: 110px; height: 110px; background: #4C7CAC; color: #fff; font-size: 14px; background: #4C7CAC; position: absolute; right: -110px; bottom: -110px; border-radius: 50%; font-style: normal; line-height: 65px; text-indent: 24px; transition: 0.5s;}
.business__list li a:hover figure img{ transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04);}
.business__list li a:hover .business_content:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.business__list li a:hover figure span{ opacity: 0; visibility: hidden;}
.business__list li a:hover .business_content i{ right: -54px; bottom: -54px;}
.business__list li a:hover .business__wr{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px);}

.business__wapper{ position: relative; z-index: 5; width: 1070px; margin: auto; margin-top: -480px; border-top: 9px solid #4C7CAC; background: #fff;}
.business__wapper{ padding: 42px 65px 0 65px;}
.busitt{ display: block; color: #333333; font-size: 30px; text-align: center; line-height: 1; font-weight: bold; margin-bottom: 28px;}
.business_bann{ width: 834px; margin: auto; position: relative; z-index: 5; max-width: 100%;}
.businee__items{ float: left;}
.businee__items img{ display: block; width: 100%; height: auto;}
.bannsinessin{ position: relative;}
.business__btn{ width: 42px; height: 42px; border: 1px solid #c7c7c7; border-radius: 50%; position: absolute; top: 50%; margin-top: -22px; text-align: center; color: #bebebe; font-weight: bold; line-height: 42px; transition: 0.4s; font-size: 18px; cursor: pointer; z-index: 10;}
.business__btn.prev{ left: 46px;}
.business__btn.next{ right: 46px;}
.business__btn:hover{ background: #676767; border-color: #676767; color: #fff;}
.business__view{ margin-top: 62px;}
.business__view p{ color: #666666; font-size: 15px; text-align: justify;}
.assets{ margin-top: 40px;}
.assets__item{ margin-bottom: 10px; height: 50px;}
.assets__item span{ display: block; padding-left: 18px; width: 520px; height: 50px; line-height: 50px; color: #fff; font-size: 15px; float: left; background: #4C7CAC;}
.assets__item b{ display: block; float: left; color: #666666; font-size: 14px; line-height: 50px; font-weight: normal; margin-left: 16px;}
.assets__item1 span{ background: #294d86; width: 332px;}
.businessimg img{ display: block; width: 100%; height: auto; line-height: 1;}

.tendering{ padding: 76px 0 130px; margin:0 83px;}
.tenderin li{ width: 50%; float: left; margin-bottom: 46px;}
.tenderin li a{ display: block; margin: 0 27px; background: #e9e9e9; position: relative; padding: 26px 56px 32px 46px; transition: 0.56s;}
.tenderin li a strong{ display: block; color: #4C7CAC; font-size: 14px; line-height: 1; font-weight: normal; margin-bottom: 36px;}
.tender__data{ width: 71px; text-align: center; padding-top: 15px; padding-bottom: 10px; background: #d0d0d0; position: absolute; right: 0; top: 0;}
.tender__data p{ color: #ffffff; font-size: 16px; line-height: 1; font-family: arial; font-weight: bold;}
.tender__data p:first-child{ margin-bottom: 9px;}
.tendering__text{ margin-bottom: 62px;}
.tendering__text h3{ color: #333333; font-size: 18px; line-height: 1.2; font-weight: normal; margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tendering__text p{ color: #666666; font-size: 14px; height: 50px; overflow: hidden;}
.tenderin li a span{ display: inline-block; line-height: 1; color: #999999; font-size: 14px;}
.tenderin li a:hover{ background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.3);}
.tenderin{ padding-bottom: 60px;}

.recuites{ padding: 64px 85px 100px;}
.recuite__list li{ width: 33.3333%; float: left; margin-bottom: 50px;}
.recuite__wapper{ margin: 0 25px; background: #e9e9e9; position: relative; padding: 26px 40px 32px;  cursor: pointer; transition: 0.5s;}
.recuite__cc{ display: block; color: #4C7CAC; font-size: 14px; line-height: 1; font-weight: normal; margin-bottom: 44px;} 
.recuite__tt{ display: block; line-height: 1.2; color: #333333; font-size: 18px; font-weight: normal; margin-bottom: 13px;}
.recuite__text{ height: 86px;}
.recuite__text p{ float: left; color: #666666; font-size: 14px; margin-right: 20px;}
.recuite__map{ color: #999999; font-size: 14px; line-height: 1;} 
.recuite__map i{ display: inline-block; font-style: normal; color: #4C7CAC; font-size: 24px; margin-right: 14px;}
.recuite__arrow{ width: 80px; height: 58px; text-align: center; display: block; position: absolute; right: 0; bottom: 0; line-height: 58px; background: #c7c7c7; color: #fff; font-size: 24px; font-weight: bold; transition: 0.45s;}
.recuite__wapper:hover{ background: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.1);}
.recuite__wapper:hover .recuite__arrow{ background: #eddbb2;}

.recuite-pop{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99; opacity: 0; visibility: hidden; transition: 0.65s;}
.recuite__bg{ width: 100%; height: 100%; background: #000; filter:alpha(opacity=80); background: rgba(0,0,0,0.8);}
.recuite__show{ width: 900px; padding: 0 50px; background: #fff; position: absolute; left: 50%; margin-left: -500px; top: 50%; margin-top: -356px; opacity: 0; visibility: hidden; transform: translateX(65px); -webkit-transform: translateX(65px); -moz-transform: translateX(65px); transition: 0.65s;}
.recuite__top{ padding: 42px 0 16px; border-bottom: 1px solid #e1e1e1;}
.recuite__top strong{ display: block; line-height: 1; color: #323232; font-size: 30px; font-weight: normal; float: left;}
.close{ display: block; float: right; margin-top: 7px; line-height: 1; cursor: pointer; color: #072e4d; font-size: 14px; margin-right: 10px;}
.close i{ display: inline-block; font-style: normal; line-height: 1; color: #072e4d; font-size: 14px; margin-right: 6px; transition: 0.4s; position: relative;}
.close:hover i{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.recuite__main{ height: 467px; overflow-y: auto;}
.recuite__main::-webkit-scrollbar {
	width: 10px;
	background-color: white
}

.recuite__main::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: white
}

.recuite__main::-webkit-scrollbar-thumb {
	border-radius: 0px;
	background-color: #4C7CAC;
}
.recuite__down{ padding: 30px 0 28px;}
.recuite__main p{ color: #323232; font-size: 14px; width: 700px; max-width: 100%;}
.recuite__sub{ margin-top: 40px;}
.recuite__sub a{ display: block; padding: 10px 15px; width: 72px; font-size: 14px; line-height: 1.4; background: #4C7CAC; color: #fff;}
.recuite__sub a:hover{ background: #0068B7;}
.recuite-pop.show{ opacity: 1; visibility: visible;}
.recuite-pop.show .recuite__show{ opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);}

.contact{ padding: 158px 110px 124px;}
.contact__address{ float: left;}
.contact__title{ display: block; color: #333333; font-size: 35px; line-height: 1.2; margin-bottom: 66px; font-weight: normal;}
.address__list p{ color: #666666; font-size: 16px; margin-bottom: 12px;}
.address__list p:first-child i{ font-size: 20px;}
.address__list p:last-child i{ font-size: 24px;}
.address__list p i{ display: inline-block; color: #3b3b3b; font-size: 22px; vertical-align: middle; margin-right: 18px;}
.map{ width: 808px; height: 670px; float: right;background: url(../images/class/map_bg.jpg) no-repeat center;}
.anchorBL{ display: none !important;}
.BMap_bubble_title{ color: #4C7CAC; font-size: 14px;}
.error{ width: 1000px; margin: auto; padding: 145px 0 173px; max-width: 90%; text-align: center;}
.error img{ display: block; margin: auto; max-width: 100%; height: auto;}
.error p{ text-align: center; color: #666666; font-size: 16px; margin-top: 35px; margin-bottom: 46px;}
.error a{ display: block; width: 175px; height: 38px; text-align: center; line-height: 38px; margin: auto; color: #fff; background: #294f8d; font-size: 14px;}
.error a:hover{ background: #4C7CAC;}