@charset "utf-8";
/* CSS Document */
/* fixed */
html, body {
	font: 14px/1.8 "微软雅黑";
	color: #666;
}
.pw {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.pw2 {
	width: 1464px;
	margin: 0 auto;
	position: relative;
}
.pw3 {
	width: 1490px;
	margin: 0 auto;
	position: relative;
}
@font-face {
	font-family: 'moolbor';
	src: url('../fonts/moolbor.eot');
	src: local('☺'), url('../fonts/moolbor.woff') format('woff'), url('../fonts/moolbor.ttf') format('truetype'), url('../fonts/moolbor.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0px;
}
.clearfix:after {
	clear: both;
}
.clearfix {
*zoom: 1;
}
/* fixed end */
.onloadbox {
	background: #fff;
	position: fixed;
	top: 0;
	height: 100%;
	left: 0;
	right: 0;
	z-index: 9999;
	overflow: hidden;
	transition: 800ms;
	-webkit-transition: 800ms;
}
.ollines {
	position: absolute;
	height: 2px;
	background: #ededed;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -1px;
}
.ollines .line {
	position: absolute;
	left: 0;
	height: 100%;
	top: 0;
	background: #ED1D24;
	width: 0;
}
.olens {
	text-align: center;
	font-family: 'moolbor';
	color: #333;
	font-size: 24px;
	line-height: 1;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -81px;
}
.olens .en1 {
	font-style: italic;
}
.olens .en2 {
	font-size: 48px;
	text-transform: uppercase;
	margin-top: 3px;
}
.olens .en2 .s {
	color: #2F318B;
}
.olnum {
	font-family: 'moolbor';
	text-align: center;
	font-size: 24px;
	color: #2F318B;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: 31px;
	line-height: 1;
}
.onloadbox.hide {
	top: -100%;
	opacity: 0;
	visibility: hidden;
}
.inner{ margin: 0px auto; width: 1200px;}
.pinner { margin: 0px auto; width: 82%; max-width: 1560px;}
.header {
	padding: 55px 0 25px 0;
	background: #fff;
}
.nav {
	margin-left:0%;
	margin-top: -20px;
}
.nav li {
	position: relative;
}
.nav li > a {
	display: block;
	color: #333;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	text-align: center;
}
.nav .m {
	position: relative;
}
.nav .men {
	font-size: 16px;
	padding: 0 40px;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.nav .mch {
	text-transform: uppercase;
	font-size: 16px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	transform: translateY(5px);
	-webkit-transform: translateY(5px);
	opacity: 0;
	visibility: hidden;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.nav .nvc {
	margin-right: 0px;
}
.nav li > a:hover .mch, .nav li > a.act .mch {
	transform: translate(0);
	-webkit-transform: translate(0);
	opacity: 1;
	visibility: visible;
}
.nav li > a:hover .men, .nav li > a.act .men {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	opacity: 0;
	visibility: hidden;
}
.nav li > a.act .mch {
	color: #2B2E8C;
}
.logo {
	width: 230px;
	position: absolute;
	left: 0;
	margin-left: 10px;
	bottom: 10px;
	z-index: 99;
}
.tnavbox {
	position: absolute;
	width: 122px;
	left: 50%;
	margin-left: -61px;
	top: 24px;
	height: 100px;
	padding-top: 17px; /*display:none;*/
}
.tnav {
	background: #fff;
	box-shadow: 0 0 16px -4px rgba(0,0,0,.3);
	padding: 20px 1px 18px 1px;
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
	opacity: 0;
	visibility: hidden;
	transition: 400ms;
	-webkit-transition: 400ms;
}
.tnav a {
	display: block;
	color: #666;
	line-height: 1.1;
	padding: 10px 0;
	transition: background 300ms;
	-webkit-transition: background 300ms;
}
.tnavbox .line {
	z-index: 9;
	width: 20px;
	height: 4px;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	top: 17px;
	background: #2F318B;
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
	opacity: 0;
	visibility: hidden;
	transition: 400ms;
	-webkit-transition: 400ms;
}
.tnav a:hover {
	background: #f4f4f4;
	color: #2F318B;
}
.tnavbox.show .tnav, .tnavbox.show .line {
	transform: translate(0);
	-webkit-transform: translate(0);
	opacity: 1;
	visibility: visible;
}
.content {
	padding: 0 20px;
	background: #fff;
	transition: 600ms linear;
	-webkit-transition: 600ms linear;
	-ms-transition: 600ms linear;
}
.ixheader {
	position: relative;

}
.ixheader .header {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	background:rgba(255,255,255,1);
}
.eq-list{ float:right; padding-right:10px; margin-top:12px;  position: absolute; z-index:9999; top:20px; right:0px; margin-right:10px;}
.eq-list .line1{ width:1px; height:28px; background:rgba(255,255,255,0.4); background:#fff\9; filter:alpha(opacity=40); position:absolute; left:0; top:0;}
.eq-list .line2{ width:58px; height:1px; background:rgba(255,255,255,0.4); background:#fff\9; filter:alpha(opacity=40); position:absolute; right:0; top:14px;}
.eqs{ padding:0 6px;}
.eqs li{ float:left; margin-right:14px; width:28px; height:28px; border:1px solid rgba(0,0,05,0.6); border:1px solid #333\9; text-align:center; border-radius:50%; transition:0.42s; position:relative}
.eqs li:before{ content:""; width:102%; height:102%; background:#ACCE22; position:absolute; left:-1%; top:-1%; border-radius:50%;  transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); overflow:hidden; transition:0.32s; visibility:hidden;}
.eqs li:last-child{ margin-right:0;}
.eqs li a{ display:block; height:28px; line-height:28px; position:relative; z-index:5;}
.eqs li:nth-child(1) a{ background:url(../images/tel.png) center no-repeat;}
.eqs li:nth-child(2) a{ background:url(../images/weixin.png) center no-repeat;}
.eqs li:nth-child(3) a{ background:url(../images/qq.png) center no-repeat;}
.eqs li:nth-child(4) a{ background:url(../images/vr1.png) center no-repeat;}
.eqs li:hover:before{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}
.eqs li:nth-child(1):hover a{ background:url(../images/tel1.png) center no-repeat;border-radius:50%; }
.eqs li:nth-child(2):hover a{ background:url(../images/weixin1.png) center no-repeat;}
.eqs li:nth-child(3):hover a{ background:url(../images/qq1.png) center no-repeat;}
.eqs li:nth-child(4):hover a{ background:url(../images/vr2.png) center no-repeat;}
.eqs li:hover{border-radius:50%; border:1px #ACCE22 solid; }

.banner, .banner .item {
	position: relative;
	overflow: hidden;
}
.banner .pic {
	position: absolute;
	top: 0;
	left: 0;
}
.banner .pic > img {
	opacity: 1;
	/*transform: matrix(1.1, 0, 0, 1.1, 0, 0);
	-webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0);*/
	transition: transform 5s, opacity 2s;
	-webkit-transition: transform 5s, opacity 2s;
}
.banner .pic.imgIn > img {
	opacity: 1;
	/*transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);*/
}
.banner .bx-wrapper .bx-controls-direction a {
	width: 27px;
	height: 73px;
	margin-top: -36px;
	text-indent: 0;
	z-index: 99;
	color: #333;
	font-family: 'moolbor';
	line-height: 50px;
	font-size: 24px;
	text-transform: lowercase;
}
.banner .bx-wrapper .bx-controls-direction a .line {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	bottom: 14px;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.banner .bx-wrapper .bx-prev {
	left: 3.5%;
}
.banner .bx-wrapper .bx-next {
	right: 3.5%;
	text-align: right;
}
.banner .bx-wrapper .bx-prev .line {
	background-image: url(../images/00002.png);
}
.banner .bx-wrapper .bx-next .line {
	background-image: url(../images/00003.png);
	left: auto !important;
	right: 0 !important;
}
.banner .bx-wrapper .bx-controls-direction a:hover {
	color: #2F318B;
}
.banner .bx-wrapper .bx-controls-direction a:hover .line {
	width: 28px;
}
.banum {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10%;
	color: #2F318B;
	font-size: 24px;
	line-height: 1.1;
	font-family: 'moolbor';
	text-align: center;
}
.bamouse {
	width: 27px;
	height: 39px;
	position: absolute;
	left: 50%;
	margin-left: -13px;
	bottom: 3.5%;
	background: url(../images/mouse.png) no-repeat;
	cursor: pointer;
}
.bamouse .ico {
	background-image: url(../images/mouse2.png);
	background-position: center 0;
	animation: mouse 3s linear alternate infinite;
	-webkit-animation: mouse 3s linear alternate infinite;
}
@keyframes mouse {
0% {
background-position:center 0;
}
 100% {
background-position:center 15px;
}
}
@-webkit-keyframes mouse {
0% {
background-position:center 0;
}
 100% {
background-position:center 15px;
}
}
.bannerTxts {
	width: 1200px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -600px;
	text-align: center;
	color: #333;
	overflow: hidden;
}
.bannerTxts .b {
	padding-top: 28%;
	width: 342px;
	position: absolute;
	top: 0;
	transform: translateX(80px);
	-webkit-transform: translateX(80px);
	opacity: 0;
	visibility: hidden;
	transition: 800ms;
	-webkit-transition: 800ms;
}
.bannerTxts .en {
	font-family: 'moolbor';
	text-transform: uppercase;
	line-height: 0.75;
}
.bannerTxts .en1 {
	font-size: 24px;
	margin-bottom: 20px;
}
.bannerTxts .en2 {
	font-size: 72px;
	line-height: 0.5;
	color: #2F318B;
	margin: 36px 0 5px 0;
}
.bannerTxts .en3 {
	font-size: 24px;
	margin-top: 28px;
}
.bannerTxts .dot {
	width: 7px;
	height: 5px;
	background: #333;
	display: block;
	margin: 0 auto;
}
.bannerTxts .ch {
	font-size: 22px;
	color: #2F318B;
	line-height: 1.1;
	font-weight: bold;
}
.bat1 .b {
	right: 0;
}
.bat2 .b {
	right: 12%;
}
.bat4 .b {
	left: 17.5%;
}
.bannerTxts.show .b {
	transform: translate(0);
	-webkit-transform: translate(0);
	opacity: 1;
	visibility: visible;
}
.header2 {
	position: fixed;
	top: 0;
	left: 20px;
	right: 20px;
	z-index: 1010;
	background: #fff;
	border-bottom: 1px solid #ededed;
	padding: 25px 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(60px);
	-webkit-transform: translateY(60px);
	-ms-transform: translateY(60px);
	-moz-transform: translateY(60px);
	-o-transform: translateY(60px);
	transition: 600ms;
	-webkit-transition: 600ms;
}
.header2.show {
	transform: translate(0);
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	opacity: 1;
	visibility: visible;
}
.htnavbox {
	height: 25px;
	overflow: hidden;
	position: relative;
}
.httnav, .htnav {
	transition: 600ms;
	-webkit-transition: 600ms;
}
.httnav a, .htnav a {
	line-height: 25px;
	color: #333;
	font-size: 15px;
	padding: 0 30px;
}
.httnav a:hover, .httnav a.act, .htnav a:hover, .htnav a.act {
	color: #2F318B;
}
.htnav {
	position: absolute;
	left:4%;
	right: 0;
	top: 0;
	transform: translateX(80px);
	-ms-transform: translateX(80px);
	-moz-transform: translateX(80px);
	-o-transform: translateX(80px);
	-webkit-transform: translateX(80px);
	opacity: 0;
	visibility: hidden;
}
.logo2 {
	width: 178px;
	display: block;
	position: absolute;
	left: 10px;
	top: 14px;
	z-index: 4;
}
.logo2 img {
	display: block;
/*	width: 100%;*/
}
.htnavbox.showNav .httnav {
	transform: translateX(-80px);
	-webkit-transform: translateX(-80px);
	-ms-transform: translateX(-80px);
	-moz-transform: translateX(-80px);
	-o-transform: translateX(-80px);
	opacity: 0;
	visibility: hidden;
}
.htnavbox.showNav .htnav {
	transform: translate(0);
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	opacity: 1;
	visibility: visible;
}
#bg-santai {
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: url("../images/close-icon.ico") 16 16, default;
	z-index: 800;
}
.touchevents #bg-santai {
	cursor: pointer;
}
#menuBox {
	transform: translate(150px, 0);
	-webkit-transform: translate(150px, 0);
	-ms-transform: translate(150px, 0);
	transition: 600ms linear;
	-webkit-transition: 600ms linear;
	-ms-transition: 600ms linear;
	position: fixed;
	background-color: #fff;
	top: 0;
	right: 0;
	width: 150px;
	z-index: 1010;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.open {
	position: relative !important;
}
.open #menuBox {
	transform: translate(0);
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
}
.open .content {
	transform: translate(-150px, 0px);
	-webkit-transform: translate(-150px, 0px);
	-ms-transform: translate(-270px, 0px);
}
/*.navMobile a:link, .navMobile a:visited { color: #fff; }
*/.navMobile a:active, .navMobile a:hover {
	color: #fff;
}
.navMobile dd {
	display: block;
	width: 100%;
}
.navMobile dd p a {
	text-transform: uppercase;
	padding: 0px 30px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	position: relative;
}
.navMobile dd a {
	display: block;
	line-height: 1.4;
	font-size: 13px;
	color: #666;
	padding: 15px 30px;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
}
.navMobile dd a:hover, .navMobile dd p a.cur {
	background: none #2F318B;
	color: #fff;
}
/*.navMobile dd a:active { background-color: #154c97; }*/
.navMobile dd .msubnav {
	background-color: #fff;
	display: none;
}
.navMobile dd .msubnav a {
	color: #8d8d8d;
	position: relative;
	background: #eff2f3;
	border-top: 1px solid #e3e2e2;
}
.menuTop {
	height: 60px;
	border-bottom: 1px solid #ededed;
}
.ix1 {
	position: relative;
	background-color: #fafafa;
}
.abti .ch {
	color: #333;
	margin-bottom: 3px; font-size:18px; font-weight:bold
}
.abti .en {
	color: #00A2E9;
	text-transform: uppercase;
	font-size: 30px;
	line-height:1;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 2;
}
.abti .en .c {
	color: #2F318B;
}
.abti .line {
	width: 30px;
	height: 5px;
	background: #ACCE22; margin-top:5px;
}
/*.ix1 .pw{ height:100%; }*/
.abtxts .txts {
	width: 840px;
	margin-top: 20px;
}
.abtxts .txts .tx1 {
	font-size: 14px;
	line-height:26px;
	color: #333;
}
.abtxts .txts .tx2 {
	font-size: 12px;
	color: #999;
	line-height: 1.4;
	margin-top: 10px;
	font-family: arial, helvetica, sans-serif;
}
.abmore {
	margin-top: 8px;
	display: block;
	width: 38px;
	height: 38px;
	border-radius: 100%;
	border: 1px solid #666;
}
.abmore .ico {
	background-image: url(../images/abm.png);
	background-position: right center;
	transition: none;
	-webkit-transition: none;
}
.abtxts {
	padding-top: 8%;
}
.abmtwo {
	position: absolute;
	left: 50%;
	margin-left: -600px;
	bottom: 0;
	z-index: 9;
}
.abmtwo .pa {
	padding-right: 35px;
}
.abmtwo .l {
	display: block;
	width: 76.6%;
	float: left;
	position: relative;
	color: #fff;
}
.abmtwo .l .txts {
	position: absolute;
	left: 0;
	bottom: 35px;
	padding-left: 25px;
}
.abmtwo .l .txts .ch {
	font-size: 18px;
}
.abmtwo .l .txts .en {
	font-size: 40px;
	text-transform: uppercase;
	font-family: 'moolbor';
	line-height: 0.8;
	margin-top: 15px;
}
.abmore2 {
	border-color: #fff;
	transition: 300ms;
	-webkit-transition: 300ms;
	margin-top: 7px;
}
.abmore2 .ico {
	background-position: left center;
}
.abmtwo .r {
	display: block;
	width: 23.4%;
	float: left;
	color: #fff;
	position: relative;
}
.abmtwo .r .txts {
	position: absolute;
	top: 0;
	right: 26.5%;
	padding-top: 50px;
}
.abmtwo .r .txts .tx1 {
	width: 14px;
	line-height: 1;
}
.abmtwo .r .txts .lineb {
	width: 1px;
	height: 198px;
	position: absolute;
	top: -168px;
	background: #666;
	right: 7px;
}
.abmtwo .r .txts .lineb .line {
	width: 100%;
	height: 30px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fff;
}
.abmone {
	z-index: 5;
	display: block;
	width: 29%;
	background: #e8e8e8 url(../images/ixabhw.png) no-repeat right bottom;
	background-size: cover;
	color: #666; /*background:#e8e8e8;*/
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}
.abmone .en2 {
	font-size: 14px;
	line-height:24px;
	text-transform: uppercase;
	font-family: arial, helvetica, sans-serif;
	margin-top: 50px;
}
.abmone .pa {
	padding: 22% 0 0 15%;
}
.abti2 .ch {
	font-size: 22px;
}
.abti2 .en {
	font-size: 40px;
}
.abti3 {
	text-align: center;
}
.abti3 .line {
	margin: 0 auto;
}
.abti .txx {
	font-size: 12px;
	margin-top: 20px;
}
.ixproList { 
}

.ixproList a {
	display: block;
	position: relative;
	color: #fff; width:25%; float:left;background:#999
}
.ixproList .cover {
	background: url(../images/black.png);
}
.ixproList .txts {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
}
.ixproList .txts .line {
	width: 1px;
	height: 0;
	background: #fff;
	left: 50%;
	position: absolute;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.ixproList .txts .line1 {
	top: 0;
}
.ixproList .txts .line2 {
	bottom: 0;
}
.ixproList .txts .ch {
	font-size: 16px;
	transition: 400ms;
	-webkit-transition: 400ms;
}
.ixproList .txts .en {
	transition: 400ms;
	-webkit-transition: 400ms;
	text-transform: uppercase;
	font-size: 60px;
	line-height: 0.5;
	margin-top: 50px;
	font-family: 'moolbor';
}
.ixproList .txts .ico {
	width: 120px;
	height: 120px;
	margin: 0 auto;
}
.promore {
	position: relative;
	display: block;
	width: 178px;
	height: 43px;
	background: #fff;
	color: #666;
	margin: 0 auto;
	font-weight: bold;
}
.promore .aw {
	transition: none;
	-webkit-transition: none;
	position: relative;
	width: 30px;
	height: 100%;
	background: url(../images/see.png) no-repeat right center;
	margin-right: 10px;
}
.promore .bg {
	height: 100%;
	background: #2F318B;
	width: 0;
}
.promore .txx {
	position: relative;
}
.ixproList .promore {
	transition: 400ms;
	-webkit-transition: 400ms;
	transform: translateY(15px);
	-webkit-transform: translateY(15px);
	opacity: 0;
	visibility: hidden;
}
.ixproList .txts .pa {
	padding-top: 6%;
	transition: 400ms;
	-webkit-transition: 400ms;
}
.abti .line2 {
	width: 1px;
	height: 45px;
	display: block;
	margin: 0 auto;
	background: #2F318B;
	margin-top: 43px;
}
.ix2 {
	padding-top:50px;
}
.ix3 {
	background-color: #fafafa; padding-top:30px; }
.ixwitti {
	width: 29%;
	float: left;
	height: 100%;
	background: #e8e8e8 url(../images/ixabhw.png) no-repeat right bottom;
	background-size: cover;
}
.ixwitti .pa {
	padding: 32.5% 0 0 15%;
}
.ixwitti .abti .txx {
	width: 370px;
	margin-top: 50px;
	text-align: justify;
}
.ixwitti .abti .abmore {
	margin-top: 50px;
}
.ixwitti .abti .line2 {
	margin: 0;
	margin-top: 40px;
	margin-left: 5px;
}
.ixwitbox {
	width: 71%;
	float: left;
	overflow: hidden;
	height: 100%;
}
.ixwitList .item {
	width: 25%;
	overflow: hidden;
}
.ixwitList .item a {
	width: auto;
	margin: 11px;
}
.ixwitList {
	margin: 64px 0 0 64px;
}
.ixnwList a {
	display: block;
	width: 26.33%;
	margin-left: 7%;
	float: left;
	color: #8f8f8f;
}
.ixnwList {
	margin-left: -7%;
	margin-top: 65px;
}
.ixnwList .nowti {
	font-size: 18px;
	color: #333;
	margin-bottom: 10px;
}
.ixnwList .line {
	width: 32px;
	height: 5px;
	background: #666;
	margin-bottom: 20px;
	transition: 400ms;
	-webkit-transition: 400ms;
}
.ixnwList .date {
	font-size: 16px;
	color: #999;
	font-family: 'moolbor';
	line-height: 1;
	margin-bottom: 8px;
}
.ixnwList .tx {
	line-height: 20px !important;
	height: 40px;
}
.ixnwmore {
	width: 22px;
	height: 22px;
	border: 1px solid #666;
	border-radius: 100%;
	margin-top: 40px;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.ixnwmore .ico {
	background-image: url(../images/abm2.png);
	background-position: right center;
}
.ix4 {
	padding: 35px 0 55px 0;
}
#map {
	width: 71%;
	float: left;
	height:500px;;display: block; 
}

.ixctati {
	width: 29%;
	float: left;
	height:500px;
	background: #e8e8e8 url(../images/ixabhw.png) no-repeat right bottom;
	background-size: cover;
}
.ixctas .ca {
	display: block;
	color: #333;
	padding-left: 45px;
	position: relative;
	margin-bottom: 18px;
}
.ixctas .ca .ch {
	font-size: 16px;
}
.ixctas .ca .en {
	font-size: 18px;
	color: #999;
	line-height: 0.8;
	font-family: 'moolbor';
	margin-top: 1px;
}
.ixctas .ca .ico {
	width: 30px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	background-position: center top;
	transition: none;
	-webkit-transition: none;
}
.ixctas {
	margin-top: 80px;
}
.ixctas .ca:hover .ico {
	background-position: center top;
}
.ixctas .ca:hover {
	color: #2F318B;
}
.ixctas .ca:hover .en {
	color: #2F318B;
}
.ixshop {
	margin-top: 40px;
	display: block;
	width: 285px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	background: #2B2D8C;
	padding-left: 23px;
	font-size: 16px;
}
.ixshop:hover {
	background-color: #00A3EA; color:#FFF
}
.ixctati .pa {
	padding: 12% 0 0 15%;
}
.footer {
	background: #2B2D8C;
	font-size: 12px;
	padding: 0.5% 5% 1% 5%;
	margin-top:20px;
}
.footer span{
	width:50%;
	font-size: 12px;
	 line-height:38px; color:#fff
}
.fnav {
	float: left;
}
.fnav li {
	float: left;
	margin-right: 60px;
}
.fnav a {
	display: block;
	color: #999;
	line-height: 30px;
}
.fnav .home {
	font-size: 24px;
	color: #ccc;
	font-family: 'moolbor';
	text-transform: uppercase;
}
.footer .l {
	float:left;
}
.footer .r {
	float: right;
}
.tools {
	overflow: hidden;
}
.tools a {
	display: block;
	float: right;
	width: 38px;
	height: 38px;
	background: none;
	margin-left: 10px;
	margin-top:5px;
	border-radius:50%;
	border:1px #FFFFFF solid;
}
.tools .vr .ico {
	background-image: url(../images/vr.png);
}
.tools .weixin .ico {
	background-image: url(../images/weixind.png);
}
.tools .qq .ico {
	background-image: url(../images/qqd.png);
}
.tools .sina .ico {
	background-image: url(../images/sina.png);
}
.tools a:hover {
	background: #00A3EA;
	border:1px #00A3EA solid;
}
.footer a {
	color: #999;
}
.footer a:hover {
	color: #2F318B;
}
.ftx {
	margin-top: 30px;
}
.wsqh {
	height: 900px;
}
/*.pbanner {
	position: relative;
	overflow: hidden;
}
.pbanner .pic {
	position: absolute;
	top: 0;
	left: 0;
}*/
.picw img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	opacity: 0;
}
.trans-1 img {
	transition: all 1s cubic-bezier(0.165, 0.74, 0.44, 1) 0s;
}
/*.pbtxts {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 99;
	top: 42%;
	color: #333;
	text-align: center;
}
.pbtxts .ch {
	font-size: 16px;
}
.pbtxts .en {
	font-size: 72px;
	line-height: 0.8;
	font-family: 'moolbor';
	text-transform: uppercase;
	margin-top: 15px;
}*/
.redMore{ border: 2px solid #fff; display: block; width: 190px; height: 50px; line-height: 50px; position: relative; text-align: center;}
.redMore .txt{ background: url(../images/more_i4.png) no-repeat scroll right center; padding-right: 36px; position: relative; z-index: 1;}
.redMore:before {content: ""; position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; background-color: #088651; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); }
.redMore:hover { border-color: #088651;}
.redMore:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0;}
.redMore2{ border-color: #088651; margin: 0;}
.redMore2 .txt{ background-image: url(../images/more_i1.png); color: #088651;}
.redMore2:hover { border-color:#088651; }
.redMore2:hover .txt{ color: #fff; background-image: url(../images/more_i4.png); font-family: "微软正黑体","Microsoft JhengHei"; }
.nwbg {
	background: #fafafa;
}
.nwList a {
	display: block;
	width: 30.33%;
	margin-left: 3%;
	margin-bottom: 3%;
	float: left;
	background: #fff;
	color: #8f8f8f;
	transition: 500ms;
	-webkit-transition: 500ms;
}
.nwList {
	margin-left: -3%;
}
.nwList .pa {
	padding: 20px;
}
.nwList .nowti {
	color: #333;
	font-size: 18px;
}
.nwList .date {
	font-size: 16px;
	color: #999;
	font-family: 'moolbor';
	line-height: 0.8;
	margin-top: 18px;
}
.nwList .tx {
	line-height: 20px !important;
	height: 40px;
	margin-top: 18px;
}
.nwList .txts {
	padding: 22px 0;
}
.addmore {
	background: #333;
	color: #fff;
	margin-top: 35px;
}
.addmore .aw {
	background-position: left center;
}
.newspanel {
	padding: 65px 0 85px 0;
}
.backList {
	position: relative;
	display: block;
	padding-left: 95px;
	width: 95px;
	line-height: 37px;
	height: 37px;
	overflow: hidden;
	background: #333;
	color: #fff;
}
.backList .line {
	width: 17px;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 65px;
}
.backList .txx {
	position: relative;
}
.backList .bg {
	height: 100%;
	width: 0;
	background: #2F318B;
}
.backbox {
	border-bottom: 1px solid #999;
	padding-bottom: 40px;
	position: relative;
}
.swnews a {
	display: block;
	width: 38px;
	height: 38px;
	border: 1px solid #999;
	border-radius: 100%;
	float: left;
}
.swnews .prev {
	margin-right: 20px;
}
.swnews .next .ico {
	background-image: url(../images/abm3.png);
	background-position: right center;
}
.swnews .prev .ico {
	background-image: url(../images/abm4.png);
	background-position: left center;
}
.swnews .ico {
	transition: none;
	-webkit-transition: none;
}
.swnews {
	position: absolute;
	right: 0;
	top: 0;
}
.ndpanel {
	padding: 75px 0;
}
.nwbox .l {
	width: 26%;
	float: left;
}
.nwbox .r {
	width: 69%;
	float: right;
	background: #fff;
}
.nwbox .r .pa {
	padding: 65px 50px 0 50px;
}
.ndti {
	width: 70%;
}
.ndti .ti {
	font-size: 20px;
	color: #333;
}
.ndti .sy {
	font-size: 12px;
	line-height: 20px;
	margin-top: 15px;
}
.ndti .sy .date {
	font-family: 'moolbor';
	font-size: 16px;
	color: #999;
	margin-right: 12px;
}
.ndtibox {
	border-bottom: 1px solid #e8e8e8;
	position: relative;
	padding-bottom: 3px;
}
.down {
	display: block;
	color: #cc6666;
	position: absolute;
	top: 0;
	right: 0;
}
.down .ico {
	width: 25px;
	height: 25px;
	background-image: url(../images/down.png);
	background-position: center top;
	float: left;
}
.down .txx {
	float: left;
	margin-left: 10px;
	line-height: 25px;
}
.ndtxts {
	padding: 35px 0 85px 0;
}
.nwbox {
	padding: 42px 0 75px 0;
}
.ndpics .slick-dots {
	margin-top: 0;
	padding: 17px 15px;
	background: #2F318B;
	text-align: left;
}
.ndpics .slick-dots li {
	background: #fff;
}
.ndpics .slick-dots li.slick-active, .ndpics .slick-dots li:hover {
	background: #e52f47 !important;
}
.share a {
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	background-image: url(../images/share.png);
}
.share {
	float: left;
}
.sharebox .txx {
	float: left;
	line-height: 30px;
}
.share .sa2 {
	background-position: -30px top;
}
.share .sa3 {
	background-position: -60px top;
}
.share .sa4 {
	background-position: -90px top;
}
.sharebox {
	margin-top: 33px;
}
.pbtxts2 {
	color: #fff;
}
.downList a {
	display: block;
	color: #666;
	overflow: hidden;
	transition: 600ms;
	-webkit-transition: 600ms;
}
.downList .pa {
	padding: 50px 45px;
}
.downList .b {
	position: relative;
}
.downList .txts {
	padding-left: 218px;
	min-height: 106px;
}
.downList .pic {
	width: 193px;
	height: 106px;
	background: #999 url(../images/sanhe.png) no-repeat center center;
	position: absolute;
	top: 0;
	left: 0;
}
.downList .txts .nowti {
	font-size: 16px;
	color: #333;
	width: 70%;
}
.downList .txts .date {
	font-size: 16px;
	color: #999;
	font-family: 'moolbor';
	line-height: 20px;
	margin-top: 13px;
}
.downList .txts .sy {
	font-size: 12px;
	margin-top: 28px;
}
.down2 {
	transition: 300ms;
	-webkit-transition: 300ms;
	display: block;
	width: 88px;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	background: #333;
	color: #fff;
	padding: 0 15px;
}
.down2 .line {
	width: 13px;
	height: 1px;
	background: #fff;
	float: left;
	margin-top: 13px;
}
.down2 .txx {
	float: left;
	margin-right: 7px;
	font-size: 12px;
}
.downList .down2 {
	position: absolute;
	top: 0;
	right: 50px;
}
.downList .vibtn {
	width: 36px;
	height: 36px;
	background-image: url(../images/video.png);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -18px;
	margin-left: -18px;
}
.downList a .pw {
	border-bottom: 1px solid #ccc;
	transition: 400ms;
	-webkit-transition: 400ms;
}
.pager a {
	width: 46px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	background: #333;
	margin: 0 4px;
	color: #fff;
}
.pager .prev, .pager .next {
	width: 76px;
}
.pager a.act {
	background: #2F318B;
}
.pager {
	margin-top: 80px;
}
.downpanel {
	padding: 45px 0 85px 0;
}
.ladownbox {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/bai.png);
	z-index: 9999;
}
.ladown {
	transform: translateY(60px);
	-webkit-transform: translateY(60px);
	opacity: 0;
	visibility: hidden;
	transition: 600ms;
	-webkit-transition: 600ms;
	width: 470px;
	height: 206px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -235px;
	margin-top: -103px;
	background: #333;
}
.ladown .pa {
	padding: 55px 0 0 70px;
}
.dwipb .txt {
	transition: 300ms;
	-webkit-transition: 300ms;
	float: left;
	width: 220px;
	line-height: 24px;
	padding: 8px 10px;
	background: #fff;
	border: 1px solid #fff;
}
.dwipb .btn {
	transition: 300ms;
	-webkit-transition: 300ms;
	float: left;
	height: 42px;
	width: 86px;
	color: #fff;
	background: #990033;
	margin-left: 8px;
	cursor: pointer;
}
.dwipb .txt:focus {
	border-color: #2F318B;
}
.ladown .ti {
	color: #fff;
	margin-bottom: 15px;
}
.ladown.show {
	transform: translate(0);
	-webkit-transform: translate(0);
	opacity: 1;
	visibility: visible;
}
.ladown .close-down {
	background: url(../images/closebtn.png) no-repeat scroll center center #990033;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.witnav a {
	display: block;
	width: 50%;
	float: left;
	position: relative;
	color: #fff;
}
.witnav .cover {
	background: url(../images/witbg.png);
}
.witnav .txts {
	position: absolute;
	left: 0;
	right: 0;
	top: 40%;
	text-align: center;
	transition: 400ms;
	-webkit-transition: 400ms;
}
.witnav .txts .ico {
	width: 84px;
	height: 84px;
	margin: 0 auto;
	transition: 400ms;
	-webkit-transition: 400ms;
}
.witnav .txts .en {
	font-family: 'moolbor';
	line-height: 0.5;
	font-size: 60px;
	text-transform: uppercase;
	margin-top: 42px;
}
.witnav .txts .ch {
	font-size: 16px;
	margin-top: -4px;
	transition: 400ms;
	-webkit-transition: 400ms;
}
.witnav .txts .promore {
	transition: 400ms;
	-webkit-transition: 400ms;
	margin-top: -3px;
	transform: translateY(15px);
	-webkit-transform: translateY(15px);
	opacity: 0;
	visibility: hidden;
}
.witnav a:hover .txts {
	top: 30%;
}
.witList .item {
	width: 20%;
	position: relative;
}
.witList .witA {
	display: block;
	color: #999;
	margin: 11px;
	background: #fff;
	transition: 400ms;
	-webkit-transition: 400ms;
}
.witList .witA .txts {
	padding: 18px 20px 30px 20px;
}
.witList .witA .txts .date {
	font-family: 'moolbor';
	font-size: 16px;
	line-height: 20px;
	width: 50%;
	float: left;
}
.witList .witA .txts .ch {
	line-height: 20px;
	width: 50%;
	float: right;
	text-align: right;
}
.witList .witA .txts .lineb {
	width: 100%;
	height: 1px;
	position: relative;
	margin-top: 15px;
}
.witList .witA .txts .lineb .line {
	transition: 400ms;
	-webkit-transition: 400ms;
	width: 26px;
	height: 1px;
	background: #959595;
	position: absolute;
	top: 0;
	right: 0;
}
.witList .witA .txts .en {
	font-family: 'moolbor';
	text-align: right;
	line-height: 20px;
	text-transform: uppercase;
	margin-top: 9px;
}
.witpanel {
	padding: 60px 0 90px 0;
}
.wo1 {
	position: relative;
}
.sshop .s-select {
	background-image: url(../images/ssaw.png);
	background-repeat: no-repeat;
	background-position: 230px center;
	height: 44px;
	padding: 0 20px;
	width: 270px;
	background-color: #fff;
	float: left;
	display: block;
	color: #666;
	margin-right: 10px;
}
.sshop .sbtn {
	cursor: pointer;
	transition: 300ms;
	-webkit-transition: 300ms;
	width: 160px;
	height: 44px;
	display: block;
	background: #333 url(../images/shop.png) no-repeat center center;
	margin-top: 40px;
}
.sshop .s {
	margin-top: 50px;
}
.sshop {
	position: absolute;
	top: 31%;
	left: 50%;
	margin-left: -600px;
}
.woList a {
	display: block;
	width: 30.33%;
	margin-left: 3%;
	margin-bottom: 3%;
	float: left;
	color: #666;
	background: #fff;
	transition: 400ms;
	-webkit-transition: 400ms;
}
.woList {
	margin-left: -3%;
}
.woList .txts {
	padding: 30px 35px 40px 35px;
}
.woList .txts .nowti {
	font-size: 16px;
}
.woList .txts .tx {
	height: 24px;
	margin-top: 4px;
}
.wopanel {
	padding-bottom: 110px;
}
.pronav a {
	width: 80px;
	color: #666;
	text-align: center;
}
.pronav .ico {
	width: 100%;
	height: 80px;
	background-position: right center;
}
.pronav .name {
	margin-top: 10px;
}
.pronav .line {
	width: 14px;
	height: 1px;
	background: #999;
	margin: 0 60px;
}
.pronav a.act .ico {
	background-position: left center;
}
.pronav a.act .name {
	color: #2F318B;
}
.pronav {
	padding: 90px 0 70px 0;
}
.proBanner .fixbg {
	height: 833px;
}
.proBanner .txts {
	position: absolute;
	left: 0;
	right: 0;
	top: 48%;
	color: #fff;
	text-align: center;
}
.proBanner .txts .en {
	font-size: 72px;
	font-family: 'moolbor';
	text-transform: uppercase;
	line-height: 0.5;
}
.proobtn {
	display: block;
	width: 54px;
	height: 54px;
	border: 3px solid #fff;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: 35px;
}
.proobtn .ico {
	background-image: url(../images/menu.png);
}
.proobtn .txx {
	position: absolute;
	top: -3px;
	left: -3px;
	right: -3px;
	bottom: -3px;
	background: #a52031;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 54px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
-webkit-transform::translateY(15px);
	transition: 300ms;
	-webkit-transition: 300ms;
}
.pronavtwo {
	background: #fff;
	overflow: hidden;
	padding: 55px 0 45px 0;
}
.pronavtwo li {
	overflow: hidden;
	margin-bottom: 13px;
}
.pronavtwo li > span {
	float: left;
	color: #333;
	margin-right: 20px;
}
.pronavtwo li > a {
	float: left;
	color: #333;
	margin-right: 25px;
}
.pronavtwo li > a:hover, .pronavtwo li > a.act {
	color: #2F318B;
}
.proList a {
	display: block;
	float: left;
	width: 30.33%;
	margin-left: 3%;
	margin-bottom: 3%;
	color: #999;
	background: #fff;
	transition: 400ms;
	-webkit-transition: 400ms;
}
.proList {
	margin-left: -3%;
	margin-top: 95px;
}
.proList .txts {
	padding: 17px 35px 26px 35px;
}
.proList .txts .b {
	position: relative;
	padding-right: 30px;
}
.proList .txts .nowti {
	font-size: 16px;
	line-height: 30px;
	color: #333;
}
.proList .txts .ico {
	transition: none;
	-webkit-transition: none;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(../images/see2.png);
	background-position: right center;
}
.proList .txts .syb {
	margin-top: 4px;
	padding-left: 80px;
	height: 20px;
	position: relative;
}
.proList .txts .sy {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 20px;
}
.proList .txts .lineb {
	position: relative;
	height: 100%;
}
.proList .txts .lineb .line {
	transition: 400ms;
	-webkit-transition: 400ms;
	width: 26px;
	height: 1px;
	position: absolute;
	top: 50%;
	right: 0;
	background: #999;
}
.proList .txts .en {
	font-family: 'moolbor';
	text-transform: uppercase;
	line-height: 20px;
	text-align: right;
	margin-top: 6px;
}
.probox {
	padding: 75px 0 100px 0;
}
.pdnav {
	position: absolute;
	top: 0;
	right: 0;
}
.pdnav a {
	display: block;
	width: 50px;
	height: 50px;
	float: left;
	background-position: right center;
	background-repeat: no-repeat;
	margin-left: 25px;
}
.pdnav a.act {
	background-position: left center;
}
.pdpics {
	width: 82%;
}
.pdpics .slick-arrow {
	width: 38px;
	height: 38px;
	border: 1px solid #2F318B;
	border-radius: 100%;
	position: absolute;
	bottom: 30px;
	left: 30px;
	z-index: 99;
}
.pdpics .slick-next {
	left: 160px;
	background: url(../images/abm3.png) no-repeat left center #2F318B;
}
.pdpics .slick-prev {
	background: url(../images/abm4.png) no-repeat right center #2F318B;
}
.pdpics .slick-arrow:hover {
	background-color: #2F318B;
	border-color: #2F318B;
}
.ppnum {
	width: 90px;
	text-align: center;
	position: absolute;
	line-height: 40px;
	height: 40px;
	left: 70px;
	bottom: 30px;
	z-index: 99;
	color: #fff;
	font-size: 12px;
	background-color: #2F318B;
	border-radius: 8px;
}
.pdpicbox {
	position: relative;
}
.xybuy {
	display: block;
	position: absolute;
	bottom: 20%;
	right: 0;
	background: #fff;
	color: #666;
	width: 336px;
}
.xybuy .pa .line {
	width: 26px;
	height: 1px;
	background: #959595;
	margin-bottom: 5px;
}
.xybuy .en {
	font-family: 'moolbor';
	line-height: 20px;
	width: 50%;
	float: left;
	text-transform: uppercase;
}
.xybuy .sy {
	line-height: 20px;
	width: 50%;
	float: left;
	text-align: right;
}
.xybuy .ti {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin-top: 30px;
}
.xybuy .tx {
	height: 96px;
	margin-top: 15px;
}
.xybuy .pa {
	padding: 40px 35px 70px 45px;
}
.buyBtn {
	transition: 400ms;
	-webkit-transition: 400ms;
	background: #333;
	height: 43px;
	padding: 0 35px 0 45px;
	line-height: 43px;
	color: #fff;
	overflow: hidden;
}
.buyBtn .txx {
	float: left;
}
.buyBtn .line {
	width: 23px;
	height: 1px;
	background: #fff;
	float: left;
	margin-left: 15px;
	margin-top: 21px;
}
.pdhots {
	background: #fff;
	padding: 95px 0 85px 0;
}
.pdhots .ti {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin-bottom: 35px;
}
.pdhb {
	width: 82%;
}
.pdhotList a {
	display: block;
	width: 22%;
	margin-left: 3%;
	margin-bottom: 3%;
	float: left;
}
.pdhotList {
	margin-left: -3%;
}
.pdbox {
	padding-top: 30px;
}
.stipbox {
	background: #fff;
	padding: 55px 60px;
}
.stipbox .ti {
	font-size: 24px;
	margin-bottom: 40px;
}
.stipbox li {
	width: 50%;
	float: left;
}
.stipbox .name {
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
}
.stipbox .s-input {
	display: block;
	border: 1px solid #999;
	line-height: 25px;
	padding: 10px 20px;
	width: 386px;
	transition: 300ms;
	-webkit-transition: 300ms;
	font-size: 16px;
	color: #666;
}
.stipbox .s-input:focus {
	border: 1px solid #2F318B;
}
.stipbox .rb {
	overflow: hidden;
}
.stipbox .r {
	float: left;
	margin-right: 38px;
}
.stipbox .r .dot {
	display: block;
	float: left;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background: #d8d5d5;
	border: 4px solid #d8d5d5;
	cursor: pointer;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.stipbox .r.act .dot {
	border-color: #4a4f54;
	background: #fff;
}
.stipbox .r .txx {
	line-height: 15px;
	font-size: 14px;
	float: left;
	margin-left: 15px;
}
.stipbox .s-select {
	display: block;
	font-size: 16px;
	color: #666;
	width: 532px;
	height: 47px;
	background: #ececec;
	padding: 0 16px;
	background-repeat: no-repeat;
	background-image: url(../images/sertaw.png);
	background-position: 503px center;
}
.stipbox .s {
	overflow: hidden;
	width: 532px;
}
.stipbox .s .s-select {
	float: right;
	width: 258px;
	background-position: 227px center;
}
.stipbox .s .s-select:first-child {
	float: left;
}
.stipbox .c {
	margin-bottom: 20px;
}
.stipbox ul {
	margin-bottom: 35px;
}
.stipbox .cb {
	overflow: hidden;
	margin-top: 35px;
}
.stipbox .cb .txx {
	font-size: 16px;
	float: left;
	line-height: 20px;
}
.stipbox .cb .sq {
	width: 20px;
	height: 20px;
	background: #e4e8e8;
	float: left;
	margin-left: 15px;
	cursor: pointer;
}
.stipbox .cb .sq .ico {
	background-image: url(../images/rr-correct.png);
	opacity: 0;
	visibility: hidden;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.stipbox .cb.act .sq .ico {
	opacity: 1;
	visibility: visible;
}
.stipbox .subBtn {
	width: 160px;
	height: 47px;
	display: block;
	background: #4a4f54;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	transition: 300ms;
	-webkit-transition: 300ms;
	margin-top: 30px;
}
.stipbox .subBtn:hover {
	background: #2F318B;
}
.sttx {
	border-top: 1px solid #ccc;
	margin-top: 45px;
	padding-top: 20px;
}
.sertbox {
	padding: 55px 0 50px 0;
}
.ptpanel .fixbg {
	padding: 130px 0 145px 0;
}
.mabox {
	margin-top: 42px;
}
.mabox .pic {
	width: 124px;
	float: left;
}
.mabox .txx {
	float: left;
	line-height: 24px;
	margin-top: 48px;
	margin-left: 20px;
}
.poList a {
	display: block;
	color: #666;
	position: relative;
	overflow: hidden;
	margin-top: 90px;
}
.poList .txts {
	position: absolute;
	width: 40%;
	top: 18%;
	bottom: 0;
	background: #fafafa;
}
.poList .txts .pa {
	padding: 14% 55px 0 55px;
}
.poList .txts .ti {
	font-size: 18px;
	font-weight: bold;
	color: #2F318B;
	margin-bottom: 4px;
}
.poList .txts .tx {
	height: 96px;
	margin-top: 25px;
}
.pomore .txx {
	float: left;
	position: relative;
}
.pomore .line {
	width: 17px;
	height: 1px;
	background: #fff;
	float: left;
	margin-top: 18px;
	margin-left: 25px;
	position: relative;
}
.pomore {
	position: relative;
	background: #333;
	height: 37px;
	line-height: 37px;
	color: #fff;
	padding-left: 35px;
	width: 155px;
}
.pomore .bg {
	height: 100%;
	width: 0;
	background: #2F318B;
}
.poList .pomore {
	margin-top: 55px;
}
.poList .item1 {
	padding-right: 40%;
}
.poList .item2 {
	padding-left: 40%;
}
.poList .item1 .txts {
	right: 0;
}
.poList .item2 .txts {
	left: 0;
}
.pobox {
	padding: 0 0 30px 0;
}
.pthone {
	padding-right: 40%;
	position: relative;
	margin-top: 30px;
}
.pthone .txts {
	position: absolute;
	width: 40%;
	right: 0;
	height: 100%;
	background: #e8e8e8;
	top: 0;
}
.pthone .txts .pa {
	padding: 14% 75px 0 75px;
}
.pthone .txts .ti {
	font-size: 18px;
	font-weight: bold;
	color: #2F318B;
	margin-bottom: 4px;
}
.pthone .txts .tx {
	margin-top: 25px;
}
.pthone .txts .b .line {
	width: 26px;
	height: 1px;
	background: #959595;
}
.pthone .txts .b .en {
	color: #999;
	font-family: 'moolbor';
	text-transform: uppercase;
	line-height: 20px;
	margin-top: 15px;
}
.pthone .txts .b {
	position: absolute;
	left: 75px;
	bottom: 10%;
}
.pthtwo {
	padding: 80px 0 65px 0;
}
.pthtwo .proList {
	margin-top: 0 !important;
}
.pbabtxts {
	position: absolute;
	z-index: 99;
	left: 50%;
	margin-left: -600px;
	top: 42%;
	color: #fff;
}
.pbabtxts .ch {
	font-size: 36px;
}
.pbabtxts .en {
	font-size: 16px;
	line-height: 20px;
	font-family: 'moolbor';
	text-transform: uppercase;
	margin-top: 7px;
}
.pbabtxts .pa {
	padding-left: 7.5%;
}
.abobox .l {
	width: 30%;
	float: left;
}
.abobox .r {
	width: 70%;
	float: left;
}
.aboti {
	margin-bottom: 30px;
}
.abti .tx2 {
	font-size: 18px;
	line-height: 1.1;
	color: #333;
	margin-top: 4px;
}
.aboti .ch {
	font-size: 16px;
	color: #2F318B;
	font-weight: bold;
}
.aboti .en {
	font-size: 16px;
	color: #2F318B;
	font-family: 'moolbor';
	text-transform: uppercase;
	line-height: 20px;
}
.abotxts li { /*padding:8px 0 140px 35px;*/
	padding: 8px 0 0px 35px;
	border-left: 1px solid #999;
	position: relative;
}
.abotxts .lineb .line {
	width: 11px;
	height: 1px;
	background: #999;
	margin-bottom: 4px;
}
.abotxts .lineb {
	position: absolute;
	left: -6px;
	top: 13px;
}
.abopanel {
	padding-top: 8%;
	color: #333;
}
.abopanel p {
	color: #333;
}
#abo2, #abo3, #abo4 {
	padding: 140px 0 8px 35px;
}
#abo2 .lineb, #abo3 .lineb, #abo4 .lineb {
	top: 145px;
}
#abo4 {
	padding-bottom: 140px;
}
/*****wj******/
.joinpanel .en {
	font-family: 'moolbor';
	text-transform: uppercase;
}
.joinpanel .tow > *, .joinpanel .one>*, .joinpanel .three>*, .joinpanel .four>*, .joinpanel .five>*, .joinpanel .six>* {
	float: left;
}
.wjMt {
	margin-top: 70px;
}
.wjRed {
	color: #2F318B;
}
.wjgre {
	color: #fff;
}
.fs6 {
	font-size: 16px;
}
.joinpanel {
	padding: 45px 0 85px 0;
}
.joinpanel .pw > * {
	background: #fff;
}
.joinpanel .one {
	height: 545px;
}
.joinpanel .one .left {
	width: 30%;
	height: 100%;
}
.joinpanel .head {
	background: #2F318B;
	color: #fff;
	padding: 50px 0 35px 45px;
}
.joinpanel .head .ch {
	font-size: 30px;
}
.joinpanel .head .en {
	font-size: 16px;
}
.joinpanel .one .left .font {
	padding: 45px;
}
.joinpanel .one .right {
	width: 70%;
	height: 100%;
	overflow: hidden;
}
.joinpanel .one .right .wjIm {
	width: 100%;
	height: 100%;
	background: url(../img/join01.jpg) left;
	background-size: cover;
}
.joinpanel .one .right .wjIm img {
	display: none;
}
.joinpanel .tow {
	height: 250px;
}
.joinpanel .tow .left {
	width: 30%;
	height: 100%;
	overflow: hidden;
}
.joinpanel .tow .right {
	width: 70%;
	height: 100%;
}
.joinpanel .tow .right b {
	padding: 60px 0 0 60px;
	display: block;
	font-size: 18px;
	color: #2F318B;
}
.joinpanel .tow .right p {
	padding: 10px 20px 0 60px;
	display: block;
}
.wjp b {
	padding: 55px 0 0 45px;
	display: block;
	font-size: 18px;
}
.wjp p {
	padding: 10px 45px 0;
}
.wjp .hr {
	width: 200px;
	width: 200px;
	height: 1px;
	background: #ba3546;
	opacity: .8;
	margin-left: 45px;
	margin-top: 10px;
}
.joinpanel .img img {
	display: none !important;
}
.wjS img {
	display: none;
}
.mobileS {
	display: none;
}
.joinpanel .three {
	height: 660px;
}
.joinpanel .three .left {
	width: 70%;
	height: 100%;
	position: relative;
}
.joinpanel .three .left .font {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff;
	padding-bottom: 90px;
	z-index: 2;
}
.joinpanel .three .left .img {
	height: 100%;
	overflow: hidden;
}
.joinpanel .three .right {
	width: 30%;
	height: 100%;
}
.joinpanel .three .right .font {
	height: 50%;
	background: url(../img/join04.jpg);
	color: #fff;
}
.joinpanel .three .right .img {
	height: 50%;
	overflow: hidden;
}
.joinpanel .four {
	height: 745px;
}
.joinpanel .four .left {
	width: 100%;
	height: 335px;
}
.joinpanel .four .left .img {
	overflow: hidden;
	height: 100%;
	float: left;
	width: 30%;
}
.joinpanel .four .left .font {
	bottom: 0;
	left: 0;
	background: #fff;
	float: left;
	width: 70%;
}
.joinpanel .four .right {
	width: 100%;
	height: 410px;
}
.joinpanel .four .right .font {
	width: 30%;
	height: 100%;
	background: url(../img/join04.jpg) center;
	background-size: cover;
	float: left;
}
.joinpanel .four .right .img {
	height: 100%;
	width: 70%;
	overflow: hidden;
	float: left;
}
.joinpanel .five {
	height: 676px;
	position: relative;
}
.joinpanel .five .left {
	width: 30%;
	height: auto;
	position: absolute;
	right: 0;
	top: 0;
	background: #666666;
	color: #fff;
	padding-bottom: 80px;
}
.joinpanel .five .img {
	width: 100%;
	height: 100%;
	background: url(../img/join08.jpg) center;
	background-size: cover;
}
.joinpanel .five .right {
	width: 30%;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff;
	padding-bottom: 80px;
}
.wjIco01 {
	width: 35px;
	height: 35px;
	background: url(../images/wjIco01.jpg);
	position: absolute;
	right: 50px;
	top: 50%;
	margin-top: -17px;
}
.wjIco01 a {
	display: block;
	height: 100%;
}
.joinpanel .six {
	height: auto;
	overflow: hidden;
	position: relative;
}
.joinpanel .six .head {
	width: 100%;
	background: #fff;
	color: #666666;
	padding: 50px 0;
	position: relative;
}
.joinpanel .six .head p {
	padding-left: 45px;
}
.joinpanel .six .sixList {
	height: auto;
	overflow: hidden;
	background: url(../img/join09.jpg) center;
	background-size: cover;
	width: 100%;
}
.joinpanel .six .sixList li {
	float: left;
	width: 33.3%;
	border-right: 1px solid #999c9d;
	border-bottom: 1px solid #999c9d;
	box-sizing: border-box;
	position: relative;
}
.joinpanel .six .sixList li .cen {
	-webkit-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1);
	color: #fff;
	text-align: center;
	padding: 140px 0 100px 0;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
.joinpanel .six .sixList li .cen p {
	font-size: 16px;
}
.joinpanel .six .sixList li .cen p.en {
	padding-top: 10px;
}
.joinpanel .six .sixList li .cen .img {
	width: 11px;
	height: 11px;
	background: url(../images/wjIco02.png);
	display: inline-block;
	margin-top: 10px;
}
.joinpanel .six .sixList li .cen .hr {
	width: 20%;
	height: 1px;
	background: #fff;
	margin-left: 40%;
	margin-top: 5px;
}
.joinpanel .six .sixList li .cen2 {
	-webkit-transform: rotate(1deg) scale(.9);
	transform: rotate(1deg) scale(.9);
	position: absolute;
	top: 0;
	left: 0;
	background: #2F318B;
	color: #fff;
	opacity: 0;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
.joinpanel .six .sixList li .cen2 p.tit {
	font-size: 24px;
	margin: 60px 10% 30px 10%;
}
.joinpanel .six .sixList li .cen2 p.en {
	font-size: 14px;
	text-align: right;
	padding: 17px 0;
}
.joinpanel .six .sixList li .cen2 p.minh {
	min-height: 142px;
}
.joinpanel .six .sixList li .cen2 > * {
	width: 80%;
	margin-left: 10%;
}
.joinpanel .six .sixList li .cen2 .hr {
	width: 80%;
	height: 1px;
	background: #fff;
	margin-left: 10%;
	margin-top: 5px;
}
.joinpanel .six .sixList li:hover .cen2 {
	opacity: 1;
	-webkit-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1);
}
.joinpanel .six .sixList li:hover .cen {
	opacity: 0;
	-webkit-transform: rotate(10deg) scale(0);
	transform: rotate(10deg) scale(0);
}
.wjW50 {
	width: 200px;
	float: left;
}
.wjW50 input {
	width: 100% !important;
	box-sizing: border-box;
}
.wjW50.curL {
	margin-right: 20px;
	width: 150px;
}
.wjW50 .rb {
	margin-top: 25px !important;
}
.texta {
	width: 100%;
}
.texta textarea {
	width: 532px !important;
	height: 140px;
	background: #ececec;
	display: inline-block;
	padding: 0 !important;
	text-indent: 20px;
	padding-top: 40px;
}
.texta textarea.s-input {
	border: 1px solid #ececec;
}
.joinpanel .six .stipbox .ti {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}
.wjFoot {
	width: 100%;
	max-width: 820px;
	height: auto;
	position: absolute;
	bottom: 35px;
	left: 50%;
	margin-left: -410px;
	color: #fff;
}
.wjFoot li {
	width: auto;
	float: left;
	height: 35px;
	font-size: 16px;
	line-height: 18px;
	padding: 5px 0;
	margin-right: 10px;
}
.wjFoot li > *, .wjFoot li a> * {
	float: left;
}
.wjFoot li a {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
}
.wjFoot li .ico {
	width: 35px;
	height: 35px;
	margin-right: 10px;
}
.wjFoot li .en {
	font-family: 'moolbor';
	font-size: 18px;
	color: #fff;
	line-height: 18px;
}
.wjFoot li.cur1 {
	width: 250px;
}
.wjFoot li.cur2 {
	width: 340px;
}
.wjFoot li.cur2 .en, .wjFoot li.cur1 .en {
	margin-top: 2px;
}
.wjFoot li.cur3 {
	width: 200px;
	background: #2F318B;
	line-height: 35px;
	color: #fff;
	position: relative;
	overflow: hidden;
}
.wjFoot li.cur1 .ico {
	background: url(../images/wjIco03.png);
	background-size: cover;
}
.wjFoot li.cur2 .ico {
	background: url(../images/wjIco04.png);
	background-size: cover;
}
.wjFoot li.cur3 .ico {
	background: url(../images/wjIco05.png);
	background-size: cover;
	;
	margin-left: 20px;
}
.wjFoot li.cur3 a {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px;
}
.wjFoot li.cur3 .footCen {
	width: 0;
	height: 200px;
	margin-top: -50px;
	background: #575757;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
.wjFoot li.cur3:hover .footCen {
	width: 100%;
}
#wjSubNav {
	width: 50px;
	height: auto;
	position: fixed;
	bottom: 100px;
	right: 22px;
	z-index: 10000;
}
#wjSubNav li {
	width: 100%;
	height: 52px;
	margin-bottom: 2px;
	cursor: pointer;
}
#wjSubNav li .font {
	width: 0px;
	height: 52px;
	position: absolute;
	overflow: hidden;
	left: 0px;
	background: #2F318B;
	color: #fff;
	line-height: 52px;
	text-indent: 25px;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
#wjSubNav li .ico {
	width: 52px;
	height: 52px;
	position: absolute;
	left: 0;
}
#wjSubNav li .ico.cur1 {
	background: url(../images/wjIco09.png) #333333;
}
#wjSubNav li .ico.cur2 {
	background: url(../images/wjIco06.png) #333333;
}
#wjSubNav li .ico.cur3 {
	background: url(../images/wjIco07.png) #333333;
}
#wjSubNav li .ico.cur4 {
	background: url(../images/wjIco08.png) #333333;
}
#wjSubNav li:hover .ico.cur1 {
	background: url(../images/wjIco09.png) #2F318B;
}
#wjSubNav li:hover .ico.cur2 {
	background: url(../images/wjIco06.png) #2F318B;
}
#wjSubNav li:hover .ico.cur3 {
	background: url(../images/wjIco07.png) #2F318B;
}
#wjSubNav li:hover .ico.cur4 {
	background: url(../images/wjIco08.png) #2F318B;
}
#wjSubNav li:hover .font {
	width: 102px;
	left: -102px;
}
#topGo {
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
#topGo.cur {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}
.abobox .r.cur {
	line-height: 30px;
}
.abobox .r.cur p {
	padding-top: 10px;
}
#aboList {
	width: 100%;
	height: auto;
	padding-top: 100px;
}
#aboList li {
	width: 32%;
	height: 268px;
	float: left;
	overflow: hidden;
	margin: 0 .5%;
	position: relative;
}
#aboList li a {
	color: #fff;
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	display: block;
}
#aboList li .cen {
	width: 100%;
	height: 100px;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	text-align: center;
	cursor: pointer;
}
#aboList li .cen p {
	font-size: 16px;
	color: #fff;
}
#aboList li .cen p.en {
	font-family: 'moolbor';
	text-transform: uppercase;
	margin-top: 5px;
}
#aboList li .cen .img {
	width: 11px;
	height: 11px;
	background: url(../images/wjIco02.png);
	background-size: cover;
	display: inline-block;
	margin-top: 10px;
}
#aboList li .cen .hr {
	width: 20%;
	height: 1px;
	background: #fff;
	margin-left: 40%;
	margin-top: 5px;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
#aboList li img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	position: relative;
}
#aboList li:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
#aboList li:hover .cen .hr {
	width: 70%;
	margin-left: 15%;
}
.wjBigImg {
	margin-top: 80px;
}
#viewPic {
	width: 100%;
	height: 100%;
	position: fixed;
	background: #333333;
	z-index: 10000;
	top: 0;
	left: 0;
	display: none;
}
#viewPic .head {
	width: 100%;
	height: 80px;
	background: #000000;
	line-height: 80px;
}
#viewPic .head p {
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
}
#viewPic .head ul {
	width: auto;
	height: 30px;
	float: right;
	position: absolute;
	top: 0;
	right: 0;
}
#viewPic .head ul li {
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	float: left;
	text-align: center;
	border-left: 1px solid #333333;
	padding: 25px;
	cursor: pointer;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
#viewPic .head ul li.cur1 {
	background: url(../images/aboutIco01.png) no-repeat center;
}
#viewPic .head ul li.cur3 {
	background: url(../images/aboutIco02.png) no-repeat center;
}
#viewPic .head ul li.cur4 {
	background: url(../images/aboutIco03.png) no-repeat center;
}
#viewPic .head ul li.cur1:hover {
	background: url(../images/aboutIco01.png) no-repeat center #2F318B;
}
#viewPic .head ul li.cur3:hover {
	background: url(../images/aboutIco02.png) no-repeat center #2F318B;
}
#viewPic .head ul li.cur4:hover {
	background: url(../images/aboutIco03.png) no-repeat center #2F318B;
}
.wjImgWra {
	width: 60%;
	height: 60%;
	margin: 50px auto;
	overflow: hidden;
	text-align: center;
}
.wjImgWra ul {
	height: 100%;
	position: relative;
}
.wjImgWra ul li {
	height: 100%;
	float: left;
}
.wjImgWra ul li img {
	max-width: 100%;
	max-height: 100%;
}
.wjOne {
	width: 100%;
	padding-top: 130px;
	overflow: hidden;
}
.wjtitle {
	height: auto;
	max-width: 1200px;
	margin: auto;
}
.wjtitle.curtC {
	text-align: center;
}
.wjtitle.curtC .hr {
	margin: auto;
}
.wjtitle .en {
	font-family: 'moolbor';
	text-transform: uppercase;
	line-height: 0.75;
	font-size: 60px;
}
.wjtitle .hr {
	width: 14px;
	height: 6px;
	background: #2F318B;
	margin-bottom: 10px;
}
.wjtitle .ch {
	font-size: 16px;
	margin-bottom: 10px;
}
.wjBtnWra {
	height: 24px;
	position: relative;
	margin-top: -24px;
	margin: -24px auto 0;
	width: 1200px;
}
.wjBtnWra > * {
	float: right;
}
.wjBtnWra .yuan {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background: #fff;
	border: 2px solid #2F318B;
}
.wjBtnWra .wjBtnPre {
	width: 24px;
	height: 24px;
	position: relative;
}
.wjBtnWra .wjBtnNext {
	width: 24px;
	height: 24px;
	position: relative;
	text-align: right;
}
.wjBtnWra .lin {
	width: 100%;
	height: 3px;
	background: url(../images/wjIco12.png);
	position: absolute;
	top: 50%;
	margin-top: -1px;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
.wjBtnWra img {
	margin-top: 5px;
	margin-left: -2px;
}
.wjBtnWra .wjBtnNext img {
	margin-right: -2px;
}
/*.wjBtnWra .wjBtnPre:hover .lin{background:url(../images/wjIco13.jpg);}*/
/*.wjBtnWra .wjBtnNext:hover .lin{background:url(../images/wjIco13.jpg);}*/
.wjBtnWra .wjBtnNext .lin {
	background: url(../images/wjIco13.jpg);
}
.wjWra {
	height: auto;
	position: relative;
	height: auto;
	margin-top: 70px;
}
.wjWra .hieL {
	width: 1000px;
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -1600px;
	background: #cccccc;
	height: 1px;
}
.wjWra .hieR {
	width: 1000px;
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: 600px;
	background: #cccccc;
	height: 1px;
}
.wjWra .hieL .dian {
	width: 6px;
	height: 6px;
	background: #2F318B;
	float: right;
	margin-top: -3px;
	position: relative;
	z-index: 10;
	border-radius: 6px;
}
.wjWra .hieR .dian {
	width: 6px;
	height: 6px;
	background: #2F318B;
	float: left;
	margin-top: -3px;
	position: relative;
	z-index: 10;
	border-radius: 6px;
}
.wjWra .listWra {
	width: 1200px;
	margin: auto;
	position: relative;
	overflow: hidden;
}
.wjWra .listWra ul {
	width: 100000px;
	height: auto;
	position: relative;
}
.wjWra .listWra ul li {
	width: 250px;
	float: left;
	height: auto;
	overflow: hidden;
	margin-bottom: 40px;
}
.wjWra .listWra ul li > p {
	width: 76%;
	margin-left: 12%;
	margin-top: 20px;
	font-size: 12px;
	color: #333;
}
.wjWra .listWra ul li b {
	height: 60px;
	line-height: 90px;
	text-indent: 12%;
	font-size: 48px;
	color: #333;
	position: relative;
	border-bottom: 1px solid #ccc;
	font-weight: 100;
	display: block;
}
.wjWra .en {
	font-family: 'moolbor';
	text-transform: uppercase;
}
.wjWra .listWra ul li b .bottomLine {
	width: 76%;
	height: 4px;
	background: #2F318B;
	position: absolute;
	bottom: -2px;
	margin-left: 12%;
}
.wjTow {
	width: 100%;
	overflow: hidden;
	height: auto;
	background: url(../img/about08.jpg) center;
	background-size: cover;
	padding-top: 150px;
	padding-bottom: 150px;
}
.wjTow .listWra {
	width: 1140px;
	margin: auto;
	overflow: hidden;
	position: relative;
}
.wjTow .listWra ul {
	width: 100000px;
	position: relative;
}
.wjTow .listWra li {
	width: 245px;
	height: 340px;
	float: left;
	margin: 0 20px;
	overflow: hidden;
}
.wjTow .listWra li img {
	width: 100%;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
}
.wjTow .listWra li:hover img {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.lbWra {
	width: 1200px;
	position: relative;
	height: auto;
	padding-top: 100px;
	margin: auto;
}
.lbWra .wjBtnPre {
	width: 39px;
	height: 39px;
	background: url(../images/wjbtnL.png) center;
	background-size: cover;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -680px;
	cursor: pointer;
}
.lbWra .wjBtnNext {
	width: 39px;
	height: 39px;
	background: url(../images/wjbtnR.png) center;
	background-size: cover;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: 640px;
	cursor: pointer;
}
.lbWra .wjBtnPre:hover {
	background: url(../images/wjbtnLs.png) center;
	background-size: cover;
}
.lbWra .wjBtnNext:hover {
	background: url(../images/wjbtnRs.png) center;
	background-size: cover;
}
.wjTree {
	width: 100%;
	height: auto;
	padding-top: 150px;
	padding-bottom: 700px;
	background-size: cover;
	position: relative;
}
.wjTree .lbWras {
	width: 880px;
	height: auto;
	padding: 13px;
	background: #fafafa;
	overflow: hidden;
	position: absolute;
	margin-top: 100px;
	left: 50%;
	margin-left: -600px;
}
.wjTree .lbWras > * {
	float: left;
}
.wjTree .lbWras .wjBtnPre {
	width: 30px;
	margin-right: 5px;
	height: 176px;
	background: url(../images/wjJtL.png) center no-repeat;
	cursor: pointer;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
.wjTree .lbWras .wjBtnNext {
	width: 30px;
	margin-left: 5px;
	height: 176px;
	background: url(../images/wjJtR.png) center no-repeat;
	cursor: pointer;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
.wjTree .lbWras .wjBtnPre:hover {
	background: url(../images/wjJtLs.png) center no-repeat;
}
.wjTree .lbWras .wjBtnNext:hover {
	background: url(../images/wjJtRs.png) center no-repeat;
}
.wjTree .lbWras .listWra {
	width: 810px;
	height: 176px;
	position: relative;
	overflow: hidden;
}
.wjTree .lbWras .listWra ul {
	width: 100000px;
	height: 100%;
	position: relative;
}
.wjTree .lbWras .listWra ul li {
	width: 260px;
	height: 156px;
	float: left;
	margin-right: 10px;
	overflow: hidden;
	cursor: pointer;
}
.wjTree .lbWras .listWra ul li img {
	-webkit-transform: scale(1);
	transform: scale(1);
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
.wjTree .lbWras .listWra ul li:hover img {
	height: 100%;
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.fouList {
	width: 100%;
	height: 14px;
	text-align: center;
	position: relative;
	margin-top: 40px;
}
.fouList ul {
	width: auto;
	position: absolute;
	left: 50% !important;
}
.fouList ul li {
	width: 14px;
	height: 14px;
	float: left;
	margin: 0 5px;
	border-radius: 14px;
	background: #c8c8c8;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
.fouList ul li.cur {
	background: #2F318B;
}
.fouList ul li:hover {
	background: #2F318B;
}
.wjFour {
	padding-bottom: 90px;
	padding-top: 150px;
}
.wjBtnWra.cur .wjBtnPres {
	width: 39px;
	height: 39px;
	background: url(../images/wjbtnL.png) center;
	background-size: cover;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	cursor: pointer;
	margin-right: 20px;
}
.wjBtnWra.cur .wjBtnNexts {
	width: 39px;
	height: 39px;
	background: url(../images/wjbtnR.png) center;
	background-size: cover;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	cursor: pointer;
}
.wjBtnWra.cur .wjBtnPres:hover {
	background: url(../images/wjbtnLs.png) center;
	background-size: cover;
}
.wjBtnWra.cur .wjBtnNexts:hover {
	background: url(../images/wjbtnRs.png) center;
	background-size: cover;
}
.wjFour .wjListWra {
	width: 1248px;
	margin: auto;
	height: 434px;
	position: relative;
	overflow: hidden;
	margin: 85px auto 0;
}
.wjFour .wjListWra ul {
	width: 1000000px;
	height: 100%;
	position: absolute;
	top: 0;
}
.wjFour .wjListWra ul li {
	float: left;
	margin: 0 25px 50px;
	overflow: hidden;
	width: 262px;
	height: 153px;
}
.wjFour .wjListWra ul li img {
	filter: grayscale(100%);
	width: 100%;
	-webkit-filter: grayscale(100%);
	cursor: pointer;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
.wjFour .wjListWra ul li:hover img {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.mobaileShow {
	display: none;
}
.wjoh {
	overflow: hidden;
}
/*.filters img,*/.filters {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
}
/*.filtRemove:hover .filters img{filter: grayscale(0);-webkit-filter: grayscale(0);
			-webkit-transform:scale(1.1);transform:scale(1.1);}*/
.filtRemove:hover .filters {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.wjIm {
	width: 100%;
	height: 100%;
}
.joinpanel .one .right .wjIm img {
	display: none;
}
.joinpanel .one .right .wjIm {
	background: url(../img/join01.jpg) left;
	background-size: cover;
}
.joinpanel .tow .left .wjIm {
	background: url(../img/join02.jpg) center;
	background-size: cover;
}
.joinpanel .three .left .img .wjIm {
	background: url(../img/join03.jpg) center;
	background-size: cover;
}
.joinpanel .three .right .img .wjIm {
	background: url(../img/join05.jpg) center;
	background-size: cover;
}
.joinpanel .four .left .img .wjIm {
	background: url(../img/join06.jpg) center;
	background-size: cover;
}
.joinpanel .four .right .img .wjIm {
	background: url(../img/join07.jpg) center;
	background-size: cover;
}
.wjimgBig {
	height: 500px;
	position: relative;
	background: url(../img/about04.jpg);
	margin-top: 80px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
.wjimgBig img {
	display: none;
	width: 90%;
	margin-left: 5%;
}
.wjWra .listWra:hover {
	cursor: pointer;
	cursor: url(../images/hand_Up.ico), auto;
}
.wjWra .listWra.curc:hover {
	cursor: pointer;
	cursor: url(../images/hand_Donw.ico), auto;
}
.wjWra .listWra {
	-webkit-user-select: none;
	user-select: none;
}
.abobox .l.curfiex {
	height: 100px;
}
.abobox .l.curfiex .abti {
	top: 175px;
	position: fixed;
}
.woList .gray img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%); /*filter: gray;*/
}
.nd-box {
	padding: 65px 50px;
	background: #fff;
	margin-top: 42px;
}
.nd-ti {
	text-align: center;
	color: #333;
	font-size: 20px;
	margin-bottom: 15px;
}
.nd-pic .picbox {
	height: 800px;
	position: relative;
	overflow: hidden;
}
.nd-pic .picbox img {
	vertical-align: middle;
	height: auto;
	width: auto;
	max-height: 100%;
	max-width: 100%;
	margin: auto;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.nd-pic .slick-dots {
	margin-top: 0;
	padding: 17px 15px;
	background: #2F318B;
	text-align: left;
}
.nd-pic .slick-dots li {
	background: #fff;
}
.nd-pic .slick-dots li.slick-active, .ndpics .slick-dots li:hover {
	background: #e52f47 !important;
}
.nd-pic .slick-arrow {
	display: block;
	width: 38px;
	height: 38px;
	border: 1px solid #999;
	border-radius: 100%;
	top: 50%;
	margin-top: -20px;
	position: absolute;
	z-index: 99;
}
.nd-pic .slick-prev {
	left: 0;
	background: url(../images/abm4.png) no-repeat left center;
}
.nd-pic .slick-next {
	right: 0;
	background: url(../images/abm3.png) no-repeat right center;
}

/*秉承以创意为核心*/
.container01{background:#555;padding:7.25rem 0 3rem;}
.container01 .title{ text-align:center; margin-bottom:6rem}
.container01 .title h2{ font-size:2.1875rem; color:#fff; font-weight:bold;}
.container01 .title h4{ font-size:1.25rem; color:#fff; margin:1.25rem 0 1.25rem}
.container01 .title h6{font-size:12px;color:#efbbc0;color: rgba(255,255,255,0.6);text-transform:uppercase;transform:scale(0.9);}

.container01 .fl01{ margin-bottom:3.75rem}
.container01 .fl01 ul{ font-size:0; text-align:center}
.container01 .fl01 ul li{ display:inline-block; *display:inline; *zoom:1; width:20%; text-align:center}
.container01 .fl01 ul li .box{ display:inline-block; width:8.125rem; height:8.125rem; position:relative}
.container01 .fl01 ul li .box span.y1{ position:absolute; top:0; left:0; display:inline-block; width:8.125rem; height:8.125rem; border:#fff 3px solid; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.container01 .fl01 ul li .box span.y2{ position:absolute; top:0; left:0; display:inline-block; width:8.125rem; height:8.125rem; border:#fff 3px solid; background:#ffffff; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; opacity: 0; transform: scale(0.7); -webkit-transform: scale(0.7); visibility: hidden;}
.container01 .fl01 ul li h5{ font-size:1rem; color:#fff; margin-top:0rem}
.container01 .fl01 ul li h6{ font-size:12px; color:#caccce; text-transform:uppercase; transform:scale(0.9);}

.container01 .fl01 ul li .icon{ display:inline-block; width:8.125rem; height:8.125rem; line-height:8.125rem; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; margin-bottom:1.25rem; position:relative; overflow:hidden; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.container01 .fl01 ul li .icon .con01{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.container01 .fl01 ul li .icon .con02{ content:""; position:absolute; left:-100%; top:0; width:100%; height:100%; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

.container01 .fl02 ul{ font-size:0; text-align:center}
.container01 .fl02 ul li{ display:inline-block; *display:inline; *zoom:1; width:4.125rem; text-align:center}
.container01 .fl02 ul li h3 .img{ display:inline-block; position:relative}
.container01 .fl02 ul li h3 .img:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
	top: -3px;
	left: -3px;
	padding: 3px;
	box-shadow: 0 0 0 2px #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(.8);
	opacity: 0;
}
.container01 .fl02 ul li h3 .img:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 0.4;
}
.container01 .fl02 ul li h3 img{ height:2.8125rem}
.container01 .fl02 ul li span{line-height:30px;color:#fff;font-size:0.875rem;text-align:center;display:block;opacity:0;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;margin: 0 -0.5rem;}
.container01 .fl02 ul li:hover span{ opacity:1;}

/*案例*/
.container02{overflow:hidden; padding-top:2%;}

.container02 .title{text-align:center;margin-bottom: 4rem;margin-top: 6rem;}
.container02 .title h2{ font-size:2.1875rem; color:#d4042c; font-weight:bold;}
.container02 .title h4{ font-size:1.25rem; color:#504f54; margin:1.25rem 0 1.25rem}

.container02 .slider-nav{max-width: 650px;margin: 0 auto;margin-bottom: 3.875rem; text-align:center;}
.container02 .slider-nav .miso-slide h5{display:inline-block;padding: 0 1.875rem;height: 2.87rem;line-height: 2.875rem;-moz-border-radius: 3px;-webkit-border-radius:3px;border-radius: 3px;cursor:pointer;background: #fff;}
.container02 .slider-nav h5{font-size:1rem;color: #333;height: 38px;}
.container02 .slider-nav .miso-slide.miso-current h5{background: #d4042c;color: #fff;}

.container02 ul.ul{ font-size:0; text-align:center; overflow:hidden; margin-top:2%;}
.container02 ul.ul li{ display:inline-block; *display:inline; *zoom:1; float:left; width:24.7%; text-align:center; border:0px #FFFFFF solid; margin-right:0.4%; margin-bottom:0.4%}
.container02 ul.ul li:nth-child(4n){ display:inline-block; *display:inline; *zoom:1; float:left; width:24.7%; text-align:center; margin-right:0%;margin-bottom:0.4%}
.container02 ul.ul li a{ display:block; width:100%; height:100%; position:relative; background:#000; overflow:hidden}
.container02 ul.ul li a .img,.container02 ul.ul li a .img img{ width:100%; overflow:hidden; position:relative}
.container02 ul.ul li a .img img{ -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
/*.container02 ul.ul li a .img:after{ content:""; position:absolute; right:0; top:0; width:100%; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background:rgba(0,0,0,0.1); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}*/
:root .container02 ul.ul li a .img:after{/*filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');*/}/*for IE9*/ 
:root .container02 ul.ul li a .img:after{filter:none;}/*for IE9*/
.container02 ul.ul li a .con{ /*position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden*/}
.container02 ul.ul li a .con h3{font-size:16px; line-height:33px; color:#FFF; background:#2B2E8C}
.container02 ul.ul li a .con h3 img{position:relative;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container02 ul.ul li a .con h3 img{ max-width:80%}
.container02 ul.ul li a .con h5{ height:0px; overflow:hidden; position:relative; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container02 ul.ul li a .con:hover h5{ height:130px; overflow:hidden; position:relative; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container02 ul.ul li a .con h5 span{ display:inline-block; font-size:14px; color:#fff; margin:0 0.5rem; line-height:13px;}
.container02 ul.ul li a .con h4{ height:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container02 ul.ul li a .con:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8D4042C', endColorstr='#D8D4042C');background:rgba(0,163,234,0.85); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
/*:root .container02 ul.ul li a .con:before{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00D4042C', endColorstr='#00D4042C');}/*for IE9*/ 
:root .container02 ul.ul li a .con:before{filter:none;}/*for IE9*/*/


@media(min-width: 768px){
	.container01 .fl01 ul li a:hover .box span.y1 { opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }
	.container01 .fl01 ul li a:hover .box span.y2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
	.container01 .fl01 ul li:hover .icon .con01{ left:100%;}
	.container01 .fl01 ul li:hover .icon .con02{ left:0;}
	
	.container02 ul.ul li:hover a .img:after{ left:0; width:0}
	.container02 ul.ul li:hover a .con:before{ left:0; width:100%}
	
	.container02 ul.ul li:hover a .con h4{ height:1.875rem}
	.container02 ul.ul li:hover a .con h5{ height:1rem}
	
	
}



@media(max-width: 1200px){
	.container01 .fl01 ul li .icon .con img{ max-height:2.8rem}
	
	.container02 ul.ul li{ width:33.333333%}
	
	
}

@media(max-width: 992px){
	
	.container01 .fl01 ul li{ width:33.333333%; margin-bottom:0rem}
	
	.container03 ul li{ width:25%;}
	
	
}


@media(max-width: 768px){
	
	.container01{ padding:3rem 0}
	.container01 .title{ margin-bottom:3rem}
	.container01 .fl02 ul li{ width:20%; margin-bottom:1rem}
	.container01 .fl02 ul li span{ opacity:1}
	
	.container02 ul.ul li{ width:48%}
	.container02 ul.ul li:nth-child(4n){ width:48%}
	.container02 ul.ul li a .con h3 img{ max-width:60%; max-height:3.5rem}
	.container02 .title{ margin-bottom:3rem}
	.container02 .slider-for ul li{ width:100%;}
	.container02 .slider-nav .miso-slide h5{ padding:0; display:block}
	.container02 .slider-for ul li .box .fl .dot img{ height:3.5rem}
	
	.container03 ul .miso-slide li{ width:33.333333%; margin-bottom:1rem}
	.container03 ul li .img{padding:0 1rem}
	.container03 .title h2 img{ height:5rem}
	.container03 .title h4 .ar_wap{ display:inline-block; line-height:1.75rem}
	
	.container03{ padding:5rem 0}
	.container03 .title{ margin-bottom:3rem}
	
	
}

@media(max-width: 640px){
	.container01 .fl01 ul li .box span.y1{ border:#fff 1.5px solid}
	.container01 .fl01 ul li .box, .container01 .fl01 ul li .box span.y1, .container01 .fl01 ul li .icon{width:6rem; height:6rem; line-height:6rem}
	.container01 .fl01 ul li .icon .con img{ height:2.2rem}
	.container01 .fl01 ul li h5{ margin-bottom:0.5rem; margin-top:1.25rem}
	.container01 .fl01 ul li h6{ font-size:10px;}
	
	.container01 .fl01 ul li h6{ line-height:1.5rem; height:3rem}
	
	
}

@media(max-width: 456px){
	.container01 .fl01 ul li .box, .container01 .fl01 ul li .box span.y1, .container01 .fl01 ul li .icon{width:5rem; height:5rem; line-height:5rem}
	.container01 .fl01 ul li .icon .con img{ height:2rem}
	.container01 .fl01 ul li h6{ line-height:1rem; height:2rem; overflow:hidden}
	
	
}

.pageNavBox { height: 52px;}
.pageNavBox a:link, .pageNavBox a:visited { color: #fff;}
.pageNavBox a:active,.pageNavBox a:hover { color: #004EA1;}    
.pagenav { background-color: #004EA1; width: 100%; text-align:center}
.pagenav.fixed{ position: fixed; top: 52px; z-index: 1000;}
.pagenav.fixed .cpnavbox{ height: 40px; line-height: 40px;}
.cpnavbox { height: 50px; line-height: 50px; padding-top: 2px; -webkit-transition:height 0.3s;  transition:height 0.3s;}
.cpnavbox a { text-align: center; color: #ffffff; display: inline-block; padding: 0px 30px;  *display: inline; *zoom: 1; position: relative;}
.cpnavbox a:before{ content:""; position: absolute; left: 0px; top: 0; width: 1px; height: 100%; display: block; background-color: #0B5CB3;}
.cpnavbox a:last-child:after{ content:""; position: absolute; right: 0px; top: 0; width: 1px; height: 100%; display: block; background-color: #0B5CB3;}
.cpnavbox a:hover, .cpnavbox a.active { background-color: #fff; color: #004EA1; }
.cpnav { display: none; width: 100%; color: #fff; line-height: 40px; height: 40px; overflow: hidden; text-align: center; font-size: 14px; background-color: #004EA1; 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; }
.pbanner1 { position: relative; overflow: hidden; background: url(../images/loader.gif) no-repeat scroll center center #fff; color: #fff; }
.pbanner1 a:link, .pbanner1 a:visited { color: #fff; }
.pbanner1 a:active, .pbanner1 a:hover { color: #fff; }
.pbanner1 .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: 13%; bottom: 12%; color: #fff;}
.pbanner-C article{ position: relative; float: left;}
.pbanner-C .c{ font-size: 40px; line-height: 1.2; /*font-weight: bold; font-family: "微软正黑体","Microsoft JhengHei"; */overflow: hidden;}
.pbanner-C .c span{ display: block; opacity: 0; transform: translate(0px,100%); -webkit-transform: translate(0px,100%); -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.2s; 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;}
/*about style*/
.surveyPCon a:link, .surveyPCon a:visited { color: #977751;}
.surveyPCon a:active,.surveyPCon a:hover { color: #000;}  
.surveyPCon{ padding: 170px 0px 132px;}
.survey-title{ margin-bottom: 35px;}
.survey-title .year{ font-size: 150px; font-family: "Baiduan Number"; text-transform: uppercase; color: #dfe6e3; line-height: 1;}
.survey-title .year span{ font-family: "pf_din_text_comp_proregular";}
.survey-title .zh{ color: #004EA1; position: relative; margin-top: -50px; font-size: 30px; line-height: 1;}
.survey-c{ width: 612px; height: 250px; overflow: hidden; margin-bottom: 30px; color: #666666;	overflow-x: hidden;
    overflow-y: scroll;}
.surveyPbox{ background-repeat: no-repeat; background-position: center top; background-size: cover; padding:0 5%}
.surveyPbox .pageinner{ position: relative;}
.survey-plist{ position: absolute; right: 5%; bottom: 0; width: 40%; color: #fff;}
.survey-plist li{ display: block; float: left; width: 30.33%; text-align: center; padding: 40px 3% 40px 0px;;}
.survey-plist .num{ font-size: 65px; line-height: 1; font-family: "Baiduan Number";}
.survey-plist .num i{ font-size: 40px; font-style: inherit; position: absolute;}
.speech-Pbox{ background-position: right top; background-color: #899ca0; background-repeat: no-repeat; background-size: cover; color: #fff; position: relative;}
.speech-Pbox a:link, .speech-Pbox a:visited { color: #fff;}
.speech-Pbox a:active,.speech-Pbox a:hover { color: #666;}  
.speech-Pbox .pageinner{ position: relative;}
.speech-Pbox .img{ width: 64%; float: right; display: block; margin-top: 45px;}
.speech-Pbox .img img{ width: 100%; display: block;}
.speech-Pbox .con{ position: absolute; left: 0%; top: 0%; height: 100%; width: 550px;}
.speech-Pbox .t .name{ font-size: 36px; line-height: 1.4; float: left; display: inline-block;}
.speech-Pbox .t .by{ border-left: 1px solid #fff; float: left; display: inline-block; padding-left: 20px; margin-left: 18px; max-width: 380px;}
.speech-Pbox .t{ margin-bottom: 35px;}
.speech-Pbox .c{ font-size: 15px; height: 108px; overflow: hidden; margin-bottom: 5%;}
.redMore3{ border: 2px solid #fff; display: block; width: 190px; padding: 20px 0px; line-height: 1.5; position: relative; text-align: center; z-index: 1;} 
.redMore3 .n{ display: block;}
.redMore3:before {content: ""; position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; background-color: #fff; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0);}
.redMore3:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0;}
.speech-Pbox .redMore3{ float: left; display: block; margin-right: 45px;}
.pageIbox-left,.pageIbox-right{ float: left; display: block;}
.pageIbox-left{ padding-left: 13%; width: 49%;}
.pageIbox-con{ padding: 120px 0px 88px;}
.pageIbox-right{ width: 38%; position: relative; height: 100%;}
.pageIbox-img{ height: 100%; position: absolute; right: 0; top: 0; overflow: hidden;}
.pageIbox-img .img{ height: 100%; width: 100%; position: absolute; right: 0; top: 0; display: block; background-repeat: no-repeat; background-size: cover;  transition: 0.6s; -webkit-transition: 0.6s;}
.pageIbox-img:hover .img { -webkit-transform:scale(1.06); transform: scale(1.06);}
.culture-box{ position: relative;}
.cultureDemo{ width: 92%;}
.cultureDemo .item{ padding-bottom: 70px;}
.culture-box a:link, .culture-box a:visited { color: #666;}
.culture-box a:active,.culture-box a:hover { color: #00954A;}  
.history-box{ color: #fff; position: relative;}
.history-box a:link, .history-box a:visited { color: #fff;}
.history-box a:active,.history-box a:hover { color: #fff;}  
.history-box .pageIbox-left{ background: url(../images/balck_30.png) repeat; background: none rgba(0,0,0,0.3);}
.history-con{ padding: 120px 0px; width: 580px;}
.history-con .iboxT{ margin-bottom: 105px;}
.history-time{ padding-left: 40px; position: relative; font-weight: bold; font-family: "bodoni_bd_btbold"; font-size: 36px; margin-bottom: 35px; line-height: 1.4;}
.history-time i{ width: 12px; height: 12px; border-radius: 50%; background-color: #ffffff; background-color: rgba(255,255,255,0.8);  float: left; position: absolute; left: 10px; top: 50%; margin-top: -6px;}
.history-time i:after { content: "";display: block;width: 100%;height: 100%;border-radius: 50%;background-color: rgba(255,255,255,0.7);position: absolute;left: 0%;top: 0%;animation: bannerbuIn infinite linear 1.5s normal;-webkit-animation: bannerbuIn infinite linear 1.5s normal;}
@keyframes bannerbuIn {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(2);
  }
}
.history-con .t{ font-size: 24px; line-height: 1.5; overflow: hidden; margin-bottom: 15px; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.history-con .c{ height: 50px; overflow: hidden; margin-bottom: 65px;}
.history-box .pageIbox-right{ position: relative;}
.history-demo .slick-dots { position: relative; bottom: auto; z-index: 104; width: 100%; left: auto; text-align: left; display: none !important; margin-top: 25px;}
.history-demo .slick-dots li { position: relative; display: block; float: left; width: auto; padding: 0px; height: 10px; margin:0px 10px 0px 0px; cursor: pointer; }
.history-demo .slick-dots li a { height: 10px; width: 10px; line-height: 10px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; background:none #d0d0d0; }
.history-demo .slick-dots li a:focus { outline: none; }
.history-demo .slick-dots li.slick-active a { background: none #00954a;}
.history-year{ position: absolute; right: 5%; bottom: 8%; text-align: right;}
.history-year .num{ font-size: 98px; font-family: "bodoni_bd_btbold"; line-height: 1.1;}
.history-year .c{ font-size: 15px;}
.history-year-ul li{ width: 110px; padding-left: 10px; border-right: 3px solid #fff; cursor: pointer; height: 48px; line-height: 48px; overflow: hidden; margin-bottom: 12px; text-align: left; font-family: "bodoni_bd_btbold"; position: relative; transition: 0.6s; -webkit-transition: 0.6s; z-index: 1;}
.history-year-ul li:before{ content: ""; width: 100%; height: 100%; background-color: #fff; position: absolute; right: 0; bottom: 0px; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); }
.history-year-ul li:hover:before,.history-year-ul li.active:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 100%; -webkit-transform-origin: 100%; }
.history-year-ul li:hover{ color: #128660; }
.history-year-ul li.active{ color: #128660; font-size: 18px;}
.honor-box{ padding:40px 5% 50px; background-size: cover; background-repeat: no-repeat; background-position: center center; color: #fff;}
.honor-box a:link, .honor-box a:visited { color: #fff;}
.honor-box a:active,.honor-box a:hover { color: #fff;}  
.honor-left{ width: 562px;}
.honor-left .title{ background: url(../images/honor_num.png) no-repeat scroll center center; width: 122px; padding: 20px 0px; text-align: center; height: 64px; font-size: 36px; line-height: 1; font-weight: bold; margin-bottom: 12px;}
.honor-left .by{ font-size: 12px; width: 122px; text-align: center; margin-bottom: 32px;}
.honor-left .t{ font-size: 30px; line-height: 1.4; margin-bottom: 20px;}
.honor-left .c{  overflow: hidden; margin-bottom: 0px;}
.honor-left p img{ width:90%;}
.social-slick{ margin-top: 58px;}
.social-slick .item{ background-color: #f3f3f3; margin: 0px 34px 0 0; position: relative;}
.social-slick .img{ float: left; display: block; width: 45%; overflow: hidden;}
.social-slick .img img{ width: 100%; display: block;}
.social-slick .con{ float: left; display: block; width: 45%; margin-left: 5%; padding-top: 5%;}
.social-slick .time{ color: #00945a; margin-bottom: 10px;}
.social-slick .time .day{ font-size: 32px; font-family: "bodoni_bd_btbold"; line-height: 1.1; background: url(../images/line2.png) no-repeat scroll right center; padding-right: 28px;}
.social-slick .c{ font-size: 16px; color: #333; height: 86px; overflow: hidden;}
.social-slick .slick-dots { top: -60px; bottom: auto; z-index: 104; width: 100%; right: 34px; text-align: right;}
.social-slick .slick-dots li { position: relative; display: block; float: right; width: auto; padding: 0px; height: 10px; margin:0px 0px 0px 10px; cursor: pointer; }
.social-slick .slick-dots li a { height: 10px; width: 10px; line-height: 10px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; background:none #d0d0d0; font-size: 0;}
.social-slick .slick-dots li a:focus { outline: none; }
.social-slick .slick-dots li.slick-active a { background: none #00954a;}
.pagePading{ padding: 30px 0px;}
.pageC a:link, .pageC a:visited { color: #2e9a91;}
.pageC a:active,.pageC a:hover { color: #000;}  
.pageC img{ max-width: 100% !important; height: auto !important;}
.pageC{ overflow: hidden; color: #666;}
.company-t{ font-size: 24px; color: #666; line-height: 1.4;}
.bgfa{ background-color: #fafafa;}
.speech-list{ background-color: #fff;}
.speech-left,.speech-right{ float: left; display: block; width: 50%; min-height: 1072px; font-size: 15px;}
.speech-right{ width: 26%; padding: 35px 12%; border-bottom: 1px solid #004EA1; background-color: #ebefed;}
.speech-left .img{overflow: hidden;}
.speech-left .img img{ width: 100%; display: block;}
.speech-left .con{ padding: 35px 9%; text-align: justify;}
.speech-t{ line-height: 1.5; margin-bottom: 35px; font-size: 14px;}
.speech-t .name{ float: left; display: block; color: #004EA1; border-right: 1px solid #b0b0b0; font-size: 36px; padding-right: 16px; line-height: 1.2; margin-right: 20px;}
.speech-left .list{ padding-top: 30px;}
.speech-left .list li{ margin-top: 20px; background: url(../images/dian.png) no-repeat scroll left 10px; padding-left: 20px;}
.speech-right .t{ font-size: 30px; line-height: 1.2; color: #004EA1;}
.speech-right .n{ font-size: 14px; color: #004EA1; text-indent: 9em;}
.speech-right .con{ margin-top: 40px;}
.speech-right .con p{ border-bottom: 1px solid #d8d8d8; padding: 6px 0px;}
.paging { background: #e3e3e3; padding: 10px 0; position: relative; text-align: center; }
.paging a { padding: 0px 6px; height: 40px; color: #666; line-height: 40px; font-size: 18px; text-align: center; display: inline-block; *zoom: 1;*display: inline;vertical-align: middle; margin: 0 2px; font-family: "bodoni_bd_btbold"; }
.paging a.act, .paging a:hover { color: #004EA1;}
.paging .prev, .paging .next { margin: 0; display: block; position: absolute; top: 0; height: 100%; bottom: 0; width: 72px; padding: 0; background-repeat: no-repeat; background-position: center center; }
.paging .prev { background-image: url(../images/rr_pager_prev.png);  left: 0;}
.paging .next { background-image: url(../images/rr_pager_next.png); right: 0; }
.paging .prev:hover,.paging .next:hover{ background-color: #dcf2e8;}
.new-list{ padding-bottom: 20px;}
.new-list dd{ margin-bottom: 25px; overflow: hidden; background-color: #fff; position: relative; transition:0.3s; -webkit-transition:0.3s;}
.new-list .img{ float: left; display: block; width: 27.5%; overflow: hidden;}
.new-list .img img{ display: block; width: 100%; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out;}
.new-list .con{ float: left; margin-left: 4%; width: 64.5%; padding-top: 30px;}
.new-list .time{ color: #00945a; line-height: 1.5; margin-bottom: 20px; font-family: "bodoni_bd_btbold";}
.new-list .day{ font-size: 24px; background: url(../images/line2.png) no-repeat scroll right center; padding-right: 25px; margin-right: 5px;}
.new-list .t{ margin-bottom: 16px; font-weight: normal; font-size: 18px; color: #333; line-height: 1.5;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; transition:0.3s; -webkit-transition:0.3s;}
.new-list .c{ height: 50px; overflow: hidden; color: #999999;}
.new-list dd:hover{ box-shadow:0 0 18px rgba(0,0,0,0.1);}
.new-list dd:hover .img img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.new-list dd:hover .t{ color: #004EA1;}
.history-nav{ margin-left: -1%; padding-bottom: 20px;}
.history-nav li{ float: left; display: block; margin:0px 0px 2% 1%; width: 24%;}
.history-nav span{ display: block;  text-align: center; border: 2px solid #ccddd6; font-size: 30px; font-family: "bodoni_bd_btbold"; color: #bcbcbc; padding: 32px 0px; line-height: 1.2; position: relative; transition:0.3s; -webkit-transition:0.3s; cursor: pointer;}
.history-nav span:before{ content: ""; position: absolute; left: 2%; top: 3%; border: 1px solid #55a787; width: 96%; height: 92%; -webkit-transition: all 850ms cubic-bezier(0.19, 1, 0.22, 1);transition: all 850ms cubic-bezier(0.19, 1, 0.22, 1); opacity: 0; visibility: hidden; transform: scale(0.8); -webkit-transform:scale(0.8);}
.history-nav li:hover span,.history-nav li.act span{ background-color: #004EA1; color: #fff; border-color: #004EA1;}
.history-nav li:hover span:before,.history-nav li.act span:before{ opacity: 1; visibility: visible; transform: inherit; -webkit-transform:inherit;}
.history-page dd { margin-top: 30px;}
.history-page .img{ float: left; display: block; overflow: hidden; width: 24%;}
.history-page .img img{ width: 100%; display: block;}
.history-page .con{ float: left; display: block; margin-left: 5%; width: 71%;}
.history-page .t{ font-size: 24px; font-weight: normal; line-height: 1.5; padding: 10px 0px; margin-bottom: 10px;}
.history-page .c{ color: #999999;}
.history-page dl{ transform:translateY(60px); -webkit-transform:translateY(60px); opacity:0; transition:700ms; -webkit-transition:700ms;}
.history-page.show dl{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}
.honor-nav a:link, .honor-nav a:visited { color: #666;}
.honor-nav a:active,.honor-nav a:hover { color: #fff;}  
.honor-nav{ text-align: center; padding: 70px 0px;}
.honor-nav a{ display: inline-block; margin: 0px 10px; width: 158px; padding: 10px 0px; background-color: #ccddd6;}
.honor-nav a:hover,.honor-nav a.active{ background-color: #0B8153; color: #fff;}
.honorlist{ padding-bottom: 0px; margin-left: -2%;}
.honorlist dd{ cursor: zoom-in; float: left; display: block; width: 23%; margin:0px 2% 30px 0%;}
.honorlist dd:nth-child(4n){ cursor: zoom-in; float: left; display: block; width: 23%; margin:0px 0px 30px 0%;}
.honorlist .img{ position: relative; overflow: hidden; border: 1px solid #cecece;}
.honorlist .img img{ width: 100%; display: block;  transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s; border-radius:6px;}
.honorlist .txt{ display: none;}
.hnr-list{ margin-left: -3%; padding-bottom: 10px;}
.hnr-list dd{ float: left; display: block; width: 30.33%; margin:0px 0px 32px 3%; background-color: #fff; position: relative; transition:0.3s; -webkit-transition:0.3s;}
.hnr-list .item{ padding: 20px;}
.hnr-list .img{ overflow: hidden; margin-bottom: 20px;}
.hnr-list .img img{ width: 100%; display: block; transition:0.48s; -webkit-transition:0.48s;  transform:scale(1.07); -webkit-transform:scale(1.07);}
.hnr-list .t{ font-size: 16px; color: #333; margin-bottom: 20px; height: 56px; overflow: hidden; transition:0.3s; -webkit-transition:0.3s;}
.hnr-list .time{ color: #00945a;  font-family: "bodoni_bd_btbold"; line-height: 1.5;}
.hnr-list .new-more{ background: url(../images/new_more1.png) no-repeat; width: 16px; height: 20px; float: right; display: block; transform:translateX(-10px); -webkit-transform:translateX(-10px); opacity: 0; visibility: hidden;  transition:0.3s; -webkit-transition:0.3s;}
.hnr-list dd:hover{ box-shadow:0 0 13px rgba(0,0,0,0.2);}
.hnr-list dd:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.hnr-list dd:hover .t{ color: #00945A;}
.hnr-list dd:hover .new-more{ opacity: 1; visibility: visible; transform:inherit; -webkit-transform:inherit; }
.infoInner{ width: 894px; margin: 0px auto;}
.infoPage{ margin: 70px auto 50px; min-height: 350px;}
.previous{ padding:40px 0px 60px; border-top:1px solid #dedede; position:relative;}
.previous .previ{ display:block; width:143px; height:36px; text-align:center; line-height:36px; color:#666666; font-size:14px; border:1px solid #b5b5b5;}
.previous .previ i{ display:inline-block; position:relative; top:1px; width:10px; height:11px; transition:0.28s;}
.previous .prev{ float:left;}
.previous .prev i{ background:url(../images/arrow1.png) center no-repeat; margin-right:16px;}
.previous .next{ float:right;}
.previous .next i{ background:url(../images/arrow2.png) center no-repeat; margin-left:16px;}
.backlist{ display:block; width:145px; height:38px; text-align:center; line-height:38px; color:#fff; background:#00945a; position:absolute; left:50%; margin-left:-72px; top:40px;}
.backlist:hover{ background:#666;}
.previous .previ:hover{ background:#00945a; border-color:#00945a; color:#fff;}
.previous .prev:hover i{ background:url(../images/arrow3.png) center no-repeat; margin-right:18px;}
.previous .next:hover i{ background:url(../images/arrow4.png) center no-repeat; margin-left:18px;}
.infoPage-t{ background-color: #64aa92; color: #fff;}
.infoPage-t a:link, .infoPage-t a:visited { color: #fff;}
.infoPage-t a:active,.infoPage-t a:hover { color: #fff;}  
.infoPage-t .infoInner{ position: relative; padding: 82px 0px 26px;}
.infoPage-t .sj{ background: url(../images/sj.png) no-repeat; width: 40px; height: 36px; position: absolute; left: 0px; bottom: -32px;}
.infoPage-t .t{ font-size: 24px; font-weight: normal; line-height: 1.5;}
.infoPage-t .time{ font-size: 16px; font-family: "bodoni_bd_btbold";}
.infoPage-t .sharpBox{ margin-top: 30px;}
.sharpBox { display: block; height: 30px; line-height: 30px;}
.sharpBox span.l { padding-right: 10px; }
.sharpBox a { display: block; width: 30px; height: 30px; margin-left: 3px; float: left; position: relative; }
.sharpBox a em { background-position: center center; background-size: cover; background-repeat: no-repeat; display: block; width: 30px; height: 30px; position: absolute; left: 0px; top: 0px; z-index: 10; }
.sharpBox a .ibg { border-radius: 50%; background-color: #00945a; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); transition: 300ms; }
.sharpBox a:hover .ibg { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
.sharpBox a.a1 .i { background-image: url(../images/share1.png); }
.sharpBox a.a2 .i { background-image: url(../images/share2.png); }
.hnr-list .new-more2{ background: url(../images/new_more2_bg.png) no-repeat; background: none rgba(204,204,204,1); width: 36px; height: 36px; display: block; border-radius: 50%; float: right; position: relative; top: -8px; transform:scale(0); -webkit-transform:scale(0); opacity: 0; visibility: hidden; transition:0.3s; -webkit-transition:0.3s;}
.hnr-list .new-more2 i{ display: block; background: url(../images/new_more2.png) no-repeat scroll center center; width: 100%; height: 100%;}
.hnr-list dd:hover .new-more2{  transform:inherit; -webkit-transform:inherit; opacity: 1; visibility: visible;}
.bgc0d9ce{ background-color: #c0d9ce;}
.hnr-first-list dd{ margin-bottom: 0;}
/*about style end*/
.common_ln_title {
	text-align: center;
	padding: 10px 0px 20px;
}
.common_ln_title .title {
	font-size: 35px;
	color: #333;
	line-height: 50px;
	font-weight: bold
}
.common_ln_title .yy_div {
}
.common_ln_title .yy_div .xian {
	display: inline-block;
	width: 100px;
	height: 1px;
	background: #000;
	margin-bottom: 5px;
}
.common_ln_title .yy_div .xian1 {
	display: inline-block;
	width: 100px;
	height: 1px;
	background: #f1f1f1;
	margin-bottom: 5px;
}
.common_ln_title .yy_div .yy {
	display: inline-block;
	color: #000;
	margin: 0px 10px;
	font-size: 16px;
}
.common_ln_title_1 {
	text-align: center;
	margin: 20px 0px;
}
.common_ln_title_1 .title {
	font-size: 34px;
	color: #5e5e5d;
	margin-bottom: 2px;
}
.common_ln_title_1 .miaoshu {
	font-size: 19px;
	color: #5e5e5d;
	border-bottom: 1px solid #5e5e5d;
	padding: 0px 25px;
	display: inline-block;
}
.common_ln_title_1 .yy {
	color: #5e5e5d;
	margin: 0px 10px;
	font-size: 14px;
	line-height: 17px;
	margin-top: 4px;
}
.common_ln_title_1 .yy2 {
	color: #5e5e5d;
	margin: 0px 10px;
	font-size: 20px;
	margin-top: 4px;
}
.common_ln_title_2 {
	text-align: center;
	margin: 20px 0px;
	color: #5e5e5d;
}
.common_ln_title_2 .title {
	font-size: 34px;
	margin-bottom: 2px;
	font-weight: bold;
}
.common_ln_title_2 .miaoshu {
	font-size: 19px;
	padding: 0px 25px;
}
.common_ln_title_2 .xian {
	border-bottom: 1px solid #5e5e5d;
	width: 350px;
	display: inline-block;
}
.common_ln_title_2 .yy {
	margin: 0px 10px;
	font-size: 14px;
	line-height: 17px;
	margin-top: 4px;
}


.news {
	padding: 30px 0
}
@media (max-width:768px) {
.news {
	padding: 20px 0
}
}
.news .news-info-item {
	position: relative;
	border-bottom: 1px solid #eee
}

.news .news-info-item:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #eee;
	visibility: hidden;
	-webkit-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	content: ''
}
.news .news-info-item a {
	display: block;
	padding: 35px 0
}

.news-info-list li:hover{ background:#f1f1f1;-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	display: -webkit-box;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;height:100%;}
	
@media (max-width:1240px) {
.news .news-info-item a {
	padding: 50px 0
}
}
@media (max-width:1024px) {
.news .news-info-item a {
	padding: 40px 0
}
}
@media (max-width:768px) {
.news .news-info-item a {
	padding: 30px 0
}
}
@media (max-width:576px) {
.news .news-info-item a {
	padding: 20px 0
}
.honor-left{ width:100%;}
.honor-left p img{ width:100%;}
}

.news .news-info-item:hover .news-info-cont .t {
	color: #263d8f
}
.news .news-info-item:hover .news-info-cont .i {
	width: 30px;
	background: #263d8f
}
@media (max-width:768px) {
.news .news-info-item:hover .news-info-cont .i {
	width: 25px
}
}
.news .news-info-item:hover .news-info-cont .i:before {
	background-image: url(../images/moreh2.png)
}
.news .news-info {
	position: relative;
	padding-left: 135px
}
@media (max-width:1240px) {
.news .news-info {
	padding-left: 110px
}
}
@media (max-width:1024px) {
.news .news-info {
	padding-top: 60px;
	padding-left: 0
}
}
@media (max-width:768px) {
.news .news-info {
	padding-top: 50px
}
}
.news .news-info:after {
	content: '';
	display: block;
	clear: both
}
.news .news-info-pic {
	float: left;
	overflow: hidden;
	margin-right: 60px;
	width:30%;
}
@media (max-width:1240px) {
.news .news-info-pic {
	margin-right: 40px
}
}
@media (max-width:1024px) {
.news .news-info-pic {
	margin-right: 30px;
	width: 50%
}
}
@media (max-width:768px) {
.news .news-info-pic {
	margin-right: 20px
}
}
@media (max-width:576px) {
.news .news-info-pic {
	float: none;
	margin-right: 0;
	width: auto
}
}
.news .news-info-pic img {
	width: 100%;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.news .news-info-cont {
	overflow: hidden
}
.news .news-info-cont .date {
	position: absolute;
	top: 0;
	left: 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 15px 0;
	width: 90px;
	font-family: Arial, sans-serif;
	line-height: 0;
	text-align: center;
	color: #333
}
@media (max-width:1240px) {
.news .news-info-cont .date {
	padding: 10px 0;
	width: 70px
}
}
@media (max-width:1024px) {
.news .news-info-cont .date {
	padding: 10px 0;
	width: 100%
}
}
@media (max-width:768px) {
.news .news-info-cont .date {
	padding: 5px 0
}
}
.news .news-info-cont .day {
	font-size: 35px;
	line-height: 30px
}
@media (max-width:1240px) {
.news .news-info-cont .day {
	font-size: 30px
}
}
@media (max-width:1024px) {
.news .news-info-cont .day {
	display: inline-block;
	font-size: 24px;
	line-height: 25px
}
}
@media (max-width:768px) {
.news .news-info-cont .day {
	font-size: 20px;
	line-height: 20px
}
}
.news .news-info-cont .ym {
	margin: 15px 0 5px;
	font-size: 14px;
	line-height: 15px
}
@media (max-width:1240px) {
.news .news-info-cont .ym {
	margin-top: 10px
}
}
@media (max-width:1024px) {
.news .news-info-cont .ym {
	display: inline-block;
	margin: 0
}
}
.news .news-info-cont .t {
	max-height: 60px;
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	color: #666;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	display: -webkit-box;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
@media (max-width:1024px) {
.news .news-info-cont .t {
	font-size: 18px
}
}
@media (max-width:768px) {
.news .news-info-cont .t {
	max-height: 50px;
	font-size: 16px;
	line-height: 25px
}
}
@media (max-width:576px) {
.news .news-info-cont .t {
	margin-top: 20px;
	max-height: none
}
}
.news .news-info-cont .c {
	margin-top: 25px;
	height: 60px;
	line-height: 30px;
	color: #999;
	display: -webkit-box;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
@media (max-width:1024px) {
.news .news-info-cont .c {
	margin-top: 20px;
	height: 50px;
	line-height: 25px
}
}
@media (max-width:768px) {
.news .news-info-cont .c {
	margin-top: 10px;
	height: 40px;
	font-size: 12px;
	line-height: 20px
}
}
.news .news-info-cont .m {
	display: inline-block;
	margin-top: 30px;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	vertical-align: top
}
@media (max-width:1024px) {
.news .news-info-cont .m {
	margin-top: 30px
}
}
@media (max-width:768px) {
.news .news-info-cont .m {
	margin-top: 20px;
	font-size: 12px
}
}
.news .news-info-cont .i {
	float: right;
	position: relative;
	margin: 9px 0;
	margin-left: 10px;
	width: 25px;
	height: 2px;
	background: #000;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
@media (max-width:768px) {
.news .news-info-cont .i {
	margin-left: 5px;
	width: 15px
}
}
.news .news-info-cont .i:before {
	position: absolute;
	top: -9px;
	right: -8px;
	width: 12px;
	height: 20px;
	background: url(../images/more2.png) no-repeat center center;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	content: ''
}
.details-banner {
	background: #263d8f
}
.details-banner .d-b-info {
	position: relative;
	padding: 30px 0;
	color: #fff
}.pages {
	padding: 0px 0;
	line-height: 0
}
@media (max-width:1024px) {
.pages {
	padding: 40px 0
}
}
@media (max-width:768px) {
.pages {
	padding: 30px 0
}
}
@media (max-width:576px) {
.pages {
	padding: 20px 0
}
}
.pages .pages-info {
	text-align: center
}
.pages .pages-list {
	display: inline-block;
	vertical-align: top
}
.pages .pages-item {
	float: left;
	position: relative;
	margin: 0 5px;
	border: 1px solid #ddd
}
@media (max-width:576px) {
.pages .pages-item {
	margin: 0 3px
}
}
@media (max-width:425px) {
.pages .pages-item {
	margin: 0 2px
}
}
.pages .pages-item:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-bottom: 1px solid #263d8f;
	height: 5px;
	background: #00a2eb
}
@media (max-width:576px) {
.pages .pages-item:before {
	height: 3px
}
}
.pages .pages-item a {
	display: block;
	padding: 10px 15px;
	font-size: 14px;
	line-height: 20px;
	color:#333
}
@media (max-width:768px) {
.pages .pages-item a {
	padding: 5px 10px
}
}
@media (max-width:576px) {
.pages .pages-item a {
	font-size: 12px;
	line-height: 15px
}
}
@media (max-width:425px) {
.pages .pages-item a {
	padding: 5px 8px
}
}
.pages .pages-item:hover {
	background: #263d8f;
	color: #fff
}
.pages .pages-item.current {
	background: #263d8f;
	color: #fff
}
.pages .pages-item.current a {
	
	color: #fff
}
.pages .pages-item a:hover {
	
	color: #fff
}

.pages.pages2 {
	margin-top: 60px;
	border: 2px solid #aaa;
	padding: 5px 30px
}
@media (max-width:1240px) {
.pages.pages2 {
	margin-top: 50px
}
}
@media (max-width:1024px) {
.pages.pages2 {
	margin-top: 40px
}
}
@media (max-width:768px) {
.pages.pages2 {
	margin-top: 30px;
	padding: 5px 5%
}
}
.pages.pages2 .pages2-item {
	position: relative;
	z-index: 5;
	line-height: 0
}
.pages.pages2 .pages2-item a {
	display: block;
	width: 50px;
	height: 40px
}
@media (max-width:768px) {
.pages.pages2 .pages2-item a {
	width: 40px;
	height: 30px
}
}
@media (max-width:576px) {
.pages.pages2 .pages2-item a {
	width: 30px;
	height: 25px
}
}
.pages.pages2 .pages2-item .i {
	display: inline-block;
	position: relative;
	margin: 19px 0;
	width: 20px;
	height: 2px;
	vertical-align: top;
	background: #000;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
@media (max-width:768px) {
.pages.pages2 .pages2-item .i {
	margin: 14px 0
}
}
@media (max-width:576px) {
.pages.pages2 .pages2-item .i {
	width: 15px;
	margin: 12px 0
}
}
.pages.pages2 .pages2-item .i:before {
	position: absolute;
	top: -6px;
	z-index: -1;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	content: ''
}
.pages.pages2 .pages2-item .i:after {
	position: absolute;
	top: -4px;
	z-index: -1;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	content: ''
}
.pages.pages2 .pages2-item.prev {
	float: left;
	text-align: left
}
.pages.pages2 .pages2-item.prev .i {
	margin-left: 10px
}
.pages.pages2 .pages2-item.prev .i:before {
	left: -5px;
	border-right: 7px solid #000
}
.pages.pages2 .pages2-item.prev .i:after {
	left: -3px;
	border-right: 5px solid #eee
}
.pages.pages2 .pages2-item.next {
	float: right;
	text-align: right
}
.pages.pages2 .pages2-item.next .i {
	margin-right: 10px
}
.pages.pages2 .pages2-item.next .i:before {
	right: -5px;
	border-left: 7px solid #000
}
.pages.pages2 .pages2-item.next .i:after {
	right: -3px;
	border-left: 5px solid #eee
}
.pages.pages2 .pages2-item:hover .i {
	width: 30px;
	background: #263d8f
}
@media (max-width:576px) {
.pages.pages2 .pages2-item:hover .i {
	width: 20px
}
}
.pages.pages2 .pages2-item:hover.prev .i {
	margin-left: 5px
}
.pages.pages2 .pages2-item:hover.prev .i:before {
	border-right-color: #263d8f
}
.pages.pages2 .pages2-item:hover.next .i {
	margin-right: 5px
}
.pages.pages2 .pages2-item:hover.next .i:before {
	border-left-color: #263d8f
}

.news-details .details-head {
	padding: 70px 0 40px
}
@media (max-width:768px) {
.news-details .details-head {
	padding: 50px 0 30px
}
}
@media (max-width:576px) {
.news-details .details-head {
	padding: 30px 0 20px
}
}
.news-details .details-head .t {
	font-weight: 400;
	font-size: 24px;
	line-height: 30px;
	color: #333
}
@media (max-width:768px) {
.news-details .details-head .t {
	font-size: 20px
}
}
@media (max-width:576px) {
.news-details .details-head .t {
	font-size: 16px;
	line-height: 25px
}
}
.news-details .details-head .d {
	margin-top: 15px;
	padding-left: 25px;
	font-size: 14px;
	font-family: Arial, sans-serif;
	line-height: 20px;
	background: url(../images/time.png) no-repeat left center;
	color: #999
}
@media (max-width:768px) {
.news-details .details-head .d {
	font-size: 12px
}
}
.news-details .details-head .share {
	margin-top: 40px
}
@media (max-width:1024px) {
.news-details .details-head .share {
	display: none
}
}
.news-details .details-head .bshare-custom a {
	vertical-align: top
}
.news-details .details-body {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee
}
.news-details .details-body {
	padding:30px 0
}
@media (max-width:1024px) {
.news-details .details-body {
	padding: 50px 0
}
}
@media (max-width:768px) {
.news-details .details-body {
	padding: 40px 0
}
}
@media (max-width:576px) {
.news-details .details-body {
	padding: 30px 0
}
}
@media (max-width:425px) {
.news-details .details-body {
	padding: 20px 0
}
}
.news-details .details-foot {
	padding: 30px 0 60px
}
@media (max-width:576px) {
.news-details .details-foot {
	padding-bottom: 30px
}
}
.news-details .d-p-arrow {
	line-height: 0
}
.news-details .d-p-arrow .i {
	display: inline-block;
	position: relative;
	margin: 7px 0;
	width: 20px;
	height: 2px;
	vertical-align: top;
	background: #000;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.news-details .d-p-arrow .i:before {
	position: absolute;
	top: -6px;
	z-index: -1;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	content: ''
}
.news-details .d-p-arrow .i:after {
	position: absolute;
	top: -4px;
	z-index: -1;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	content: ''
}
.news-details .d-p-arrow .c {
	overflow: hidden;
	margin-top: 14px;
	font-size: 12px;
	line-height: 20px;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	color: #999;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
@media (max-width:768px) {
.news-details .d-p-arrow .c {
	margin-top: 9px
}
}
.news-details .d-p-arrow.prev {
	float: left;
	max-width: 40%;
	text-align: left
}
@media (max-width:768px) {
.news-details .d-p-arrow.prev {
	max-width: 45%
}
}
.news-details .d-p-arrow.prev .i {
	margin-left: 10px
}
.news-details .d-p-arrow.prev .i:before {
	left: -5px;
	border-right: 7px solid #000
}
.news-details .d-p-arrow.prev .i:after {
	left: -3px;
	border-right: 5px solid #fff
}
.news-details .d-p-arrow.next {
	float: right;
	max-width: 40%;
	text-align: right
}
@media (max-width:768px) {
.news-details .d-p-arrow.next {
	max-width: 45%
}
}
.news-details .d-p-arrow.next .i {
	margin-right: 10px
}
.news-details .d-p-arrow.next .i:before {
	right: -5px;
	border-left: 7px solid #000
}
.news-details .d-p-arrow.next .i:after {
	right: -3px;
	border-left: 5px solid #fff
}
.news-details .d-p-arrow.back {
	text-align: center
}
@media (max-width:768px) {
.news-details .d-p-arrow.back {
	float: left;
	margin-top: 20px;
	width: 100%
}
}
.news-details .d-p-arrow.back .i {
	margin: 0;
	width: 16px;
	height: 16px;
	background: url(../images/back.png) no-repeat center center
}
.news-details .d-p-arrow.back .i:after, .news-details .d-p-arrow.back .i:before {
	content: none
}
.news-details .d-p-arrow:hover .c a {
	color: #263d8f;
	text-decoration: underline
}
.news-details .d-p-arrow:hover.prev .i {
	width: 30px;
	background: #263d8f
}
.news-details .d-p-arrow:hover.prev .i:before {
	border-right-color: #263d8f
}
.news-details .d-p-arrow:hover.next .i {
	width: 30px;
	background: #263d8f
}
.news-details .d-p-arrow:hover.next .i:before {
	border-left-color: #263d8f
}

.recruit {
	padding: 20px 0
}
@media (max-width:1240px) {
.recruit {
	padding: 50px 0
}
}
@media (max-width:768px) {
.recruit {
	padding: 0px 0
}
}
.recruit .recruit-idea {
	padding: 10px 0 40px
}
@media (max-width:1240px) {
.recruit .recruit-idea {
	padding: 60px 0
}
}
@media (max-width:768px) {
.recruit .recruit-idea {
	padding: 40px 0
}
}
@media (max-width:576px) {
.recruit .recruit-idea {
	padding: 0px 0
}
}
.recruit .rct-idea-t {
	font-weight: 700;
	font-size: 30px;
	line-height: 50px;
	text-align: center;
	color: #666
}
@media (max-width:1240px) {
.recruit .rct-idea-t {
	font-size: 26px;
	line-height: 40px
}
}
@media (max-width:1024px) {
.recruit .rct-idea-t {
	font-size: 22px;
	line-height: 30px
}
}
@media (max-width:768px) {
.recruit .rct-idea-t {
	font-size: 16px
}
}
@media (max-width:576px) {
.recruit .rct-idea-t {
	line-height: 25px
}
}
.recruit .rct-idea-list {
	margin-top: 80px
}
@media (max-width:1240px) {
.recruit .rct-idea-list {
	margin-top: 60px
}
}
@media (max-width:1024px) {
.recruit .rct-idea-list {
	margin-top: 50px
}
}
@media (max-width:768px) {
.recruit .rct-idea-list {
	margin-top: 40px
}
}
@media (max-width:576px) {
.recruit .rct-idea-list {
	margin-top: 30px
}
}
@media (max-width:425px) {
.recruit .rct-idea-list {
	margin-top: 25px
}
}
.recruit .rct-idea-item {
	float: left;
	width: 25%
}
@media (max-width:768px) {
.recruit .rct-idea-item {
	margin-top: 40px;
	width: 50%
}
.recruit .rct-idea-item:nth-child(2n+1) {
	clear: left
}
}
@media (max-width:576px) {
.recruit .rct-idea-item {
	margin-bottom: 30px;
	width: 100%
}
}
.recruit .rct-idea-pic {
	overflow: hidden;
	margin: 0 auto;
	border-radius: 50%;
	width: 200px;
	height: 200px
}
@media (max-width:1240px) {
.recruit .rct-idea-pic {
	width: 200px;
	height: 200px
}
}
@media (max-width:768px) {
.recruit .rct-idea-pic {
	width: 120px;
	height: 120px
}
}
@media (max-width:576px) {
.recruit .rct-idea-pic {
	width: 180px;
	height: 180px
}
}
.recruit .rct-idea-pic:hover img {
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04)
}
.recruit .rct-idea-pic img {
	width: 100%;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.recruit .rct-idea-cont {
	margin-top: 20px;
	padding: 0 5%;
	text-align: center;
	color: #999
}
@media (max-width:1240px) {
.recruit .rct-idea-cont {
	margin-top: 15px
}
}
.recruit .rct-idea-cont .t {
	font-size: 18px;
	line-height: 30px
}
@media (max-width:1240px) {
.recruit .rct-idea-cont .t {
	font-size: 16px;
	line-height: 25px
}
}
.recruit .rct-idea-cont .c {
	margin-top: 5px;
	font-size: 14px;
	line-height: 25px
}
@media (max-width:1240px) {
.recruit .rct-idea-cont .c {
	font-size: 13px;
	line-height: 20px
}
}
.recruit .recruit-staff {
	padding: 20px 0 40px;
}
@media (max-width:1240px) {
.recruit .recruit-staff {
	padding: 30px 0
}
}
@media (max-width:1024px) {
.recruit .recruit-staff {
	padding: 0px 0
}
}
@media (max-width:768px) {
.recruit .recruit-staff {
	padding: 40px 0
}
}
@media (max-width:576px) {
.recruit .recruit-staff {
	padding: 30px 0
}
}
.recruit .rct-staff-list {
	margin-right: -2%
}
@media (max-width:576px) {
.recruit .rct-staff-list {
	margin-right: 0
}
}
.recruit .rct-staff-item {
	float: left;
	position: relative;
	top: 0;
	margin-right: 2%;
	width: 23%;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width:576px) {
.recruit .rct-staff-item {
	margin-right: 0;
	margin-top: 30px;
	width: 100%
}
}
@media (max-width:425px) {
.recruit .rct-staff-item {
	margin-top: 20px
}
}
.recruit .rct-staff-item:hover {
	top: -20px
}
@media (max-width:1240px) {
.recruit .rct-staff-item:hover {
	top: -10px
}
}
@media (max-width:1024px) {
.recruit .rct-staff-item:hover {
	top: 0
}
}
.recruit .rct-staff-item:hover .rct-staff-pic:before {
	visibility: visible;
	opacity: 1

}
.recruit .rct-staff-item:hover .rct-staff-cont {
	background: #263d8f
}
.recruit .rct-staff-item:hover .rct-staff-cont .c {
	color: #fff
}
.recruit .rct-staff-pic {
	overflow: hidden;
	position: relative;
	z-index: 1
}
.recruit .rct-staff-pic:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	border: 0px solid #263d8f;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	content: ''
}
.recruit .rct-staff-pic img {
	width: 100%
}
.recruit .rct-staff-cont {
	padding: 20px 5%;
	background: #fff;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width:1240px) {
.recruit .rct-staff-cont {
	padding: 15px 5%
}
}
@media (max-width:1024px) {
.recruit .rct-staff-cont {
	padding: 10px 5%
}
}
.recruit .rct-staff-cont .c {
	overflow: hidden;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	color: #333;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.recruit .recruit-info {
	padding: 10px 0 50px
}
@media (max-width:1240px) {
.recruit .recruit-info {
	padding: 60px 0
}
}
@media (max-width:1024px) {
.recruit .recruit-info {
	padding: 50px 0
}
}
@media (max-width:768px) {
.recruit .recruit-info {
	padding: 40px 0
}
}
@media (max-width:576px) {
.recruit .recruit-info {
	padding: 30px 0
}
}
.recruit .recruit-item {
	margin-bottom: 5px
}
.recruit .recruit-item .zp-head {
	overflow: hidden;
	position: relative;
	z-index: 1;
	padding: 8px 30px;
	padding-right: 100px;
	line-height: 0;
	background: #eee;
	cursor: pointer;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width:1240px) {
.recruit .recruit-item .zp-head {
	padding: 25px;
	padding-right: 90px
}
}
@media (max-width:1024px) {
.recruit .recruit-item .zp-head {
	padding: 20px;
	padding-right: 80px
}
}
@media (max-width:768px) {
.recruit .recruit-item .zp-head {
	padding: 15px 5%;
	padding-right: 70px
}
}
@media (max-width:576px) {
.recruit .recruit-item .zp-head {
	padding: 10px 5%;
	padding-right: 60px
}
}
.recruit .recruit-item .zp-head:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #999;
	visibility: hidden;
	-webkit-transition: visibility .3s, -webkit-transform .3s;
	transition: visibility .3s, -webkit-transform .3s;
	-o-transition: transform .3s, visibility .3s;
	transition: transform .3s, visibility .3s;
	transition: transform .3s, visibility .3s, -webkit-transform .3s;
	-webkit-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
	content: ''
}
.recruit .recruit-item .zp-head .n {
	font-size: 16px;
	line-height: 25px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width:768px) {
.recruit .recruit-item .zp-head .n {
	font-size: 16px
}
}
@media (max-width:576px) {
.recruit .recruit-item .zp-head .n {
	font-size: 14px
}
}
@media (max-width:425px) {
.recruit .recruit-item .zp-head .n {
	line-height: 20px
}
}
.recruit .recruit-item .zp-head .m {
	position: absolute;
	top: 50%;
	right: 50px;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	background: #999;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width:1240px) {
.recruit .recruit-item .zp-head .m {
	right: 40px
}
}
@media (max-width:1024px) {
.recruit .recruit-item .zp-head .m {
	right: 30px
}
}
@media (max-width:768px) {
.recruit .recruit-item .zp-head .m {
	right: 20px
}
}
.recruit .recruit-item .zp-head .m:after, .recruit .recruit-item .zp-head .m:before {
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	content: ''
}
.recruit .recruit-item .zp-head .m:before {
	margin-top: -1px;
	margin-left: -6px;
	width: 12px;
	height: 2px
}
.recruit .recruit-item .zp-head .m:after {
	margin-top: -6px;
	margin-left: -1px;
	width: 2px;
	height: 12px
}
.recruit .recruit-item .zp-head:hover:before {
	visibility: visible;
	-webkit-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center
}
.recruit .recruit-item .zp-head:hover .n {
	color: #fff
}
.recruit .recruit-item .zp-head:hover .m {
	background: #fff
}
.recruit .recruit-item .zp-head:hover .m:after, .recruit .recruit-item .zp-head:hover .m:before {
	background: #999
}
.recruit .recruit-item .zp-head.active:before {
	visibility: visible;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}
.recruit .recruit-item .zp-head.active .n {
	color: #fff
}
.recruit .recruit-item .zp-head.active .m {
	background: #fff
}
.recruit .recruit-item .zp-head.active .m:after, .recruit .recruit-item .zp-head.active .m:before {
	background: #999
}
.recruit .recruit-item .zp-body {
	display: none;
	border: 1px solid #999;
	padding: 30px;
	color: #999
}
@media (max-width:1240px) {
.recruit .recruit-item .zp-body {
	padding: 25px
}
}
@media (max-width:1024px) {
.recruit .recruit-item .zp-body {
	padding: 20px
}
}
@media (max-width:768px) {
.recruit .recruit-item .zp-body {
	padding: 15px 5%;
	font-size: 13px;
	line-height: 25px
}
}

.about-profile .pfs-info {
	font-size: 15px;
	line-height: 33px;
	text-align: justify
}
@media (max-width:768px) {
.about-profile .pfs-info {
	line-height: 25px
}
}
@media (max-width:425px) {
.about-profile .pfs-info {
	font-size: 13px
}
}
.contact-banner .banner-img {
	visibility: hidden;
	opacity: 0
}
.contact-banner .banner-map {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.contact-banner .map {
	height: 100%
}
.contact-banner .map .anchorBL {
	display: none!important
}
.contact .contact-info {
	padding: 70px 0
}
@media (max-width:1024px) {
.contact .contact-info {
	padding: 60px 0
}
}
@media (max-width:768px) {
.contact .contact-info {
	padding: 50px 0
}
}
@media (max-width:576px) {
.contact .contact-info {
	padding: 30px 0
}
}
.contact .ct-info-pic {
	float: right;
	margin-left: 5%; width:30%
}
.contact .ct-info-pic p {
	float:left;
	margin-left: 5%;
	width:45%;; text-align:center; margin-top:30px;
}


@media (max-width:768px) {
.contact .ct-info-pic {
	float: none;
	margin: 0 0 50px;
	text-align: center
}
}

.contact .ct-info-pic img {
	max-width: 100%
}
.contact .ct-info-cont {
	overflow: hidden;width:65%
}
@media (max-width:576px) {
.contact .ct-info-pic {
	margin-bottom: 0px; width:100%;
}
.contact .ct-info-cont {
	overflow: hidden;width:100%
}
}
.contact .ct-info-cont .t {
	font-weight: 700;
	font-size: 30px;
	line-height: 50px;
	color: #666
}
@media (max-width:1024px) {
.contact .ct-info-cont .t {
	font-size: 26px;
	line-height: 40px
}
}
@media (max-width:768px) {
.contact .ct-info-cont .t {
	font-size: 22px;
	line-height: 30px
}
}
@media (max-width:576px) {
.contact .ct-info-cont .t {
	font-size: 18px
}
}
.contact .ct-info-list {
	margin-top: 20px
}
@media (max-width:768px) {
.contact .ct-info-list {
	margin-top: 15px
}
}
.contact .ct-info-item {
	margin-bottom: 10px
}
.contact .ct-info-item .i {
	float: left;
	margin-right: 15px;
	width: 30px
}
@media (max-width:576px) {
.contact .ct-info-item .i {
	width: 25px
}
}
.contact .ct-info-item .i img {
	width: 100%
}
.contact .ct-info-item .c {
	overflow: hidden;
	font-size: 18px;
	line-height: 30px;
	color: #333
}
@media (max-width:1024px) {
.contact .ct-info-item .c {
	font-size: 16px
}
}
@media (max-width:576px) {
.contact .ct-info-item .c {
	font-size: 14px;
	line-height: 25px
}
}
.contact .ct-info-item:after {
	content: '';
	display: block;
	clear: both
}
.contact .feedback {
	border-top: 1px solid #eee
}
.contact .feedback:before {
	content: none
}
.contact .feedback .feedback-info .desc {
	text-align: left;
	color: #666
}
.contact .feedback .feedback-item input, .contact .feedback .feedback-item textarea {
	border-color: #eee;
	color: #333
}
.contact .feedback .feedback-item input:focus, .contact .feedback .feedback-item textarea:focus {
	background: rgba(0,162,235,.1)
}
.contact .feedback .feedback-item input::-webkit-input-placeholder, .contact .feedback .feedback-item textarea::-webkit-input-placeholder {
color:#666
}
.contact .feedback .feedback-item input:-ms-input-placeholder, .contact .feedback .feedback-item textarea:-ms-input-placeholder {
color:#666
}
.contact .feedback .feedback-item input::-ms-input-placeholder, .contact .feedback .feedback-item textarea::-ms-input-placeholder {
color:#666
}
.contact .feedback .feedback-item input::placeholder, .contact .feedback .feedback-item textarea::placeholder {
color:#666
}
.contact .feedback .feedback-item input::-webkit-input-placeholder, .contact .feedback .feedback-item textarea::-webkit-input-placeholder {
color:#666
}
.contact .feedback .feedback-item input::-moz-placeholder, .contact .feedback .feedback-item textarea::-moz-placeholder {
color:#666
}
.contact .feedback .feedback-submit {
	background-color: #2B2D8C;
	color: #fff
}
.h--t-user {
	display: block;
	float: left;
	margin-right: 10px;
	border: 1px solid #4d4d4d;
	padding: 4px 14px;
	font-size: 12px;
	line-height: 20px;
	color: #4d4d4d;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.h--t-user:before {
	display: inline-block;
	margin-right: 10px;
	width: 14px;
	height: 20px;
	vertical-align: top;
	background: url(../images/icons/user.png) no-repeat center center;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	content: ''
}
.h--t-user:hover {
	border-color: #00a2eb;
	color: #00a2eb
}
.h--t-user:hover:before {
	background-image: url(../images/icons/userh.png)
}
.feedback {
	position: relative;
	z-index: 1;
	padding: 80px 0 100px;
	background: no-repeat bottom center fixed;
	background-size: cover
}
@media (max-width:1024px) {
.feedback {
	padding: 65px 0 85px
}
}
@media (max-width:576px) {
.feedback {
	padding: 50px 0
}
}
.feedback:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: rgba(52,73,150,.7);
	content: ''
}
.feedback .feedback-info .desc {
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #fff
}
@media (max-width:576px) {
.feedback .feedback-info .desc {
	font-size: 12px
}
}
.feedback .feedback-list {
	margin-top: 20px;
	margin-right: 20px
}
.feedback .feedback-item {
	float: left;
	width: 97%;
	margin-top: 20px;
	padding-right: 20px
}
.feedback .feedback-item.fb-i-2 {
	width: 30.6%;
	margin-right:1%
}


@media (max-width:576px) {
.feedback .feedback-item.fb-i-2 {
	width: 100%
}
}
.feedback .feedback-item input, .feedback .feedback-item textarea {
	display: block;
	border: 2px solid #fff;
	padding: 10px;
	width: 100%;
	font-size: 12px;
	line-height: 25px;
	color: #fff
}
.feedback .feedback-item input:focus, .feedback .feedback-item textarea:focus {
	background: rgba(255,255,255,.33)
}
.feedback .feedback-item input::-webkit-input-placeholder, .feedback .feedback-item textarea::-webkit-input-placeholder {
color:#fff
}
.feedback .feedback-item input::-moz-placeholder, .feedback .feedback-item textarea::-moz-placeholder {
color:#fff
}
.feedback .feedback-item textarea {
	height: 16em;
	background: 0 0
}
.feedback .feedback-submit {
	display: block;
	margin-top: 20px;
	padding: 10px;
	font-size: 12px;
	line-height: 25px;
	background: #fff url(../images/moreh2.png) no-repeat 98% center;
	color: #666;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	width:100px;
	 text-align:center
}
.feedback .feedback-submit:hover {
	background: #00a2eb url(../images/moreh.png) no-repeat 90% center;
	color: #fff
}
@media (max-width:1024px) {
.feedback .feedback-item input {
	padding: 8px 10px
}
.feedback .feedback-submit {
	padding: 7px 10px 8px
}
}
@media (max-width:768px) {
.feedback .feedback-item input {
	padding: 5px 10px
}
.feedback .feedback-item textarea {
	height: 14em
}
.feedback .feedback-submit {
	padding: 5px 10px
}
}
@media (max-width:425px) {
.feedback .feedback-item textarea {
	height: 12em
}
}
.ipc-banner {
	overflow: hidden
}
.ipc-banner .banner-pic img {
	width: 100%
}
.ipc-title {
	margin-bottom: 40px;
	text-align: center;
	line-height: 30px
}
@media (max-width:1024px) {
.ipc-title {
	margin-bottom: 30px
}
}
@media (max-width:768px) {
.ipc-title {
	margin-bottom: 20px;
	line-height: 20px
}
}
.ipc-title.w {
	color: #fff
}
.ipc-title.w:after {
	background: #eee
}
.ipc-title.b .t {
	color: #333
}
.ipc-title.b .e {
	color: #999
}
.ipc-title.b.g .t {
	color: #666
}
.ipc-title.b.l {
	text-align: left
}
.ipc-title.b.ln:after {
	background: #666
}
.ipc-title.b:after {
	background: #344996
}
.ipc-title.bl .t {
	font-weight: 700
}
.ipc-title.bl:after {
	background: #344996
}
.ipc-title .t {
	font-weight: 400;
	font-size: 30px;
	line-height: 40px
}
@media (max-width:1024px) {
.ipc-title .t {
	font-size: 26px;
	line-height: 30px
}
}
@media (max-width:768px) {
.ipc-title .t {
	font-size: 22px;
	line-height: 25px
}
}
@media (max-width:576px) {
.ipc-title .t {
	font-size: 18px
}
}
.ipc-title .e {
	font-size: 14px;
	font-family: Arial, sans-serif;
	line-height: 20px
}
@media (max-width:1024px) {
.ipc-title .e {
	font-size: 12px
}
}
.ipc-title:after {
	display: inline-block;
	width: 40px;
	height: 2px;
	vertical-align: middle;
	background: #fff;
	opacity: .3;
	content: ''
}
@media (max-width:1024px) {
.ipc-title:after {
	width: 35px
}
}
@media (max-width:768px) {
.ipc-title:after {
	width: 30px
}
}