@import url(/i/amazeui/css/amazeui.min.css);
@import url(/i/owlcarousel/owl.carousel.css);
@import url(/i/owlcarousel/owl.transitions.css);
@import url(/i/fancybox/jquery.fancybox.css);
@import url(/i/fancybox/helpers/jquery.fancybox-buttons.css);
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
	margin: 0;
	padding: 0
}
body {
	color: #000;
	background: #fff;
	font-size: 14px
}
a {
	text-decoration: none;
	color: #000
}
a:hover {
	color: #01b6fe
}
.w {
	width: 1250px;
	margin: 0 auto
}
.windowH {
	position: relative
}
.fl {
	display: inline;
	float: left
}
.fr {
	display: inline;
	float: right
}
.clear {
	display: block;
	clear: both;
	width: 100%;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	margin: 0;
	padding: 0
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto
}
@font-face {
	font-family: 'iconfont';
	src: url("//at.alicdn.com/t/font_kyg55qveshpk3xr.eot");
	src: url("//at.alicdn.com/t/font_kyg55qveshpk3xr.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_kyg55qveshpk3xr.woff") format("woff"), url("//at.alicdn.com/t/font_kyg55qveshpk3xr.ttf") format("truetype"), url("//at.alicdn.com/t/font_kyg55qveshpk3xr.svg#iconfont") format("svg")
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale
}
.no_padding {
	margin: 0;
	padding: 0
}
.no_padding [class*="am-"] {
	margin: 0;
	padding: 0
}
.pages {
	text-align: center
}
.pages a {
	display: block;
	width: 36px;
	height: 34px;
	background-image: url(../img/page_arrow.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.pages .pre-page {
	display: inline-block;
	margin-right: 60px
}
.pages .pre-page a {
	background-position: 0 0
}
.pages .pre-page a:hover {
	background-position: -36px 0
}
.pages .next-page {
	display: inline-block
}
.pages .next-page a {
	background-position: -36px -34px
}
.pages .next-page a:hover {
	background-position: 0 -34px
}
.text-center {
	text-align: center
}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin:20px 0;
	border-radius: 0px
}
.pagination>li {
	display: inline
}
.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 16px;
	margin-left: 0px;
	line-height: 1.42857143;
	color: #fff;
	text-decoration: none;
	background-color: #414141;
	border: none;
	font-size: 14px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right: 15px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	z-index: 3;
	color: #fff;
	background: #01b6fe
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #01b6fe;
	border-color: #01b6fe
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}
.pro_page{ background:#f5f5f5}
@font-face {
	font-family: 'Anton-Regular';
	src: url("../fonts/Anton-Regular.eot");
	src: url("../fonts/Anton-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Anton-Regular.woff") format("woff"), url("../fonts/Anton-Regular.ttf") format("truetype"), url("../fonts/Anton-Regular.svg#YourWebFontName") format("svg")
}
@font-face {
	font-family: 'Dosis-ExtraLight';
	src: url("../fonts/Dosis-ExtraLight.eot");
	src: url("../fonts/Dosis-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Dosis-ExtraLight.woff") format("woff"), url("../fonts/Dosis-ExtraLight.ttf") format("truetype"), url("../fonts/Dosis-ExtraLight.svg#YourWebFontName") format("svg")
}
@font-face {
	font-family: 'Helvetica-UltraCompressed';
	src: url("../fonts/Helvetica-UltraCompressed.eot");
	src: url("../fonts/Helvetica-UltraCompressed.eot?#iefix") format("embedded-opentype"), url("../fonts/Helvetica-UltraCompressed.woff") format("woff"), url("../fonts/Helvetica-UltraCompressed.ttf") format("truetype"), url("../fonts/Helvetica-UltraCompressed.svg#YourWebFontName") format("svg")
}
@font-face {
	font-family: 'AvantGardeITCbyBT-Book';
	src: url("../fonts/AvantGardeITCbyBT-Book.eot");
	src: url("../fonts/AvantGardeITCbyBT-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/AvantGardeITCbyBT-Book.woff") format("woff"), url("../fonts/AvantGardeITCbyBT-Book.ttf") format("truetype"), url("../fonts/AvantGardeITCbyBT-Book.svg#YourWebFontName") format("svg")
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url(../img/backtotop.png) no-repeat 0px 0px
}
#toTopHover {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: left;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	background: url(../img/backtotop.png) no-repeat 0px -40px
}
#toTop:active, #toTop:focus {
	outline: none
}
.Validform_checktip {
	margin-left: 8px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	color: #999;
	font-size: 12px
}
.Validform_right {
	color: #71b83d;
	padding-left: 20px;
	background: url(images/right.png) no-repeat left center
}
.Validform_wrong {
	color: red;
	padding-left: 20px;
	white-space: nowrap;
	background: url(images/error.png) no-repeat left center
}
.Validform_loading {
	padding-left: 20px;
	background: url(images/onLoad.gif) no-repeat left center
}
.Validform_error {
	background-color: #ffe7e7
}
#Validform_msg {
	color: #7d8289;
	font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
	width: 280px;
	-webkit-box-shadow: 2px 2px 3px #aaa;
	-moz-box-shadow: 2px 2px 3px #aaa;
	background: #fff;
	position: absolute;
	top: 0px;
	right: 50px;
	z-index: 19891016;
	display: none;
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
	box-shadow: 2px 2px 0 rgba(0,0,0,0.1)
}
#Validform_msg .iframe {
	position: absolute;
	left: 0px;
	top: -1px;
	z-index: -1
}
#Validform_msg .Validform_title {
	line-height: 25px;
	height: 25px;
	text-align: left;
	font-weight: bold;
	padding: 0 8px;
	color: #fff;
	position: relative;
	background-color: #999;
	background: -moz-linear-gradient(top, #999, #666 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666')
}
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited {
	line-height: 22px;
	position: absolute;
	right: 8px;
	top: 0px;
	color: #fff;
	text-decoration: none
}
#Validform_msg a.Validform_close:hover {
	color: #ccc
}
#Validform_msg .Validform_info {
	padding: 8px;
	border: 1px solid #bbb;
	border-top: none;
	text-align: left
}
.index_banner_new {
	width: 100%;
	height: auto;
	min-width: 280px;
	min-height: 160px;
	margin: 0px auto;
	position: relative;
	
	margin-top:-104px
}
.index_banner_new ul {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1
}
.index_banner_new ul li {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}
.index_banner_new ul li.active {
	display: block
}
.index_banner_new ul li .intro {
	position: relative
}
.index_banner_new ul li img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.index_banner_new .dots {
	position: absolute;
	bottom: 20px;
	left: 200px;
	min-width: 60px;
	height: 12px;
	z-index: 2; margin-left:-70px
}
.index_banner_new .dots span {
	float: left;
	width: 50px;
	height: 6px;
	background: #e0e0e0;
	margin: 0 8px;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}
.index_banner_new .dots span.active {
	background: #01b6fe
}
.index_banner_new .arr {
	display: none;
	position: absolute;
	top: 140px;
	z-index: 2;
	width: 40px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	font-size: 36px;
	background: rgba(0,0,0,0.3);
	color: #fff;
	text-decoration: none
}
.index_banner_new .arr:hover {
	background: rgba(0,0,0,0.7);
	text-decoration: none
}
.index_banner_new:hover .arr {
	display: block;
	text-decoration: none;
	color: #fff
}
.index_banner_new .prev {
	left: 20px
}
.index_banner_new .next {
	right: 20px
}
#tqchina_banner {
	position: relative
}
.tqchina_banner_load {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 3;
	width: 100%
}
.tqchina_banner_load i {
	width: 0%;
	display: block;
	height: 4px;
	background:#01b6fe
}
.tqchina_banner_bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	background: rgba(0,0,0,0.3)
}
.tqchina_banner_text {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 10;
	color: #fff;
	text-align: center;
	width: 100%
}
.tqchina_banner_text h3 {
	color: #fff;
	font-size: 48px;
	text-align: center;
	margin: 0
}
.tqchina_banner_text h3 span {
	color: #01b6fe
}
.tqchina_banner_text h4 {
	font-family: 'Anton-Regular';
	color: #fff;
	font-size: 80px;
	font-weight: normal;
	opacity: .5;
	filter: alpha(opacity=50);
	text-align: center
}
.tqchina_banner_text span em {
	color: #fff;
	padding-left: 10px;
	font-family: "Arial";
	box-shadow: 1px, 1px, 3px, #666
}
.index_banner_new .video_button img {
	display: none
}
.lt9 .index_banner_new .video_button img {
	display: block
}
.lt9 .tqchina_banner_text {
	margin: -230px 0 0 0px;
	left: 0px !important
}
.lt9 .index_banner_new .ba_left .tqchina_banner_text {
	left: 10% !important;
	width: auto
}
.lt9 .index_banner_new .ba_right .tqchina_banner_text {
	left: 60% !important;
	width: auto
}
header {
	height: 104px;
	position:relative;
	z-index:999
	
}
.nybg{ background:rgba(0,0,0,0.2)}
header .top {
	position: relative
}
header a.logo {
	width: 257px;
	height: 70px;
	position: absolute;
	left: 10px;
	top: 15px
}
header .ico {
	width: 160px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 12px;
	font-family: arial;
	position: absolute;
	right: 40px;
	top: 37px
}
header .ico a {
	display: block;
	float: left;
	
	margin-left: 14px;
	color: #fff;
	
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
header .ico a i {
	font-size: 12px;
	font-style: normal
}
header .ico a:hover {
	
}
header .line {
	width: 100%;
	height: 4px;
	line-height: 4px;
	background: #01b6fe
}

@media (min-width: 1400px) {
header a.logo {
	left: 30px
}
}

@media (min-width: 1800px) {
header a.logo {
	left: 60px
}
}
#top_qr{ position:relative; margin-top:-20px; margin-left:60px}
.top_qr_img {
	display: none;
	background: #fff;
	border: 1px solid #e5e5e5;
	line-height: 20px;
	position: absolute;
	right: 30px;
	top: 62px;
	z-index: 10000;
	text-align: center
}
.top_qr_img span {
	display: block
}
.nav {
	width: 700px;
	height: 100px;
	margin: 0 auto
}
.nav ul {
	margin: 0;
	padding: 0
}
.nav ul li.m {
	display: block;
	float: left;
	font-weight: normal;
	text-align: center;
	position: relative
}
.nav ul li.m h3 {
	font-weight: normal
}
.nav ul li.m h3 a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: #fff;
	height: 100px
}
.nav ul li.m h3 a span {
	display: block;
	height: 100px;
	line-height: 60px;
	position: relative;
	padding: 26px 24px 0
}
.nav ul li.m h3 a:hover {
	
}
.nav ul li.m h3 a:hover span {
	color: #01b6fe
}
.nav ul li.m.on h3 a {

}
.nav ul li.m.on h3 a span {
	color: #01b6fe
}
.nav ul li.m .sub{ display:none;font-size: 12px;
	width: 140%;
	background: rgba(0,0,0,0.4);left: 0px;
	top: 100px;} 
	
.nav ul li.m:hover  .sub03{ display:none !important}
.nav ul li.m .sub03{ display:none !important}

.nav ul li.m:hover .sub{ position:absolute; left:0; top:100px; width:180px; display:block;}
.nav ul li.m:hover .sub a{ display:block; height:40px; line-height:40px;  color:#FFF; font-size:14px; width:180px;}
.nav ul li.m:hover .sub a:hover{ color: #01b6fe}
.nav ul li.m:hover .sub ul li{display: block;
	text-align: left;
	line-height: 35px;
	border-bottom: 1px solid #dadbdc}
.nav ul li.m:hover	.sub ul {
	padding: 0 24px
}

@media (min-width: 1400px) {
.nav {
	width: 800px
}
.nav ul li.m h3 a {
	font-size: 14px
}
.nav ul li.m h3 a span {
	padding: 26px 24px 0
}
}

@media (min-width: 1800px) {
.nav {
	width: 1000px
}
.nav ul li.m h3 a {
	font-size: 16px
}
.nav ul li.m h3 a span {
	padding: 26px 30px 0
}
.nav ul li.m .sub {
	font-size: 14px
}
.nav ul li.m .sub ul {
	padding: 0 30px
}
}
.in_service {
	border-bottom: 8px solid #e2e3e5
}
.in_service .list a {
	display: block;
	position: relative;
	overflow: hidden
}
.in_service .list a .txt {
	width: 100%;
	height: 100%;
	padding-left: 20%;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3
}
.in_service .list a .txt b {
	display: block;
	height: 60px;
	font-size: 26px;
	position: relative
}
.in_service .list a .txt b::after {
	content: '';
	width: 24px;
	height: 1px;
	line-height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0px
}
.in_service .list a .txt span {
	display: block;
	font-size: 14px;
	font-family: 'Dosis-ExtraLight';
	height: 40px;
	line-height: 20px;
	margin-top: 10px
}
.in_service .list a .bg {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.in_service .list a .ico {
	width: 346px;
	height: 320px;
	opacity: 0;
	filter: alpha(opacity=0);
	background: url(../img/in_service_logo.png) 0 0 no-repeat;
	position: absolute;
	right: -90px;
	bottom: -90px;
	z-index: 2;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.in_service .list a:hover .bg {
	background: #01b6fe;
	opacity: 1;
	filter: alpha(opacity=100)
}
.in_service .list a:hover .ico {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg)
}
.in_title {
	height: 110px;
	text-align: center;
	overflow: hidden;
	position: relative
}
.in_title h3 {
	display: block;
	font-size: 30px;
	color: #000;
	height: 30px;
	line-height: 30px
}
.in_title span {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 70px;
	color: #e6e6e6;
	font-family: 'Dosis-ExtraLight';
	text-transform: uppercase;
	height: 70px;
	line-height: 70px;
	position: absolute;
	bottom: -15px
}
.in_advantage {
	padding: 65px 0 0
}
.in_advantage .title {
	width: 1250px;
	margin: 0 auto;
	text-align: center;
	color: #575656;
	padding-bottom: 50px;
	background: url(../img/in_advantage_title_ico.jpg) center bottom no-repeat
}
.in_advantage .title h4 {
	display: block;
	font-size: 20px;
	color: #575656;
	font-weight: lighter
}
.in_advantage .title span {
	display: block;
	font-size: 14px;
	font-family: 'Dosis-ExtraLight';
	text-transform: uppercase;
	line-height: 30px
}
.in_advantage .in_title {
	margin: 60px 0 15px
}
.in_advantage .list img {
	width: 100%
}
.in_advantage .list .thumb, .in_advantage .list .thumb2 {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%
}
.in_advantage .list .item {
	float: left
}
.in_advantage .list .item:nth-child(1) {
	width: 34%
}
.in_advantage .list .item:nth-child(1) img {
	opacity: 0;
	filter: alpha(opacity=0)
}
.in_advantage .list .item:nth-child(2) {
	width: 21%
}
.in_advantage .list .item:nth-child(3) {
	width: 18%
}
.in_advantage .list .item:nth-child(4) {
	width: 27%
}
.in_advantage .list .item a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative
}
.in_advantage .list .item a .txt {
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 0 10%;
	position: absolute;
	left: 0%;
	z-index: 3
}
.in_advantage .list .item a .txt .num {
	font-family: 'Helvetica-UltraCompressed';
	position: relative
}
.in_advantage .list .item a .txt .num span {
	font-size: 60px
}
.in_advantage .list .item a .txt .num em {
	font-size: 72px;
	font-style: normal;
	padding-left: 10px;
	position: absolute;
	top: -20px
}
.in_advantage .list .item a .txt b {
	display: block;
	font-size: 20px
}
.in_advantage .list .item a .txt p {
	font-size: 14px
}
.in_advantage .list .item a .txt i {
	display: block;
	width: 43px;
	height: 13px;
	margin-top: 10px;
	background: url(../img/in_advantage_arrow.png) 0 0 no-repeat
}
.in_advantage .list .item a .bg {
	width: 100%;
	height: 100%;
	background: #01b6fe;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.in_advantage .list .item a .ico {
	width: 346px;
	height: 320px;
	opacity: 0;
	filter: alpha(opacity=0);
	background: url(../img/in_service_logo.png) 0 0 no-repeat;
	position: absolute;
	right: -90px;
	bottom: -90px;
	z-index: 2;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.in_advantage .list .item a:hover .bg, .in_advantage .list .item a.bg_y .bg {
	opacity: 1;
	filter: alpha(opacity=100)
}
.in_advantage .list .item a:hover .ico, .in_advantage .list .item a.bg_y .ico {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg)
}

@media (min-width: 1800px) {
.in_advantage .list .item a .txt .num span {
	font-size: 110px
}
.in_advantage .list .item a .txt b {
	font-size: 26px
}
.in_advantage .list .item a .txt i {
	margin-top: 20px
}
}
.in_news {
	padding: 60px 0
}
.in_news .list {
	overflow: hidden;
	margin-top: 20px
}
.in_news .list ul {
	margin: 0;
	padding: 0;
	width: 1290px;
	overflow: hidden
}
.in_news .list ul li {
	display: block;
	float: left;
	width: 390px;
	margin-right: 40px
}
.in_news .list ul li a {
	display: block
}
.in_news .list ul li a .thumb {
	width: 390px;
	height: 250px;
	overflow: hidden
}
.in_news .list ul li a .thumb img {
	width: 100%;
	height: 100%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}
.in_news .list ul li a .txt {
	margin-bottom: 70px
}
.in_news .list ul li a .txt b {
	display: block;
	font-size: 16px;
	color: #333;
	height: 58px;
	line-height: 58px;
	overflow: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.in_news .list ul li a .txt p {
	display: block;
	font-size: 14px;
	color: #949494;
	height: 48px;
	line-height: 24px;
	overflow: hidden
}
.in_news .list ul li a span.more {
	display: block;
	width: 127px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #7f7f7f;
	color: #fff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.in_news .list ul li a:hover .thumb img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.in_news .list ul li a:hover .txt b {
	color: #01b6fe
}
.in_news .list ul li a:hover span.more {
	background: #01b6fe
}
.in_clients_list_warp {
	background: #f2f2f2;
	padding: 105px 0 70px;
	margin-top: 10px;
	overflow: hidden
}
#in_clients_list .item {
	width: 1290px;
	overflow: hidden
}
#in_clients_list .item .list {
	float: left;
	width: 218px;
	margin: 0 40px 40px 0
}
#in_clients_list .item .list a {
	display: block;
	width: 218px;
	height: 116px
}
#in_clients_list .item .list img {
	width: 218px;
	height: 116px;
	border: 1px solid #dedede;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}
#in_clients_list .item .list img:hover {
	border-color: #01b6fe
}
#in_clients_list .owl-controls .owl-pagination {
	width: 100%;
	height: 6px;
	text-align: center
}
#in_clients_list .owl-controls .owl-pagination .owl-page {
	display: inline-block;
	width: 50px;
	height: 6px;
	margin: 0 5px
}
#in_clients_list .owl-controls .owl-pagination .owl-page span {
	display: block;
	width: 100%;
	height: 100%;
	background: #b5b5b5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}
#in_clients_list .owl-controls .owl-pagination .owl-page.active span {
	background: #01b6fe
}
footer {
	background:#202020;
	
	line-height: 28px
}
.ft_top {
	padding: 40px 0 30px
}
.ft_nav {
	width: 400px;
	overflow: hidden
}
.ft_nav dl {
	width: 100px;
	float: left
}
.ft_nav dl dt a {
	display: block;
	font-size: 14px;
	color: #b8b8b8;
	 font-size:18px; font-weight:normal;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.ft_nav dl dt a:hover {
	color: #01b6fe
}
.ft_nav dl dd ul {
	margin: 0;
	padding: 0
}
.ft_nav dl dd ul li {
	display: block
}
.ft_nav dl dd ul li a {
	color: #aaa;
	font-size: 14px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.ft_nav dl dd ul li a:hover {
	color: #01b6fe
}
.ft_contact {
	
	width: 550px;
	color: #575656
}
.ft_contact p{color:#aaa; font-size:16px; margin-bottom:5px}
.ft_contact h1{ color:#095fab; font-size:18px; font-weight:bold; margin-bottom:20px}
.ft_contact img{ margin-right:10px}
.ft_contact a {
	color: #aaa;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.ft_contact a:hover {
	color: #01b6fe
}
.ft_copyright {
	border-top:1px solid #2b2b2b;
	
	height: 50px;
	line-height: 50px;
	color: #717171;
	text-align: center;
	font-weight: lighter
}
.ft_copyright a {
	color: #717171;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.ft_copyright a:hover {
	color: #fff
}
.n_banner {
	height: 505px; position:relative; margin-top:-104px
}
.title01 {
	font-size: 30px;
	text-align: center;
	color: #161616;
	font-weight: normal
}
.title01 span {
	display: block;
	font-size: 14px;
	margin-top: 30px
}
.intro_about {
	padding: 60px 0 60px
}
.intro_about .w {
	
}
.intro_about .txt {
	width: 600px;
	font-size: 14px;
	line-height: 36px;
	color: #4d4c4c;
	font-weight: lighter
}
.intro_about .thumb {
	width: 600px
}
.intro_history {
	padding: 60px 0;
	background: url(../img/intro_history_bg.jpg) center center no-repeat
}
.intro_history .des {
	padding-top: 50px
}
.intro_advantage {
	padding: 60px 0
}
.intro_advantage .list {
	overflow: hidden;
	margin-top: 40px
}
.intro_advantage .list ul {
	width: 1275px;
	overflow: hidden
}
.intro_advantage .list ul li {
	display: block;
	float: left;
	width: 400px;
	height: 300px;
	margin: 0 25px 0 0;
	position: relative
}
.intro_advantage .list ul li .ico {
	width: 132px;
	height: 132px;
	line-height: 132px;
	text-align: center;
	font-size: 26px;
	color: #333;
	font-weight: bold;
	background: url(../img/intro_advantage_ico.png) center center no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -66px;
	margin-top: -66px;
	z-index: 2;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.intro_advantage .list ul li .txt {
	width: 400px;
	height: 300px;
	background: rgba(0,0,0,0.8);
	padding: 0 40px;
	font-size: 16px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	display: table;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.intro_advantage .list ul li .txt .des {
	display: table-cell;
	vertical-align: bottom;
	font-family: 'AvantGardeITCbyBT-Book', "Microsoft YaHei";
	color: #fff
}
.intro_advantage .list ul li:hover .ico {
	opacity: 0;
	filter: alpha(opacity=0);
	margin-top: 0px
}
.intro_advantage .list ul li:hover .txt {
	opacity: 1;
	filter: alpha(opacity=100)
}
.intro_advantage .list ul li:hover .txt .des {
	vertical-align: middle
}
.intro_promise {
	background: url(../img/intro_promise.jpg) center top no-repeat;
	padding: 60px 0
}
.intro_promise .title01 {
	color: #fff
}
.intro_promise .title01 span {
	font-size: 18px
}
.intro_promise .list {
	overflow: hidden;
	margin-top: 60px
}
.intro_promise .list ul {
	width: 1384px;
	overflow: hidden
}
.intro_promise .list ul li {
	display: block;
	width: 212px;
	float: left;
	margin: 0 134px 0 0
}
.intro_promise .list ul li .ico {
	width: 100px;
	height: 100px;
	text-align: center;
	line-height: 100px;
	margin: 0 auto;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	border: 1px solid #fff
}
.intro_promise .list ul li .txt {
	text-align: center;
	color: #fff
}
.intro_promise .list ul li .txt b {
	display: block;
	font-size: 16px;
	font-weight: normal;
	line-height: 60px
}
.intro_promise .list ul li .txt p {
	display: block;
	font-size: 14px;
	font-weight: lighter;
	line-height: 30px
}
.intro_strategy {
	padding: 60px 0
}
.intro_strategy .list {
	overflow: hidden;
	margin-top: 60px
}
.intro_strategy .list ul {
	width: 1268px;
	overflow: hidden
}
.intro_strategy .list ul li {
	display: block;
	float: left;
	width: 299px;
	height: 250px;
	margin-right: 18px;
	position: relative
}
.intro_strategy .list ul li .txt {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.74);
	text-align: center;
	color: #fff;
	position: absolute;
	left: 0;
	top: 210px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.intro_strategy .list ul li .txt b {
	height: 40px;
	line-height: 40px;
	font-size: 16px
}
.intro_strategy .list ul li .txt p {
	font-size: 14px;
	line-height: 36px;
	font-weight: lighter
}
.intro_strategy .list ul li:hover .txt {
	top: 0;
	padding: 30px 20px 0
}
.intro_ideal {
	padding: 60px 0 20px;
	margin-bottom: 60px;
	background: url(../img/intro_ideal.jpg) center top no-repeat
}
.intro_ideal .title01 {
	color: #fff
}
.intro_ideal .list {
	overflow: hidden;
	margin-top: 60px;
	padding: 0 40px
}
.intro_ideal .list ul {
	width: 1410px;
	overflow: hidden
}
.intro_ideal .list ul li {
	display: block;
	float: left;
	width: 310px;
	margin: 0 40px;
	font-weight: lighter;
	position: relative
}
.intro_ideal .list ul li .t {
	width: 202px;
	height: 235px;
	margin: 0 auto;
	padding: 30px 0 0;
	background: url(../img/intro_ideal_t_bg.png) 0 0 no-repeat;
	text-align: center
}
.intro_ideal .list ul li .t img {
	margin: 0 auto
}
.intro_ideal .list ul li .t b {
	display: block;
	color: #fff;
	font-size: 16px;
	height: 60px;
	line-height: 60px
}
.intro_ideal .list ul li .t span {
	display: block;
	width: 140px;
	margin: 0 auto;
	text-align: center;
	color: #01b6fe;
	font-size: 14px;
	line-height: 20px
}
.intro_ideal .list ul li .txt {
	width: 100%;
	font-size: 14px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	padding-top: 20px
}
.index_service {
	position: relative
}
.index_service .list {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2
}
.index_service .list .item {
	float: left;
	width: 33.333%;
	height: 100%;
	cursor: pointer;
	background: rgba(51,51,51,0.6);
	position: relative
}
.index_service .list .item:nth-child(2) {
	background: rgba(51,51,51,0.7)
}
.index_service .list .item .info {
	display: block;
	width: 80%;
	text-align: center;
	position: absolute;
	left: 10%;
	top: 50%;
	margin-top: -65px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.index_service .list .item .info .ico img {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.index_service .list .item .info .txt {
	color: #fff
}
.index_service .list .item .info .txt b {
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	font-weight: normal
}
.index_service .list .item .info .txt .des {
	opacity: 0;
	filter: alpha(opacity=0);
	font-size: 14px;
	line-height: 28px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.index_service .list .item .info a.more {
	display: block;
	width: 90px;
	height: 30px;
	line-height: 28px;
	border: 1px solid rgba(255,255,255,0.6);
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin: 20px auto 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.index_service .list .item .info a.more:hover {
	border-color: #01b6fe;
	color: #01b6fe
}
.index_service .list .item:hover .info {
	margin-top: -155px
}
.index_service .list .item:hover .info .ico img {
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg)
}
.index_service .list .item:hover .info .txt b {
	font-weight: bold
}
.index_service .list .item:hover .info .txt .des {
	opacity: .8;
	filter: alpha(opacity=80)
}
.index_service .list .item:hover .info a.more {
	opacity: 1;
	filter: alpha(opacity=100)
}
.job_search {
	width: 570px;
	height: 45px;
	margin: 0 auto;
	padding: 0 20px;
	background: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	top: 243px
}
.job_search .btn01 {
	margin: 0;
	padding: 0;
	float: left;
	width: 500px;
	height: 45px;
	line-height: 45px;
	border: none;
	outline: 0
}
.job_search .btn02 {
	margin: 0;
	padding: 0;
	float: right;
	width: 24px;
	height: 24px;
	line-height: 24px;
	margin-top: 10px;
	border: none;
	outline: 0;
	background: none;
	position: relative
}
.job_search .btn02 span {
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0
}
.job_search .btn02 span.b01 {
	background: url(../img/job_search_btn01.png) 0 0 no-repeat;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.job_search .btn02 span.b02 {
	background: url(../img/job_search_btn02.png) 0 0 no-repeat;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.job_search .btn02:hover span.b01 {
	opacity: 0;
	filter: alpha(opacity=0)
}
.job_search .btn02:hover span.b02 {
	opacity: 1;
	filter: alpha(opacity=100)
}
.sub_nav_job {
	background: #f2f2f2;
	height: 67px
}
.sub_nav_job ul {
	overflow: hidden
}
.sub_nav_job ul li {
	display: block;
	float: left;
	margin: 0 10px
}
.sub_nav_job ul li a {
	display: block;
	padding: 0 15px;
	height: 67px;
	line-height: 67px;
	font-size: 16px;
	color: #171717;
	position: relative
}
.sub_nav_job ul li a::after {
	content: '';
	display: block;
	width: 0;
	height: 3px;
	line-height: 3px;
	font-size: 3px;
	background: #01b6fe;
	position: absolute;
	left: 50%;
	bottom: 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.sub_nav_job ul li a:hover, .sub_nav_job ul li a.cur {
	color: #01b6fe
}
.sub_nav_job ul li a:hover::after, .sub_nav_job ul li a.cur::after {
	width: 100%;
	left: 0
}
.sub_nav_job ul li:first-child {
	margin-left: 0
}

.list_filed {
	margin-bottom: 40px
}
.list_filed a.item {
	display: block
}
.list_filed a.item .thumb {
	overflow: hidden
}
.list_filed a.item .thumb img {
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}
.list_filed a.item .txt {
	padding-left: 10%
}
.list_filed a.item .txt b {
	display: block;
	font-size: 28px;
	color: #333;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.list_filed a.item .txt span {
	display: block;
	font-size: 14px;
	font-family: 'Anton-Regular';
	text-transform: uppercase;
	color: #666;
	line-height: 55px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.list_filed a.item .txt em {
	display: block;
	width: 132px;
	height: 42px;
	border: 1px solid #a7a7a7;
	color: #666;
	line-height: 40px;
	text-align: center;
	font-style: normal;
	font-size: 14px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.list_filed a.item.sec .thumb {
	float: right
}
.list_filed a.item.sec .txt {
	float: left;
	padding-left: 20%
}
.list_filed a.item:hover .thumb img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.list_filed a.item:hover .txt {
	background: #01b6fe
}
.list_filed a.item:hover .txt b, .list_filed a.item:hover .txt span {
	color: #fff
}
.list_filed a.item:hover .txt em {
	border-color: #fff;
	color: #fff
}
.page_content .title {
	padding-top: 30px
}
.page_content .txt {
	padding: 30px 0;
	font-size: 14px;
	line-height: 30px
}
.inner_title01 {
	font-size: 30px;
	text-align: center;
	color: #161616;
	font-weight: normal
}
.inner_title01 span {
	display: block;
	font-size: 14px;
	text-transform: uppercase
}
.list_news { padding:60px 0px; background:#f5f5f5
}
.list_news ul li {
	display: block;
	padding: 20px; background:#fff; margin-bottom:10px
}

.list_news ul li a {
	display: block
}
.list_news ul li a .thumb {
	width: 295px;
	height: 200px;
	overflow: hidden
}
.list_news ul li a .thumb img {
	width: 100%;
	height: 100%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}
.list_news ul li a .txt {
	width: 720px;
	color: #333; margin-left:30px; 
}
.list_news ul li a .date{ width:120px; text-align:center; margin-top:20px}
.list_news ul li a .date h1{ color:#01b6fe; font-size:50px;}
.list_news ul li a .date p{ color:#01b6fe; font-size:24px;}

.list_news ul li a .txt b {
	display: block;
	font-size: 18px;
	color:#333;
	font-weight: normal;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.list_news ul li a .txt p {
	display: block;color:#888; border-right:1px solid #e9e9e9;
	font-size: 14px;
	font-weight: lighter;
	height: 90px;
	line-height: 30px;
	margin: 20px 0;padding-right:40px
}
.list_news ul li a .txt span {
	display: block; color:#ccc; border:1px #ccc solid; padding:5px; border-radius:5px;
	
	
	font-size: 12px;
	font-style: normal; width:95px; text-align:center
	
}
.list_news ul li:hover{ background:#0baded}
.list_news ul li:hover a .txt p{ color:#fff;border-right:1px solid #fff;}
.list_news ul li:hover a .txt b{ color:#fff}
.list_news ul li:hover a .txt span{ color:#fff;border:1px #fff solid;}
.list_news ul li:hover a .date h1{color:#fff}
.list_news ul li:hover a .date p{color:#fff}


.list_news ul li a:hover .thumb img {
	
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.list_news ul li a:hover .txt b {
	
	padding-left: 3px
}
.content_news {
	padding: 30px 0
}
.content_news h1.title {
	font-size: 20px;
	padding-bottom: 10px;
	text-align: center
}
.content_news .info {
	font-size: 12px;
	color: #999;
	border-bottom: 1px solid #ccc;
	height: 40px;
	line-height: 40px;
	text-align: center
}
.content_news .word {
	font-size: 14px;
	line-height: 30px;
	padding: 30px 0
}
.content_news .updown {
	border-top: 1px solid #ccc;
	line-height: 30px;
	padding-top: 30px
}
.list_contact {
	padding: 60px 0
}
.list_contact .list {
	margin-top: 60px
}
.list_contact .list ul {
	width: 1275px;
	overflow: hidden
}
.list_contact .list ul li {
	display: block;
	float: left;
	width: 400px;
	margin: 0 25px 25px 0;
	background: #fafafa;
	padding: 40px 10px 20px
}
.list_contact .list ul li .t {
	display: block;
	border-bottom: 1px solid #eee;
	padding: 0 24px 30px
}
.list_contact .list ul li .t img {
	float: left;
	width: 71px
}
.list_contact .list ul li .t span {
	display: block;
	width: 120px;
	float: right;
	text-align: left;
	font-size: 18px;
	color: #333;
	line-height: 71px;
	font-weight: bold
}
.list_contact .list ul li .txt {
	padding: 20px 24px 0;
	font-size: 14px;
	color: #333;
	line-height: 24px
}
.contact_message {
	padding: 60px 0;
	background: #f5f5f5;
	
}
.contact_message .w {
	margin-top: 60px
}
.contact_message .txt {
	width: 510px
}
.contact_message .txt .list {
	margin-bottom: 20px
}
.contact_message .txt .list .t {
	line-height: 60px;
	font-size: 18px;
	color: #333
}
.contact_message .txt .list .t img {
	margin-right: 30px
}
.contact_message .txt .list .des {
	font-size: 14px;
	color: #333;
	line-height: 28px;
	padding: 20px 0
}
.contact_message .txt .list .des .color {
	color: #01b6fe
}
.contact_message .message_form {
	width: 660px
}
.contact_message .message_form form {
	width: 100%;
	overflow: hidden
}
.contact_message .message_form form .list {
	width: 100%;
	margin: 0 0 10px 0
}
.contact_message .message_form form .list input {
	background: #fff;
	color: #bfbfbf;
	border: 1px solid #dcdcdc;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	padding: 0 30px
}
.contact_message .message_form form .list :-moz-placeholder {
color:#bfbfbf;
opacity:1
}
.contact_message .message_form form .list ::-moz-placeholder {
color:#bfbfbf;
opacity:1
}
.contact_message .message_form form .list input:-ms-input-placeholder {
color:#bfbfbf;
opacity:1
}
.contact_message .message_form form .list input::-webkit-input-placeholder {
color:#bfbfbf;
opacity:1
}
.contact_message .message_form form .list2 {
	width: 100%;
	margin: 0 0 10px 0;
	background: #fff;
	color: #bfbfbf;
	border: 1px solid #dcdcdc;
	font-size: 14px;
	height: 180px;
	line-height: 30px;
	padding: 10px 30px
}
.contact_message .message_form form .list2 :-moz-placeholder {
color:#bfbfbf;
opacity:1
}
.contact_message .message_form form .list2 ::-moz-placeholder {
color:#bfbfbf;
opacity:1
}
.contact_message .message_form form .list2:-ms-input-placeholder {
color:#bfbfbf;
opacity:1
}
.contact_message .message_form form .list2::-webkit-input-placeholder {
color:#bfbfbf;
opacity:1
}
.contact_message .message_form form .submit {
	display: block;
	width: 100%;
	height: 42px;
	line-height: 42px;
	text-align: center;
	background: #01b6fe;
	color: #fff;
	border: none;
	margin: 0 auto;
	font-size: 18px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	
}
.contact_message .message_form form .submit:hover {
	background: #f60;
	color: #fff
}
.ny_menu ul{}
.ny_menu ul li{ list-style:none; float:left}
.ny_menu ul li a{ color:#666; line-height:60px; height:60px; padding:0px 30px; font-size:16px}
.ny_menu ul li:hover{  background:#01b6fe}
.ny_menu ul li:hover a{color:#fff;}
.ny_menu{ background:#fafafa; overflow:hidden}
.ny_menu ul  .active a{color: #fff;}
.ny_menu ul  .active{

	background:#01b6fe;

	

	

}

.sy_ab h1{ color:#01b6fe; font-size:28px; font-weight:normal}
.sy_ab h2{ font-size:16px; color:#888; font-weight:normal}
.sy_ab p{ font-size:16px; text-align:justify; color:#888}
.aboutlist{ background:#f5f5f5; padding:60px 0px; overflow: hidden}
.aboutlist .about_list ul li{ float:left; list-style:none; background:#fff; -moz-box-shadow:0px 4px 20px #fafafa; -webkit-box-shadow:0px 4px 20px #fafafa; box-shadow:0px 4px 20px #fafafa;}
.aboutlist .about_list ul li p{ color:#666; font-size:16px; text-align:center; line-height:50px; height:50px}
.aboutlist .about_list ul li:hover{ background:#01b6fe}
.aboutlist .about_list ul li:hover p{ color:#fff; -webkit-box-shadow:0px 4px 20px #999; box-shadow:0px 4px 20px #999;-moz-box-shadow:0px 4px 20px #999; }
.aboutlist .about_list ul li .abli_img{ width:300px; height:210px}




.list_products{ background:#f5f5f5; padding:60px 0px; overflow:hidden; width:100%}
.list_products ul{ width:100%; padding:0px 6%}

.list_products ul li{ list-style:none; float:left; width:49%; margin:0px 1% 1% 0px; background:#fff;padding:15px;}
.list_products ul li .txt{ width:35%}

.list_products ul li .txt h3{ height:15px; background:#01b6fe; width:3px; position:relative; top:48px}
.list_products ul li .txt b{ font-size:18px; color:#181818;  padding-left:10px; line-height:80px; font-weight:normal; }
.list_products ul li .txt p{ color:#888; font-size:13px; line-height:24px; margin-bottom:50px; text-align:justify}
.list_products ul li .txt span{ border:1px solid #ccc; border-radius:3px; color:#ccc; font-size:12px; padding:5px 15px}
.list_products ul li .thumb{ width:62%; margin-right:3%}
.list_products ul li .thumb img{ width:100%}
.list_products ul li:hover .txt span{ background:#01b6fe; color:#fff;border:1px solid #01b6fe;}
.list_case{ overflow:hidden; padding:60px 0px; background:#f5f5f5}


.list_case ul li{ list-style:none; float:left; width: 33.33%; padding: 0 10px; margin-bottom: 20px; }
.list_case ul li .thumb{ width:100%;  overflow:hidden}
.list_case ul li .thumb img {
	width: 100%;
	cursor: pointer;
	transition: all 0.6s;
}
.list_case ul li .thumb:hover img {
	transform: scale(1.3);
}
.list_case ul li .txt{ background:rgba(0,0,0,0.6); text-align:center; margin-top:-60px; position:relative}
.list_case ul li .txt b{ color:#fff; font-size:16px; height:60px; line-height:60px; font-weight:normal}


.list_honor{ overflow:hidden; padding:60px 0px; background:#f5f5f5}

.list_honor ul li{ list-style:none; float:left; margin-right:18px; background:#e8e8e8; margin-bottom:20px}
.list_honor ul li:nth-child(4n){ margin-right:0px}
.list_honor ul li .thumb{  overflow:hidden; width:299px;  text-align:center; padding:20px 42px; }
.list_honor ul li .thumb img {
	cursor: pointer;
	transition: all 0.6s;
}
.list_honor ul li .thumb:hover img {
	transform: scale(1.3);
}
.list_honor ul li .txt{ background:rgba(0,0,0,0.6); text-align:center; margin-top:-60px; position:relative}
.list_honor ul li .txt b{ color:#fff; font-size:16px; height:60px; line-height:60px; font-weight:normal}

.page_job{ overflow:hidden; padding:60px 0px; background:#f5f5f5}
.page_job ul li{list-style:none; background:#fff; margin:10px 0px; overflow:hidden}
.page_job ul li .thumb{ width:625px; height:283px; overflow:hidden}
.page_job ul li .thumb img {
	cursor: pointer;
	transition: all 0.6s;
}
.page_job ul li:hover .thumb img {
	transform: scale(1.3);
}
.page_job ul li .txt{ width:625px}
.page_job ul li .txt h1{ padding:0px 0px 0px 40px; color:#0068b7; font-size:30px;}
.page_job ul li .txt h3{ width:20px; height:2px; background:#0068b7; margin:15px 0px 15px 40px;}
.page_job ul li .txt h2{ color:#636363; font-size:60px; opacity:0.1; position:relative; line-height:60px;left:520px}
.page_job ul li .txt p{ color:#777; font-size:14px; line-height:24px;padding:0px 40px}
.page_job ul li:hover{ background:#01b6fe}
.page_job ul li:hover .txt h1{ color:#fff}
.page_job ul li:hover .txt h3{background:#fff}
.page_job ul li:hover .txt p{ color:#fff}
.list_job{overflow:hidden; padding:60px 0px; background:#f5f5f5}
.joblist_tit{ background:#01b6fe; padding:20px 0px 20px 40px; overflow:hidden}
.joblist_tit .jobzw{ width:800px; color:#fff; font-size:16px}
.joblist_tit .jobadd{ width:200px;color:#fff; font-size:16px}
.joblist_tit .jobdate{ width:200px;color:#fff; font-size:16px}

.list_job_tab{ background:#fff;}
.list_job_tab dl dt{ overflow: hidden }
.list_job_tab dl dt .jb_tit{ width:800px; color:#666; font-size:14px }
.list_job_tab  dl dt .jb_add{ width:200px;color:#666; font-size:14px}
.list_job_tab dl dt .jb_time{ width:150px;color:#666; font-size:14px}
.list_job_tab dl dd .am-accordion-content h3{ color:#282828; font-size:16px; line-height:50px; font-weight:normal}
.list_job_tab dl dd .am-accordion-content p{ color:#555; font-size:14px; line-height:30px}
.list_job_tab dl dd .am-accordion-content .job_email{ color:#01b6fe; font-size:16px; line-height:30px; margin-top:20px; margin-bottom:10px}
.list_job_tab dl dd .am-accordion-content .job_email a{ color:#01b6fe; font-size:16px; line-height:30px;}

.am-accordion-gapped .am-active .am-accordion-title .jb_tit{ color:#01b6fe; font-weight:bold}
.am-accordion-gapped .am-active .am-accordion-title .jb_add{ color:#01b6fe; font-weight:bold}
.am-accordion-gapped .am-active .am-accordion-title .jb_time{ color:#01b6fe; font-weight:bold}
.con_lxfs h1{ background:url(../img/icon_con.png) no-repeat; padding-left:40px}
.con_form h1{ background:url(../img/icon_form.png) no-repeat; padding-left:40px}
.con_lxfs p img{ float:left; margin-right:10px}
.con_lxfs p{ margin-bottom:10px; color:#777; font-size:16px}
.con_lxfs p b{ color:#a3a3a3; font-size:14px; font-weight:normal}
.con_lxfs h1{ padding-bottom:30px; font-size:24px; color:#555; font-weight:normal; line-height:20px;}
.con_form h1{ padding-bottom:30px; font-size:24px; color:#555; font-weight:normal;line-height:20px;}
.con_lxfs{ margin-bottom:40px;}

#slideshow{position: relative;height: 517px;width: 750px;margin: 0 auto;}
#slideshow a{float: left;display: inline;}
#slideshow .img{position: absolute;width: 750px;height: 517px;overflow: hidden}
#slideshow .img span{position: absolute;width: 19999px;display: block}
#slideshow .btns{z-index: 10;position: absolute;width: 750px}
#slideshow .btns b{position: absolute;width: 100px;display: block;height: 14px;overflow: hidden;top: 275px;left: 50%}
#slideshow .btns b i{ opacity:0;width: 10px;background: #414140;float: left;height: 10px;font-size: 0px;overflow: hidden;cursor: pointer;margin-right: 6px;border: #414140 2px solid;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px}
#slideshow .btns b i: hover{ opacity:0;background: #a7a7a6}
#slideshow .btns b i.on{ opacity:0;background: #3cd2f1;cursor: default}
#slideshow .btns b i.on: hover{ opacity:0;background: #3cd2f1;cursor: default}
#slideshow .btns s{position: absolute;width: 60px;height: 80px;overflow: hidden;top: 215px;cursor: pointer}
#slideshow .btns s i{position: absolute;width: 60px;background: url(../img/btn_slideshow.png);height: 160px;_filter: progid: dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale, src="../images/btn_slideshow.png");_background: none;}
#slideshow .btns s.prev{left: 0px; display:block !important}
#slideshow .btns s.prev i{top: -80px; }
#slideshow .btns s.next{right: 0px;display:block !important}
.slideshow-hover#slideshow .btns s{display: block}
.paging{opacity: 0.7;filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;height: 517px;position: absolute;background: #000;overflow: hidden}
.wtit .info,.wtit .tit{float: left;}
.wtit .info{padding: 35px 0 0 20px;color: #989898;}
.wtit .info span{margin: 0 8px;}

.case_text{ width:480px; padding:20px; background:rgba(0,0,0,0.6); position:relative; top:-150px; left:20px; text-align:left}
.case_text h3{ color:#fff; font-size:18px; margin-bottom:10px; font-weight:normal}
.case_text p{color:#fff; font-size:14px; line-height:24px;}

.sy_case{ margin-top:-100px}
.sy_case .sy_tit{ background:url(../img/case_tit_bg.jpg) no-repeat center; height:190px; text-align:center}
.sy_tit h2{ color:#0068b7; font-size:28px; font-weight:normal; position:relative; top:60px; padding:0px; margin:0px; }
.sy_about .sy_tit{ background:url(../img/about_tit_bg.jpg) no-repeat center; height:190px; text-align:center}
.sy_tit h2{ color:#0068b7; font-size:28px; font-weight:normal; position:relative; top:60px; padding:0px; margin:0px; }

.sy_about{ overflow:hidden; padding-bottom:60px}
.sy_about_pic{ float:left; width:625px;}
.sy_about_pic img{ width:100%}
.sy_about_text{ float:right; width:600px}
.sy_about_text h1{ color:#555; font-size:24px; font-weight:normal; margin-top:50px}
.sy_about_text h2{ background:#bdbdbd; height:1px; width:70px; margin:20px 0px}
.sy_about_text p { color:#888; font-size:16px; line-height:30px}

.sy_about_link{background:rgba(0,104,183,0.8); height:180px; width:280px; position:relative; left:50%; margin-left:-200px; margin-top:-120px; padding:40px;}
.sy_about_link p{ color:#fff;font-size:16px; }
.link_icon{ width:75px; height:33px; background:#fff; margin-left:120px; margin-top:30px}
.link_icon p{ color:#bdbdbd; font-size:30px; line-height:30px; margin-left:35px}
.sy_about_link:hover .link_icon p{ margin-left:40px}

.tabBar{ width:100%; font-family:"Microsoft YaHei"; }	
.tabBar .hd ul{ z-index:5; position:relative;  zoom:1; width:84%; margin:0px 8%; padding-top:30px}	
.tabBar .hd li{ list-style:none; float:left; height:50px; line-height:50px;  padding:0px 16px 0px 16px; margin-right:5px; color:#333333; background:#fff; cursor:pointer; color:#666; font-size:16px}	
.tabBar .hd li.on{ height:50px; line-height:50px; overflow:hidden; margin-top:0px; position:relative;  background:#01b6fe; color:#fff }	
.tabBar .hd li.on span{ font-weight:bold; color:#c00;  }	
.tabBar .bd{  padding:10px 40px 0 40px; clear:both; position:relative;  overflow:hidden;   }	
.tabBar .bd .conWrap{ }	.tabBar .prev,.tabBar .next{ position:absolute;  top:200px; }	
.tabBar .next{ left:10%; margin-top:300px }
.tabBar .prev{ left:8.2%; margin-top:300px}
	.tabBar .prevStop,.tabBar .nextStop{}	
.tabBar .bd p{ padding-bottom:10px  }

.sy_pro_text h1{ color:#5c5c5c; font-size:24px; font-weight:normal; margin:180px 0px 30px 0px; border-left:3px solid #0068b7; padding-left:20px; line-height:20px; }
.sy_pro_text p{ color:#929292; font-size:14px; width:70%}
.sy_pro_text{ width:33%;margin-left:7%}
.sy_pro_pic{ width:53%; margin-right:7%}
.sy_pro_pic img{ width:100%}
.sy_pro_tit{ background:url(../img/sy_pro_bg.jpg) no-repeat; width:42%; height:163px; position:absolute; margin-top:-40px; z-index:999}
.sy_pro_tit h1{ font-size:28px; color:#fff; font-weight:normal;position:relative; margin-left:20%; margin-top:50px; z-index:999}
.sy_pro_tit h2{ font-size:50px; color:#1e79be; position:relative; margin-left:20%; font-weight:bolder; margin-top:-50px}


.sy_pro_list{ background:#f5f5f5; padding:80px 0px 60px 0px; overflow:hidden; top:-100px; position:relative}

.am-form .col01 .checkcode{ width:80%; float:left; background: #fff;
	color: #bfbfbf;
	border: 1px solid #dcdcdc;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	padding: 0 30px}
.am-form .col01{ margin-bottom:10px; overflow:hidden}

.BMap_Marker{ background:url(../img/ditu_icon.png) no-repeat !important; width:73px !important; height:112px !important; top:301px !important; left:413px !important}

#maincontent {background:#000;height:509px;overflow:hidden;position:relative;}
#maincontent div.pict {cursor: default !important;}
#maincontent div.main {position: static;text-align: center;display: block;cursor: pointer !important}
#maincontent .element {display: none;position: absolute !important;}
#maincontent .left {top :200px;left: 0;cursor: pointer;}
#maincontent .right {top: 200px;right: 0;cursor: pointer;}
#maincontent .main .guardian {display: none;height: 0;}
#maincontent .navi {z-index: 9999999;}
div#maincontent div.main{display:none;}div#maincontent div.element{position:absolute !important;}


.js-silder{
	position: relative;	
	min-width: 320px; top:-100px; position:relative; background:#f5f5f5
}
.silder-scroll{
	width: 100%;
	overflow: hidden;
}
.silder-main{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.silder-main-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.silder-main-img img{
	width: 100%;
}
.js-silder-ctrl{
	width: 100%;
	text-align: center;
}
.silder-ctrl-prev,
.silder-ctrl-next{
	position: absolute;
	top: 0;
	width: 8%;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-family: "宋体";
	font-size: 52px;
	font-weight: 600;
	text-shadow: #666 2px 2px 5px;
}
.silder-ctrl-prev{
	left: 0;
	text-align: left;
}
.silder-ctrl-next{
	right: 0;
	text-align: right;
}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
.silder-ctrl-prev>span{
	left: 0;
}
.silder-ctrl-next>span{
	right: 0;
}
.silder-ctrl-con{
	display: inline-block;
	
	
	margin: 0 10px;
	cursor: pointer;
	 position:relative; top:-50px
}
.silder-ctrl-con>span{
	display: block;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	padding: 5px;
	cursor: pointer;
	background-color: #fff;
	width: 10px;
	 border-radius:10px;
	  border:1px solid #fff;
}
.silder-ctrl-con.active>span{
	 border:1px solid #01b6fe;
	  background:none;
	 width: 10px;
	 padding: 5px;
}

@media (max-width: 768px){
	.silder-ctrl-prev,
	.silder-ctrl-next{
		width: 10%;
		font-size: 26px;
		margin-top: -25px;
	}
	.silder-ctrl-con{
		width: 14px;
		height: 14px;
		padding: 0;
		margin: 0 5px;
	}
	.silder-ctrl-con>span{
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		padding: 0;
	}
}