﻿/* 易优CMS（eyoucms.com）安全--简单--易用 */
@charset "utf-8";
/* CSS Document */


*, body, html, h1, h2, h3, h4, h5, h6, div, p, b, c, e, g, j, dl, dd, dt, span, strong, font {
	font-size: 1em;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	font-family: Arial, "黑体"
}
h1, h2, h3, h4, h5, h6, div, p, b, c, e, g, j, dl, dd, dt, span, strong, font {
	font-size: 1em;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}
body, html {
	height: 100% !important;
	font-weight: normal;
	font-size: 1em;
	max-width: 100%;
}
a {
	text-decoration: none;
	font-weight: normal;
	font-size: 1em;
}
ul, li {
	list-style: none;
	font-weight: normal;
	font-size: 1em;
}
.p-p-s-one {
	text-align: center;
	background: #2768ad;
	padding: 5% 0;
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #fff;
}
.p-p-s-one h3 {
	color: #fff;
	font-size: 19px;
	display: inline-block;
	border-bottom: 2px solid;
	line-height: 2em;
	margin-bottom: 2em;
}
.p-p-s-one h4 {
	color: #fff;
	font-size: 17px;
	text-align: left;
	line-height: 1.6em;
	display: block;
	width: 64%;
	margin: 0 auto;
}
.p-p-s-two {
	text-align: center;
	background: #2768ad;
	padding: 5% 10%;
	display: block;
	overflow: hidden;
}
.p-p-s-two h3 {
	color: #fff;
	font-size: 19px;
	display: inline-block;
	border-bottom: 2px solid;
	line-height: 2em;
	margin-bottom: 2em;
}
.p-p-s-two h4 {
	display: block;
	overflow: hidden;
}
.p-p-s-two h4 dt {
	margin: 0 2em;
	display: inline-block;
	overflow: hidden;
}
.p-p-s-two h4 dt img {
	display: block;
	width: 80%;
	margin: 0 auto;
}
.p-p-s-two h4 dt span {
	display: block;
	color: #fff;
	font-size: 17px;
	border-top: 1px solid;
	margin-top: 1em;
	line-height: 2em;
}
.nav_right h2 .contact-list-D-more {
	display: block;
	float: left;
	margin-right: 4%;
}
.nav_right h2 .contact-list-D-more .cd-modal-action .icon {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.nav_right h2 .contact-list-D-more .cd-modal-action .icon:hover {
	-webkit-filter: grayscale(0%);
}
.nav_right h2 b {
	display: block;
	float: left;
}
.nav_right h2 f {
	display: block;
	float: left;
}
.index_about .video-auto-box .at-img {
	margin-left: 0 !important;
	width: 100% !important;
	height: 100% !important;
}
/*
.index_header{ width:100%; overflow:hidden;}
.top {position: fixed;left: 0px;top: 0px;width: 100%;z-index: 9999999;}
.index_header_top{width: 100%;overflow: hidden;background: rgba(6, 80, 156, 0.4);height: 30px;line-height: 30px;}
.index_header_top left{color: #fff;margin-left:4.2%;font-size: 0.9em;    float: left;}
.index_header_top right{float: right;margin-right:4.2%;color: #fff;font-size: 1em;width: 22%;}
.index_header_top right b{display: block;float: left;width: 16px;height: 17px;margin-top: 1%; margin-left:6em;}
.index_header_top right img{width: 100%;height: 100%;}
.index_header_top right c{margin-left: 2%;display: block;float: right; font-size:0.9em;}


.header_nav{width: 100%;background-color: #fff;overflow: hidden;border-bottom: 1px solid rgba(0, 0, 0, 0.07);}
.logo{width: 16%;float: left;margin-left:4.2%;margin-top: 0.8%;height: 46px;}
.logo a{ display:block;width: 100%;height: 100%;}

#menu-button{ display:none;}
#cssmenu{ width:56%; float:left; height:58px; line-height:58px;}
#cssmenu ul{ }
#cssmenu ul li{}
#menu-line {position: absolute;  left: 0;height: 3px;background: #106ac6;-webkit-transition: all 0.25s ease-out;display: none;
-moz-transition: all 0.25s ease-out;-ms-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
#cssmenu > ul > li {float: left;}
#cssmenu.align-center > ul {font-size: 0;text-align: center;}
#cssmenu.align-center > ul > li {display: inline-block;float: none;}
#cssmenu.align-center ul ul {text-align: left;}
#cssmenu.align-right > ul > li {float: right;}
#cssmenu.align-right ul ul {text-align: right;}
#cssmenu > ul > li > a {padding: 24px 24px 15px 24px;font-size: 1.05em;text-decoration:none;text-transform: uppercase;color: #000000;
-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;
transition: color .2s ease;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {}
#cssmenu > ul > li.has-sub > a {}
#cssmenu > ul > li.has-sub:hover > a::after {border-color: #009ae1;}
#cssmenu ul ul {position: absolute;left: -9999px;}
#cssmenu li:hover > ul {left: auto;}
#cssmenu.align-right li:hover > ul {right: 0;}
#cssmenu ul ul ul {margin-left: 100%;top: 0;}
#cssmenu.align-right ul ul ul {margin-left: 0;margin-right: 100%;}
#cssmenu ul ul li {-webkit-transition: height .2s ease;-moz-transition: height .2s ease;-ms-transition: height .2s ease;
-o-transition: height .2s ease;transition: height .2s ease;background: #333333;padding: 0 20px 0 24px;width:100%;}
#cssmenu ul li:hover > ul > li {height: 2.2em;line-height: 2.2em;}
#cssmenu ul ul li a {font-size:0.9em;text-decoration: none;color: #fff;
-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;
transition: color .2s ease;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {color: #009ae1;}
#cssmenu.align-right ul ul li.has-sub > a::after {right: auto;left: 10px;border-bottom: 0;border-right: 0;
border-top: 1px solid #dddddd;border-left: 1px solid #dddddd;}
#cssmenu ul ul li.has-sub:hover > a::after {border-color: #ffffff;}
#cssmenu > ul > li:hover{}
.nav_right{ float: right;width: 11%;margin-top:1.2%;margin-right:4.2%;}
.nav_right h1{ float:left;margin-right: 4%;margin-top: 2.5%;font-size: 1em;}
.nav_right h1 a{ color:#6E6E6E;display: block;float: left;}
.nav_right h1 a:hover{color: #1E61A5;}
.nav_right h1 c{display: block;float: left;}
.nav_right h2{ float:right;width:70%;height: 2em;}
.nav_right h2 .header_ewm{ display:block; float:left;     margin-right: 4%;}
.nav_right h2 .header_ewm b{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.nav_right h2 .header_ewm:hover b{-webkit-filter: grayscale(0%);}
.nav_right h2 .header_ewm c{ display:none;position: absolute;top: 96%;right: 5%;z-index: 9999999999;}
.nav_right h2 .header_ewm:hover c{ display:block;}
.nav_right h2 .header_zl:hover{ -webkit-filter: grayscale(0%);}
.nav_right h2 .header_zl{ display:block; float:left; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

.topScroll .index_header_top{ display:none;}*/

body .target.index_banner {
	opacity: 0;
	transform: translate(0px, 50px);
	-webkit-transform: translate(0px, 50px);
	transition: 200ms ease 200ms;
	-webkit-transition: 400ms ease 400ms;
}
body .action.index_banner {
	opacity: 1;
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
}
.index_about .target.index_about_two {
	opacity: 0;
	transform: translate(0px, 50px);
	-webkit-transform: translate(0px, 50px);
	transition: 200ms ease 200ms;
	-webkit-transition: 400ms ease 400ms;
}
.index_about .action.index_about_two {
	opacity: 1;
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
}
.index_about_one .target.index-3 {
	opacity: 0;
	transform: translate(0px, 50px);
	-webkit-transform: translate(0px, 50px);
	transition: 200ms ease 200ms;
	-webkit-transition: 400ms ease 400ms;
}
.index_about_one .action.index-3 {
	opacity: 1;
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
}
.index_about_one .target.i-a-o-right {
	opacity: 0;
	transform: translate(0px, 50px);
	-webkit-transform: translate(0px, 50px);
	transition: 200ms ease 200ms;
	-webkit-transition: 400ms ease 400ms;
}
.index_about_one .action.i-a-o-right {
	opacity: 1;
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
}
body .target.index_pro {
	opacity: 0;
	transform: translate(0px, 50px);
	-webkit-transform: translate(0px, 50px);
	transition: 200ms ease 200ms;
	-webkit-transition: 400ms ease 400ms;
}
body .action.index_pro {
	opacity: 1;
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
}
body .target.mlu {
	opacity: 0;
	transform: translate(0px, 50px);
	-webkit-transform: translate(0px, 50px);
	transition: 200ms ease 200ms;
	-webkit-transition: 400ms ease 400ms;
}
body .action.mlu {
	opacity: 1;
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
}
body .target.index_apply {
	opacity: 0;
	transform: translate(0px, 50px);
	-webkit-transform: translate(0px, 50px);
	transition: 200ms ease 200ms;
	-webkit-transition: 400ms ease 400ms;
}
body .action.index_apply {
	opacity: 1;
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
}
body .target.index_news {
	opacity: 0;
	transform: translate(0px, 50px);
	-webkit-transform: translate(0px, 50px);
	transition: 200ms ease 200ms;
	-webkit-transition: 400ms ease 400ms;
}
body .action.index_news {
	opacity: 1;
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
}
body .target.in-footer {
	opacity: 0;
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	transition: 200ms ease 200ms;
	-webkit-transition: 400ms ease 400ms;
}
body .action.in-footer {
	opacity: 1;
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
}
body .target.web-nav {
	opacity: 0;
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	transition: 20ms ease 20ms;
	-webkit-transition: 40ms ease 40ms;
}
body .action.web-nav {
	opacity: 1;
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
}
body .target.h5-naver {
	opacity: 0;
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	transition: 60ms ease 60ms;
	-webkit-transition: 80ms ease 80ms;
}
body .action.h5-naver {
	opacity: 1;
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
}
.in-f-center dl dd #wap {
	display: none;
}
.in-f-center #wap2 {
	display: inline-block;
}
.index_about {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.index_about_one {
	position: relative;
	background: #e2ebf5;
	padding: 3% 10%;
	display: block;
	overflow: hidden;
}
.index_about_one .i-a-o-right {
	float: left;
	width: 53%;
	margin-left: 2%;
	display: block;
	overflow: hidden;
}
.index_about_one .i-a-o-right span {
	display: block;
	height: 2px;
	background: #666;
	width: 15%;
}
.index_about_one .i-a-o-right h3 {
	color: #333;
	display: block;
	line-height: 1.4em;
	font-size: 27px;
	margin: 0.6em 0;
}
.index_about_one .i-a-o-right h4 {
	margin-bottom: 2em;
	font-size: 17px;
	color: #666;
	margin-top: 3em;
	line-height: 30px;
}
.index_about_one .i-a-o-right h5 {
	display: block;
	overflow: hidden;
}
.index_about_one .i-a-o-right h5 a:nth-child(3n) {
	float: right;
	margin-right: 0;
}
.index_about_one .i-a-o-right h5 a {
	display: block;
	overflow: hidden;
	float: left;
	width: 31%;
	margin-right: 3.5%;
}
.index_about_one .i-a-o-right h5 a img {
	width: 100%;
}
.index_about_one .index-3 {
	position: relative;
	height: auto;
	float: left;
	width: 45%;
}
.index_about_one .index-3 ul li {
	height: auto;
	position: relative;
}
.index_about_one .index-3 .mask-txt {
	position: absolute;
	top: 0;
}
.index_about_one .index-3 ul li video {
	width: 100% !important;
	height: auto !important;
	margin-left: 0 !important;
}
.index_about_one .auto-box-div img {
	height: 100%;
}
/*
.index_about_one{ width:100%; overflow:hidden;}
.index_about_one_left{width: 50%;float: left;height: 15em;position: relative; overflow:hidden;}
.index_about_one_left h1{position: absolute;top:30%;left:7%;}
.index_about_one_left h1 b{display: block;}
.index_about_one_left h1 b img{ width:inherit;-webkit-transition: all ease 0s;}
.index_about_one_left h1 c{width: 14%;display: block;border-bottom: 1px solid #fff;margin-top: 1%;}
.index_about_one_left h1 e{color: #fff;font-size: 1.2em;display: block;margin-top: 3%;}
.index_about_one_left h1 f{color: #fff;font-size: 1em;margin-top: 1%;display: block;}
.index_about_one_left h2{position:absolute;bottom: 0;background-color: rgba(232, 232, 232, 0.87);width: 100%;height: 2.5em;line-height: 2.5em;}
.index_about_one_left h2 g{color: #545353;font-size: 0.96em;margin-left: 7%;margin-right: 2%;}
.index_about_one_left h2 k{}
.index_about_one_left h2 k img{ width:inherit;height: inherit;}
.index_about_one_left .hover{width: 100%;height: 100%;transition: all ease 0.8s;-webkit-transition: all ease 0.8s;}
.index_about_one_left:hover .hover{transform: scale(1.1,1.1);transition: all ease 0.8s;-webkit-transition: all ease 0.8s;}
.index_about_one_right{ width:50%; background:#eee; height:15em;float: left;}
.index_about_one_right h1{padding: 4% 4% 4% 8%;}
.index_about_one_right h1 b{display: block;text-align: center;line-height: 1.2;}
.index_about_one_right h1 b t{display: block;color:#06509c;font-size: 1.6em;}
.index_about_one_right h1 b c{display: block;height: 1px;background: #418ADF;width: 18%;margin: 0 auto;margin-top: 3%;}
.index_about_one_right h1 b e{color: #8D8B8B;font-size: 1.4em;margin-left: 2%;}
.index_about_one_right h1 k{border-bottom: 1px solid #ccc;display: block;margin-top: 1%;}
.index_about_one_right h1 g{color: #6e6e6e;display: block;margin-top:3%;font-size: 1em;line-height: 1.6em;text-align: center;}
.index_about_one_right h1 f{display: block;width: 30%;background-color: #00a2e1;text-align: center;line-height: 2.1em;margin: 2% auto 0%;
text-transform: uppercase;font-size: 0.9em;}
.index_about_one_right h1 f a{ color:#fff;}
.index_about_one_right h1:hover c{ color:#00a2e1;}
.index_about_one_right h1:hover f{background-color: #17AFEA;}*/

.index_about_two {
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 3em;
	margin-bottom: 3em;
}
.index_about_two dl {
	overflow: hidden;
}
.index_about_two dl dd {
	width: 25%;
	float: left;
	text-align: center;
}
.index_about_two dl dd a {
}
.index_about_two dl dd h1 {
	width: 36%;
	margin: auto;
	margin-bottom: 0.5em;
}
.index_about_two dl dd h1 img {
	width: 90px;
}
.index_about_two dl dd h2 {
	font-size: 19px;
	font-weight: normal;
	color: #000;
}
.index_about_two dl dd h3 {
	font-size: 15px;
	font-weight: normal;
	color: #999;
	margin-top: 1em;
	line-height: 1.8em;
}
.index_about_two dl dd h4 {
	border: 1px solid #418ADF;
	font-weight: normal;
	font-size: 0.9rem;
	width: 26%;
	line-height: 1.8em;
	margin: auto;
	margin-top: 1em;
}
.index_about_two dl dd h4 a {
	color: #418ADF;
}
.index_about_two dl dd h4:hover {
	background: #418ADF;
}
.index_about_two dl dd h4:hover a {
	color: #fff;
}
.index_about_two dl dd:nth-child(4n) {
	margin-right: 0;
	float: right;
}
.index_pro {
	width: 80%;
	overflow: hidden;
	padding: 5% 10% 4%;
	background: #333;
}
.index_pro a:nth-child(3n) {
	float: right;
	margin-right: 0;
}
.index_pro a {
	border-bottom: 1px solid #333;
	padding-bottom: 1em;
	margin-right: 8%;
	display: block;
	float: left;
	width: 28%;
	overflow: hidden;
}
.index_pro a img {
	width: 25%;
	float: left;
}
.index_pro dt {
	display: block;
	float: left;
	width: 70%;
	margin-left: 5%;
}
.index_pro a span {
	display: block;
	font-size: 27px;
	color: #fff;
	margin-bottom: 0.5em;
}
.index_pro a span img {
	width: 120px;
	float: none;
}
.index_pro a font {
	display: block;
	font-size: 15px;
	color: #fff;
	margin-bottom: 1em;
}
.index_pro a strong {
	color: #fff;
	font-weight: bold;
	font-size: 17px;
}
.index_pro a:hover {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
}
/*.index_pro { height:24em;}
.index_pro .pro_tit{width: 100%;height: 100%;position: relative; overflow:hidden;}
.index_pro .pro_tit h1{margin-left:10%;margin-top:4%;overflow: hidden;text-align: left;}
.index_pro .pro_tit h1 c{display: block;font-size: 1.9em;text-transform: uppercase;color: #fff; font-family:Arial, Helvetica, sans-serif; line-height:1.2em;}
.index_pro .pro_tit h1 e{border-bottom:1px solid rgba(255, 255, 255, 0.61);display: block;width: 4%;margin-top: 0.5%;}
.index_pro .pro_tit h1 g{display: block;color: #fff;font-size:17px;margin-top: 0.5%; letter-spacing: 0.2em;}
.index_pro .pro_tit h1 b{display: block;width: 8%;margin-top: 0.6%;border-bottom: 1px solid rgba(255, 255, 255, 0.6);}
.index_pro .pro_tit h1 f{display: block;color: #fff;font-size: 21px;margin-top: 1%;}
.index_pro .pro_tit h1 f a{color:#fff;}
.index_pro .pro_tit h1 k{color: rgba(255, 255, 255, 0.5);text-transform: uppercase;font-size: 1em;display: block; font-family:Arial, Helvetica, sans-serif;}
.index_pro .pro_tit h1 k a{color: #1266bb;}
.index_pro .pro_tit h1 d{display: block;border: 1px solid rgba(204, 204, 204, 0.78);width:10%;text-align: center;line-height: 2em;border-radius: 2px;
margin-top: 1em; font-size:0.9em;}
.index_pro .pro_tit h1 d a{ color:rgba(255, 255, 255, 0.69);}
.index_pro .flickerplate{ height:100%;}
.index_pro .flickerplate .arrow-navigation.right .arrow{ display:none;}
.index_pro .flickerplate .arrow-navigation.left .arrow{ display:none;}*/





.index_news {
	width: 100%;
	overflow: hidden;
	background-color: #eee;
}
.index_news_n {
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 3%;
	padding-bottom: 2.5%;
}
.index_news_n_tit {
	width: 100%;
	overflow: hidden;
}
.index_news_n_tit h1 {
	width: 100%;
	text-align: center;
	color: #06509c;
	font-size: 23PX
}
.index_news_n_tit p {
	height: 1px;
	background: #06509c;
	width: 10%;
	margin: 1% auto 0;
}
.index_news_n_tit h1 k {
	display: block;
	float: left;
}
.index_news_n_tit h1 k img {
}
.index_news_n_tit h1 g {
	color: #06509c;
	font-size: 1.8em;
	margin-left: 2%;
}
.index_news_n_tit h1 d {
	color: #BCBBBB;
	font-size: 1.4em;
	margin-left: 2%;
}
.index_news_n_tit h2 {
	float: right;
	text-transform: uppercase;
	font-size: 1em;
	margin-top: 0.6em;
}
.index_news_n_tit h2 a {
	color: #6d6767;
}
.index_news_n_top {
	width: 100%;
	overflow: hidden;
	margin-top: 2%;
}
.index_news_n_top dl {
	overflow: hidden;
}
.index_news_n_top dl dd {
	width: 32%;
	float: left;
	margin-bottom: 2%;
	margin-right: 2%;
}
.index_news_n_top dl dd a {
	display: block;
}
.index_news_n_top dl dd h3 {
	overflow: hidden;
	height: 230px;
}
.index_news_n_top dl dd h3 img {
	width: 100%;
	height: auto;
	transition: all ease 0.8s;
	-webkit-transition: all ease 0.8s;
}
.index_news_n_top dl dd:hover h3 img {
	transform: scale(1.05, 1.05);
	transition: all ease 0.8s;
	-webkit-transition: all ease 0.8s;
}
.index_news_n_top dl dd h4 {
	overflow: hidden;
	margin-top: 2%;
}
.index_news_n_top dl dd h4 c {
	color: #3d3d3d;
	display: block;
	font-size: 19px;
	line-height: 2em;
}
.index_news_n_top dl dd h4 b {
	display: none;
	margin-top: 1%;
	color: #A8A8A8;
	font-size: 0.9em;
}
.index_news_n_top dl dd h4 b e {
	display: block;
	float: left;
	color: #A8A8A8;
	font-size: 0.8em;
}
.index_news_n_top dl dd h4 b f {
	color: #BCBCBC;
	font-size: 0.8em;
	display: block;
	float: right;
}
.index_news_n_top dl dd:hover h4 c {
	color: #066FE1;
}
.index_news_n_top dl dd:nth-child(3n) {
	margin-right: 0;
}
.index_news_n_lb {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 2%;
	border-top: 1px solid #ddd;
	/*display: none;*/
}
.index_news_n_lb div {
	float: left;
	width: 33.3333%;
}
.index_news_n_lb div a {
	margin-bottom: 0.5em;
	display: block;
	overflow: hidden;
}
.index_news_n_lb div p {
	margin-right: 2%;
	color: #999;
	text-align: start;
	float: left;
	font-size: 15px;
}
.index_news_n_lb div span {
	color: #06509c;
}
.index_news_n_lb div:hover p {
	color: #06509c;
}
.index_news_n h2 {
	border: 1px solid #06509c;
	width: 10%;
	text-align: center;
	margin: 1em auto 2%;
	line-height: 1.8em;
}
.index_news_n h2 a {
	color: #06509c;
	display: block;
	font-size: 0.9em;
}
.index_news_n_lb div:first-of-type, .index_news_n_lb div:nth-child(2n), .index_news_n_lb div:nth-child(3n) {
	display: none;
}
.index_news_n_lb div:nth-child(4n), .index_news_n_lb div:nth-child(5n), .index_news_n_lb div:nth-child(6n), .index_news_n_lb div:nth-child(7n), .index_news_n_lb div:nth-child(8n), .index_news_n_lb div:nth-child(9n) {
	display: block;
}
.index_banner {
	display: block;
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
/*
.index_news_n_bottom{ width:100%; overflow:hidden;}
.index_news_n_bottom left{float: left;width: 50%;overflow: hidden;background-color: #666;height: 16em;}
.index_news_n_bottom left .news_tit{width: 30%;float: left;margin-left: 6%;margin-top: 6%;}
.index_news_n_bottom left .news_tit h1{font-size: 0.8em;color: rgba(255, 255, 255, 0.62);}
.index_news_n_bottom left .news_tit h2{font-size: 1em;margin-top: 3%;} 
.index_news_n_bottom left .news_tit h2 a{ color:#fff;}
.index_news_n_bottom left .news_video{float:left;margin-top: 6%;margin-left: 4%;overflow:hidden;border:2px solid #fff; width:50%; height:11em;}
.index_news_n_bottom left .news_video img{ width:100%; height:100%;}
.index_news_n_bottom left .news_video a{ display:block;}*/

.flex-direction-nav {
	position: absolute;
	bottom: 20%;
	left: 6%;
}
.flex-direction-nav li {
	float: left;
	border: 1px solid rgba(255, 255, 255, 0.61);
}
.flex-direction-nav li:first-of-type {
	border-right: 0px solid #ccc;
}
.flex-viewport ul li img {
	width: 100%;
	height: 100%;
	transition: all ease 0.8s;
	-webkit-transition: all ease 0.8s;
}
.flex-viewport ul li:hover img {
	transform: scale(1.1, 1.1);
	transition: all ease 0.8s;
	-webkit-transition: all ease 0.8s;
}
.flex-viewport {
	height: 100%;
}
.flexslider {
	height: 16em;
	position: relative;
}
.flexslider .flex-direction-nav li a:hover, nav .primary_nav > li > a:hover, nav .primary_nav > li:hover > a, .product_rightcol .add_to_buttons button.add_cart, .action_buttonbar button.checkout, #shopping-cart-table tr td a.remove:hover {
	background-color: rgba(255, 255, 255, 0.68);
}
.flex-caption {
	border-left-color: #f38256
}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}
.flexslider .flex-direction-nav li a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -3000px;
	background-repeat: no-repeat;
	background-position: center;
	-moz-transition: background 200ms ease-in-out 0s;
}
.flex-direction-nav .flex-next {
	background-image: url(../images/banner_rotator_right.png);
}
.flex-direction-nav .flex-prev {
	background-image: url(../images/banner_rotator_left.png);
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	right: 5px;
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	left: 5px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
}
.flex-direction-nav .flex-disabled {
	opacity: .3!important;
	filter: alpha(opacity=30);
	cursor: default;
}
.index_news_n_bottom right {
	width: 50%;
	overflow: hidden;
	float: left;
	background-color: #fff;
	height: 16em;
}
.index_news_n_bottom right dl {
	overflow: hidden;
}
.index_news_n_bottom right dl dd {
	padding: 2% 2% 2% 2.4%;
	width: 45.3%;
	float: left;
	border: 1px solid #ccc;
	height: 6.32em;
}
.index_news_n_bottom right dl dd h1 {
	color: #3d3d3d;
	display: block;
	font-size: 0.95em;
	margin-top: 2%;
	font-weight: bold;
}
.index_news_n_bottom right dl dd:hover h1 {
	color: #066FE1;
}
.index_news_n_bottom right dl dd h2 {
	margin-top: 7%;
	overflow: hidden;
}
.index_news_n_bottom right dl dd h2 b {
	color: #A8A8A8;
	font-size: 0.8em;
	display: block;
	float: left;
}
.index_news_n_bottom right dl dd h2 c {
	color: #BCBCBC;
	font-size: 0.8em;
	display: block;
	float: right;
}
.index_news_n_bottom right dl dd:first-of-type {
	border-top: 0px solid #ccc;
	border-right: 0px solid #ccc;
}
.index_news_n_bottom right dl dd:nth-child(2n) {
	border-top: 0px solid #ccc;
	width: 45.44%;
}
.index_news_n_bottom right dl dd:nth-child(3n) {
	border-top: 0px solid #ccc;
	border-right: 0px solid #ccc;
}
.index_news_n_bottom right dl dd:nth-child(4n) {
}
/*.index_case{width: 91.4%;margin: 0 auto;overflow: hidden;margin-top: 3%;margin-bottom: 3.5%;}
.index_case_top{ width:100%; overflow:hidden;}
.index_case_top h1{ float:left; width:50%;}
.index_case_top h1 k{display: block;float: left;}
.index_case_top h1 k img{}
.index_case_top h1 g{color: #06509c;font-size: 1.8em;margin-left:2%;}
.index_case_top h1 d{color: #BCBBBB;font-size: 1.4em;margin-left: 2%;}
.index_case_top h2{float: right;text-transform: uppercase;font-size: 1em;margin-top: 0.6em;}
.index_case_top h2 a{ color:#6d6767;}
.index_case_bottom{width: 100%;overflow: hidden;margin-top: 2%;}
.index_case_bottom dl{ overflow:hidden;width: 31.5%;float: left; height:416px;margin-right: 1.5%;}
.index_case_bottom dl dd{width:100%;float: left;position: relative;height: 12.5em;overflow: hidden;margin-bottom: 4%;}
.index_case_bottom dl dd:nth-child(2n){margin-bottom:0%;}
.index_case_bottom dl:nth-child(3n){margin-right: 0;width: 36.1%;}
.index_case_bottom dl:nth-child(2n){width:29.4%;}
.index_case_bottom .one{}
.index_case_bottom .two{ height:416px;}
.index_case_bottom .two dd{ height:100%;}
.index_case_bottom dl dd a{ display:block;height: 100%;width: 100%;}
.index_case_bottom dl dd img{width: 100%;height: 100%;transition: all ease 0.8s;-webkit-transition: all ease 0.8s;}
.index_case_bottom dl dd:hover img{transform: scale(1.1,1.1);transition: all ease 0.8s;-webkit-transition: all ease 0.8s;}
.index_case_bottom dl dd h1{position: absolute;bottom: 0;width: 100%;background-color: rgba(0, 0, 0, 0.45);height: 3.8em;}
.index_case_bottom dl dd h1 b{display: block;float: left;margin-left: 8%;    margin-top: 2.5%;}
.index_case_bottom dl dd h1 b c{display: block;color: #fff;font-size: 1em;}
.index_case_bottom dl dd h1 b e{display: block;color: rgba(255, 255, 255, 0.8);font-size: 0.8em;text-transform: uppercase;}
.index_case_bottom dl dd h1 f{display: block;float: right;margin-top: 5%;margin-right: 6%;}
.index_case_bottom dl dd h1 f img{ width:inherit;height: inherit;}
.index_case_bottom dl dd h2{ background: rgba(0, 0, 0, 0.32);position: absolute;left: 0;bottom: -100%;z-index: 5;width: 100%;
height: 100%;transition: 400ms;-webkit-transition: 400ms;-ms-transition: 400ms;text-align: center;}
.index_case_bottom dl dd:hover h2{bottom:0%; display:block;}
.index_case_bottom dl dd:hover h1{ display:none;}
.index_case_bottom dl dd h2 b{display: block;margin-top: 6%;}
.index_case_bottom dl dd h2 b img{ width:inherit; height:inherit;}
.index_case_bottom dl dd h2 f img{ width:inherit; height:inherit;}
.index_case_bottom dl dd h2 c{display: block;color: #fff;font-size: 1em;margin-top: 2%;}
.index_case_bottom dl dd h2 e{text-transform: uppercase;color: rgba(255, 255, 255, 0.7);font-size: 0.8em;display: block;}
.index_case_bottom dl dd h2 f{display: block;margin-top: 1%;margin-left: 80%;}
.index_case_bottom dl dd h2 g{border-bottom:1px solid rgba(255, 255, 255, 0.69);display: block;width: 10%;margin: 0 auto;margin-top: 1%;}

.index_case_bottom dl dd:hover h2 f{ display:none;}*/



.index_apply {
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding: 3% 0;
}
.index_apply h1 {
	color: #fff;
	font-size: 25px;
}
.index_apply h2 {
	border: 1px solid #fff;
	width: 10%;
	margin: 0 auto;
	margin-top: 1em;
	font-size: 17px;
	line-height: 2.2em;
	border-radius: 3px;
}
.index_apply h2 a {
	color: #fff;
	display: block;
}
.index_apply h2:hover {
	background-color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.71);
}
.index_apply u {
	display: block;
	color: rgba(255, 255, 255, 0.7);
	font-size: 15px;
	width: 25%;
	margin: 1em auto 0;
	padding-bottom: 0.2%;
}
.index_apply h2:hover a {
	color: #06509c;
}
/*
.index_contact{width: 100%;overflow: hidden;background-color: #eeeeee;}
.index_contact_n{padding: 2% 2% 4% 2%;width: 87.4%;margin: 0 auto;overflow: hidden;background-color: #fff;margin-bottom: 4%;margin-top: 3%;}
.index_contact_n left{float: left;width: 35%;}
.index_contact_n left h1{color: #111111;font-size: 1.6em;border-bottom: 2px solid #767676;padding-bottom: 1.5%;}
.index_contact_n left h2{display: block;overflow: hidden;margin-top: 4%;border-bottom: 1px solid #676767;padding-bottom: 4%;}
.index_contact_n left h2 b{display: block;overflow: hidden;margin-bottom: 1.5%;}
.index_contact_n left h2 b e{display: block;float: left; width:32px; height:32px;margin-right: 2%;}
.index_contact_n left h2 b e img{width: 100%;height: 100%;}
.index_contact_n left h2 b c{display: block;float: left;color: #676767;font-size: 0.95em;margin-top: 1.5%;}
.index_contact_n left h3{display: block;overflow: hidden;margin-top: 4%;}
.index_contact_n left h3 b{display: block;overflow: hidden;margin-bottom: 1.8%;}
.index_contact_n left h3 b e{display: block;float: left; width:32px; height:32px;margin-right: 2%;}
.index_contact_n left h3 b e img{width: 100%;height: 100%;}
.index_contact_n left h3 b c{display: block;float: left;color: #676767;font-size: 0.95em;margin-top: 1.5%;}
.index_contact_n right{float: right;width: 57.5%;}
.index_contact_n right h1{color: #111111;font-size: 1.6em;border-bottom: 2px solid #767676;padding-bottom: 1.5%;}
.index_contact_n right div{width: 100%;overflow: hidden;margin-top: 3%;}
.index_contact_n right div .input_a{text-indent: 2em;width: 48.5%;float: left;display: block;overflow: hidden;margin-bottom: 2%;line-height: 2.5em;height: 2.5em;border: 1px solid #ddd;margin-right: 2.4%; font-size:0.9em;}
.index_contact_n right div .input_a:nth-child(2n){margin-right:0;}
.index_contact_n right div .textarea_a{width: 99.7%;border: 1px solid #ddd;text-indent: 2em;line-height: 2em;font-size: 0.9em;height: 9em;}
.index_contact_n right div .input_a:hover{border: 1px solid #06509c;}
.index_contact_n right div .textarea_a:hover{border: 1px solid #06509c;}
.index_contact_n right div span{color: #717171;font-size: 0.95em;float: left;margin-top: 3%;}
.index_contact_n right div p{float: right;width: 20%;    margin-top: 1%;}
.index_contact_n right div p .tj_an{background-color: #3374c0;width: 100%;color: #fff;line-height: 3em;font-size: 1em;border-radius: 3px;}
.index_contact_n right div p .tj_an:hover{background-color: #06509C;}
*/


.page_contact_one h4 img, .page_contact_two h4 img, .page_contact_three h4 img {
	height: 240px;
}
.in-footer {
	background: #333;
	padding: 3% 10% 3%;
	display: block;
	overflow: HIDDEN;
}
.in-f-left {
	display: block;
	float: left;
	width: 20%;
	border-right: 1px solid #737373;
	overflow: hidden;
}
.in-f-left #img {
	width: 100px;
	-webkit-filter: grayscale(100%);
	margin-bottom: 1em;
}
.in-f-left dl {
	margin-bottom: 1em;
	display: block;
	overflow: hidden;
}
.in-f-left dl h3 {
	display: block;
	overflow: hidden;
}
.in-f-left dl h3 img {
	margin-right: 5px;
	width: 22px;
	display: block;
	float: left;
}
.in-f-left dl h3 span {
	line-height: 1;
	display: block;
	float: left;
	font-size: 14px;
	color: #eee;
}
.in-f-left dl h4 {
	display: block;
	overflow: hidden;
	font-size: 14px;
	color: #ccc;
	line-height: 2em;
	font-weight: bold;
}
.in-f-center {
	display: block;
	text-align: center;
	overflow: hidden;
	float: left;
	width: 50%;
}
.in-f-center dl {
	text-align: left;
	display: inline-block;
	vertical-align: top;
	margin: 0 4%;
	overflow: hidden;
}
.in-f-center dl dt {
}
.in-f-center dl dt a {
	color: #eee;
	font-size: 17px;
	margin-bottom: 0.5em;
	display: block;
}
.in-f-center dl dd {
}
.in-f-center dl dd a {
	color: #ccc;
	font-size: 13px;
	display: block;
	line-height: 2em;
}
.in-f-right {
	border-left: 1px solid #737373;
	display: block;
	float: right;
	width: 28%;
	overflow: hidden;
	margin-bottom: 5em;
}
.in-f-right h3 {
	text-align: right;
	display: block;
	color: #eee;
	font-size: 17px;
	margin-bottom: 1em;
}
.in-f-right h4 {
	display: block;
	overflow: hidden;
	width: 120px;
	float: right;
}
.in-f-right h4 img {
	display: block;
	width: 90px;
	float: right;
	margin-bottom: 0.2em;
}
.in-f-right h4 span {
	width: 100%;
	float: right;
	text-align: right;
	display: block;
	font-size: 14px;
	font-weight: normal;
	color: #ccc;
}
.in-f-bottom {
	display: block;
	width: 100%;
	overflow: hidden;
	text-align: center;
	font-size: 13px;
	color: #ccc;
	border-top: 1px solid #737373;
	line-height: 2em;
}
.web-nav {
	display: block;
	position: relative;
	height: 60px;
	background: #ebf0f5;
	width: 80%;
	z-index: 9999999;
	padding: 0 10%;
}
.web-nav .logo {
	display: block;
	float: left;
	width: 25%;
	height: 60px;
}
.web-nav .logo a {
	display: block;
	overflow: hidden;
}
.web-nav .logo a img {
	height: 50px;
	margin-top: 5px;
}
.web-navers {
	width: 50%;
	float: left;
	display: block;
}
.web-navers dl:nth-child(6n) {
	padding: 0;
}
.web-navers dl {
	padding: 0 7% 0 0;
	float: left;
	width: auto;
}
.web-navers dl h3 {
}
.web-navers dl h3 a {
	height: 60px;
	line-height: 60px;
	display: block;
	color: #555;
	font-size: 17px;
}
.web-navers dl:hover h4 {
	display: block;
}
.web-navers dl h4 {
	background: #f7f7f7;
	display: none;
	overflow: hidden;
	position: absolute;
	width: 200px;
}
.web-navers dl h4 a {
	display: block;
	color: #666;
	font-size: 14px;
	line-height: 2em;
	padding: 5% 0 5% 10%;
}
.web-navright {
	text-align: right;
	display: block;
	float: right;
	width: 25%;
}
.web-navright a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	height: 60px;
	line-height: 60px;
	color: #999;
	margin-left: 1em;
}
.web-navright a img {
	margin-top: 14px;
}
.web-navright a #web-r-topimg {
	position: absolute;
	top: 60px;
	display: none;
	background: #fff;
	padding: 1em;
	right: 0;
}
.web-navright a #web-r-topimg img {
	margin-top: 0;
	height: 100px;
	display: block;
}
.web-navright a:hover #web-r-topimg {
	display: block;
}
.web-navright a #web-r-topimg b {
	line-height: 1em;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	display: block;
	margin: 1em 0 0 0
}
.web-navright form {
	margin-top: 14px;
	position: relative;
	border: 0;
	background: none;
	width: auto;
	display: inline-block;
	margin-left: 1em;
}
.web-navright form .s_txt {
	font-size: 14px;
	font-weight: normal;
	color: #999;
	height: 30px;
	border: 0;
	background: #eee;
	padding-left: 0;
	line-height: 30px;
	width: 0;
	float: left;
}
.web-navright form .s_btn {
	border: 0;
	background: none;
}
.web-navers dl h3 a:hover, .web-navers dl h4 a:hover {
	color: #418ADF;
}














/* 
.index_footer{ width:100%; overflow:hidden;}
.footer_top{ width:100%; overflow:hidden; background:#cccccc;}
.footer_top div{width: 91.4%;margin: 0 auto;overflow: hidden;padding-bottom: 1%;padding-top: 1%;}
.footer_top div h1{float: left;margin-right: 1%;font-size: 1.2em;margin-top: 0.3%;}
.footer_top div h2{float: left;}
.footer_bottom_s{width: 91.4%;margin: 0 auto;overflow: hidden;margin-top: 2.5%;}
.footer_bottom_s left{float: left;overflow: hidden;    width: 80%;}
.footer_bottom_s left h1{float: left;margin-right:12%;}
.footer_bottom_s left h1 b{display: block;font-size: 1em;margin-bottom:6%;}
.footer_bottom_s left h1 b a{ color:#070707;}
.footer_bottom_s left h1 c{display: block;font-size: 0.95em;line-height: 1.8em;}
.footer_bottom_s left h1 c a:hover{color: #06509c;}
.footer_bottom_s left h1 c a{ color:#797979;}
.footer_bottom_s right{float: right;overflow: hidden;}
.footer_bottom_s right h1{ float:left; text-align:center;    margin-right: 4%;}
.footer_bottom_s right h1 b{ display:block;}
.footer_bottom_s right h1 b img{}
.footer_bottom_s right h1 c{ display:block;color: #797979;font-size: 0.9em;}
.footer_bottom_x{width: 91.4%;margin: 0 auto;overflow: hidden;margin-top: 2.5%;}
.footer_bottom_x left{ float:left; width:20%;}
.footer_bottom_x left b{display: block;float: left;margin-right: 2%;}
.footer_bottom_x left b imh{}
.footer_bottom_x left c{color: #797979;font-size: 0.9em;display: block;float: left;margin-top: 1%;}
.footer_bottom_x right{ float:right;font-size: 0.9em;color: #797979;}
.footer {width: 100%;height: auto;overflow: hidden;background-color: #06509c;padding-bottom: 2%;}
.footertop {text-align: center;background: #418adf;margin-bottom: 3%;width: 100%;}
.footer .footer-nav {overflow: hidden;width: 90%;margin: 0 auto;}
.footer .footer-nav left {display: block;overflow: hidden;float: left;width: 25%;margin-right: 10%;}
.footer .footer-nav left one {display: block;overflow: hidden;margin-bottom: 10%;}
.footer .footer-nav left one b {color: #ccc;font-weight: normal;}
.footer .footer-nav left one h3 {font-size: 1.2em;color: #eee;margin: 0.67em 0;}
.footer .footer-nav left one h3 c {font-weight: normal;font-size: 0.8em;opacity: 0.8;}
.footer .footer-nav left one h4 {border-bottom: 1px solid rgba(204, 204, 204, 0.38);padding: 0% 0 3%;margin: 2% 0 0;width: 80%;}
.footer .footer-nav left one h4 a {background: #eee;color: #0F7349;border-radius: 1em;font-size: 0.6em;padding: 1% 7%;font-weight: normal;line-height: 2;margin-right: 5%;}
.footer .footer-nav left two b {font-size: 1em;color: #ccc;margin-bottom: 3%;display: block;font-weight: normal;}
.footer .footer-nav left two dl {margin: 0;padding: 0;display: block;overflow: hidden;}
.footer .footer-nav left two dl p {margin-right: 5%;float: left;display: block;width: 24%;overflow: hidden;}
.footer .footer-nav left two dl p img {opacity: 0.8;width: 100%;display: block;}
.footer .footer-nav left two dl p c {display: block;color: #ccc;text-align: center;font-size: 0.9em;}
.footer .footer-nav right {display: block;overflow: hidden;float: left;width: 65%;}
.footer .footer-nav right dl {width: 25%;float: left;display: block;overflow: hidden;}
.footer .footer-nav right dl h3 {margin: 0 0 5% 0;font-size: 1.2em;}
.footer .footer-nav right dl h3 a {color: #eee;font-weight: bold;}
.footer .footer-nav right dl h4 {line-height: 1.6em;margin-bottom: 10%;font-size: 0.96em;}
.footer .footer-nav right dl h4 a {color: #ccc;font-weight: normal;font-size: 1em;display: block;}
.footer-bottom {width: 90%;margin: 0 auto;overflow: hidden;padding-top: 2%;}
.footer-bottom h3 {overflow: hidden;color: #ccc;font-weight: normal;font-size: 0.9em;width: 100%;border-bottom: 1px solid rgb(65, 138, 223);
padding-bottom: 0.5%;}
.footer-bottom h3 b {font-weight: normal;float: left;margin-right: 2%;}
.footer-bottom .right {display: block;overflow: hidden;padding: 1% 0;}
.footer-bottom .right b {color: #ccc;display: block;margin-bottom: 1%;font-weight: normal;font-size: 12px;opacity: 0.8;}
*/
