/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */


@charset "utf-8";


/* CSS Document */
@import 'font_1433159_ahvf8uwwsi.css';
h1,h2,h3,h4,h5{margin:0;padding:0;font-size:inherit}
dd,dl,dt,li,ol,ul{list-style:none;margin:0;padding:0}
P{margin-bottom:0}
em{font-style:normal}
body{-webkit-overflow-scrolling:touch;font-family:roman}




*, 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;

}


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;


	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: 36px;


	margin-top: 12px;


}


.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;}


*/
img {
  max-width: 100%;
}
.ic {
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}
.more1 {
  font-size: 16px;
}
.more1 .ic-lmore {
  background: url('../images/ic_more.png') no-repeat right center;
  width: 92px;
  height: 10px;
  margin-left: 10px;
}
@media (max-width: 480px) {
  .more1 .ic-lmore {
    width: 50px;
  }
}
.more1 .ic-lmore2 {
  background-image: url('../images/ic_more2.png');
  width: 62px;
}
.more1.s2 {
  color: #333;
}
.more1.s2 .ic-lmore {
  background-image: url('../images/ic_more2.png');
  width: 62px;
}
.cover-wrap {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.cover-wrap img {
  width: 100%;
  display: block;
  transform: translateZ(0);
  transition: transform 0.3s ease 0s;
}
.cover-wrap .cover {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.4s ease 0s;
  background: rgba(0, 0, 0, 0.5);
}
.cover-wrap p {
  margin: 0;
}
.cover-wrap .text {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  padding: 10px 0;
}
.cover-wrap .text::before,
.cover-wrap .text::after {
  content: '';
  position: absolute;
  display: block;
  width: 100px;
  height: 2px;
  background-color: #f2f2f2;
  left: 50%;
  margin-left: -50px;
  transition: all 0.6s ease 0s;
  z-index: 99;
}
.cover-wrap .text::before {
  top: 0;
}
.cover-wrap .text::after {
  bottom: 0;
}
.cover-wrap:hover img {
  transform: scale(1.05, 1.05);
}
.cover-wrap:hover .cover {
  opacity: 1;
}
.cover-wrap:hover .text::before,
.cover-wrap:hover .text::after {
  width: 6px;
  margin-left: -3px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.hd1 {
  font-size: 36px;
  margin-bottom: 60px;
  padding-bottom: 10px;
  position: relative;
  line-height: 1.6;
  font-family: "Roboto Slab", Arial, Verdana, "Noto Sans TC", "Microsoft JhengHei", PMingLiU, sans-serif;
}
.hd1::after {
  content: '';
  display: block;
  position: absolute;
  width: 22px;
  height: 3px;
  background-color: #dd2e1b;
  transition: 0.3s;
  bottom: 0;
  left: 0;
}
.hd1 h2 {
  color: #0d4e9b;
}
.hd1 .en {
  color: #bbbbbb;
  text-align:left;
}
@media (min-width: 1200px) {
  .hd1:hover::after {
    width: 120px;
  }
}
@media (max-width: 640px) {
  .hd1 {
    font-size: 24px;
	margin-bottom: 20px;
  }
  .hd1 .en {
    font-size: 18px;
    margin-top: 5px;
  }
}
@media (max-width: 480px) {
  .hd1 {
    font-size: 24px;
  }
  .hd1 .en {
    margin-top: 5px;
    font-size: 18px;
  }
}
.iabout,.iexample,.iabout *,.iexample *{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.wrap2 {
  position: relative;
  max-width: 1500px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
}
@media (max-width: 1399px) {
  .wrap2 {
    padding-left: 6%;
    padding-right: 6%;
  }
}

.iabout {
  margin-top: 100px;
  margin-bottom: 100px;
}
.iabout .right-box img {
  width: 100%;
}
.iabout .right-box .img-wrap {
  position: relative;
}
.iabout .right-box .img-wrap .ic-logo {
  width:74px;
  height: 74px;
  background-image: url('../images/logo_pd.png');
  background-size: contain;
  right: 70px;
  top: 70px;
  position: absolute;
}
.iabout .left-box .text {
  color: #666666;
  line-height: 2.2;
  margin-bottom: 50px;
  height: 290px;
}
.iabout .more-wrap {
  position: relative;
  background: #000;
  overflow: hidden;
  display: block;
  margin: 0 auto;
}
.iabout .more-wrap img {
  width: 100%;
}
.iabout .more-wrap .more1 {
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  position: absolute;
  color: #fff;
}
.iabout .more-wrap img {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.iabout .more-wrap:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.iabout .more-wrap:Hover img {
  opacity: 0.5;
}
@media (max-width: 1200px) {
  .iabout .left-box .text {
    height: auto;
  }
  .iabout .more-wrap {
    margin-bottom: 50px;
    background: none;
  }
  .iabout .more-wrap .more1 {
    position: static;
    color: #333;
    transform: none;
    left: auto;
    top: auto;
	text-align:left;
  }
  .iabout .more-wrap .more1 .ic-lmore {
    background-image: url('../images/ic_more2.png');
    width: 50px;
  }
  .iabout .more-wrap img {
    display: none;
  }
}
@media (max-width: 768px) {
  .iabout {
    margin-bottom: 0.5rem;
  }
  .iabout .left-box .text {
    line-height: 1.7;
	margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .iabout .left-box .text {
    font-size: 12px;
  }
}
.live-data {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: -5px;
  margin-right: -5px;
}
.live-data > * {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}
.live-data .num {
  font-size: 60px;
  color: #0d4e9b;
  font-family: medium;
}
.live-data .num em{font-style:normal;}
.live-data .tit {
  font-size: 16px;
  color: #666666;
}
.live-data br {
  display: none;
}
@media (max-width: 768px) {
  .live-data li:nth-child(3),
  .live-data li:nth-child(4) {
    margin-top: 0.8rem;
  }
  .live-data .num {
    font-size: 30px;
  }
  .live-data .tit {
    font-size: 12px;
  }
}
.iexample {
height:960px;
  background: url(../images/bg1.jpg) no-repeat center;
  background-size: cover;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
.iexample ol {
  height: 50%;
  color: #fff;
  text-align: center;
  overflow: hidden;
  margin:0;
}
.iexample ol + ol {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.iexample .ic {
  max-width: 70%;
}
a {
  text-decoration: none !important;
}
.iexample h3 {
  font-size: 30px;
  margin: 30px 0;
  transition: 0.3s;
}
.iexample p {
  font-size: 16px;
  line-height: 2;
}
.iexample li {
  width: 50%;
  height: 100%;
  float: left;
  overflow: hidden;
  background: linear-gradient(rgba(13, 78, 155, 0), rgba(13, 78, 155, 0)) no-repeat center;
  background-size: 100% 0;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  position: relative;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 5%;
  transition: 0.3s ease-in-out;
}
.iexample li:nth-child(1) {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.iexample a {
  color: #fff;
  display: block;
}
@media (min-width: 1200px) {
  .iexample li:hover {
    background: linear-gradient(rgba(13, 78, 155, 0.8), rgba(13, 78, 155, 0.8)) no-repeat center;
    background-size: 100% 100%;
  }
}
@media (max-width: 1200px) {
  .iexample {
    height: auto;
  }
}
@media (max-width: 992px) {
  .iexample ol + ol {
    border-top: 0;
  }
  .iexample li {
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-right: none;
  }
}
@media (max-width: 640px) {
  .iexample li {
    padding: 1rem 10%;
  }
  .iexample h3 {
    font-size: 22px;
  }
  .iexample p {
    font-size: 12px;
  }
}
.more2 {
  padding: 5px 32px;
  display: inline-block;
  border: 1px solid #0d4e9b;
  color: #0d4e9b;
}
.more {
  width: 122px;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  border: 1px solid #666;
  display: block;
  color: #666;
  background: linear-gradient(#0d4e9b, #0d4e9b) no-repeat 0 0;
  background-size: 0 100%;
  transition: 0.3s;
}
.more:hover {
  background-size: 100% 100%;
  color: #fff;
  border-color: #0d4e9b;
}



.menu_btn {
  width: 60px;
  height: 60px;
  z-index: 101;
  cursor: pointer;
  position: absolute;
  right: 12px;
  transform-origin: center center;
  top: 50%;
  transform: translateY(-50%) scale(0.8);
  -webkit-transform: translateY(-50%) scale(0.8);
  -moz-transform: translateY(-50%) scale(0.8);
  -ms-transform: translateY(-50%) scale(0.8);
  -o-transform: translateY(-50%) scale(0.8);
}
.menu_btn i {
  position: absolute;
  width: 28px;
  height: 1px;
  background: #333;
  left: 12px;
  display: block;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.menu_btn i:nth-of-type(1) {
  top: 20px;
}
.menu_btn i:nth-of-type(2) {
  top: 30px;
}
.menu_btn i:nth-of-type(3) {
  top: 40px;
  width: 14px;
}
.menu_btn.active i {
  background-color: #dd2e1b;
}
.menu_btn.active i:nth-of-type(1) {
  -webkit-transform: rotate(225deg) translate(-7px, -7px);
  -moz-transform: rotate(225deg) translate(-7px, -7px);
  -ms-transform: rotate(225deg) translate(-7px, -7px);
  -o-transform: rotate(225deg) translate(-7px, -7px);
  transform: rotate(225deg) translate(-7px, -7px);
}
.menu_btn.active i:nth-of-type(3) {
  opacity: 0;
}
.menu_btn.active i:nth-of-type(2) {
  -webkit-transform: rotate(-225deg) translate(0, 0);
  -moz-transform: rotate(-225deg) translate(0, 0);
  -ms-transform: rotate(-225deg) translate(0, 0);
  -o-transform: rotate(-225deg) translate(0, 0);
  transform: rotate(-225deg) translate(0, 0);
}
.menu_btn:hover i:nth-of-type(3) {
  width: 28px;
}
.m-menus {
  width: 100%;
  position: fixed;
  left: 0;
  top: 80px;
  right: 0;
  background: #fff;
  z-index: -1;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  height: 0;
  font-size: 14px;
  line-height: 40px;
  color: #333;
}
.m-menus.active {
  bottom: 0;
  z-index: 99;
  opacity: 1;
  height: auto;
}
.m-menus ul {
  padding-top: 5vh;
}
.m-menus .item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  position: relative;
}
.m-menus .icon-right {
  position: absolute;
  right: 6%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 12px;
  color: #999;
}
.m-menus a {
  display: block;
  width: 100%;
  padding: 0 6%;
  line-height: 52px;
  color: #000;
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid #dcdcdc;
}
.m-menus .trans {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.m-menus a.active {
  font-weight: normal;
  color: #009fd6;
}

.hd-search {
  border: 1px solid rgba(255, 255, 255, 0.5);
  width: 234px;
}
.hd-search input {
  border: 0;
  box-shadow: none;
  outline: none;
  background: none;
  height: 42px;
  line-height: 42px;
  color: #fff;
}
.hd-search .key {
  width: 90%;
  text-indent: 12px;
}
.hd-search .submit {
  background: url(../images/search.png) no-repeat center;
  width: 50px;
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: 24px;
}
.header {
  position: fixed;
  height: 100px;
  left: 0;
  top: 0;
  right: 0;
  z-index: 999;
  transition: 0.3s;
  font-size: 16px;
  background-color: #0d4e9b;
}
.header .logo {
  max-width: 440px;
  width: 20%;
  min-width: 340px;
  left: -30px;
  height: 100%;
  transition: 0.3s;
  background-size: 247px;
  position: absolute;
}
.header .logo::after {
  content: '';
  display: block;
  position: absolute;
  background: #fff;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transform: skewX(-30deg);
}
.header .logo img {
  position: relative;
  z-index: 55;
  top: 50%;
  transform: translateY(-50%);
  left: 15%;
  max-height: 80%;
}
.header .hd-tool {
  position: absolute;
  right: 60px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 15px;
}
.header .pc-menus {
  white-space: nowrap;
  transition: 0.3s;
  text-align: center;
  float: left;
  position: absolute;
  left: 0;
  right: 0;
}
.header .pc-menus .item {
  font-size: 15px;
  display: inline-block;
  width: 117px;
  height: calc(100px);
  line-height: calc(100px);
  margin-left: 30px;
}
.header .pc-menus .item a {
  color: #fff;
  display: block;
  position: relative;
  font-size: 15px;
  font-family: roman;
}
.header .pc-menus .item a:after {
  content: '';
  display: block;
  width: 0;
  left: 50%;
  height: 3px;
  background-color: #f29902;
  position: absolute;
  bottom: 0;
  transition: 0.3s;
}
.header .pc-menus .item.active a:after,
.header .pc-menus .item:Hover a:after {
  left: 0;
  width: 100%;
}
.header .pc-menus .item a:hover,
.header .pc-menus .item a.active {
  color: #fff;
}
@media (max-width: 1920px) {
  .header .s2 .pc-menus {
    left: 10%;
  }
  .header .pc-menus .item {
    margin-left: 15px;
  }
}
@media (max-width: 1440px) {
  .header .s2 .pc-menus {
    left: 20%;
  }
  .header .pc-menus .item {
    width: 100px;
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .header {
    height: 80px;
    background: #fff;
  }
  .header .hd-tool .lanuage {
    line-height: 80px;
    color: #333;
  }
}
@media (max-width: 640px) {
  .header {
    height: 50px;
  }
  .header .m-nav {
    top: 50px;
  }
  .header .logo {
    left: 0;
  }
  .header .logo img {
    left: 15px;
  }
  .header .hd-tool .lanuage {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }
  .header .hd-tool .lanuage .iconfont {
    padding-left: 3px;
  }
  .header .hd-tool {
    right: 15px;
  }
  .header .hd-tool .iconfont {
    font-size: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 480px) {
}

.hd-search-xs {
  position: relative;
  width: auto;
  border: 1px solid #dcdcdc;
  overflow: hidden;
  margin-top: 2em;
  padding: 0;
  margin: 6%;
}
.hd-search-xs .key {
  color: #333;
}
.hd-search-xs .submit {
  background-image: url('../images/search2.png');
  background-size: 18px;
  right: 0;
  width: 14%;
}
.js-m-3 {
  opacity: 0;
  -webkit-transform: translate(-10px, -30px);
  -ms-transform: translate(-10px, -30px);
  transform: translate(-10px, -30px);
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.delay01 {
  -webkit-transition-delay: 0.06s !important;
  transition-delay: 0.06s !important;
}
.delay02 {
  -webkit-transition-delay: 0.12s !important;
  transition-delay: 0.12s !important;
}
.delay03 {
  -webkit-transition-delay: 0.18s !important;
  transition-delay: 0.18s !important;
}
.delay04 {
  -webkit-transition-delay: 0.24s !important;
  transition-delay: 0.24s !important;
}
.delay05 {
  -webkit-transition-delay: 0.3s !important;
  transition-delay: 0.3s !important;
}
.delay06 {
  -webkit-transition-delay: 0.36s !important;
  transition-delay: 0.36s !important;
}
.delay07 {
  -webkit-transition-delay: 0.42s !important;
  transition-delay: 0.42s !important;
}
.js-m-3.animate {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
@media (max-width: 1200px) {
  .m-menus {
    top: 80px;
  }
}
@media (max-width: 640px) {
  .m-menus {
    top: 50px;
  }
}
@media (max-width: 767px){
.hidden-xs {
    display: none !important;
}
	
}

@font-face {font-family: "iconfont";
  src: url('../fonts/font_1433159_ahvf8uwwsi.eot'); /* IE9 */
  src: url('../fonts/font_1433159_ahvf8uwwsi.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/8d2945d3be734c0799cbd0a1d4495151.woff') format('woff2'),
  url('../fonts/font_1433159_ahvf8uwwsi.woff') format('woff'),
  url('../fonts/font_1433159_ahvf8uwwsi.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/font_1433159_ahvf8uwwsi.svg') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-download:before {
  content: "\e628";
}

.icon-sleft:before {
  content: "\e62c";
}

.icon-right2:before {
  content: "\e727";
}

.icon-iconfonticonfontsousuo1:before {
  content: "\e62f";
}

.icon-fanhui:before {
  content: "\e6ff";
}

.icon-daohangpinlei:before {
  content: "\e61e";
}

.icon-jian:before {
  content: "\e68e";
}

.icon-top1:before {
  content: "\e67f";
}

.icon-jia:before {
  content: "\e620";
}

.icon-changjiantou:before {
  content: "\e667";
}

.icon-guanbi:before {
  content: "\e606";
}

.icon-right:before {
  content: "\e666";
}

.icon-changjiantou-you:before {
  content: "\e7cf";
}

.icon-daohangdizhi:before {
  content: "\e65e";
}

.icon-double_right:before {
  content: "\e62a";
}

.icon-arr-left:before {
  content: "\e738";
}

.icon-top:before {
  content: "\e7e1";
}

.icon-left:before {
  content: "\e7e2";
}

.icon-down:before {
  content: "\e7e3";
}

.icon-sright:before {
  content: "\e7e4";
}

.icon-arr-right:before {
  content: "\e739";
}

.icon-sdown:before {
  content: "\e7e5";
}

.icon-ltop:before {
  content: "\e7e6";
}

.icon-double_left:before {
  content: "\e7e7";
}

.height100{width:100%;height:100px;overflow:hidden;}
@media screen and (max-width: 740px){
	.height100{height:0px;}
}

.toTop {
  position: fixed;
  width: 68px;
  height: 68px;
  line-height: 68px;
  text-align: center;
  z-index: 555;
  right: 50px;
  bottom: 140px;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
  overflow: hidden;
  background: rgba(242, 153, 2, 0.8);
}
.toTop .icon-ltop {
  font-size: 30px;
  transition: 0.3s;
  position: relative;
}
.toTop .icon-top {
  display: none;
}
@media (min-width: 641px) {
  .toTop .icon-ltop {
    animation: move 2s infinite linear;
  }
}
@media (max-width: 640px) {
  .toTop {
    display: block;
    background-color: #333;
    display: inline-block;
    background-size: auto 160px;
    width: 40px;
    height: 40px;
    background-position: -600px 0;
    background-repeat: no-repeat;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    -ms-filter: "alpha(opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    right: 0;
    bottom: 0;
  }
  .toTop .icon-ltop {
    display: none;
  }
  .toTop .icon-top {
    display: block;
    line-height: 40px;
  }
}