@charset "utf-8";
/* CSS Document */


body {
	font-size: 12px;
	font-family: "microsoft yahei", Arial;
	color: #21282e;
	margin: 0px;
	overflow-x: hidden;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
.clearfix:after, .clearfix:before {
	display: table;
	content: "";
	line-height: 0;
}
.clearfix:after {
	clear: both;
}
ul, li, ol {
	list-style: none;
}
.bd a:hover {
	color: #b12333;
}
.bd a {
	color: #666;
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
a {
	text-decoration: none;
	color: #21282e;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
img {
	border: 0;
}
.box1 {
	width: 1200px;
	margin: 0 auto;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
.box {
	width: 1200px;
	margin: 0 auto;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	position: relative;
}
p {
	font-size: 14px;
	color: #21282e;
	line-height: 28px;
}


/*======================等比填充======================*/
*[class*="rect-"] {position: relative;display: block;width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full {position: absolute;left: 0;top: 0;width: 100%;height: 100%; object-fit: cover;}
.rect-50 {padding-bottom: 50%;}
.rect-605 {padding-bottom: 60.5%;}
.rect-75 {padding-bottom: 75%;}

/* header */

.top-bar {
	background-color: #f3f3f3;
	text-align: center;
	padding: 2.5em;
}
.nav-bar {
	position: relative;
	z-index: 1000;
	overflow: hidden;
	min-width: 900px;
	height: 7em;
}
.nav-bar:hover {
	overflow: visible;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.nav-bg {
	position: absolute;
	width: 100%;
	height: 274px;
	background: #24619c;
	background: rgba(0,0,0,0.6);
	-webkit-transition: .3s;
	transition: .3s;
	z-index: 9999;
}
.nav-top {
	height: 7em;
	background: #fff;
}
.nav-content {
	position: absolute;
	width: 80%;
	left: 10%;
}
.nav-content-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-left: 37%;
}
.nav-content-box>li {
	float: left;
	line-height: 43px;
	color: #fff;
}
.nav-content-box>li:hover {
	background: #19508b;
}
.nav-content-box>li>span>a {
	display: block;
	width: 100%;
	margin: 0;
	height: 84px;
	line-height: 84px;
	font-size: 16px;
	text-align: center;
	colir: #fff;
}
.nav-content-box>li>span>a:hover {
	color: #fff;
}
.nav-content-box>li:hover>span>a {
	background: #005aab;
}
ul>li.index, ul>li.cat, ul>li.special, ul>li.user, ul>li.cooperation, ul>li.mobile {
	width: 110px;
}
ul>li.index {
	height: 43px;
}
ul.nav-content-box>li>ul {
	/*border-right: solid 1px #3a6fa2;*/
	margin: 10px 0 6px
}
ul.nav-content-box>li>ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}
.nav-content-box>li:hover>ul {
	border-right: none;
	padding-right: 1px;
}
ul.nav-content-box>li>ul>li {
	float: left;
	width: 100%;
	line-height: 2;
	text-align: center;
}
ul.nav-content-box>li.cat>ul>li {
	width: 49%;
}
ul.nav-content-box>li>ul>li>a {
	display: block;
	width: 100%;
	color: #fff;
	line-height: 29px;
}
ul.nav-content-box>li>ul>li>a:hover {
	text-decoration: underline;
}
.logo {
	width: 12%;
	float: left;
	margin-top: 1.4em;
	position: absolute;
	z-index: 999;
}
.header {
	width: 100%;
	height: 7em;
	position: fixed;
	z-index: 10001;/*background: rgba(255,255,255,0.8);*/
}
.headerk {
	width: 83.5%;
	margin: 0 auto;
}
/* dh */
.transition05 {
	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.wrapsy {
	width: 83.5%;
	margin: 0 auto;
}
.nav_wrap.l {
	float: right;
}
.transition05 .logo {
	width: 12%;
	float: left;
	margin-top: 0;
	position: absolute;
	z-index: 999;
}
.pageheader {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50;
	padding-top: 40px;
}
.pageheader.tophide {
	background-color: #000;
	background-color: rgba(0,0,0,0.85);
	padding: 0;
}
.pageheader .logo {
	width: 16%;
}
.pageheader .logo a {
	display: block;
}
.pageheader .mobile_key {
	display: none;
	width: 24px;
	height: 24px;
	background: url(../img/mobile_key.png) no-repeat center;
	background-size: cover;
	margin-top: 18px;
}
.pageheader .nav_box>ul >li {
	float: left;
}
.pageheader .nav_box>ul >li >a {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 21px 15px 20px 35px;
}
.pageheader .nav_box {
	margin-left: 15px;
}
.pageheader .nav_box .sub_nav {
	position: absolute;
	top: 100%;
	left: 0;
	color: #fff;
	width: 100%;
	padding: 20px 0px;
	background-color: #272624;
	min-height: 180px;
	overflow: hidden;
	display: none;
	-moz-opacity: .85;
	-khtml-opacity: .85;
	opacity: .85;
}
.pageheader .nav_box .sub_nav a {
	padding: 6px 0px;
	display: block;
	color: #FFF;
}
.pageheader .nav_box .line {
	height: 4px;
	background-color: #005aab;
	position: absolute;
	bottom: 0;
	display: none;
	z-index: -1;
}
.pageheader .nav_box .sub_nav .ul {
	float: left;
	margin-right: 2%;
}
.pageheader .language {
	padding-top: 24px;
	color: #fff;
}
.pageheader .language a {
	color: #fff;
	-moz-opacity: .4;
	-khtml-opacity: .4;
	opacity: .4;
	display: inline-block;
	margin: 0 6px;
	position: relative;
}
.pageheader .language a:after {
	content: "";
	width: 1px;
	height: 12px;
	background-color: rgba(255,255,255,0.4);
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: -8px;
}
.pageheader .language a:hover, .pageheader .language a.cur {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.pageheader .language a:last-child:after {
	display: none;
}
.pageheader .language a:last-child {
	font-family: Arial;
}
.pageheader .seach_btn {
	background-position: 0px 0px;
	margin: 23px 0px 0px 0.5%;
}
.pageheader .seach_btn.cur {
	background-position: -48px -24px;
}
.pageheader .search_box {
	background-color: #272624;
	position: absolute;
	right: 50%;
	top: 100%;
	margin-right: -590px;
	padding: 17px 20px;
	width: 22%;
	display: none;
	-moz-opacity: .85;
	-khtml-opacity: .85;
	opacity: .85;
}
.pageheader .search_box .inp_box {
	width: 70%;
	border: none;
	padding: 0;
	margin: 0;
	background: none;
	height: 30px;
	line-height: 30px;
	color: #ccc;
}
.pageheader .search_box .search_ico {
	width: 28px;
	height: 30px;
	background-position: 0px -48px;
}
.pageheader.tophide .logo {
	width: 12%;
	margin-top: 7px;
}
.pageheader.tophide .language a:hover {
	color: #c79556;
}
.pageheader .nav_contact {
	color: #fff;
	margin: 24px 10px 0px 0px;
}
.dh {
	float: right;
	width: 83%;
	position: absolute;
	z-index: 10;
}
.nav ul {
	width: 100%;
}
.nav-a {
	font-size: 16px;
	float: left;
	padding: 0 2.4em;
	line-height: 5.3em;
}
.nav-a:hover {
	color: #005aab;
}
.nav {
	float: right;
	height: 66px;
}
.nav ul {
	position: relative;
	height: 66px;
}
.nav li {
	float: left;
	width: 110px;
	height: 66px;
	font-size: 14px;
	line-height: 36px;
	display: inline;
	text-align: center;
}
.nav li i {
	position: relative;
	display: inline-block;
	background: url(o_ico_04.png) no-repeat;
	vertical-align: top;
}
.nav li a {
	position: relative;
	display: block;
	height: 66px;
	color: #fff;
	overflow: hidden;
	font-weight: bold;
	z-index: 2;
	line-height: 66px;
	font-size: 16px;
}
.nav li a:hover, .nav li .current, .nav .on a {
}
.nav li a span {
	position: absolute;
	top: 66px;
	left: 0;
	display: block;
	width: 110px;
	height: 66px; /*background:rgba(0,90,171,0.7);*/
	background: url(../images/dhbjs.jpg) 0 bottom no-repeat;
	z-index: -1;
}
.nav .on a {
	color: #fff;
}
.nav .on a i {
	background: url(o_ico_04s.png) no-repeat;
}
.navs .subNav {
	position: absolute;
	top: 80px;
	left: -1026px;
	width: 1920px;
	height: 50px;
	padding: 10px 0;
	padding-left: 0px;
	background: rgba(39,38,36,0.85);
	overflow: hidden;
	text-align: left;
	z-index: 1;
	display: none;
	padding-left: 100%;
}
.navs .subNav .lt {
	float: left;
	width: 288px;
	height: 45px;
	padding-right: 24px;
	padding-top: 5px;
	border-right: 1px solid #dbdcde;
	line-height: 20px;
	text-align: right;
}
.navs .subNav .lt h3 {
	color: #144796;
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
}
.navs .subNav .lt h2 {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	line-height: 40px;
}
.navs .subNav .rt {
	display: block;
	zoom: 1;
	padding-left: 26px;
	margin-top: -7px;
	font-size: 12px;
}
.navs .subNav .rt a {
	display: inline;
	color: #fff;
	margin-right: 18px;
	white-space: nowrap;
	font-size: 14px;
	margin-left: 10px;
}
.navs .subNav .rt a:hover {
	text-decoration: underline;
}
.counter { /*background-color: #ffffff; padding: 20px 0; border-radius: 5px;*/
}
.count-title {
	font-size: 72px;
	font-weight: bold;
	margin-bottom: 0;
	text-align: center;
	color: #005aab;
	float: left;
}
.count-text {
	font-size: 13px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 0;
	text-align: center;
}
.count-text a {
	text-decoration: none;
	color: green;
}
.fa-2x {
	margin: 0 auto;
	float: none;
	display: table;
	color: #4ad1e5;
}
.counter.col_fourth {
	float: left;
}
.tuxt {
	float: left;
	margin-top: 20px;
	margin-left: 10px;
}
.counter.col_fourth2 {
	float: left;
}
.counter.col_fourth2 b {
	font-size: 67px;
	font-weight: bold;
	color: #005aab;
	margin-left: 10px;
}
.zd {
	width: 27%;
	margin: 0 auto;
}
/* banner*/




.biaoti {
	padding: 275px 0px;
}
.banner {
}
.csslider1 {
	display: inline-block;
	position: relative;
	max-width: 1920px;
	width: 100%;
}
.csslider1 > .cs_anchor {
	display: none;
}
.csslider1 > ul {
	position: relative;
	z-index: 1;
	font-size: 0;
	line-height: 0;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
}
.csslider1 > ul > li.img img {
	width: 100%;
}
.csslider1 > ul > li.img {
	font-size: 0pt;
	-khtml-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.csslider1 > ul > li {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 15px;
	font-size: initial;
	line-height: normal;
	white-space: normal;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.csslider1 .cs_lnk {
	position: absolute;
	top: -9999px;
	left: -9999px;
	font-size: 0pt;
	opacity: 0;
	filter: alpha(opacity=0);
}
.csslider1 > .cs_arrowprev, .csslider1 > .cs_arrownext {
	position: absolute;
	top: 50%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 5;
}
.csslider1 > .cs_arrowprev > label, .csslider1 > .cs_arrownext > label {
	position: absolute;
	text-decoration: none;
	cursor: pointer;
	opacity: 0;
	z-index: -1;
}
.csslider1 > .cs_arrowprev {
	left: 0;
}
.csslider1 > .cs_arrownext {
	right: 0;
}
.csslider1 > .cs_arrowprev > label.num2, .csslider1 > .cs_arrownext > label.num1 {
	opacity: 1;
	z-index: 5;
}
.csslider1 > .slide:checked ~ .cs_arrowprev > label, .csslider1 > .slide:checked ~ .cs_arrownext > label {
	opacity: 0;
	z-index: -1;
}
.csslider1 > #cs_slide1_0:checked ~ .cs_arrowprev > label.num2, .csslider1 > #cs_slide1_0:checked ~ .cs_arrownext > label.num1, .csslider1 > #cs_slide1_1:checked ~ .cs_arrowprev > label.num0, .csslider1 > #cs_slide1_1:checked ~ .cs_arrownext > label.num2, .csslider1 > #cs_slide1_2:checked ~ .cs_arrowprev > label.num1, .csslider1 > #cs_slide1_2:checked ~ .cs_arrownext > label.num0 {
	opacity: 1;
	z-index: 5;
}

/* calculate autoplay */
@-webkit-keyframes arrow {
 0%, 33.32333333333334% {
opacity: 1;
z-index: 5;
}
 33.333333333333336%, 100% {
opacity: 0;
z-index: -1;
}
}
@-moz-keyframes arrow {
 0%, 33.32333333333334% {
opacity: 1;
z-index: 5;
}
 33.333333333333336%, 100% {
opacity: 0;
z-index: -1;
}
}
@-ms-keyframes arrow {
 0%, 33.32333333333334% {
opacity: 1;
z-index: 5;
}
 33.333333333333336%, 100% {
opacity: 0;
z-index: -1;
}
}
@-o-keyframes arrow {
 0%, 33.32333333333334% {
opacity: 1;
z-index: 5;
}
 33.333333333333336%, 100% {
opacity: 0;
z-index: -1;
}
}
@keyframes arrow {
 0%, 33.32333333333334% {
opacity: 1;
z-index: 5;
}
 33.333333333333336%, 100% {
opacity: 0;
z-index: -1;
}
}
.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num2, .csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num1, .csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label.num2, .csslider1 > #cs_pause1:checked ~ .cs_arrownext > label.num1 {
	-webkit-animation: arrow 12000ms infinite -2000ms;
	-moz-animation: arrow 12000ms infinite -2000ms;
	-ms-animation: arrow 12000ms infinite -2000ms;
	-o-animation: arrow 12000ms infinite -2000ms;
	animation: arrow 12000ms infinite -2000ms;
}
.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num0, .csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num2, .csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label.num0, .csslider1 > #cs_pause1:checked ~ .cs_arrownext > label.num2 {
	-webkit-animation: arrow 12000ms infinite 2000ms;
	-moz-animation: arrow 12000ms infinite 2000ms;
	-ms-animation: arrow 12000ms infinite 2000ms;
	-o-animation: arrow 12000ms infinite 2000ms;
	animation: arrow 12000ms infinite 2000ms;
}
.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num1, .csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num0, .csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label.num1, .csslider1 > #cs_pause1:checked ~ .cs_arrownext > label.num0 {
	-webkit-animation: arrow 12000ms infinite 6000ms;
	-moz-animation: arrow 12000ms infinite 6000ms;
	-ms-animation: arrow 12000ms infinite 6000ms;
	-o-animation: arrow 12000ms infinite 6000ms;
	animation: arrow 12000ms infinite 6000ms;
}
.csslider1.cs_pauseHover:hover > .cs_arrowprev > label, .csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label, .csslider1.cs_pauseHover:hover > .cs_arrownext > label, .csslider1 > #cs_pause1:checked ~ .cs_arrownext > label {
	-webkit-animation-play-state: paused !important;
	-moz-animation-play-state: paused !important;
	-ms-animation-play-state: paused !important;
	-o-animation-play-state: paused !important;
	animation-play-state: paused !important;
}
/* stop */
.csslider1 > .slide:checked ~ .cs_arrowprev > label, .csslider1 > .slide:checked ~ .cs_arrownext > label {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}
/* /calculate autoplay */
.csslider1 > .cs_bullets {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 6;
	font-size: 0;
	line-height: 8pt;
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.csslider1 > .cs_bullets > div {
	margin-left: -50%;
	width: 100%;
}
.csslider1 > .cs_bullets > label {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.csslider1 > .cs_bullets > label > .cs_thumb {
	visibility: hidden;
	position: absolute;
	opacity: 0;
	z-index: 1;
	line-height: 0;
	left: -39.5px;
	top: -48px;
}
.csslider1 > .cs_description {
	z-index: 3;
}
.csslider1 > .cs_description a, .csslider1 > .cs_description a:visited, .csslider1 > .cs_description a:active {
	color: inherit;
}
.csslider1 > .cs_description a:hover {
	text-decoration: none;
}
.csslider1 > .cs_description > label {
	position: absolute;
	word-wrap: break-word;
	white-space: normal;
	text-align: left;
	max-width: 50%;
	left: 0;
}
.csslider1 > .cs_description > label > span {
	vertical-align: top;
}
.csslider1 > .cs_description > label span {
	display: inline-block;
}
.csslider1 > #cs_slide1_0:checked ~ ul > li.num0, .csslider1 > #cs_slide1_1:checked ~ ul > li.num1, .csslider1 > #cs_slide1_2:checked ~ ul > li.num2 {
	opacity: 1;
	z-index: 2;
}
.csslider1 > ul > li {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	opacity: 0;
	z-index: 1;
	-webkit-transition: opacity 2000ms ease;
	-moz-transition: opacity 2000ms ease;
	-ms-transition: opacity 2000ms ease;
	-o-transition: opacity 2000ms ease;
	transition: opacity 2000ms ease;
}
.csslider1 > ul > li.num0 {
	opacity: 1;
	z-index: 2;
}
.csslider1 > .slide:checked ~ ul > li.num0 {
	opacity: 0;
	z-index: 1;
}

/* calculate autoplay */
@-webkit-keyframes fade {
 0%, 50%, 100% {
opacity: 0;
z-index: 2;
}
 16.666666666666668%, 33.333333333333336% {
opacity: 1;
z-index: 2;
}
}
@-moz-keyframes fade {
 0%, 50%, 100% {
opacity: 0;
z-index: 2;
}
 16.666666666666668%, 33.333333333333336% {
opacity: 1;
z-index: 2;
}
}
@-ms-keyframes fade {
 0%, 50%, 100% {
opacity: 0;
z-index: 2;
}
 16.666666666666668%, 33.333333333333336% {
opacity: 1;
z-index: 2;
}
}
@-o-keyframes fade {
 0%, 50%, 100% {
opacity: 0;
z-index: 2;
}
 16.666666666666668%, 33.333333333333336% {
opacity: 1;
z-index: 2;
}
}
@keyframes fade {
 0%, 50%, 100% {
opacity: 0;
z-index: 2;
}
 16.666666666666668%, 33.333333333333336% {
opacity: 1;
z-index: 2;
}
}
.csslider1 > #cs_play1:checked ~ ul > li.num0, .csslider1 > #cs_pause1:checked ~ ul > li.num0 {
	-webkit-animation: fade 12000ms infinite -2000ms;
	-moz-animation: fade 12000ms infinite -2000ms;
	-ms-animation: fade 12000ms infinite -2000ms;
	-o-animation: fade 12000ms infinite -2000ms;
	animation: fade 12000ms infinite -2000ms;
}
.csslider1 > #cs_play1:checked ~ ul > li.num1, .csslider1 > #cs_pause1:checked ~ ul > li.num1 {
	-webkit-animation: fade 12000ms infinite 2000ms;
	-moz-animation: fade 12000ms infinite 2000ms;
	-ms-animation: fade 12000ms infinite 2000ms;
	-o-animation: fade 12000ms infinite 2000ms;
	animation: fade 12000ms infinite 2000ms;
}
.csslider1 > #cs_play1:checked ~ ul > li.num2, .csslider1 > #cs_pause1:checked ~ ul > li.num2 {
	-webkit-animation: fade 12000ms infinite 6000ms;
	-moz-animation: fade 12000ms infinite 6000ms;
	-ms-animation: fade 12000ms infinite 6000ms;
	-o-animation: fade 12000ms infinite 6000ms;
	animation: fade 12000ms infinite 6000ms;
}
.csslider1 > #cs_play1:checked ~ ul > li, .csslider1 > #cs_pause1:checked ~ ul > li {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.csslider1.cs_pauseHover:hover > ul > li, .csslider1 > #cs_pause1:checked ~ ul > li {
	-webkit-animation-play-state: paused !important;
	-moz-animation-play-state: paused !important;
	-ms-animation-play-state: paused !important;
	-o-animation-play-state: paused !important;
	animation-play-state: paused !important;
}
/* stop */

.csslider1 > .slide:checked ~ ul > li {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}
/* /calculate autoplay */
.csslider1 {
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	-ms-perspective: 500px;
	-o-perspective: 500px;
	perspective: 500px;
}
.csslider1 > .cs_play_pause {
	-webkit-transition: .5s opacity 0s ease;
	-moz-transition: .5s opacity 0s ease;
	-ms-transition: .5s opacity 0s ease;
	-o-transition: .5s opacity 0s ease;
	transition: .5s opacity 0s ease;
}
.csslider1 > .cs_arrowprev {
	-webkit-transition: .5s opacity .15s ease, .5s -webkit-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-moz-transition: .5s opacity .15s ease, .5s -moz-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-ms-transition: .5s opacity .15s ease, .5s -ms-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-o-transition: .5s opacity .15s ease, .5s -o-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
	transition: .5s opacity .15s ease, .5s transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
}
.csslider1 > .cs_arrownext {
	-webkit-transition: .5s opacity .3s ease, .5s -webkit-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-moz-transition: .5s opacity .3s ease, .5s -moz-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-ms-transition: .5s opacity .3s ease, .5s -ms-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-o-transition: .5s opacity .3s ease, .5s -o-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
	transition: .5s opacity .3s ease, .5s transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg);
}
.csslider1 > .cs_arrowprev, .csslider1 > .cs_arrownext, .csslider1 > .cs_play_pause {
	opacity: 0;
}
.csslider1:hover > .cs_arrowprev, .csslider1:hover > .cs_arrownext, .csslider1:hover > .cs_play_pause {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.csslider1 > .cs_arrowprev > label, .csslider1 > .cs_arrownext > label {
	overflow: hidden;
	margin-top: -35px;
	width: 40px;
	height: 70px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: #000;
	background-color: rgba(0,0,0,0.6);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.csslider1 > .cs_arrowprev {
	left: 70px;
}
.csslider1 > .cs_arrownext {
	right: 70px;
}
.csslider1 > .cs_arrowprev > label {
	right: 0;
}
.csslider1 > .cs_arrownext > label {
	left: 0;
}
.csslider1 > .cs_arrowprev > label:after {
	content: '<';
}
.csslider1 > .cs_arrownext > label:after {
	content: '>';
}
.csslider1 > .cs_arrowprev > label:after, .csslider1 > .cs_arrownext > label:after {
	display: block;
	font: 40px "demurecontrols";
	text-align: center;
	line-height: 70px;
	color: #fff;
}
.csslider1 > .cs_arrowprev > label, .csslider1 > .cs_arrownext > label {
	-webkit-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	-moz-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	-ms-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	-o-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;
}
.csslider1 > .cs_arrowprev:hover > label {
	background-color: #005aab;
	width: 70px;
}
.csslider1 > .cs_arrownext:hover > label {
	background-color: #005aab;
	width: 70px;
}
.csslider1 > .cs_bullets {
	bottom: 5px;
	margin-bottom: 5px;
}
.csslider1 > .cs_bullets > label {
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	-ms-perspective: 500px;
	-o-perspective: 500px;
	perspective: 500px;
}
.csslider1 > .cs_bullets > label > .cs_thumb {
	border: 3px solid #f20000;
	margin-top: -11px;
	-webkit-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -moz-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-ms-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -ms-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-o-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -o-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-webkit-transform-origin: 0% 100% 0px;
	-moz-transform-origin: 0% 100% 0px;
	-ms-transform-origin: 0% 100% 0px;
	-o-transform-origin: 0% 100% 0px;
	transform-origin: 0% 100% 0px;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
}
.csslider1 > .cs_bullets > label > .cs_thumb:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	margin-left: -1px;
	bottom: -8px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #f20000;
}
.csslider1 > .cs_bullets > label:hover > .cs_thumb {
	visibility: visible;
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.csslider1 > .cs_bullets > label {
	margin: 0 6px;
	padding: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	/* Fallback for web browsers that doesn't support RGBa */
	background: #000;
	background-color: rgba(0,0,0,0.6);
}
.csslider1 > .cs_bullets > label.num0 {
	background-color: #f20000;
}
.csslider1 > .slide:checked ~ .cs_bullets > label {
	/* Fallback for web browsers that doesn't support RGBa */
	background: #000;
	background-color: rgba(0,0,0,0.6);
}
.csslider1 > #cs_slide1_0:checked ~ .cs_bullets > label.num0, .csslider1 > #cs_slide1_1:checked ~ .cs_bullets > label.num1, .csslider1 > #cs_slide1_2:checked ~ .cs_bullets > label.num2 {
	background-color: #f20000;
}
.csslider1 > .cs_bullets > label:hover {
	background-color: #f20000;
}

/* calculate autoplay */
@-webkit-keyframes bullet {
 0%, 33.32333333333334% {
background-color: #f20000;
}
 33.333333333333336%, 100% {
background: #000;
background-color: rgba(0,0,0,0.6);
}
}
@-moz-keyframes bullet {
 0%, 33.32333333333334% {
background-color: #f20000;
}
 33.333333333333336%, 100% {
background: #000;
background-color: rgba(0,0,0,0.6);
}
}
@-ms-keyframes bullet {
 0%, 33.32333333333334% {
background-color: #f20000;
}
 33.333333333333336%, 100% {
background: #000;
background-color: rgba(0,0,0,0.6);
}
}
@-o-keyframes bullet {
 0%, 33.32333333333334% {
background-color: #f20000;
}
 33.333333333333336%, 100% {
background: #000;
background-color: rgba(0,0,0,0.6);
}
}
@keyframes bullet {
 0%, 33.32333333333334% {
background-color: #f20000;
}
 33.333333333333336%, 100% {
background: #000;
background-color: rgba(0,0,0,0.6);
}
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num0, .csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num0 {
	-webkit-animation: bullet 12000ms infinite -2000ms;
	-moz-animation: bullet 12000ms infinite -2000ms;
	-ms-animation: bullet 12000ms infinite -2000ms;
	-o-animation: bullet 12000ms infinite -2000ms;
	animation: bullet 12000ms infinite -2000ms;
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num1, .csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num1 {
	-webkit-animation: bullet 12000ms infinite 2000ms;
	-moz-animation: bullet 12000ms infinite 2000ms;
	-ms-animation: bullet 12000ms infinite 2000ms;
	-o-animation: bullet 12000ms infinite 2000ms;
	animation: bullet 12000ms infinite 2000ms;
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num2, .csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num2 {
	-webkit-animation: bullet 12000ms infinite 6000ms;
	-moz-animation: bullet 12000ms infinite 6000ms;
	-ms-animation: bullet 12000ms infinite 6000ms;
	-o-animation: bullet 12000ms infinite 6000ms;
	animation: bullet 12000ms infinite 6000ms;
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label, .csslider1 > #cs_pause1:checked ~ .cs_bullets > label {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.csslider1.cs_pauseHover:hover > .cs_bullets > label, .csslider1 > #cs_pause1:checked ~ .cs_bullets > label {
	-webkit-animation-play-state: paused !important;
	-moz-animation-play-state: paused !important;
	-ms-animation-play-state: paused !important;
	-o-animation-play-state: paused !important;
	animation-play-state: paused !important;
}
/* stop */

.csslider1 > .slide:checked ~ .cs_bullets > label {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}
/* /calculate autoplay */


.csslider1 > .cs_description > label {
	font: 20px 'Roboto', sans-serif;
	line-height: normal;
	bottom: 35px;
	left: 20px;
	top: auto;
	opacity: 1;
	z-index: 1;
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	-ms-perspective: 500px;
	-o-perspective: 500px;
	perspective: 500px;
}
.csslider1 > .cs_description > label > span {
	margin: 1px 10px;
	padding: 10px;
	color: #fff;
	overflow: hidden;
	-webkit-transform-origin: 0% 0% 0px;
	-moz-transform-origin: 0% 0% 0px;
	-ms-transform-origin: 0% 0% 0px;
	-o-transform-origin: 0% 0% 0px;
	transform-origin: 0% 0% 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0, .csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1, .csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 {
	z-index: 2;
}
.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 > .cs_descr, .csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 > .cs_descr, .csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 > .cs_descr {
	opacity: 1;
	visibility: visible;
	-webkit-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-moz-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-ms-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-o-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 > .cs_title, .csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 > .cs_title, .csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 > .cs_title {
	opacity: 1;
	visibility: visible;
	-webkit-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;
	-moz-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;
	-ms-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;
	-o-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;
	transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 .cs_wrapper, .csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 .cs_wrapper, .csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 .cs_wrapper {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.csslider1 > .cs_description > label > .cs_title {
	margin: 0px 10px;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	/* Fallback for web browsers that doesn't support RGBa */
	background: #000;
	background-color: rgba(0,0,0,0.6);
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;
	-moz-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;
	-ms-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;
	-o-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;
	transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;
}
.csslider1 > .cs_description > label > .cs_descr {
	font-size: 0.8em;
	margin: 1px 10px;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	background-color: #f20000;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-moz-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-ms-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-o-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
}
.csslider1 > .cs_description > label > .cs_title > .cs_wrapper {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-moz-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-ms-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-o-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
}
.csslider1 > .cs_description > label > .cs_descr > .cs_wrapper {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-moz-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-ms-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-o-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
}


/* calculate autoplay */
@-webkit-keyframes cs_descrWrapper {
 3.0625%, 37.708333333333336% {
z-index: 2;
}
 37.718333333333334%, 100% {
z-index: 0;
}
}
@-moz-keyframes cs_descrWrapper {
 3.0625%, 37.708333333333336% {
z-index: 2;
}
 37.718333333333334%, 100% {
z-index: 0;
}
}
@-ms-keyframes cs_descrWrapper {
 3.0625%, 37.708333333333336% {
z-index: 2;
}
 37.718333333333334%, 100% {
z-index: 0;
}
}
@-o-keyframes cs_descrWrapper {
 3.0625%, 37.708333333333336% {
z-index: 2;
}
 37.718333333333334%, 100% {
z-index: 0;
}
}
@keyframes cs_descrWrapper {
 3.0625%, 37.708333333333336% {
z-index: 2;
}
 37.718333333333334%, 100% {
z-index: 0;
}
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num0 {
	-webkit-animation: cs_descrWrapper 12000ms infinite -1400ms ease;
	-moz-animation: cs_descrWrapper 12000ms infinite -1400ms ease;
	-ms-animation: cs_descrWrapper 12000ms infinite -1400ms ease;
	-o-animation: cs_descrWrapper 12000ms infinite -1400ms ease;
	animation: cs_descrWrapper 12000ms infinite -1400ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1 {
	-webkit-animation: cs_descrWrapper 12000ms infinite 2600ms ease;
	-moz-animation: cs_descrWrapper 12000ms infinite 2600ms ease;
	-ms-animation: cs_descrWrapper 12000ms infinite 2600ms ease;
	-o-animation: cs_descrWrapper 12000ms infinite 2600ms ease;
	animation: cs_descrWrapper 12000ms infinite 2600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2 {
	-webkit-animation: cs_descrWrapper 12000ms infinite 6600ms ease;
	-moz-animation: cs_descrWrapper 12000ms infinite 6600ms ease;
	-ms-animation: cs_descrWrapper 12000ms infinite 6600ms ease;
	-o-animation: cs_descrWrapper 12000ms infinite 6600ms ease;
	animation: cs_descrWrapper 12000ms infinite 6600ms ease;
}
 @-webkit-keyframes cs_title {
 3.0625%, 30.260833333333334% {
opacity: 1;
-webkit-transform: rotateX(-9deg);
z-index: 2;
visibility: visible;
}
 4.375%, 28.948333333333334% {
opacity: 1;
-webkit-transform: rotateX(0deg);
z-index: 2;
visibility: visible;
}
 33.333333333333336% {
opacity: 0;
-webkit-transform: rotateX(90deg);
z-index: 2;
visibility: hidden;
}
 33.343333333333334%, 100% {
z-index: 0;
}
}
@-moz-keyframes cs_title {
 3.0625%, 30.260833333333334% {
opacity: 1;
-moz-transform: rotateX(-9deg);
z-index: 2;
visibility: visible;
}
 4.375%, 28.948333333333334% {
opacity: 1;
-moz-transform: rotateX(0deg);
z-index: 2;
visibility: visible;
}
 33.333333333333336% {
opacity: 0;
-moz-transform: rotateX(90deg);
z-index: 2;
visibility: hidden;
}
 33.343333333333334%, 100% {
z-index: 0;
}
}
@-ms-keyframes cs_title {
 3.0625%, 30.260833333333334% {
opacity: 1;
-ms-transform: rotateX(-9deg);
z-index: 2;
visibility: visible;
}
 4.375%, 28.948333333333334% {
opacity: 1;
-ms-transform: rotateX(0deg);
z-index: 2;
visibility: visible;
}
 33.333333333333336% {
opacity: 0;
-ms-transform: rotateX(90deg);
z-index: 2;
visibility: hidden;
}
 33.343333333333334%, 100% {
z-index: 0;
}
}
@-o-keyframes cs_title {
 3.0625%, 30.260833333333334% {
opacity: 1;
-o-transform: rotateX(-9deg);
z-index: 2;
visibility: visible;
}
 4.375%, 28.948333333333334% {
opacity: 1;
-o-transform: rotateX(0deg);
z-index: 2;
visibility: visible;
}
 33.333333333333336% {
opacity: 0;
-o-transform: rotateX(90deg);
z-index: 2;
visibility: hidden;
}
 33.343333333333334%, 100% {
z-index: 0;
}
}
@keyframes cs_title {
 3.0625%, 30.260833333333334% {
opacity: 1;
transform: rotateX(-9deg);
z-index: 2;
visibility: visible;
}
 4.375%, 28.948333333333334% {
opacity: 1;
transform: rotateX(0deg);
z-index: 2;
visibility: visible;
}
 33.333333333333336% {
opacity: 0;
transform: rotateX(90deg);
z-index: 2;
visibility: hidden;
}
 33.343333333333334%, 100% {
z-index: 0;
}
}
 @-webkit-keyframes cs_descr {
 6.125%, 25.885833333333334% {
opacity: 1;
-webkit-transform: rotateX(9deg);
z-index: 1;
visibility: visible;
}
 8.75%, 24.573333333333334% {
opacity: 1;
-webkit-transform: rotateX(0deg);
z-index: 1;
visibility: visible;
}
 33.333333333333336% {
opacity: 0;
-webkit-transform: rotateX(-90deg);
z-index: 1;
visibility: hidden;
}
 33.343333333333334%, 100% {
z-index: 0;
}
}
@-moz-keyframes cs_descr {
 6.125%, 25.885833333333334% {
opacity: 1;
-moz-transform: rotateX(9deg);
z-index: 1;
visibility: visible;
}
 8.75%, 24.573333333333334% {
opacity: 1;
-moz-transform: rotateX(0deg);
z-index: 1;
 visibility: visible;
}
 33.333333333333336% {
opacity: 0;
-moz-transform: rotateX(-90deg);
z-index: 1;
visibility: hidden;
}
 33.343333333333334%, 100% {
z-index: 0;
}
}
@-ms-keyframes cs_descr {
 6.125%, 25.885833333333334% {
opacity: 1;
-ms-transform: rotateX(9deg);
z-index: 1;
visibility: visible;
}
 8.75%, 24.573333333333334% {
opacity: 1;
-ms-transform: rotateX(0deg);
z-index: 1;
visibility: visible;
}
 33.333333333333336% {
opacity: 0;
-ms-transform: rotateX(-90deg);
z-index: 1;
visibility: hidden;
}
 33.343333333333334%, 100% {
z-index: 0;
}
}
@-o-keyframes cs_descr {
 6.125%, 25.885833333333334% {
opacity: 1;
-o-transform: rotateX(9deg);
z-index: 1;
visibility: visible;
}
 8.75%, 24.573333333333334% {
opacity: 1;
-o-transform: rotateX(0deg);
z-index: 1;
visibility: visible;
}
 33.333333333333336% {
opacity: 0;
-o-transform: rotateX(-90deg);
z-index: 1;
visibility: hidden;
}
 33.343333333333334%, 100% {
z-index: 0;
}
}
@keyframes cs_descr {
 6.125%, 25.885833333333334% {
opacity: 1;
transform: rotateX(9deg);
z-index: 1;
visibility: visible;
}
 8.75%, 24.573333333333334% {
opacity: 1;
transform: rotateX(0deg);
z-index: 1;
visibility: visible;
}
 33.333333333333336% {
opacity: 0;
transform: rotateX(-90deg);
z-index: 1;
visibility: hidden;
}
 33.343333333333334%, 100% {
z-index: 0;
}
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num0 > .cs_title, .csslider1 > #cs_pause1:checked ~ .cs_description > .num0 > .cs_title {
	-webkit-animation: cs_title 12000ms infinite -1400ms ease;
	-moz-animation: cs_title 12000ms infinite -1400ms ease;
	-ms-animation: cs_title 12000ms infinite -1400ms ease;
	-o-animation: cs_title 12000ms infinite -1400ms ease;
	animation: cs_title 12000ms infinite -1400ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1 > .cs_title, .csslider1 > #cs_pause1:checked ~ .cs_description > .num1 > .cs_title {
	-webkit-animation: cs_title 12000ms infinite 2600ms ease;
	-moz-animation: cs_title 12000ms infinite 2600ms ease;
	-ms-animation: cs_title 12000ms infinite 2600ms ease;
	-o-animation: cs_title 12000ms infinite 2600ms ease;
	animation: cs_title 12000ms infinite 2600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2 > .cs_title, .csslider1 > #cs_pause1:checked ~ .cs_description > .num2 > .cs_title {
	-webkit-animation: cs_title 12000ms infinite 6600ms ease;
	-moz-animation: cs_title 12000ms infinite 6600ms ease;
	-ms-animation: cs_title 12000ms infinite 6600ms ease;
	-o-animation: cs_title 12000ms infinite 6600ms ease;
	animation: cs_title 12000ms infinite 6600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num0 > .cs_descr, .csslider1 > #cs_pause1:checked ~ .cs_description > .num0 > .cs_descr {
	-webkit-animation: cs_descr 12000ms infinite -1400ms ease;
	-moz-animation: cs_descr 12000ms infinite -1400ms ease;
	-ms-animation: cs_descr 12000ms infinite -1400ms ease;
	-o-animation: cs_descr 12000ms infinite -1400ms ease;
	animation: cs_descr 12000ms infinite -1400ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1 > .cs_descr, .csslider1 > #cs_pause1:checked ~ .cs_description > .num1 > .cs_descr {
	-webkit-animation: cs_descr 12000ms infinite 2600ms ease;
	-moz-animation: cs_descr 12000ms infinite 2600ms ease;
	-ms-animation: cs_descr 12000ms infinite 2600ms ease;
	-o-animation: cs_descr 12000ms infinite 2600ms ease;
	animation: cs_descr 12000ms infinite 2600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2 > .cs_descr, .csslider1 > #cs_pause1:checked ~ .cs_description > .num2 > .cs_descr {
	-webkit-animation: cs_descr 12000ms infinite 6600ms ease;
	-moz-animation: cs_descr 12000ms infinite 6600ms ease;
	-ms-animation: cs_descr 12000ms infinite 6600ms ease;
	-o-animation: cs_descr 12000ms infinite 6600ms ease;
	animation: cs_descr 12000ms infinite 6600ms ease;
}
 @-webkit-keyframes cs_title_text {
 3.0625%, 30.260833333333334% {
opacity: 1;
-webkit-transform: translateX(-1%);
}
 4.375%, 28.948333333333334% {
opacity: 1;
-webkit-transform: translateX(0%);
}
 33.333333333333336% {
opacity: 0;
-webkit-transform: translateX(100%);
}
}
@-moz-keyframes cs_title_text {
 3.0625%, 30.260833333333334% {
opacity: 1;
-moz-transform: translateX(-1%);
}
 4.375%, 28.948333333333334% {
opacity: 1;
-moz-transform: translateX(0%);
}
 33.333333333333336% {
opacity: 0;
-moz-transform: translateX(100%);
}
}
@-ms-keyframes cs_title_text {
 3.0625%, 30.260833333333334% {
opacity: 1;
-ms-transform: translateX(-1%);
}
 4.375%, 28.948333333333334% {
opacity: 1;
-ms-transform: translateX(0%);
}
 33.333333333333336% {
opacity: 0;
-ms-transform: translateX(100%);
}
}
@-o-keyframes cs_title_text {
 3.0625%, 30.260833333333334% {
opacity: 1;
-o-transform: translateX(-1%);
}
 4.375%, 28.948333333333334% {
opacity: 1;
-o-transform: translateX(0%);
}
 33.333333333333336% {
opacity: 0;
-o-transform: translateX(100%);
}
}
@keyframes cs_title_text {
 3.0625%, 30.260833333333334% {
opacity: 1;
transform: translateX(-1%);
}
 4.375%, 28.948333333333334% {
opacity: 1;
transform: translateX(0%);
}
 33.333333333333336% {
opacity: 0;
transform: translateX(100%);
}
}
 @-webkit-keyframes cs_descr_text {
 6.125%, 25.885833333333334% {
opacity: 1;
-webkit-transform: translateX(1%);
}
 8.75%, 24.573333333333334% {
opacity: 1;
-webkit-transform: translateX(0%);
}
 33.333333333333336% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
}
@-moz-keyframes cs_descr_text {
 6.125%, 25.885833333333334% {
opacity: 1;
-moz-transform: translateX(1%);
}
 8.75%, 24.573333333333334% {
opacity: 1;
-moz-transform: translateX(0%);
}
 33.333333333333336% {
opacity: 0;
-moz-transform: translateX(-100%);
}
}
@-ms-keyframes cs_descr_text {
 6.125%, 25.885833333333334% {
opacity: 1;
-ms-transform: translateX(1%);
}
 8.75%, 24.573333333333334% {
opacity: 1;
-ms-transform: translateX(0%);
}
 33.333333333333336% {
opacity: 0;
-ms-transform: translateX(-100%);
}
}
@-o-keyframes cs_descr_text {
 6.125%, 25.885833333333334% {
opacity: 1;
-o-transform: translateX(1%);
}
 8.75%, 24.573333333333334% {
opacity: 1;
-o-transform: translateX(0%);
}
 33.333333333333336% {
opacity: 0;
-o-transform: translateX(-100%);
}
}
@keyframes cs_descr_text {
 6.125%, 25.885833333333334% {
opacity: 1;
transform: translateX(1%);
}
 8.75%, 24.573333333333334% {
opacity: 1;
transform: translateX(0%);
}
 33.333333333333336% {
opacity: 0;
transform: translateX(-100%);
}
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num0 .cs_title > .cs_wrapper, .csslider1 > #cs_pause1:checked ~ .cs_description > .num0 .cs_title > .cs_wrapper {
	-webkit-animation: cs_title_text 12000ms infinite -1190ms ease;
	-moz-animation: cs_title_text 12000ms infinite -1190ms ease;
	-ms-animation: cs_title_text 12000ms infinite -1190ms ease;
	-o-animation: cs_title_text 12000ms infinite -1190ms ease;
	animation: cs_title_text 12000ms infinite -1190ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1 .cs_title > .cs_wrapper, .csslider1 > #cs_pause1:checked ~ .cs_description > .num1 .cs_title > .cs_wrapper {
	-webkit-animation: cs_title_text 12000ms infinite 2810ms ease;
	-moz-animation: cs_title_text 12000ms infinite 2810ms ease;
	-ms-animation: cs_title_text 12000ms infinite 2810ms ease;
	-o-animation: cs_title_text 12000ms infinite 2810ms ease;
	animation: cs_title_text 12000ms infinite 2810ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2 .cs_title > .cs_wrapper, .csslider1 > #cs_pause1:checked ~ .cs_description > .num2 .cs_title > .cs_wrapper {
	-webkit-animation: cs_title_text 12000ms infinite 6810ms ease;
	-moz-animation: cs_title_text 12000ms infinite 6810ms ease;
	-ms-animation: cs_title_text 12000ms infinite 6810ms ease;
	-o-animation: cs_title_text 12000ms infinite 6810ms ease;
	animation: cs_title_text 12000ms infinite 6810ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num0 .cs_descr > .cs_wrapper, .csslider1 > #cs_pause1:checked ~ .cs_description > .num0 .cs_descr > .cs_wrapper {
	-webkit-animation: cs_descr_text 12000ms infinite -1190ms ease;
	-moz-animation: cs_descr_text 12000ms infinite -1190ms ease;
	-ms-animation: cs_descr_text 12000ms infinite -1190ms ease;
	-o-animation: cs_descr_text 12000ms infinite -1190ms ease;
	animation: cs_descr_text 12000ms infinite -1190ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1 .cs_descr > .cs_wrapper, .csslider1 > #cs_pause1:checked ~ .cs_description > .num1 .cs_descr > .cs_wrapper {
	-webkit-animation: cs_descr_text 12000ms infinite 2810ms ease;
	-moz-animation: cs_descr_text 12000ms infinite 2810ms ease;
	-ms-animation: cs_descr_text 12000ms infinite 2810ms ease;
	-o-animation: cs_descr_text 12000ms infinite 2810ms ease;
	animation: cs_descr_text 12000ms infinite 2810ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2 .cs_descr > .cs_wrapper, .csslider1 > #cs_pause1:checked ~ .cs_description > .num2 .cs_descr > .cs_wrapper {
	-webkit-animation: cs_descr_text 12000ms infinite 6810ms ease;
	-moz-animation: cs_descr_text 12000ms infinite 6810ms ease;
	-ms-animation: cs_descr_text 12000ms infinite 6810ms ease;
	-o-animation: cs_descr_text 12000ms infinite 6810ms ease;
	animation: cs_descr_text 12000ms infinite 6810ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_title, .csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_descr, .csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_title > .cs_wrapper, .csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper, .csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title, .csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr, .csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title > .cs_wrapper, .csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.csslider1.cs_pauseHover:hover > .cs_description > label > .cs_title, .csslider1.cs_pauseHover:hover > .cs_description > label > .cs_descr, .csslider1.cs_pauseHover:hover > .cs_description > label > .cs_title > .cs_wrapper, .csslider1.cs_pauseHover:hover > .cs_description > label > .cs_descr > .cs_wrapper, .csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title, .csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr, .csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title > .cs_wrapper, .csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper {
	-webkit-animation-play-state: paused !important;
	-moz-animation-play-state: paused !important;
	-ms-animation-play-state: paused !important;
	-o-animation-play-state: paused !important;
	animation-play-state: paused !important;
}
/* stop */
.csslider1 > .slide:checked ~ .cs_description > label {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}

/* /calculate autoplay *//* hide description & bullets on mobile devices */
@media only screen and (max-width: 480px), only screen and (-webkit-max-device-pixel-ratio: 2) and (max-width: 480px), only screen and ( max--moz-device-pixel-ratio: 2) and (max-width: 480px), only screen and ( -o-max-device-pixel-ratio: 2/1) and (max-width: 480px), only screen and ( max-device-pixel-ratio: 2) and (max-width: 480px), only screen and ( max-resolution: 192dpi) and (max-width: 480px), only screen and ( max-resolution: 2dppx) and (max-width: 480px) {
.csslider1 > .cs_description, .csslider1 > .cs_bullets {
	display: none;
}
}
/* banner end */

/* about */
.about {
	width: 100%;
	margin-top: 4.5em;
}
.aboutk {
	width: 83.5%;
	margin: 0 auto;
}
.aboutk h1 {
	font-size: 3em;
	color: #000;
	text-align: center;
}
.aboutk .sz {
	text-align: center;
	margin-top: 3em;
}
.aboutk p {
	width: 60%;
	text-align: center;
	margin: 0 auto;
	margin-top: 1em;
}
.aboutk p span {
	color: #f20000;
}
.cf {
	width: 90%;
	margin: 0 auto;
}
.cftp {
	float: left;
	overflow: hidden;
	margin: 2%;
}
.cftp img {
	width: 100%;
	transition: 0.8s all ease-out;
	-webkit-transition: 0.8s all ease-out;
}
.cftp img:hover {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}
/* about end */



/* hyyy */
.hyyy.clearfix {
	width: 100%;
	margin-top: 3em;
}
/*中间部分*/
.ag7-main {
	padding-top: 60px;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 70px;
}
.ag7-main .phone-index-banner {
	display: none;
}
/*左侧栏*/
.ag7-cont {
	width: 680px;
	float: left;
}
.wrap {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*公共*/
.yahei {
	font-family: '\5FAE\8F6F\96C5\9ED1';
}
.songti {
	font-family: "NSimSun", "SimSun", Arial;
}
/*首页右侧*/
.aside {
	width: 280px;
	float: right;
}
/*20141212*/
.ag7-bannerslide {
	position: relative;
}
.ag7-bannerslide .slidebox {
	position: relative;
	height: 59em;
}
.ag7-bannerslide .slidebox li {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}
.ag7-bannerslide a img {
	display: block;
	/*max-width: 100%;*/
	overflow: hidden;
	height: 100%;
}
.ag7-bannerslide .slideinfo {
	width: 100%;
	height: 13.5em;
	position: absolute;
	left: 0px;
	bottom: 0em;
	background: rgba(0,0,0,0.5);
	z-index: 10;
}
.ag7-bannerslide .slidetitle {
	height: 70px;
	padding: 25px;
	color: #fff;
	font-family: 微软雅黑;
}
.ag7-bannerslide .slidetitle h2 {
	font-size: 30px;
	height: 50px;
	line-height: 50px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ag7-bannerslide .slidetitle h3 {
	font-size: 18px;
}
.ag7-bannerslide .slidelist {
	height: 160px;
	width: 100%;
	background: rgba(0,0,0,0.5);
	position: relative;
}
.ag7-bannerslide .slidelist ul {
	text-align: center;
}
.ag7-bannerslide .slidelist ul li {
	width: 25%;
	float: left;
	z-index: 10001;
	position: relative;
	margin-top: 1%;
}
.ag7-bannerslide .slidelist ul li a {
}
.xiaotu {
	padding: 3% 2% 3% 38%;
}
.ag7-bannerslide .slidelist .mask {
	width: 25%;
	height: 100%;
	position: absolute;
	background: rgba(0,90,171,0.7);
	display: block;
}
.phone-index-banner {
	position: relative;
}
.phone-index-banner img {
	display: block;
}
.phone-index-banner h3 {
	position: absolute;
	width: 100%;
	bottom: 0px;
	font-size: 14px;
	height: 40px;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 40px;
	background: rgba(0,0,0,.5);
	color: #fff;
	font-family: 微软雅黑;
}
/* hyyy end */


/* news */
.newsx {
	width: 100%;
	margin-top: 4.5em;
	position: relative;
}
.newsk {
	width: 83.5%;
	margin: 0 auto;
}
.newsk h1 {
	font-size: 3em;
	color: #000;
	text-align: center;
}
.news {
	/*padding-top: 16px;*/
	padding-top: 0px;
	width: 100%;
	overflow: hidden;
	margin-top: 3.5em;
}
.news_title {
	width: 48%;
	float: left;
}
.news_box {
	width: 48%;
	position: relative;
	z-index: 2;
	float: right;
	overflow: hidden;
	height: 450px;
}
.img_box_index img {
/*width: 100%;*/
}
.news_title {
	padding-left: 22px;
}
.news_list {
}
.abs {
	position: absolute;
}
.news_list li {
	padding: 16px;
	-webkit-transition: .2s;
	transition: .2s;
	position: relative;
	background: #f9f9f9;
	border-bottom: 3px solid #eee;
	box-shadow: 0 0 13px #ccc;
}
.news_list li:last-child {
	border-bottom: none;
}
.date {
	line-height: 1.4;
	margin-right: 25px;
}
.date .date_time {
	color: #666;
	line-height: 36px;
	font-size: 14px;
}
.date .num {
	font-size: 48px;
	color: #8a8989;
	-webkit-transition: .2s;
	transition: .2s;
}
.news_list li:hover, .news_list li.active {
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	background: url(../images/xwt.jpg) no-repeat;
	display: block;
}
.news_list li::after {
	content: '';
	width: 20px;
	height: 100%;
	background: #fff;
	display: block;
	position: absolute;
	right: -20px;
	top: 0;
}
.news_list {
/*box-shadow: 0 0 13px #ccc;*/
}
.news_list li:hover, .news_list li.active .num {
	color: #005aab;
	display: block;
}
.news_name {
	font-size: 18px;
	color: #0f0f0f;
	margin-bottom: 15px;
}
.news_name:hover {
	color: #005aab;
}
.news_text {
	color: #666;
	font-size: 12px;
	margin-top: 1%;
}
.yellow_box {
	-webkit-transform: translateX(440px);
	transform: translateX(440px);
	-webkit-transition: .4s;
	transition: .4s;
}
.yellow_box {
	width: 270px;
	padding-left: 40px;
	padding-right: 40px;
	height: 350px;
	padding-top: 30px;
	background: rgba(255,241,0, .7);
	right: 80px;
	top: 87px;
	display: none;
}
.flex {
}
.news_box:hover .yellow_box {
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}
.date.flex.column.aic.center {
	float: left;
	margin-top: 3%;
	margin-left: 3%;
}
.inf.flex.column {
	padding-top: 2.5%;
	width: 95%;
}
/* news end */

.hyyy h1 {
	font-size: 3em;
	color: #000;
	text-align: center;
	margin-bottom: 1em;
}
/* footer */
.footer {
	width: 100%;
	margin-top: 5em;
	background: #333;
}
.footerk {
	width: 83.5%;
	margin: 0 auto;
}
.footerxk {
	width: 100%;
	padding-top: 2%;
	padding-bottom: 2%;
}
.footerz {
	width: 70%;
	float: left;
	color: #fff;
}
.footery {
	width: 22%;
	float: right;
}
.hy {
	width: 25%;
	float: left;
}
.hy span {
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
}
.hy a {
	color: #fff;
}
.hy a:hover {
	text-decoration: underline;
	color: #fff;
}
.hy p {
	font-size: 14px;
	color: #fff;
	line-height: 30px;
}
.wx {
	float: right;
	width: 37%;
}
.wx span {
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	color: #fff;
	float: left;
	width: 100%;
}
.wx a {
	margin-top: 1%;
}
.footer2 {
	width: 100%;
}
.footer2k {
	width: 83.5%;
	line-height: 3em;
	margin: 0 auto;
}
.footerle {
	float: left;

}
.footerri {
	float: right;
	
}
.footerri a:hover {
	text-decoration: underline;
}
/* footer end */



/* neiye banner */

.paralasic {
	width: 100%;
	color: #fff;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center 0;
}
#banner2 {
	width: 100%;
	height: auto;
	overflow: hidden;/*padding-top: 7em;*/
}
#banner2 img {
	width: 100%;
}
.biaoti h2 {
	position: absolute;
	top: 30%;
	font-size: 4em;
	color: #fff;
	left: 18%;
}
.page_main {
	width: 100%;
	margin-top: 3%;
	height: auto;
}
.pagea {
	width: 65%;
	margin: 0 auto;
}
.pagea_z {
	width: 42%;
	float: left;
}
.pagea_y {
	width: 57%;
	float: right;
}
.pagea_y h3 {
	font-size: 2em;
	margin-top: 3%;
	margin-bottom: 3%;
}
.sp img {
	width: 100%;
	transition: 0.8s all ease-out;
	-webkit-transition: 0.8s all ease-out;
}
.sp {
	width: 96.5%;
	float: left;
	overflow: hidden;
}
.sp img:hover {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}
.pagea_y .more {
	width: 20%;
	background: url(../images/bygd.png) 0 bottom no-repeat;
	height: 3.5em;
	line-height: 3.5em;
	border-radius: 0.5em;
	margin-top: 8%;
}
.pagea_y .more a {
	font-size: 14px;
	color: #666;
}
.pagea_y .more a:hover {
	font-size: 14px;
	color: #005aab;
	display: block;
}
.pageb.clearfix {
	width: 100%;
	margin-top: 3%;
	background: url(../images/qywh.jpg) no-repeat;
	background-attachment: fixed;
	min-height: 550px;
}
.qywh .whk {
	width: 65%;
	margin: 0 auto;
	padding-top: 2%;
}
.qywh .whk h6 {
	font-size: 3em;
	color: #fff;
	text-align: center;
	margin-bottom: 2%;
}
.whnr {
	width: 100%;
}
.whnra {
	text-align: center;
	width: 27%;
	float: left;
	background: rgba(255,255,255,0.5);
	height: 25em;
	margin: 1%;
	margin-top: 1%;
	padding: 2%;
}
.whnra:hover {
	background: #fff;
	box-shadow: 0px 12px 14px rgba(255, 255, 255, 0.9);
}
.xingyu {
	margin-top: 16%;
}
.whnra b {
	font-size: 28px;
}
.bt {
	width: 6em;
	height: 0.3em;
	background: #fff;
	text-align: center;
	margin: 0 auto;
	margin-top: 2%;
	margin-bottom: 6%;
}
.pagec.clearfix {
	width: 100%;
	margin-top: 3%;
}
.honor {
	width: 65%;
	margin: 0 auto;
}
.ryk.clearfix {
	width: 100%;
}
.ryk h6 {
	font-size: 3em;
	color: #000;
	text-align: center;
	margin-bottom: 2%;
}
.pagec .more {
	width: 100%;
}
.pagec .morek {
	width: 63.5%;
	margin: 0 auto;
	background: #005eab;
	height: 4em;
	text-align: center;
	margin-top: 1%;
	line-height: 4em;
}
.pagec .morek a {
	color: #fff;
	font-size: 14px;
}
.pagec .morek a:hover {
	text-decoration: underline;
}
.wrap-menu {
	width: 100%;
	overflow: hidden;
	text-align: center;
	float: right;
}
.wrap-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.wrap-menu ul li {
	display: inline-block;
	margin: 0;
	width: 120px;
	text-align: center;
}
/*.wrap-menu ul li .select {
	background: #a44c20;
	color: #fff;
}*/
.wrap-menu ul li h5 {
	cursor: pointer;
	height: 100%;
	width: 100%;
	font: 14px/50px '微软雅黑';
	color: #333;/*border-right: 1px solid #ddd;*/
}
.wrap-menu ul li h5:hover {
	cursor: pointer;
	height: 100%;
	width: 100%;
	font: 14px/50px '微软雅黑';
	color: #fff;/*background: #005aab;*/
}
.wrap-menu ul li h5 a {
	display: block;
 --color: #fff;
 --hover: #005aab;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.page_k {
	width: 65%;
	margin: 0 auto;
}
.page_main2 {
	width: 100%;
}
.page_ks {
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.page_k2 {
	width: 76%;
	margin: 0 auto;
	height: 45px;
	margin-top: 2%;
}
.wrap-menu ul li h5 a:hover {
	color: #fff;
	display: block;
	/*background: #005aab;*/
	box-shadow: inset 9em 0 0 0 var(--hover);
	border-color: var(--hover);
	color: #fff;
}
.wrap-menu ul li .select a {
	color: #fff;
	background: #005aab;
}
.wrap-menu ul li .select a:hover {
	color: #fff;/*background: #005aab;*/
}
.page_left_tel {
	margin-top: 36px;
}
.page_left_con {
	border: 1px solid #eee;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgb(238, 238, 238);
	width: 198px;
	border-top: 0px;
	padding: 10px;
	line-height: 24px;
}
.page_left_con p {
	font-size: 14px;
	text-align: center;
	border-bottom: 1px dashed #ccc;
	line-height: 30px;
}
.page_left_con span {
	display: block;
	color: #b00e16;
	font-weight: bold;
	font-size: 16px;
	line-height: 40px;
}
.page_main .page_right {
	width: 100%;
	margin-top: 20px;
}
.page_location {
	width: 30%;
	height: 40px;
	line-height: 40px;
	background: url(../images/tion.png) 0 13px no-repeat;
	font-size: 14px;
	color: #333;
}
.page_box {
	width: 65%;
	margin: 0px auto;
	margin-top: 1%;
}
.page_main .page_right {
	width: 100%;
	margin-top: 20px;
}
.page_content {
	width: 100%;
	font-size: 14px;
	line-height: 28px;
}
.newskn {
	width: 65%;
	margin: 0 auto;
}
.newskn h6 {
	font-size: 3em;
	color: #000;
	margin-bottom: 2%;
}
.news-nr li {
	width: 36%;
	float: left;
	margin: 1%;
	border: 1px solid #ddd;
	padding: 0.5%;
}
.news-nr .in-content {
	position: absolute;
	z-index: 10001;
	margin-top: -16%;
	margin-left: 1%;
	width: 20%;
	overflow: hidden;
}
.xwbj {
	padding-top: 17px;
	float: right;
	width: 21%;
}
.xwbj img {
	width: 100%;
}
.news-nr .in-content a {
	font-size: 22px;
	color: #fff;
}
.news-nr .in-content p a {
	font-size: 16px;
	/*line-height: 45px;*/
	color: #fff;
}
.news-nr .rq2 span {
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	font-weight: bold;
}
.in-content a {
	font-size: 16px;
}
.rq2 span {
	font-size: 14px;
	color: #666;
	line-height: 30px;
}
.in-content p a {
	font-size: 14px;
	line-height: 26px;
	color: #666;
}
.nin-image {
	width: 100%;
	/*margin-top: 5%;*/
	overflow: hidden;
}
.news-nr .nin-image {
	width: 100%;
	margin-top: 0%;
	overflow: hidden;
}
.in-content a:hover {
	color: #005acb;
}
.nin-image img {
	width: 100%;
	transition: 0.8s all ease-out;
	-webkit-transition: 0.8s all ease-out;
}
.nin-image img:hover {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}
.pages {
	margin: 25px 0 40px;
	text-align: center;
	font-size: 14px;
	clear: both;
}
.pages .page-active {
	background: #005acb;
	border: 1px solid #005acb;
	text-decoration: none;
}
.pages .page-active a {
	color: #fff;
}
.pages li a {
	text-align: center;
	color: #333;
	padding: 0 13px;
}
.pages li {
	display: inline-block;
	height: 26px;
	line-height: 26px;
	background: #fff;
	border: 1px solid #ccc;
	margin-left: 6px;
}
.hyzx {
	width: 65%;
	margin: 0 auto;
	margin-top: 1%;
}
.hyzx h6 {
	font-size: 3em;
	color: #000;
	margin-bottom: 2%;
}
#hyn li {
	width: 99%;
	float: left;
	margin: 1.15%;
	background: #005aab;
}
#hyn li:hover {
	background: #186dba;
	display: block;
}
#hyn .in-content {
	padding: 3%;
}
#hyn h2 a {
	font-size: 22px;
	color: #fff;
}
#hyn p a {
	font-size: 16px;
	color: #fff;
}
#hyn .in-content h2 {
	float: left;
	width: 100%;
	margin-top: 1%;
	margin-bottom: 2%;
}
#hyn .rq2 span {
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}
.mtbd.clearfix {
	width: 65%;
	margin: 0 auto;
	margin-top: 1%;
}
.mtbd h6 {
	font-size: 3em;
	color: #000;
	margin-bottom: 2%;
}
#mtbd li {
	width: 23%;
	float: left;
	margin: 1%;
}
#mtbd .nin-image {
	margin-top: 0px;
}
.pageNewsT {
	width: 100%;
	margin: 0 auto;
	font-size: 20px;
	text-align: center;
	color: #222;
	font-weight: bold;
}
.pageNewsC {
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	color: #999;
	text-align: center;
	padding: 10px 0;
	border-bottom: dashed 1px #ccc;
}
.pageNewsC {
	font-size: 14px;
	color: #999;
	text-align: center;
}
.pageNewsD {
	width: 100%;
	margin: 0 auto;
	margin-top: 0px;
	font-size: 14px;
	color: #333;
	line-height: 28px;
	margin-top: 20px;
}
.pageNewsD p {
	font-size: 16px;
}
.pages1_r a:hover {
	line-height: 40px;
	color: #005aab;
	display: block;
}
.pages1 {
	width: 100%;
	margin: 30px auto;
}
.pages1_l {
	float: left;
	width: 50%;
	height: 40px;
}
.pages1_l a {
	line-height: 40px;
	color: #666;
	display: block;
}
.pages1_r {
	float: left;
	width: 50%;
	height: 40px;
	text-align: right;
}
.pages1_r a {
	line-height: 40px;
	color: #666;
	display: block;
}
.pages1_l:hover a {
	color: #005aab;
}
.news-nre li {
	width: 31%;
	float: left;
 margin: 0.%;
	border: 1px solid #ddd;
	padding: 7px;
	margin: 6px;
}
.news-nre h2 {
	margin-top: 6%;
}
.lxwm {
	width: 90%;
	margin: 0 auto;
	padding-left: 5%;
	padding-bottom: 2%;
}
.lxwmz {
	width: 54%;
	float: right;
	padding-top: 3%;
}
.lxwmz img{ width:100%;}
.lxwmy {
	width: 46%;
	float: left;
	padding-top: 3%;
	padding-bottom: 3%;
}
.di {
	width: 100%;
	overflow: hidden;
}
.lxwmy h3 {
	font-size: 2em;
}
.lxwmy p {
	margin-top: 4%;
}
.xsy {
	width: 43%;
	float: left;
	background: #eee;
	margin: 1%;
	padding: 6px;
	font-size: 14px;
	line-height: 24px;
}
.gs {
	float: left;
	margin-right: 15%;
}
.dhhm {
	width: 70%;
	margin-top: 4%;
	font-size: 14px;
	line-height: 25px;
}
.lxwmz h3 {
	font-size: 2em;
}
.dhhmz {
	float: left;
	padding-right: 2%;
}
.dhhm2 {
	width: 70%;
	margin-top: 6%;
	font-size: 14px;
	line-height: 25px;
}
.zxly {
	background: url(../images/zxly.jpg) center top fixed no-repeat;
	background-size: cover;
	min-height: 550px;
}
.zxlyk {
	width: 85%;
	margin: 0 auto;
	margin-top: 3%;
}
.zxlyk h6 {
	font-size: 3em;
	color: #fff;
	text-align: center;
	margin-bottom: 2%;
}
.left p {
	font-size: 14px;
	line-height: 2em;
	margin: 0 auto;
}
.left p span {
}
.right {
	width: 77%;
	overflow: hidden;
	display: block;
	margin-bottom: 2%;
	margin: 0 auto;
}
.right div {
	float: left;
	width: 50%;
	overflow: hidden;
	margin-bottom: 3%;
}
.right div input {
	display: block;
	background: rgba(255,255,255,0.7);
	width: 90%;
	line-height: 3em;
	border: 0;
	padding-left: 1em;
	height: 3em;
	font-size: 14px;
}
.right label {
}
.right #Textbox-1 {
}
.right #TJ5, .page-contact .right #TJ6 {
	width: 47%;
	height: 3em;
	border: 0;
	background: rgba(255,255,255,0.7);
	color: #999;
	margin-bottom: 5%;
	margin-right: 2.5%;
	padding-left: 1em;
}
.right option {
}
.right #TJ7 {
	border: 0;
	display: block;
	width: 95%;
	margin-bottom: 5%;
	height: 9em;
	font-size: 14px;
	padding-left: 1em;
	background: rgba(255,255,255,0.7);
	line-height: 2em;
	font-family: weiruan;
}
.right #button1 {
	cursor: pointer;
	padding: 1% 5% 1% 5%;
	margin-right: 5%;
	border: 0;
	font-family: 微软雅黑;
	background: rgba(255,255,255,0.7);
}
.right #button2 {
	cursor: pointer;
	padding: 1% 5% 1% 5%;
	border: 0;
	font-family: 微软雅黑;
	background: rgba(255,255,255,0.7);
}
.right #button1:hover {
	background: rgba(0,90,171,0.7);
	color: #fff;
}
.right #button2:hover {
	background: rgba(0,90,171,0.7);
	color: #fff;
}
.dit {
	width: 100%;
}
.yy h6 span {
	color: #005aab;
}
.yy h6 {
	font-size: 3em;
	color: #000;
	text-align: center;
	margin-bottom: 1%;
}
.yy p {
	font-size: 14px;
	width: 50%;
	margin: 0 auto;
	text-align: center;
}
.yy p b {
	color: #f20000;
}
.yy {
	background: #f9f9f9;
	padding-top: 3%;
	padding-bottom: 2%;
}
.xxjt {
	text-align: center;
	margin-top: 1%;
}
.bj {
	width: 100%;
}
.bjz {
	width: 50%;
	float: left;
	overflow: hidden;
}
.bjy {
	width: 46%;
	float: right;
	padding-top: 5%;
}
.bjy h6 {
	font-size: 3em;
	margin-bottom: 3%;
}
.bjy p {
	width: 76%;
}
.bjy .more {
	width: 20%;
	background: url(../images/bygd.png) 0 bottom no-repeat;
	height: 3.5em;
	line-height: 3.5em;
	border-radius: 0.5em;
	margin-top: 8%;
}
.bjy .more a {
	font-size: 14px;
}
.bjy .more a:hover {
	color: #005aab;
}
.bj2.clearfix {
	width: 100%;
}
.bjz2 {
	margin-bottom: 3%;
	width: 37%;
	padding-top: 5%;
	margin-left: 9%;
	float: left;
}
.bjz2 h6 {
	font-size: 3em;
	margin-bottom: 3%;
}
.bjz2 .more {
	width: 20%;
	background: url(../images/bygd.png) 0 bottom no-repeat;
	height: 3.5em;
	line-height: 3.5em;
	border-radius: 0.5em;
	margin-top: 8%;
}
.bjz2 .more a {
	font-size: 14px;
}
.bjz2 .more a:hover {
	color: #005aab;
}
.bjy2 {
	float: right;
	width: 50%;
	overflow: hidden;
}
.bjz img {
	width: 100%;
	transition: 0.8s all ease-out;
	-webkit-transition: 0.8s all ease-out;
}
.bjz img:hover {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}
.bjy2 img {
	width: 100%;
	transition: 0.8s all ease-out;
	-webkit-transition: 0.8s all ease-out;
}
.bjy2 img:hover {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}
.product_list li {
	width: 31.3%;
	float: left;
	margin: 1%;
}
.product_list .pic2 {
	width: 100%;
	overflow: hidden;
}
.product_list .pic2 img {
	width: 100%;
	transition: 0.8s all ease-out;
	-webkit-transition: 0.8s all ease-out;
}
.product_list .pic2 img:hover {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}
.product_list .picname {
	background: #eee;
	height: 4em;
	text-align: center;
}
.product_list .picname a {
	font-size: 14px;
	line-height: 3.5em;
}
.product_list .picname a:hover {
	color: #fff;
	display: block;
	background: #005aab;
}
.thk {
	overflow: hidden;
}
.slideTxtBox {
	width: 100%;
	text-align: left;
	overflow: hidden;
	height: 69em;
}
.slideTxtBox .hd {
	position: relative;
}
.slideTxtBox .hd ul {
	float: left;
	width: 100%;
}
.slideTxtBox .hd ul li {
	float: left;
	width: 19.93%;
	border-right: 1px solid #fff;
	height: 71em;
	background: rgba(0,0,0,0.5);
	font-size: 3em;
	color: #fff;
	text-align: center;
	padding-top: 18%;
}
.slideTxtBox .hd ul li.on {
	height: 69em;
	background: rgba(0,91,171,0.6);
}
.slideTxtBox .hd a {
	color: #fff;
}
.slideTxtBox .bd ul {
	zoom: 1;
}
.slideTxtBox .bd li {
	height: 0px;
}
.slideTxtBox .bd li .date {
	float: right;
	color: #999;
}
.slideTxtBox .bd img {
/*width: 100%;*/
}
.slideTxtBox .hd .more {
	font-size: 14px;
	width: 29%;
	margin: 0 auto;
	border: 1px solid #fff;
	height: 2em;
	line-height: 2em;
	margin-top: 9%;
}
.slideTxtBox .hd .more a {
	color: #fff;
}
.slideTxtBox .hd .more a:hover {
	color: #fff;
	background: #005aab;
	display: block;
}
.page_main3 {
	width: 100%;
}
.lhj {
	width: 100%;
	margin-top: 3%;
}
.lhj h6 {
	font-size: 3em;
	text-align: center;
}
.lhjmore {
	width: 100%;
}
.lhjmore .morek {
	width: 65%;
	margin: 0 auto;
	background: #005eab;
	height: 4em;
	text-align: center;
	line-height: 4em;
}
.lhjmore .morek a {
	font-size: 14px;
	color: #fff;
}
.lhjmore .morek a:hover {
	text-decoration: underline;
}
.downlist.clearfix {
	width: 65%;
	margin: 0 auto;
	margin-top: 0px;
	margin-top: 2%;
}
.downlist .picFocus {
	width: 42%;
	float: left;
	position: relative;
	overflow: hidden;
}
.downlist .picFocus .hd {
	width: 100%;
	overflow: hidden;
	margin-top: 3%;
}
.downlist .picFocus .prev {
	position: absolute;
	left: 0;
	bottom: 26px;
}
.downlist .picFocus .next {
	position: absolute;
	right: 0;
	bottom: 26px;
}
.downlist .picFocus .hd ul {
	overflow: hidden;
	zoom: 1;
	margin-left: 6%;
	margin-right: 6%;
}
.picFocus .hd ul li {
	float: left;
	text-align: center;
	width: 24%;
	padding-right: 5px;
}
.downlist .picFocus .bd li {
	vertical-align: middle;
}
.downlist .picFocus .bd img {
	width: 100%;
	/*height: 346px;*/
	display: block;
}
.downlist .picFocus .hd ul li img {
	width: 100%;
	cursor: pointer;
}
.downlist .picFocus .hd ul li.on img {
	border: 1px solid #005aab;
}
.downlist .floatr {
	float: right;
	width: 54%;
	font-size: 14px;
	padding-top: 3%;
}
.downlist .table-list {
	margin-top: 2%;
	line-height: 2em;
	border-top: 1px dashed #ddd;
}
.downlist .left02 {
	border-top: 1px dashed #ddd;
	margin-top: 2%;
}
.downlist .floatr .title {
	font-size: 2.5em;
}
.downlist .floatr span {
	font-size: 14px;
}
.page_right .left02 {
	width: 65%;
	margin: 0 auto;
	margin-top: 1.5%;
	border-top: 1px solid #ddd;
}
/* neiye banner end */



.wenzi {
	position: absolute;
 text-align:;
	top: 25%;
	margin-top: 17%;
	left: 36%;
	font-size: 48px;
	color: #fff;
}
.wenzi p {
	font-size: 48px;
	color: #fff;
	text-shadow: 0 0 40px #000;
	font-weight: bold;
}
.wenzi span {
	font-size: 24px;
	color: #fff;
	text-shadow: 0 0 40px #000;
	font-weight: bold;
	line-height: 76px;
	margin-left: -13%;
}
button {
	-webkit-transition: 0.25s;
	transition: 0.25s;
}
.thumbnail {
	width: 31%;
	float: left;
	/* height: 25em;*/
	margin: 1.15%;
	overflow: hidden;
}
.slide-text.slide_style_right h1 {
	font-size: 18px;
	margin-top: -20px;
}
.dw {
	width: 120px;
	height: 40px;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 47px;
	margin-top: 20px;
}
.dw span {
	color: #005aab;
	margin-left: 5px;
}
.inner1100 {
	width: 100%;
	margin: 0px auto;
}
.recruitment-info {
	background-color: #ffffff;
	padding: 30px 5%;
}
.recruitment-info .t {
	font-size: 16px;
	font-weight: bold;
}
.recruitment-info a {
	color: #cc0000;
}
.recruitment-info .email {
	font-size: 15px;
	margin: 0 8px 0 11px;
	position: relative;
}
.recruitment-info .email:before {
	content: "";
	position: absolute;
	left: 0;
	right: auto;
	width: 100%;
	height: 1px;
	background: #cc0000;
	bottom: 0;
	transition: 400ms;
	-webkit-transition: 400ms;
}
.recruitment-info .email:hover:before {
	width: 0;
	right: 0;
	left: auto;
}
.recruitment-select-box {
	margin-top: 35px;
}
.recruitment-select {
	float: left;
	display: block;
	width: 60%;
}
select.mar-sel {
	padding: 10px 26px 10px 2%;
	line-height: 20px;
	height: 42px;
	vertical-align: middle;
	border: 1px solid #9d9b9b;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #666666;
	font-size: 14px;
	font-family: "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", tahoma, "times new roman", helvetica, arial;
	cursor: pointer;
	float: left;
	display: block;
	margin: 0px 2% 25px 0px;
	width: 40%;
	border-radius: 0;
}
select.mar-sel option {
	padding: 2px 2%;
	box-sizing: border-box;
}
select.mar-sel:hover {
	color: #101010;
}
.csstransitions select.mar-sel {
	background: url(../images/link_select_ico2.png) no-repeat scroll 95% center;
}
.recruitment-serach {
	float: right;
	display: block;
	width: 200px;
	padding: 0 88px 0 0;
	position: relative;
}
.recruitment-serach .txt {
	width: 80%;
	padding: 10px 10%;
	border: 1px solid #959595;
	border-right: 0px none;
	height: 20px;
	line-height: 20px;
	font-family: "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", tahoma, "times new roman", helvetica, arial;
}
.recruitment-serach .btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 88px;
	text-align: center;
	height: 100%;
	line-height: 42px;
	color: #fff;
	background-color: #cc0000;
}
.recruitment-serach .btn:hover {
	background-color: #333;
}
.recruitment-serach .txt:focus {
	border-color: #cc0000;
}
.hrList {
	margin: 32px 0px 0px;
	font-size: 16px;
}
.hrList .hspan {
	text-align: center;
	cursor: pointer;
	width: 17%;
	display: block;
	float: left;
	height: 50px;
	line-height: 50px;
}
.hrList .hspan2 {
	text-align: center;
	cursor: pointer;
	width: 36%;
	display: block;
	float: left;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
}
.hrList .hspan1 {
	text-align: center;
	padding-left: 2%;
	width: 11%;
}
.hrList .hrdt {
	background-color: #9d9b9b;
	color: #fff;
}
.hrList dd {
	margin-bottom: 3px;
	position: relative;
	background-color: #fff;
}
.hrList .hrdt {
	height: 50px;
	overflow: hidden;
}
.hrList .hrT {
	background-color: #f2f2f2;
	color: #666666;
}
.hrList .hrT .hspan {
	line-height: 50px;
	height: 50px;
	font-size: 14px;
	text-align: center;
}
.hrList .ib {
	width: 16px;
	height: 16px;
	margin: 17px auto 0px;
	display: block;
	position: relative;
	transition: 400ms;
	-webkit-transition: 400ms;
}
.hrList .ib i {
	display: block;
	background-color: #999999;
}
.hrList .ib .ic1 {
	width: 2px;
	height: 16px;
	margin-left: 7px;
}
.hrList .ib .ic2 {
	width: 16px;
	height: 2px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
}
.hrList .hrB {
	border: 1px solid #005aab;
	display: none;
}
.hrList .hrCon {
	width: 91%;
	margin: 0px auto;
	padding: 30px 0px 50px;
	overflow: hidden;
}
.hrList dd.active .hrT, .hrList dd:hover .hrT {
	background-color: #005aab;
	color: #fff;
}
.hrList .active .ib i, .hrList dd:hover .ib i {
	background-color: #fff;
}
.hrList .active .ib {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}
.hrList .active .ib .ic2 {
	display: none;
}
.join-box-btn {
	padding-top: 30px;
}
.join-box-btn .btn {
	float: left;
	display: block;
	background-color: #e4c36a;
	color: #333;
	padding: 10px 40px;
	font-size: 14px;
}
.join-box-btn .btn:hover {
	background-color: #333333;
	color: #fff;
}
.zpjs {
	background: #005aab;
	padding: 3%;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
}
.zpjs p a {
	color: #fff;
}
.zpjs p {
	color: #fff;
}
.rczp {
	font-size: 14px;
	background: #005aab;
	width: 120px;
	text-align: center;
	color: #fff;
	height: 40px;
	line-height: 40px;
	margin-top: 20px;
}
.rczp a {
	font-size: 14px;
	color: #fff;
}
.zp {
	margin: 0% 7%;
	width: 90%;
	overflow: hidden;
	display: block;
	margin-top: 3%;
}
.zp div {
	float: left;
	width: 50%;
	overflow: hidden;
	margin-bottom: 1%;
}
.zp .jl1 {
	float: left;
	width: 10%;
	overflow: hidden;
	line-height: 30px;
}
.zp .row {
	width: 100%;
}
.zp div input {
	display: block;
	width: 90%;
	line-height: 3em;
	border: 0;
	padding-left: 1em;
	height: 3em;
	font-size: 14px;
	border: 1px solid #ddd;
	color: #666;
}
.zp label {
}
.zp #Textbox-1 {
}
.zp #TJ5, .page-contact .right #TJ6 {
	width: 47%;
	height: 3em;
	border: 0;
	background: #eee;
	color: #999;
	margin-bottom: 5%;
	margin-right: 2.5%;
	padding-left: 1em;
}
.zp option {
}
.zp #TJ7 {
	border: 0;
	display: block;
	width: 95%;
	margin-bottom: 3%;
	height: 180px;
	font-size: 14px;
	padding-left: 1em;
	line-height: 2em;
	font-family: 微软雅黑;
	border: 1px solid #ddd;
}
.zp #button1 {
	cursor: pointer;
	padding: 1% 5% 1% 5%;
	margin-right: 5%;
	border: 0;
	font-family: 微软雅黑;
	background: #eee;
}
.zp #button2 {
	cursor: pointer;
	padding: 1% 5% 1% 5%;
	border: 0;
	font-family: 微软雅黑;
	background: #eee;
}
.zp #button1:hover {
	background: #005eab;
	color: #fff;
}
.zp #button2:hover {
	background: #005eab;
	color: #fff;
}
.wuyou-waiter {
	position: fixed;
	right: 0px;
	top: 50%;
	margin-top: -90px;
	width: 60px;
	box-shadow: 0px 0px 20px rgba(0,0,0,.3);
	z-index: 999;
}
.waiter-ul li {
	position: relative;
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #fff;
}
.waiter-ul li a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	color: #fff;
	display: block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	-webkit-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-moz-transition: all 0.6s;
	text-decoration: none;
	font-size: 24px;
}
.waiter-title {
	position: absolute;
	left: 0px;
	bottom: 1px;
	color: #fff;
	width: 80px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-moz-transition: all 0.6s;
	background-color: #fff;
	box-shadow: 0px 0px 10px rgba(0,0,0,.3);
	z-index: 1;
	opacity: 0;
}
.waiter-title:before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	right: -5px;
	top: 14px;
	background-color: #fff;
	transform: rotate(45deg);
}
.waiter-ul li:hover .waiter-title {
	left: -88px;
	opacity: 1;
}
.waiter-ul li.wuyou-shop a {
	background-image: -webkit-linear-gradient(left, #f60, #ffb443);
	background-image: -moz-linear-gradient(left, #f60, #ffb443);
	background-image: -ms-linear-gradient(left, #f60, #ffb443);
}
.waiter-ul li.wuyou-shop .waiter-title {
	background-color: #f60;
}
.waiter-ul li.wuyou-shop .waiter-title:before {
	background-color: #f60;
}
.waiter-ul li.wuyou-contact a {
	background: url(../images/zxkf.jpg)
}
.waiter-ul li.wuyou-contact .waiter-title {
	background-color: #005aab;
}
.waiter-ul li.wuyou-contact .waiter-title:before {
	background-color: #005aab;
}
.waiter-ul li.wuyou-top a {
	background: url(../images/zd.jpg)
}
.waiter-ul li.wuyou-top .waiter-title {
	background-color: #333;
}
.waiter-ul li.wuyou-top .waiter-title:before {
	background-color: #333;
}
.footerri a {
	color: #333
}
.footerri a:hover {
	color: #005eab
}
/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header {
	height: 50px;
	overflow: hidden;
	background: #fff;
	position: fixed;
	z-index: 10;
	width: 100%;
}
.sp_logo {
	padding: 10px;
	float: left;
	height: 50px
}
.sp_logo img {
	margin: auto;
	max-height: 30px;
}
.sp_nav {
	width: 50px;
	float: right;
	position: relative;
	cursor: pointer;
	height: 30px;
	margin-top: 15px
}
.sp_nav span {
	display: block;
	background: #c9141e;
	width: 30px;
	height: 2px;
	position: absolute;
	left: 10px;
	transition: all ease 0.35s
}
.sp_nav span:nth-of-type(1) {
	top: 0px
}
.sp_nav span:nth-of-type(2) {
	top: 10px
}
.sp_nav span:nth-of-type(3) {
	top: 20px
}
.sp_nav_se span:nth-of-type(1) {
	top: 10px;
	transform: rotate(45deg)
}
.sp_nav_se span:nth-of-type(2) {
	width: 0
}
.sp_nav_se span:nth-of-type(3) {
	top: 10px;
	transform: rotate(-45deg)
}
.sjj_nav {
	position: fixed;
	z-index: 9;
	background: rgba(0,0,0,0.9);
	width: 100%;
	height: calc(100% - 104px);
	font-size: 14px;
	line-height: 40px;
	top: -100%;
	left: 0;
	overflow: auto;
	overflow-x: hidden;
	transition: top ease 0.35s;
}
.nav_show {
	top: 50px
}
.sjj_nav>ul>li:first-child {
	overflow: hidden;
	border-top: 0
}
.sjj_nav>ul>li:first-child>a {
	float: left;
	width: calc(100% - 70px);
	font-size: 16px;
}
.sjj_nav>ul>li:first-child .language {
	float: right;
	width: 70px;
	overflow: hidden;
	line-height: 30px;
	margin-top: 5px
}
.sjj_nav>ul>li:first-child .language a {
	width: 35px;
	float: left;
	border-left: 1px #ddd solid;
	text-align: center;
	color: #999;
}
.sjj_nav ul li i {
	position: absolute;
	top: 5px;
	right: 0px;
	border-left: 1px #ddd solid;
	height: 30px;
	padding: 0px 7px 0 7px;
}
.sjj_nav ul li i svg {
	transform: rotate(-90deg);
	transition: all ease 0.35s
}
.sjj_nav ul li .sjj_nav_i_se svg {
	transform: rotate(0deg)
}
.sjj_nav ul li {
	border-top: 1px #ddd solid;
	margin-left: 20px;
	position: relative;
	line-height: 40px;
	font-size: 14px
}
.sjj_nav>ul >li:last-child {
	border-bottom: 1px #ddd solid;
}
.sjj_nav ul li ul {
	display: none
}
.sjj_nav ul li a {
	color: #fff;
	width: 80%;
	font-size: 16px;
	display: block;
}
.sjj_nav ul li ul li a {
	color: #fff;
	display: block;
	text-align: left;
}
.sjj_nav ul li i svg {
	width: 20px;
	height: 20px;
	fill: #fff;
	margin-top: 6px;
}
.sjj_nav ul li .sjj_nav_i_se svg {
	fill: #c9141e
}
.sjj_nav ul li ul li>ul {
	margin-left: 10px
}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*