
/*===============
		common
========================================================================================*/
/*inner-wrap*/
.inner-wrap
{
	width:82%;
	margin: 0 auto;
}
.inner-wrap .qg-title-en{
	margin-bottom: 1%;
}
.inner-wrap .qg-title-cn{
	margin-bottom: 3%;
}
/*more*/
.gq-more {
	text-align: center;
}
.gq-more .more {
	background: #f3c415;
	color: #ffffff;
	width: 168px;
	height: 42px;
	line-height: 42px;
	text-decoration: none;
	font-size: 13px;
	letter-spacing: 1px;
	display: inline-block;
	text-align: center;
}
.index-gq-more .gq-more {
	text-align: left;
}
.index-gq-more .gq-more .more {
	border: 1px solid #f3c415;
	background: transparent;
	margin-top: 8%;
}
/*title*/
.qg-title {
}
.qg-title-en {
	font-size: 3.6em;
	font-weight: bold;
	text-transform: capitalize;
	line-height: 4.2rem;
	letter-spacing: -0.02em;
	text-indent: -0.07em;
	margin-bottom: 1%;
}
.qg-title-cn {
	margin-bottom: 10%;
	font-size: 1.2em;
}
/*main-title*/
.main-title{

}
.main-title .qg-title-en {
	font-size: 40px;
	letter-spacing: 15px;
	text-transform: uppercase;
	margin: 0;
}
.main-title .qg-title-cn{
	margin-bottom: 3%;
}
/*main-banner*/
.main-banner
{
	height:80vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
}
.main-banner>img
{
	width: 100%;
}
.qgmainBox
{
	margin-top: 80vh;
	width: 100%;
	background: #ffffff;
}
	/**/
.pageNum {
	clear: both;
	margin: 3% 0;
}
.pageNum_box {
	width: 100%;
	max-width: 75em;
	padding-left: 16px;
	padding-right: 16px;
	margin: auto;
	position: relative;
	text-align: center;
}
.pageNum_box a, .pageNum_box span {
	padding: 7px 12px;
	margin: 0 2px;
	border-radius: 5px;
	color: #636973;
	font-size: 16px;
	display: inline-block;
}
.pageNum_item {
	webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}
.pageNum_link {
	text-decoration: none;
	border: 1px solid transparent;
}
.pageNum_link.active {
	border: 1px solid #ccc;
}
.pageNum_link:hover
{
	border: 1px solid #ccc;
}
/**/
.icon-wx {
	position: relative;
}
.icon-wx div {
	display: none;
	position: absolute;
	bottom: 30px;
	left: -42px;
	width: 120px;
	padding: 10px;
	z-index: 800;
	background: #ffffff;
}
.icon-wx div img {
	width: 100%;
	display: block;
	margin: 0;
}
.icon-wx div p {
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	margin-top: 10px;
}
.icon-wx:hover div {
	display: block;
}
/*===============
		index
========================================================================================*/
/*banner index*/
/* flexslider */
.flexslider { position: relative; overflow: hidden; height: 100%; }
.flexslider .slides { position: relative; z-index: 1; height: 100%; margin: 0; padding: 0 }
.flexslider .slides li { height: 100%; }
.flexslider .slides li img { width: 100%; display: block }
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center; }
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1; }
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; cursor: pointer; }
.flex-control-nav .flex-active { background-position: 0 0; }
.flex-direction-nav li { list-style: none; }
.flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 45%; }
.flex-direction-nav li a { display: block; width: 50px; height: 80px; overflow: hidden; cursor: pointer; position: absolute; -webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; }
.flex-direction-nav li a.flex-prev { left: -100%; background: rgba(0, 0, 0, 0.15) url(../img/arrow-l.png) center center no-repeat; }
.flex-direction-nav li a.flex-next { right: -100%; background: rgba(0, 0, 0, 0.15) url(../img/arrow-r.png) center center no-repeat; }
.flexslider:hover .flex-direction-nav li a.flex-prev {
	left: 0;
}
.flexslider:hover .flex-direction-nav li a.flex-next {
	right: 0;
}
/*产品中心 index*/
.main-product {
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
}


.main-product-div {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
.main-product-items {
	width: 32%;
	display: inline-block;
}
.main-product-items > div {
	width: 200px;
	height:200px;
	text-align: center;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	display: inline-block;
	border: 6px solid #f3c415;
	font-size: 22px;
	position: relative;
}
.main-product-items > div:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	-webkit-transform: scale(0.66); -moz-transform: scale(0.66); -ms-transform: scale(0.66); -o-transform: scale(0.66); transform: scale(0.66);
	opacity: 0;
}

.main-product-items > div .main-product-img
{
	width: 100%;
}

.main-product-items > div .main-product-icon{
	width: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
}
.main-product-items p
{
	font-size: 30px;
	color: rgba(255, 255, 255, 0.88);
	position: relative;
	display: inline-block;
	text-transform: capitalize;
	font-weight: 500;
	margin: 12px;
	letter-spacing: -1px;
}
.main-product-items p span
{
	display: block;
	font-size: 20px;
}
.main-product-items p:after
{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px ;
	background: #ffffff;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}
.main-product-items p:hover:after
{
	width: 100%;
}
/*简介 index*/
.index-brand {
	display: inline-block;
	text-align: left;
}
.index-brand .gq-more {
	text-align: left;
}
/*新闻 index*/
.index-news {
	height: 100%;
	width: 100%;
	background: url(../img/news-bg.jpg) no-repeat center;
	background-size: cover;
}
.index-news > div {
	float: left;
	height: 100%;
	width: 50%;
}
.index-news .index-news-l {
	text-align: center;
}
.index-news-div {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	max-width: 50%;
	/* margin: 0 auto; */
	text-align: left;
	display: inline-block;
}
.index-news-l * {
	/*color: #ffffff;*/
}
.index-news-p {
	font-size: 14px;
	/*max-width: 68%;*/
	line-height: 34px;
	letter-spacing: 1px;
}
.index-news-l .gq-more {
	text-align: left;
	margin-top: 20%;
}
.index-news .index-news-r {
	/*background: rgba(4, 83, 154, 0.44);*/
}
.index-news .index-news-box {
	height: 100%;
}
.index-news-items {
	width: 33.33%;
	display: block;
	padding: 14% 3%;
	float: left;
	height: 100%;
	position: relative;
	cursor: pointer;
	border-right: 1px solid #eeeeee;
}
.index-news-items:first-child {
	border-left: 1px solid #eeeeee;
}
.index-news-items:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: rgba(4, 83, 154, 1);
	z-index: 3;
	border: 1px solid #eeeeee;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}
.index-news-items > div {
	position: relative;
	z-index: 6;
}
.index-news-items * {
	-webkit-transition: all 0.28s;
	-moz-transition: all 0.28s;
	-ms-transition: all 0.28s;
	-o-transition: all 0.28s;
	transition: all 0.28s;
}
.index-news-day {
	font-size: 80px;
	line-height: 60px;
	opacity: 0.28;
	padding-bottom: 42%;
	display: block;
}
.index-news-time {
	font-size: 16px;
	line-height: 33px;
	margin-bottom: 7px;
	text-transform: capitalize;
	opacity: 0.66;
}
.index-news-h3 {
	font-size: 16px;
	line-height: 26px;
	height: 50px;
	overflow: hidden;
	margin-bottom: 6%;
	transition: color 0.3s;
}
.index-news-type {
	font-size: 12px;
	opacity: 0.8;
	line-height: 19px;
	margin-bottom: 4%;
	display: inline-block;
}
.index-news-img {
	margin-bottom: 7%;
}
.index-news-img img {
	width: 100%;
}
.index-news-con{
	height: 100px;
	overflow: hidden;
}
.index-news-con p {
	font-size: 13px;
	line-height: 31px;
	opacity: 0.9;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	letter-spacing: 1px;
}
.index-news-more {
	width: 41px;
	height: 41px;
	background: #333;
	border-radius: 50%;
	float: right;
	margin-top: 12%;
	margin-right: 20px;
	cursor: pointer;
}
.index-news-more span {
	display: block;
	line-height: 2;
	text-indent: 22px;
	position: relative;
	font-size: 13px;
	transition: 0.4s;
	height: 41px;
}
.index-news-more span:before {
	content: "";
	width: 16px;
	height: 16px;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
	background: url(../img/add.png) center no-repeat;
	transition: 0.35s;
}
.index-news-items:hover:before {
	height: 100%;
}
.index-news-items:hover * {
	color: #ffffff;
	opacity: 1;
}
/*联系 index*/
.contact {
	position: relative;
	height: 100%;
	width: 100%;
	background: url("../img/con-bg.jpg") no-repeat center;
	background-size: cover;
}
.contact .qg-title-en {
	margin-bottom: 1%;
}
.contact .qg-title-cn {
	margin-bottom: 2%;
}
.contact-bg {
	z-index: 1;
	position: absolute;
	top: 12.5vh;
	left: 18.75vw;
	bottom: 12.5vh;
	right: -12.5vw;
	overflow: hidden;
	background: rgba(0, 0, 0, .1);
}
.contact-box {
	position: relative;
	top: 46%;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
	margin-left: 12.5vw;
	padding: 0 32px;
	color: #fff;
}
.contact-items {
	display: inline-block;
	vertical-align: top;
	margin-right: 3%;
}
.contact-items h4 {
	font-size: 18px;
	line-height: 100%;
	margin-bottom: 20px;
	color: #f3c415;
	text-transform: uppercase;
}
.contact-items p {
	font-size: 14px;
	line-height: 34px;
	letter-spacing: 0.5px;
	margin: 0;
	color: #ccc;
}
.contact-items img {
	width: 26px;
	margin-right: 10px;
}
.contact-items p span {
	margin-right: 6px;
}
.contact-items p img {
	margin-top: 5px;
}
/*===============
footer
========================================================================================*/

.footer {
	/*background: #f6f6f6;*/
}
.footer .content {
	padding: 60px 0 ;
	width: 80%;
	max-width: 1400px;
	min-width: 1200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	position: relative;
	margin: 0 auto;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.footer .up {
	position: absolute;
	right: 120px;
	top: 24px;
	cursor: pointer;
	background-color: #252525;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	z-index: 8;
}
.footer .content .footer-center {
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	-webkit-flex-grow: 2;
	flex-grow: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding-top: 15px;
}
.footer .content .footer-center a {
	font-size: 16px;
	-webkit-transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
	-o-transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.footer .content .footer-center li {
	position: relative;
	padding-left: 0;
	width: 150px;
}
.footer .content .footer-center li:hover a {
	padding-left: 60px;
}
.footer .content .footer-center li:hover::before {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}
.footer .content .footer-center li::before {
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	left: 0;
	top: 50%;
	height: 2px;
	background-color: #04539a;
	/*opacity: 0.3;*/
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
	-o-transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.footer .content .footer-center li + li {
	margin-top: 30px;
}
.footer .ewm {
	padding-top: 15px;
	width:100px;
}
.footer .ewm p
{
	text-align: center;
	font-size: 13px;
}
.footer .ewm img {
	width: 100%;
}
.footer .ewm + .ewm {
	margin-left: 10px;
}
.footer .content .footer-center ul + ul {
	margin-left: 50px;
}
.footer-logo a {
	font-size: 20px;
	margin-top: 22px;
	position: relative;
	display: block;
	line-height: 40px;
	color: #04539a;
	letter-spacing: 2px;
}
.footer-logo .adder {
	font-size: 16px;
	margin-top: 4px;
}
.footer-logo .adderen {
	font-size: 13px;
	color: #666;
	margin-top: 4px;
	line-height: 24px;
}
.footer-copy{
	text-align: center;
	background: #04539a;
	padding: 20px;
	clear: both;
	color: #ffffff;
	font-size: 12px;
}
.footer-copy a
{
	font-size: 12px;
	color: #ffffff;
	display: inline-block;
	margin-left: 6px;
}
/*===============
		about
========================================================================================*/
.aboutDiv {
	background: #f8f8f8;
	min-width: 1340px;
}
/*发展计划*/
.aboutDiv-plan {
	position: relative;
}
.aboutDiv-plan img {
	width: 100%;
}
.about-deve {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
	left: 10%;
	width: 80%;
	text-align: center;
}
.about-deve .qg-title-cn {
	margin-bottom: 3%;
}
.about-deve * {
	color: #ffffff;
}
.about-deve-box {
	overflow: hidden;
}
.about-deve-items {
	width: 33%;
	float: left;
}
.about-deve-quan {
	position: relative;
	width: 180px;
	height: 180px;
	margin: 0 auto;
	border: 1px solid #ffffff;
	z-index: 2;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
.about-deve-quan:before {
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #04539a;
	z-index: -1;
	opacity: 0;
	-webkit-transition: all 0.48s ease-in-out; -moz-transition: all 0.48s ease-in-out; -ms-transition: all 0.48s ease-in-out; -o-transition: all 0.48s ease-in-out; transition: all 0.48s ease-in-out;
	-webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6);
}
.about-deve-quan img {
	margin: 38px;
	width: 100px;
}
.about-deve-con {
	display: inline-block;
}
.about-deve-con em {
	display: block;
	color: #fff;
	font-size: 22px;
	padding-top: 12px;
}
.about-deve-con span {
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 1px;
	color: #eee;
	margin: 6px 10px 10px;
	display: block;
}
.about-deve-con p {
	color: #ccc;
	font-size: 12px;
	line-height: 24px;
}
.about-deve-items:hover .about-deve-quan {
	border: 1px solid #04539a;
}
.about-deve-items:hover .about-deve-quan:before {
	opacity: 1;
	-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
}
/*数字跳动*/
.aboutDiv-num {
	background: #ffffff;
	overflow: hidden;
	box-shadow: 0 0 10px 1px #eee;
}
.aboutDiv-num-items {
	width: 16%;
	float: left;
	padding: 60px 2%;
	/*box-shadow: 0 0 2px 0.1px #eee;*/
}
.aboutDiv-num-items > div {
	color: #000000;
}
.aboutDiv-num-items p {
	padding-left: 30px;
	font-size: 2vw;
	display: inline-block;
	font-weight: bold;
}
.aboutDiv-num-items span {
	font-size: 13px;
	color: #666;
	display: inline-block;
	position: relative;
	line-height: 24px;
	padding-left: 38px;
	margin-top: 10px;
}
.aboutDiv-num-items span:before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 25px;
	height: 6px;
	background-color: rgb(0, 101, 189);
}
/*简介*/
.aboutDiv-about {
	padding: 5% 0;
}
.aboutDiv-about-con {
	width: 96%;
	margin-left: 4%;
}
.aboutDiv-about-con p {
	text-indent: 2em;
	line-height: 40px;
	color: #666;
	font-size: 13px;
	letter-spacing: 0.2px;
}
/*小视频*/
.owl-theme .owl-controls {
	margin-top: 10px;
	text-align: center;
}
/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {
	color: #fff;
	display: inline-block;
	zoom: 1;
	*display: inline; /*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50); /*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100); /*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}
/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
	*display: inline; /*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50); /*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100); /*IE7 fix*/
	opacity: 1;
}
/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #fff;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
/* preloading images */
.owl-item.loading {
	min-height: 150px;
	/*background: url(AjaxLoader.gif) no-repeat center center*/
}
/*====================================================================================================================*/

/** { margin: 0; padding: 0; list-style-type: none; }*/
.scroll-outer {width: 80%;margin: 0 auto }
#scroll { width: 100%; margin: 0 auto; padding-top: 30px; }
#scroll .item {cursor: pointer; position: relative; width: 230px; height: 230px;border: 2px solid #f3c415; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;; margin: 0 auto; background-color: #fff; overflow: hidden; }
.owl-carousel .item>img
{
	width: 100%;
}
.videoDemo-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(4, 83, 154, 0.5);
}
.videoDemo-bg img {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
	width:42px;
	margin: 0 auto;
}
/*控制器*/
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	/*width: 80%;*/
	/*margin: 0 auto;*/
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	position: relative;
}

.owl-theme .owl-controls .owl-buttons div { position: absolute; top:116px; width: 30px; height: 60px; margin: 0; padding: 0; border-radius: 0; font: 60px/60px "宋体"; background-color: transparent; overflow: hidden; _display: none; }
.owl-theme .owl-controls .owl-buttons .owl-prev { left: -20px; }
.owl-theme .owl-controls .owl-buttons .owl-next { right: -20px;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before { content: "<"; color: #04539a;font-weight: bold;}
.owl-theme .owl-controls .owl-buttons .owl-next:before { content: ">"; color: #04539a;font-weight: bold;}
/*视频详情*/
.aboutDiv-video-box {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: rgba(0, 0, 0, 0.5);
}
.aboutDiv-video-box>span
{
	cursor: pointer;
	position: absolute;
	color: #fff;
	display: block;
	border: 1px solid rgba(255, 255, 255, 0.38);
	top: 10px;
	right: 10px;
	font-size: 12px;
	padding: 4px 12px;
}
.aboutDiv-video-div {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
	padding: 30px;
	width: 56%;
	margin: 0 auto;
	background: #ffffff;
}
.aboutDiv-video-items
{
	display: none;
}
.aboutDiv-video-items video
{
	width: 100%;
}
/*过渡*/
.aboutDiv-gd {
	position: relative;
	height: 480px;
	width: 100%;
}
/*团队*/
.aboutDiv-team {
	text-align: center;
	padding: 5% 0;
}
.aboutDiv-team-box {
	position: relative;
	padding: 6% 0 3%;
}
.aboutDiv-team-items {
	display: inline-block;
	width: 46%;
	position: relative;
}
.aboutDiv-team-items:first-child {
	margin-right: 6%;
}
.aboutDiv-team-items > div {
	display: inline-block;
	/*width: 48%;*/
}
.aboutDiv-team-img {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	width: 38%;
}
.aboutDiv-team-img img {
	position: relative;
	width: 100%;
}
.aboutDiv-team-con {
	padding: 45px 40px 30px 42%;
	border-bottom: 1px solid #ededed;
	text-align: left;
	position: relative;
	background-color: #fff;
	-webkit-box-shadow: 0 0 22px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 22px rgba(0, 0, 0, .1);
	box-shadow: 0 0 22px rgba(0, 0, 0, .1);
}
.aboutDiv-team-con h4 {
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
	color: #343434;
	font-size: 18px;
	font-weight: bold;
}
.aboutDiv-team-con h4:before {
	content: '';
	position: absolute;
	bottom: 5px;
	left: 120%;
	width: 18px;
	height: 2px;
	background: #ffc801;
}
.aboutDiv-team-con p {
	opacity: 0.6;
	line-height: 24px;
	height: 96px;
	overflow: hidden;
}
.aboutDiv-team-icon {
	border-top: 1px solid #eeeeee;
	text-align: right;
}
.aboutDiv-team-icon img {
	width: 60px;
	margin-top: 16px;
}
/*市场预估*/
/*main-about s*/
.main-about {
	width: 100%;
	height: 680px;
	background: url("../img/con-inline.jpg") no-repeat center fixed;
	background-size: cover;
	position: relative;
}
.main-about-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	text-align: right;
}
.main-about-box * {
	color: #ffffff;
}
.main-about-box .main-about-div {
	width: 50%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
.main-about-box .main-title {
	text-align: left;
}
.main-about-box .main-title h2 {
}
.main-about-box .main-title h2:after {
	background: #ffffff;
	left: 31%;
}
.main-about-box .main-more {
}
.main-about-box .main-more .more {
	color: #ffffff;
	border: 1px solid #ffffff;
	background: transparent;
}
.main-about-box .main-more .more:hover {
	background: #01666f;
	color: #ffffff;
	border: 1px solid #01666f;
}
.main-about-box p {
	line-height: 28px;
	max-height: 96px;
	overflow: hidden;
}
.main-about-box p span {
	font-size: 15px;
	font-weight: bold;
}
.main-about-ly {
	margin: 3% auto;
	overflow: hidden;
	padding: 3% 1%;
}
.main-ly-items {
	float: left;
	width: 25%;
	text-align: center;
}
.main-ly-items:last-child {
	margin-right: 0;
}
.main-ly-items img {
	width: 60px;
	display: block;
	margin: 0 auto 12px;
	position: relative;
	top: 0;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}
.main-ly-items span { text-align: center;
	font-size: 13px;
	color: #fff;
}
.main-ly-items:hover img {
	top: -10px;
}
/*解决方案*/
.aboutDiv-problem {
	padding: 4% 0;
}
.aboutDiv-problem-box {
	overflow: hidden;
}
.aboutDiv-problem-items {
	margin: 1%;
	width: 48%;
	float: left;
	background: #04539a;
	padding:3%;
	min-height: 220px;
}
.aboutDiv-problem-items * {
	color: #ffffff;
}
.aboutDiv-problem-con {
	position: relative;
}
.aboutDiv-problem-items em {
	padding-right: 25px;
	font-family: Gotham, sans-serif;
	font-size: 45px;
	font-weight: 100;
	line-height: 45px;
	vertical-align: top;
}
.aboutDiv-problem-items p {
	display: inline-block;
	width: calc(100% - 100px);
	line-height: 32px;
}
.aboutDiv-problem-items p span {
	margin-right: 10px;
	padding-right: 6px;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	font-weight: bold;
	border-right: 1px solid #eeeeee;
}
.aboutDiv-problem-con > span {
	display: inline-block;
	text-transform: capitalize;
	font-size: 13px;
	line-height: 28px;
	border-bottom: 1px solid #eee;
	margin-top: 20px;
	opacity: 0.38;
}
.aboutDiv-problem-items img {
	width: 60px;
	position: absolute;
	bottom: -10px;
	right: 0px;
}
/*===============
		product  产品
========================================================================================*/
.proDiv{
	text-align: center;
	padding: 3% 0;
	margin: 0 auto;
	overflow: hidden;
}
.proDiv .gq-more
{
	text-align: left;
}
.proDiv-box
{
	margin-top: 4%;
}
.proDiv-img
{
	width: 66%;
}
.proDiv-img img
{
	width: 100%;
}
.proDiv-con{
	text-align: left;
}
.proDiv-con h3
{
	font-size: 26px;
	color: #333;
	margin-bottom: 10px;
	margin-top: 0;
	text-transform: uppercase;
}
.proDiv-con h4
{
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 20px;
	letter-spacing: 1px;
	font-weight: 500;
}
.proDiv-con p
{
	font-size: 14px;
	height: 72px;
	line-height: 26px;
	color: #666;
	overflow: hidden;
	margin-bottom: 28px;
	letter-spacing: 1px;
}
.proDiv-con .link:before
{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: #333;
	top: 100%;
	-webkit-transform: scaleY(0.5);
	-moz-transform: scaleY(0.5);
	-ms-transform: scaleY(0.5);
	-o-transform: scaleY(0.5);
	transform: scaleY(0.5);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;

}
.proDiv-view {
	padding-bottom: 80px;
	position: relative;
}
.proDiv-items-box {
}
.proDiv-items-box > div {
	float: left;
	width: 48%;
}
.proDiv-view .proDiv-con
{
	background: #eee;
	position: absolute;
	right: 0;
	width: 50%;
	top: 50%;
	padding: 4% 5%;
	text-align: left;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.proDiv-items:first-child
{
	margin-right: 4%;
}
.proDiv-items .proDiv-img
{
	width: 100%;
}
.proDiv-items .proDiv-img
{
	width: 100%;
}
.proDiv-items .proDiv-con
{
	width: 100%;
	padding: 50px 0 50px;
}

/*===============
		pro-list  产品列表
========================================================================================*/
.proList-div{
	clear: both;
	padding: 50px 10%;
	margin: 50px 0 6%;
	background: #b3b3b3;
}

.proList-div>div
{
	display: inline-block;

}
.proList-div-con
{
	width: 50%;
	text-align: left;
}
.proList-div-con h3
{
	color: #fff;
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 22px;
	position: relative;
	font-weight: 500;
}
.proList-div-con h3:before
{
	content: "";
	position: absolute;
	top: 10px;
	left: -52px;
	width: 38px;
	height: 3px;
	background: #fff;
	display: block;
	float: left;
}
.proList-div-form
{
	float: right;
	width: 40%;
	text-align: right;
}
.proList-div-form form{
	margin-top: 10px;
}
.proList-div-form span
{
	color: #fff;
	font-size: 15px;
	display: inline-block;
	width: 20%;
	letter-spacing: 2px;
	text-align: left;
}
.proList-div-form form div
{
	position: relative;
	display: inline-block;
	width: 50%;
}

.proList-div-form input
{
	border: 1px solid #eee;
	height: 38px;
	line-height: 38px;
	cursor: pointer;
	width: 100%;
	padding: 12px;
	font-size: 13px;
}
.proList-div-form .proList-div-btn
{
	position: absolute;
	right: 0;
	top: 0;
	background: url(../img/search.png) no-repeat center;
	background-size: 20px;
	width: 40px;
	border: 0;
}
/**/
.proList {
	padding: 3% 0 0;
	margin: 0 auto;
	overflow: hidden;
}
.proList .qg-title
{
	text-align: center;
}
.proList-box {
	overflow: hidden;
}
.proList-items {
	display: block;
	float: left;
	width: 32%;
	margin-bottom: 2%;
	margin-right: 2%;
	position: relative;
}
.proList-items:nth-child(3n) {
	margin-right: 0;
}
.proList-img {
	width: 100%;
	overflow: hidden;
}
.proList-img img {
	width: 100%;
	-webkit-transition: all 0.48s ease-in-out; -moz-transition: all 0.48s ease-in-out; -ms-transition: all 0.48s ease-in-out; -o-transition: all 0.48s ease-in-out; transition: all 0.48s ease-in-out;
}
.proList-name
{
	position: absolute;
	bottom: 0;
	
	left: 0;
	width: 100%;
	color: #ffffff;
	padding: 10px 20px;
	background: #04539A;
	font-size: 16px;
	-webkit-transition: all 0.48s ease-in-out; -moz-transition: all 0.48s ease-in-out; -ms-transition: all 0.48s ease-in-out; -o-transition: all 0.48s ease-in-out; transition: all 0.48s ease-in-out;
}
.proList-items:hover .proList-img 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);
}
.proList-items:hover .proList-name
{
	width: 100%;
}
/*===============
		pro-con  产品详情
========================================================================================*/
.proCon {
	background: #f6f6f6;
	text-align: center;
	padding: 3% 0;
}
.proCon-box {
	background: #fff;
	text-align: center;
	padding: 3% 0;
	margin: 50px 0;
}
.proCon-view {
	width: 82%;
	margin: 0 auto;
	overflow: hidden;
}
.proCon-view > div {
	width: 49%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
}
.proCon-img {
	width: 50%;
}
.proCon-con {
	text-align: left;
	padding-left: 8%;
}
.proCon-con h3 {
	font-size: 22px;
	margin: 15px 0 18px 2px;
	font-weight: 500;

}
.proCon-con>p {
	color: #666;
	line-height: 1.8;
	margin-bottom: 25px;
}
.proCon-con ul {
	border-top: 1px solid #eee;
	padding: 12px;
	overflow: hidden;
}
.proCon-con ul li {
	float: left;
	width: 49%;
	line-height: 42px;
	list-style: square;
	margin-left: 1%;
	color: #04539a;
}
.proCon-con ul li p {
}
/**/
.proCon-div{
	width: 82%;
	margin: 0 auto;
	overflow: hidden;
	padding: 3% 0;
}
.proCon-div>div
{
	float: left;
	background: #ffffff;
}
.proCon-div-l
{
	width:72%;
	padding: 30px;
	text-align: left;
}
.proCon-div-ul
{
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 30px;
}
.proCon-div-ul li
{
	display: inline-block;

	padding: 20px;
}
.proCon-div-ul li.active
{
	border-bottom: 2px solid #04539a;
}
.proCon-div-ul li a
{
	color: #5a5a5a;
	font-size: 16px;
}
.proCon-div-tr{
	display: none;
	text-align: center;
}
.proCon-div-tr:first-child
{
	display: block;
}
.proCon-div-tr h6
{
	font-size: 20px;
	line-height: 42px;
	margin: 10px;
	font-weight: 500;
}
.proCon-div-tr >img{
	width: 100%;
	margin: 20px 0;
}
.proCon-div-tr div img
{
	width: 30%;
	margin: 1%;
}
.proCon-div-tr ul
{
	padding: 12px;
	overflow: hidden;
	text-align: left;
}
.proCon-div-tr ul li
{
	float: left;
	width: 49%;
	line-height: 42px;
	list-style: square;
	margin-left: 1%;
	color: #04539a;
}
.proCon-div-r
{
	width: 25%;
	margin-left: 3%;
	padding: 30px;
}
.proCon-div-r h1
{
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 15px;
	text-align: left;
}
.proCon-div-rbox{
	margin-bottom: 30px;
	border-bottom: 1px solid #Eee;
	padding-bottom: 12px;
}
.proCon-div-rbox div{
	overflow: hidden;
}
.proCon-div-rbox img
{
	width: 100%;
	-webkit-transition: all 0.48s ease-in-out; -moz-transition: all 0.48s ease-in-out; -ms-transition: all 0.48s ease-in-out; -o-transition: all 0.48s ease-in-out; transition: all 0.48s ease-in-out;
}
.proCon-div-rbox p{
	line-height: 42px;

}
.proCon-div-rbox: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);
}
/**/

.pgwSlideshow { width: 100%; display: none }
.pgwSlideshow a { color: #fff }
.pgwSlideshow .ps-current { text-align: center; position: relative; min-height: 150px; overflow: hidden }
.pgwSlideshow .ps-current > ul > li { text-align: center; width: 100%; z-index: 1; opacity: 0; display: block }
.pgwSlideshow .ps-current > ul > li img { display: block; max-width: 88%; margin: auto }
.pgwSlideshow .ps-caption { background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')"; text-align: left; font-size: 1rem; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px; display: none }
.pgwSlideshow .ps-caption span { padding: 7px; display: inline-block }
.pgwSlideshow .ps-list { border-top: 1px solid #eee; box-shadow: 0 10px 10px -5px #eee inset; overflow: hidden; position: relative; margin-top: 20px; }
.pgwSlideshow .ps-list ul { position: relative; list-style: none; margin: 0; padding: 0; left: 0 }
.pgwSlideshow .ps-list li { float: left }
.pgwSlideshow .ps-list li .ps-item { display: block; margin: 15px 6px; opacity: .6; filter: alpha(opacity=60) }
.pgwSlideshow .ps-list li img { display: block;
	border: 2px solid #04539a;
	width: 80px; }
.pgwSlideshow .ps-list li .ps-item.ps-selected { float: left; opacity: 1; border: 4px solid #fff; overflow: hidden }
.pgwSlideshow .ps-list li .ps-item.ps-selected img { margin: -4px }
.pgwSlideshow .ps-prevIcon { border-color: transparent #fff transparent; border-style: solid; border-width: 10px 10px 10px 0; display: block }
.pgwSlideshow .ps-nextIcon { border-color: transparent #fff transparent; border-style: solid; border-width: 10px 0 10px 10px; display: block }
.pgwSlideshow .ps-current .ps-prev { background: rgba(222, 222, 222, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')"; border: 1px solid #dcdcdc; border-right: 0; border-radius: 4px 0 0 4px; position: absolute; padding: 16px 16px 16px 10px; left: 0; top: 45%; cursor: pointer }
.pgwSlideshow .ps-current .ps-next { background: rgba(222, 222, 222, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')"; border: 1px solid #dcdcdc; border-left: 0; border-radius: 0 4px 4px 0; position: absolute; padding: 16px 10px 16px 16px;right: 0; top: 45%; cursor: pointer }
.pgwSlideshow .ps-list .ps-prev { background: rgba(222, 222, 222, 1); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#bb000000', endColorstr='#bb000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')"; border: 1px solid #dcdcdc; border-left: 0; border-radius:4px 0 0 4px; padding:20px 18px; cursor: pointer; position: absolute; left: 0; top: 0; z-index: 1000; display: none }
.pgwSlideshow .ps-list .ps-next { background: rgba(222, 222, 222, 1); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#bb000000', endColorstr='#bb000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')"; border: 1px solid #dcdcdc; border-right: 0; border-radius:  0 4px 4px 0; padding: 20px 18px; cursor: pointer; position: absolute; right: 0; top: 0; z-index: 1000; display: none }
.pgwSlideshow.narrow .ps-list li img { width: 60px; height: 60px }
.pgwSlideshow.narrow .ps-current .ps-prev { padding: 15px 15px 15px 12px; top: 40% }
.pgwSlideshow.narrow .ps-current .ps-next { padding: 15px 12px 15px 15px; top: 40% }
.pgwSlideshow.narrow .ps-list .ps-prev { padding: 15px 12px 15px 10px; top: 20px }
.pgwSlideshow.narrow .ps-list .ps-next { padding: 15px 10px 15px 12px; top: 20px }
.pgwSlideshow.narrow .ps-caption { font-size: .8rem; padding: 8px }
.pgwSlideshowLight { width: 100%; background: #ddd; display: none }
.pgwSlideshowLight a { color: #fff }
.pgwSlideshowLight .ps-current { text-align: center; position: relative; min-height: 150px; overflow: hidden }
.pgwSlideshowLight .ps-current > ul > li { text-align: center; width: 100%; z-index: 1; opacity: 0; display: block }
.pgwSlideshowLight .ps-current > ul > li img { display: block; max-width: 100%; margin: auto }
.pgwSlideshowLight .ps-caption { background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')"; text-align: left; font-size: 1rem; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px; display: none }
.pgwSlideshowLight .ps-caption span { padding: 7px; display: inline-block }
.pgwSlideshowLight .ps-list { border-top: 1px solid #aaa; box-shadow: 0 10px 10px -5px #999 inset; background: #ddd; overflow: hidden; position: relative }
.pgwSlideshowLight .ps-list ul { position: relative; list-style: none; margin: 0; padding: 0; left: 0 }
.pgwSlideshowLight .ps-list li { float: left }
.pgwSlideshowLight .ps-list li .ps-item { display: block; margin: 15px 8px; opacity: .6; filter: alpha(opacity=60) }
.pgwSlideshowLight .ps-list li img { display: block; border: 1px solid #aaa; width: 80px; height: 80px }
.pgwSlideshowLight .ps-list li .ps-item.ps-selected { float: left; opacity: 1; border: 4px solid #fff; overflow: hidden }
.pgwSlideshowLight .ps-list li .ps-item.ps-selected img { margin: -4px }
.pgwSlideshowLight .ps-prevIcon { border-color: transparent #fff transparent; border-style: solid; border-width: 10px 10px 10px 0; display: block }
.pgwSlideshowLight .ps-nextIcon { border-color: transparent #fff transparent; border-style: solid; border-width: 10px 0 10px 10px; display: block }
.pgwSlideshowLight .ps-current .ps-prev { background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')"; border: 1px solid #777; border-left: 0; border-radius: 0 4px 4px 0; position: absolute; padding: 20px 20px 20px 15px; left: 0; top: 45%; cursor: pointer }
.pgwSlideshowLight .ps-current .ps-next { background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')"; border: 1px solid #777; border-right: 0; border-radius: 4px 0 0 4px; position: absolute; padding: 20px 15px 20px 20px; right: 0; top: 45%; cursor: pointer }
.pgwSlideshowLight .ps-list .ps-prev { background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#bb000000', endColorstr='#bb000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')"; border: 1px solid #777; border-left: 0; border-radius: 0 4px 4px 0; padding: 20px 15px 20px 12px; cursor: pointer; position: absolute; left: 0; top: 25px; z-index: 1000; display: none }
.pgwSlideshowLight .ps-list .ps-next { background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#bb000000', endColorstr='#bb000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')"; border: 1px solid #777; border-right: 0; border-radius: 4px 0 0 4px; padding: 20px 12px 20px 15px; cursor: pointer; position: absolute; right: 0; top: 25px; z-index: 1000; display: none }
.pgwSlideshowLight.narrow .ps-list li img { width: 60px; height: 60px }
.pgwSlideshowLight.narrow .ps-current .ps-prev { padding: 15px 15px 15px 12px; top: 40% }
.pgwSlideshowLight.narrow .ps-current .ps-next { padding: 15px 12px 15px 15px; top: 40% }
.pgwSlideshowLight.narrow .ps-list .ps-prev { padding: 15px 12px 15px 10px; top: 20px }
.pgwSlideshowLight.narrow .ps-list .ps-next { padding: 15px 10px 15px 12px; top: 20px }
.pgwSlideshowLight.narrow .ps-caption { font-size: .8rem; padding: 8px }
/*===============
		join   人才招聘
========================================================================================*/
.join {
	text-align: center;
}
.join-box {
	overflow: hidden;
	text-align: center;
	padding: 50px 25px 25px;
	background-color: #fff;
	-webkit-box-shadow: 2px 15px 38px rgba(0, 0, 0, .05);
	-moz-box-shadow: 2px 15px 38px rgba(0, 0, 0, .05);
	box-shadow: 2px 15px 38px rgba(0, 0, 0, .05);
}
.join-items {
	width: 31%;
	margin: 1%;
	float: left;
	position: relative;
}
.join-items .gq-more {
	position: absolute;
	right: 0;
	bottom: 0;
}
.join-items .gq-more .more {
	width: 120px;
	height: 36px;
	line-height: 36px;
}
.join-title {
	background: #04539a;
	padding: 20px;
	text-align: left;
}
.join-title h1, .join-title span {
	color: #ffffff;
	font-weight: 500;
	vertical-align: middle;
}
.join-title h1 {
	font-size: 18px;
	letter-spacing: 1px;
}
.join-title span {
	float: right;
	position: relative;
	top: 4px;
}
.join-con {
	padding: 30px;
	text-align: left;


	background: #f8f8f8;
}
.join-con span {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 10px;
}
.join-con-p
{
	height: 200px;
	margin-bottom: 28px;
	overflow: hidden;
}
.join-con p {
	line-height: 28px;
	font-size: 13px;
	color: #666;
}
/**/
.join-idea-box {
	overflow: hidden;
	margin-bottom: 5%;
	padding: 4%;
	-webkit-box-shadow: 1px 8px 38px rgba(0, 0, 0, .05);
	-moz-box-shadow: 1px 8px 38px rgba(0, 0, 0, .05);
	box-shadow: 1px 8px 38px rgba(0, 0, 0, .05);
}
.join-idea-con {
	width: 66%;
	margin: 0 auto;
}
.join-idea-con p {
	line-height: 36px;
	color: #666;
	font-size: 13px;
	letter-spacing: 1px;
}
.join-idea-div {
	width: 66%;
	margin:3% auto;
}
.join-idea-items
{
	width: 33.33%;
	float: left;
	border-right: 1px solid #dddddd;
	padding: 12px;
}
.join-idea-items:first-child
{
	border-left: 1px solid  #dddddd;
}
.join-idea-items img
{
	width: 60px;
}
.join-idea-items span
{
	display: block;
	text-transform: uppercase;
	line-height: 30px;
	font-size: 13px;
	letter-spacing: 3px;
}
.join-idea-items p
{
	color: #666;
	font-size: 13px;
}
/*招聘详情*/
/*div-a*/
.join-div-a
{
	z-index: 99999;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.6);
}
.join-div-a>span
{
	cursor: pointer;
	float: right;
	margin: 20px;
	color: #fff;
	display: block;
	border: 1px solid rgba(255, 255, 255, 0.38);
	font-size: 12px;
	padding: 4px 12px;
}
.div-a {
	display: none;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
	left: 50%;
	margin-left: -330px;
	width: 600px;
	border-radius: 6px;
	background: #fff;
	padding: 30px 30px 34px;
	overflow: hidden;
	z-index: 1000;
	text-align: left;
}
.div-a .a-top {
	width: 100%;
	height: 44px;
	border-bottom: 1px solid #f1f1f1;
}
.a-cls {
	position: absolute;
	width: 39px;
	height: 39px;
	background: url("../img/cls.png");
	right: 2px;
	top: 2px;
}
.div-a .a-top span {
	color: #333;
	font-weight: bold;
	font-size: 20px;
	float: left;
	margin-right: 20px;
	line-height: 36px;
}
.div-a .a-top span label{
	font-size: 17px;
}
.div-a .a-top .a-span {
	font-size: 16px;
	color: #666;
	font-weight: normal;
	line-height: 20px;
	padding-top: 10px;
}
.div-a .a-top i {
	font-style: normal;
	float: right;
	color: #999;
	line-height: 40px;
}
.div-a .a-middle {
	width: 100%;
	line-height: 30px;
	font-size: 14px;
	padding: 8% 10px;
	position: relative;
}
.div-a .a-middle p.bold{
	font-weight: bold;
}
.div-a .a-middle em
{
	font-weight: bold;
	font-size: 16px;
	margin-top: 3%;
	display: -webkit-box;
	font-style: inherit;

}
.div-a .a-middle a
{
	color: #04539a;
	font-size: 18px;
	text-decoration: underline;
}
.div-a .a-inline {
	position: absolute;
	width: 122px;
	height: 36px;
	font-size: 15px;
	color: #fff;
	display: block;
	background: #008cd6;
	border-radius: 18px;
	right: 30px;
	bottom: 30px;
	text-align: center;
	line-height: 36px;
	transition-duration: 300ms;
}
/*===============
		contact  联系我们
========================================================================================*/
.conDiv-mess {
	text-align: center;
	background: #fff;
	padding: 3% 0;
	width: 66%;
	margin: 0 auto;
	overflow: hidden;
}
.conDiv-mess-box {
	margin: 6% 0 4%;
}
.conDiv-mess-fw {
	text-align: left;
	clear: both;
}
.conDiv-mess-l, .conDiv-mess-r {

}
.conDiv-mess-l
{
	float: left;
	width: 40%;
}
.conDiv-mess-r
{
	float: right;
	width:52%
}
.conDiv-mess-l img {
	width:500px;
}
.conDiv-mess-r{
	text-align: center;
}

.conDiv-mess-r>div{
	display: inline-block;
	text-align: left;
	position: relative;
}
.conDiv-mess-r>div>div
{
	display: inline-block;
	text-align: center;
	margin: 20px;
}
.conDiv-mess-r div div img {
	width: 120px;
	display: block;
	border: 1px solid #eee;
	padding: 6px;
}
.conDiv-mess-r div div span
{
	font-size: 13px;
	color: #999;
	line-height: 28px;
}
.conDiv-mess-r h4
{
	font-size: 19px;
	margin-bottom: 20px;
	letter-spacing: 1px;
}
.conDiv-mess-r p
{
	font-size: 15px;
	line-height: 42px;
}
.conDiv-mess-r p img
{
	width: 30px;
	margin-right: 8px;
}
.conDiv-mess-r p span
{
	color: #666;
	margin-right: 10px;
}

.conDiv-mess-box .contact-ewm {
	width: 100px;
}
/**/
.conDiv-gd {
	height: 66vh;
	width: 100%;
}
/**/
.conDiv-inline {
	position: relative;
	padding-bottom: 10%;
}
.conDiv-inline .gq-more {
	text-align: left;
	margin: 6% 0 0;
}
.conDiv-inline .qg-title-cn {
	margin-bottom: 5%;
}
.conDiv-inline:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 42%;
	background: url(../img/9.jpg) no-repeat center fixed;
	background-size: cover;
}
.conDiv-box {
	width: 50%;
	margin-left: 10%;
	background-color: #fff;
	padding: 6% 6% 4%;
	position: relative;
	z-index: 3;
}
.conDiv-p {
}
.conDiv-p p {
	line-height: 42px;
	font-size: 13px;
	color: #000;
	letter-spacing: 1px;
}
.conDiv-input {
	padding: 10px;
	border: 1px solid #eeeeee;
	margin-bottom: 10px;
}
.conDiv-box input, .conDiv-box textarea {
	width: 80%;
}
.conDiv-box input::-webkit-input-placeholder {
	color: #bfbfbf !important;
}
.conDiv-box textarea::-webkit-input-placeholder {
	color: #bfbfbf !important;
}
.conDiv-box input {
	height: 50px;
	line-height: 50px;
	padding-left: 12px;
}
.conDiv-box textarea {
	padding: 0 12px;
	height: 120px;
}
.conDiv-name {
	display: inline-block;
}
.conDiv-input:last-of-type .conDiv-name {
}
.conDiv-name img {
}
.conDiv-name span {
	padding: 0 0 0 10px;
	font-size: 20px;
	letter-spacing: 3px;
	font-weight: bold;
	font-family: 宋体;
	color: #333;
	vertical-align: middle;
}

/*===============
		news  新闻
========================================================================================*/
.news {
	text-align: center;
	padding: 3% 0;
}
.news-view {
	width: 82%;
	margin: 0 auto;
}
.news-view-box {
	display: block;
	overflow: hidden;
	margin-bottom: 25px;
	padding: 30px 35px 30px 25px;
	-webkit-box-shadow: 1px 8px 38px rgba(0, 0, 0, .05);
	-moz-box-shadow: 1px 8px 38px rgba(0, 0, 0, .05);
	box-shadow: 1px 8px 38px rgba(0, 0, 0, .05);
}
.news-view-box > div {
	float: left;
}
.news-img {
	width: 46%;
	-webkit-box-shadow: 1px 8px 38px rgba(0, 0, 0, .05);
	-moz-box-shadow: 1px 8px 38px rgba(0, 0, 0, .05);
	box-shadow: 1px 8px 38px rgba(0, 0, 0, .05);
}
.news-img img {
	width: 100%;
}
.news-con {
	padding-left: 60px;
	padding-top: 20px;
	width: 50%;
}
.news-con h3 {
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 25px;
	font-size: 18px;
	font-weight: bold;
	color: #f3c415;
	text-align: left;
}
.news-con h3:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 18px;
	height: 2px;
	background: #f3c415;
}
.news-con .news-time {
	display: block;
	text-align: left;
	color: #666666;
}
.news-con .news-time img {
	vertical-align: middle;
}
.news-con .news-view-p {
	margin: 35px 0;
	height: 100px;
	overflow: hidden;
}
.news-con .news-view-p p {
	text-align: left;
	line-height: 24px;
	color: rgba(52, 52, 52, 0.6);
	display: -webkit-box;
	-webkit-line-clamp: 4;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}
.news-con .gq-more {
	overflow: hidden;
	padding-top: 35px;
	text-align: right;
	border-top: 1px solid #f1f1f1;
}
.news-con .gq-more a {
	position: relative;
	display: inline-block;
	width: 145px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-radius: 3px;
	background-color: #ffc801;
	box-shadow: 0 0 22px rgba(0, 0, 0, .1);
	-webkit-transition: all ease .4s;
	transition: all ease .4s;
}

/**/



.news-box {
	width: 82%;
	margin: 0 auto;
	padding: 80px 25px 25px;
	background-color: #fff;
	-webkit-box-shadow: 2px 15px 38px rgba(0, 0, 0, .05);
	-moz-box-shadow: 2px 15px 38px rgba(0, 0, 0, .05);
	box-shadow: 2px 15px 38px rgba(0, 0, 0, .05);
	overflow: hidden;
}
.news-items-box {
	overflow: hidden;
	padding: 20px;
}
.news-items-box > div {
	float: left;
}
.news-items {
	float: left;
	width: 48.8%;
	margin-bottom: 75px;
	-webkit-box-shadow: 1px 7px 20px rgba(0, 0, 0, .05);
	-moz-box-shadow: 1px 7px 20px rgba(0, 0, 0, .05);
	box-shadow: 1px 7px 20px rgba(0, 0, 0, .05);
	-webkit-transition: all ease .4s;
	transition: all ease .4s;
}
.news-items:nth-child(2n) {
	float: right;
}
.news-items .news-con {
	padding-left: 24px;
	padding-top: 10px;
}
.news-items .news-view-p {
	margin: 8% 0 0;
}
.news-items .news-view-p p {
	-webkit-line-clamp: 4;
}
.news-items h4 {
	margin-bottom: 6%;
	font-size: 16px;
	color: #343434;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news-items-more {
	border-top: 1px solid #eeeeee;
	padding: 3.2%;
	text-align: left;
	position: relative;
}
.news-items-btn {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 25px;
	margin-top: -16px;
	width: 33px;
	height: 33px;
	border-radius: 100%;
	background: #ffc801 url(../img/more_btn.png) no-repeat center;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .15);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .15);
}
.news-items:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}
/*===============
		news-con  新闻详情
========================================================================================*/
.news-deatils{
	text-align: center;
	padding: 3% 0;

}
.news-deatils .news-deatils-box{
	width: 82%;
	margin: 0 auto 40px;
	padding: 65px 85px 60px 80px;
	background-color: #fff;
	-webkit-box-shadow: 2px 15px 38px rgba(0,0,0,.05);
	-moz-box-shadow: 2px 15px 38px rgba(0,0,0,.05);
	box-shadow: 2px 15px 38px rgba(0,0,0,.05);
}
.news-deatils-box  h2
{
	font-size: 20px;
	font-weight: 500;
	line-height: 42px;
	border-bottom: 1px solid #eee;
	padding: 10px;
	margin-bottom: 10px;
	letter-spacing: 0.2px;
}
.news-deatils-box>p
{
	line-height: 28px;
	color: #999;
	font-size: 13px;
}
.news-deatils-box>p span
{
	font-size: 12px;
	margin-left: 10px;
}
.news-deatils-p
{
	margin-top: 4%;
	text-align: left;
}
.news-deatils-p p
{
	color: #666666;
	line-height: 36px;
}
.news-deatils-p img
{
	max-width: 100%;
}
.news-deatils-img{
	text-align: center;
	margin: 20px 0;
}

.news-deatils-img img
{
	max-width:30%;
	margin: 20px;
}
.news-deatils .gq-more{
	margin-top: 5%;
	text-align: center;
}

