@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html, body {
	width: 100%;
	font-family: '微软雅黑';
	font-size: 14px;
}
img {
	border: none;
	max-width: 100%;
	text-align-last: center;
	vertical-align: middle;
	display: block;
}
#map span {
	overflow: inherit;
}
#map img {
	max-width: none;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #0062b3;
	text-decoration: none;
}
ul {
	list-style: none;
}
li {
	list-style-type : none;
}
.clear {
	clear: both;
	float: none!important;
	background: none;
	width: 0 !important;
	height: 0 !important;
}
.clearfix {
	clear: both;
}
.w1200 {
	max-width: 1200px;
	margin: 0 auto;
	width: 90%;
}
.w90 {
	margin: 0 auto;
	width: 90%;
}
.span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.fl {
	float: left;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
}
tr {
	border: 1px solid black!important;
}
td {
	border: 1px solid black!important;
}
.banner_sy .swiper-pagination-bullet:only-child {
	display: inline-block!important;
}
.banner_sy .swiper-container {
	width: 100%;
	height: 100%;
}
.banner_sy .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	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;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-pagination_banner {
	width: 100%;
	text-align: center!important;
}
.banner_sy span {
	display: inline-block!important;
}
.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.header {
	z-index: 99;
	position: fixed;
	transition: all .5s;
	background: #fff;
	width: 100%;
	top: 0;
	left: auto;
}
.top {
	background-image: linear-gradient(to bottom, #058eff, #0062b3);
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	color: rgba(255,255,255,.7);
}
.top p {
	float: left;
	display: table;
	font-weight: bold;
}
.top span {
	float: right;
	display: block;
}
.top em {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
.nav {
}
.nav .logo {
	padding: 28px 0;
	float: left;
	margin: 0 0 0 0px;
	width: 35%;
}
.nav .logo img {
}
.nav .nav_ul {
	float: right;
	width: 60%;
	margin: 0 0px 0 0;
}
.nav .nav_ul > li {
	float: left;
	position: relative;
	width: calc(100% / 6);
}
.nav .nav_ul > li > a {
	font-size: 16px;
	text-align: center;
	transition: all .5s;
	display: block;
	line-height: 48px;
	margin: 26px 0;
	border-radius: 15px 0 15px 0;
}
.nav .nav_ul > li > a:hover {
	color: #fff;
	background: #0062b3;
}
.nav .nav_ul > li a.en {
	padding: 8px;
	background: #0062b3;
	display: block;
	line-height: normal;
	margin: 31px 0;
	border-radius: 20px;
	color: #fff;
}
.nav .nav_ul h2 {
	color: #000;
}
.nav .nav_ul .nav_ul2 {
	position: absolute;
	right: -50%;
	top: 100px;
	display: none;
z-index: 999;
	transition: all .5s;
	border-top: 1px #efefef solid;
	background: rgba(255,255,255,0.9);
	width: 400px;
	padding: 30px;
}
.nav .nav_ul .nav_ul2 .nav_name {
	max-width: 36%;
	float: left;
	position: relative;
}
.nav .nav_ul .nav_ul2 .nav_name h2 {
	font-size: 20px;
	font-weight: bold;
	color: #222;
	padding-bottom: 8px;
}
.nav .nav_ul .nav_ul2 .nav_name span {
	font-size: 12px !important;
}
.nav .nav_ul .nav_ul2 .nav_name::after {
	content: "";
	position: absolute;
	bottom: -20px;
	width: 20px;
	height: 2px;
	background: #0062b3;
}
.nav .nav_ul .nav_ul2 .nav_li2 {
	width: 60%;
	float: right;
}
.nav .nav_ul .nav_ul2 .nav_li2 a {
	display: block;
	width: 100%;
	line-height:32px;
	text-align: center;
	color: #333;
	border: 1px solid #333;
	margin: 0 0 20px 0;
}
.nav .nav_ul .nav_ul2 .nav_li2 a:hover {
	color: #fff;
	background: #0062b3;
	border: #0062b31px solid;
}
.nav .nav_ul > li:hover .nav_ul2 {
	display: block;
}
.banner {
	position: relative;
	margin: 100px 0 0;
	z-index: 1
}
.banner h2 {
	width: 300px;
	position: absolute;
	display: block;
	line-height: 36px;
	top: calc(50% - 18px);
	color: #fff;
	font-size: 32px;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
}
.banner span {
	display: block;
	font-size: 16px;
	margin: 10px 0 0;
}
.banner_sy .w1200 {
	position: absolute;
	height: 100%;
	transform: translateY(30%);
	opacity: 0;
}
.banner_sy h3 {
	position: absolute;
	top: 32%;
	left: 0;
	color: #fff;
	padding-bottom: 10px;
	font-size: 36px;
	font-weight: bold
}
.banner_sy h3:after {
	content: "";
	display: block;
	width: 6px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: -30px;
	background: #0062b3;
}
.banner_sy h4 {
	position: absolute;
	top: calc(32% + 60px);
	left: 0;
	overflow: hidden;
	color: #fff;
	font-size: 24px;
	font-weight: 100;
}
.banner_sy a {
	position: absolute;
	top: calc(32% + 90px);
	left: 0;
	display: inline-block;
	font-size: 16px;
	background-color: #0062b3;
	padding: 10px 20px;
	text-align: center;
	color: #fff;
	margin-top: 3rem;
}
.banner_sy .swiper-slide-active .w1200 {
	transition: all 2s ease .5s;
	transform: translateY(0);
	opacity: 1;
}
.banner_sy .swiper-pagination-bullet {
	background: rgba(255,255,255,0.00);
	border: 1px solid#000;
	width: 10px;
	height: 10px;
	opacity: 1;
}
.banner_sy .swiper-pagination-bullet-active {
	background: #0062b3;
	border: none;
	position: relative;
}
.banner_sy .swiper-pagination-bullet-active::after {
	content: "";
	position: absolute;
	top: -4px;
	left: -4px;
	width: 10px;
	height: 10px;
	border: 1px solid #0062b3;
border-radius: 10px;
	padding: 3px;
}
.gh0 {
	margin: 0 auto;
	background: #fff;
	border-bottom: 1px #eee solid;
}
.gh0 .gh0_gjc {
	line-height: 100px;
	width: 50%;
	float: left;
	font-size: 15px;
	display: flex;
}
.gh0 .gh0_gjc a {
	margin: 0 0 0 20px;
	color: #666;
	width: calc((100% - 200px) / 4);
white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.gh0 form {
	width: 40%;
	border: 1px solid #ccc;
	height: 40px;
	line-height: 40px;
	float: right;
	margin: 12px 0 12px;
	position: relative;
	border-radius: 20px;
}
.gh0 form input {
	margin: 0 0 0 10px;
	width: 80%;
	height: 32px;
	line-height: 32px;
	border: none;
	position: absolute;
	top: 3px;
	left: 5px;
	background: #fff;
	color: #ccc;
}
.gh0 form button {
	width: 32px;
	height: 32px;
	position: absolute;
	top: 3px;
	right: 10px;
	border: none;
	background: none;
	background: url(../img/ss.png) no-repeat center center;
}
.gh1 {
	margin: 50px 0 50px;
}
.gh1 h3 {
	font-size: 36px;
	color: #222;
	font-weight: bold;
	margin-bottom: 60px;
	position: relative;
	text-align: center;
}
.gh1 h3::after {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	width: 100px;
	height: 2px;
	background: #222;
}
.gh1_tit {
}
.gh1_tit_l {
	width: 190px;
	height: 110px;
	line-height: 110px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	padding-left: 65px;
	background: url(../img/pro1.png) #0062b3 no-repeat 28px center;
	float: left;
}
.gh1_tit_r {
	width: calc( 100% - 190px);
	border: 1px solid #eee;
	height: 110px;
	background: #fff;
	float: right;
	padding: 15px 0 0;
}
.gh1_tit_r a {
	width: 25%;
	float: left;
	line-height: 40px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.gh1_pro {
	margin: 50px 0 0;
}
.gh1_pro li {
	float: left;
	width: calc((100% - 90px) / 3);
	margin: 0 30px 30px 0;
	position: relative;
	overflow: hidden;
}
.gh1_pro li:nth-child(3n) {
	margin: 0 0 30px 0;
}
.gh1_pro li img {
	width: 100%;
}
.gh1_pro_name {
	position: absolute;
	bottom: -95px;
	left: 0;
	padding: 10px 30px;
	background: rgba(0,0,0,0.6);
	transition: all .5s;
}
.gh1_pro_name h2 {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.gh1_pro_name p {
	color: #fff;
	width: 100%;
	font-size: 14px;
	line-height: 22px;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	min-height: 44px;
}
.gh1_pro li:hover .gh1_pro_name {
	bottom: 0;
}
.gh2 {
	padding: 100px 0 100px;
	background: url( ../img/b1.jpg) no-repeat center center#0062b3;
}
.gh2 h3 {
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 60px;
	position: relative;
	text-align: center;
}
.gh2 h3::after {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	width: 100px;
	height: 2px;
	background: #fff;
}
.gh2 ul {
	margin: 80px 0 0;
}
.gh2 ul li {
	width: 255px;
	height: 255px;
	float: left;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}
.gh2 ul dd {
	width: 255px;
	height: 255px;
	background: #fff;
	border-radius: 10px;
	-webkit-transform: rotateY(-90deg) translateX(0px);
	transform: rotateY(-90deg) translateX(0px);
	position: relative;
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
}
.gh2 ul dt {
	width: 255px;
	height: 255px;
	background: #fff;
	border-radius: 10px;
	-webkit-transform: rotateY(0deg) translateY(-255px);
	transform: rotateY(0deg) translateY(-255px);
	text-align:center;
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
}
.gh2 ul li+li {
	margin-left: 60px;
}
.gh2 ul li i {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: inline-table;
	margin: 30px auto 15px;
}
.gh2 ul dd img {
	width: 255px;
	border-radius: 10px;
}
.gh2 ul dd i {
	position: absolute;
	top: 97px;
	left: 97px;
	z-index: 3;
	margin: 0 !important;
}
.gh2 ul li:nth-child(2) i {
}
.gh2 ul li:nth-child(3) i {
	background-position: 18px center;
}
.gh2 ul li:nth-child(4) i {
}
.gh2 ul dt p {
	font-size: 20px;
	font-weight: bold;
	color: #0062b3;
}
.gh2 ul dt span {
	width: 50px;
	height: 1px;
	background: #ccc;
	display: block;
	margin: 10px auto 15px;
}
.gh2 ul dt d {
	line-height: 24px;
	font-size: 15px;
	color: #666;
	width: 80%;
	margin: 0 auto;
	display: inherit;
}
.gh2 ul li:hover dt {
	-webkit-transform: rotateY(90deg) translateY(-255px);
	transform: rotateY(90deg) translateY(-255px);
}
.gh2 ul li:hover dd {
	-webkit-transform: rotateY(0deg) translateY(0px);
	transform: rotateY(0deg) translateY(0px);
}
.gh2 ul li dd i:before, .gh2 ul li dd i:after {
	content: '';
	width: 60px;
	height: 60px;
border-radius:100%;
	background: rgba(0,98,179,0.3);
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
	-webkit-animation: boths 3s infinite;
	animation: boths 3s infinite;
}
.gh2 ul li dd i:after {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
 @-webkit-keyframes boths {
 0% {
-webkit-transform:scale(1);
transform:scale(1);
}
 50% {
-webkit-transform:scale(1.5);
transform:scale(1.5);
}
 100% {
-webkit-transform:scale(1);
transform:scale(1);
}
}
 @keyframes boths {
 0% {
-webkit-transform:scale(1);
transform:scale(1);
}
 50% {
-webkit-transform:scale(1.5);
transform:scale(1.5);
}
 100% {
-webkit-transform:scale(1);
transform:scale(1);
}
}
.gh3 {
	padding: 100px 0 00px;
	background: url( ../img/b2.png) no-repeat bottom center #fff;
}
.gh3 h3 {
	font-size: 36px;
	color: #222;
	font-weight: bold;
	margin-bottom: 60px;
	position: relative;
	text-align: center;
}
.gh3 h3::after {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	width: 100px;
	height: 2px;
	background: #222;
}
.gh3 .w1200 {
	position: relative;
	overflow: hidden;
	padding: 0 0 160px;
}
.mySwiper-gh3 {
}
.mySwiper-gh3 .swiper-slide {
	background: #f5f6f9;
}
.mySwiper-gh3 .swiper-slide img {
	width: 100%;
}
.mySwiper-gh3 .swiper-slide .gh3_t {
	padding: 30px 40px;
}
.mySwiper-gh3 .swiper-slide h4 {
	padding: 0 0 25px;
	font-size: 20px;
	color: #333;
white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	position: relative;
}
.mySwiper-gh3 .swiper-slide h4::after {
	content: "";
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100px;
	height: 1px;
	background: #0062b3;
	transition: all .5s;
}
.mySwiper-gh3 .swiper-slide:hover h4::after {
	width: 100%;
}
.mySwiper-gh3 .swiper-slide p {
	font-size: 16px;
	line-height: 28px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.gh3 .w1200 .swiper-pagination-gh3 {
	margin: 0 auto!important;
	text-align: center!

important;
	display: block!important;
	width: 100%;
	bottom: 40px;
	z-index: 999;
}
.gh3 .w1200 .swiper-pagination-bullet {
	background: rgba(255,255,255,1.00);
	border: 1pxsolid #fff;
	width: 10px;
	height: 10px;
	opacity: 1;
	margin: 0 6px;
}
.gh3 .w1200 .swiper-pagination-bullet-active {
	background: #fff;
	border: none;
	position: relative;
}
.gh3 .w1200 .swiper-pagination-bullet-active::after {
	content: "";
	position: absolute;
	top: -4px;
	left: -4px;
	width: 10px;
	height: 10px;
	border: 1px solid #fff;
	border-radius: 10px;
	padding: 3px;
}
.gh4 {
	padding: 100px 0 00px;
	background: #fff;
}
.gh4 h3 {
	font-size: 36px;
	color: #222;
	font-weight: bold;
	margin-bottom: 120px;
	position: relative;
	text-align: center;
}
.gh4 h3::after {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	width: 100px;
	height: 2px;
	background: #222;
}
/*优势*/
.adv_bgg {
	height: 483px;
}
.adv_wz {
	width: 50%;
	float: right;
	padding: 68px 0 0 40px;
	margin: 0 0 57px;
}
.adv_wz p {
	color: #222;
}
.adv_nub {
	font-size: 50px;
}
.adv_title {
	font-size: 34px;
	font-weight: bold;
	margin-top: 40px;
}
.adv_title span {
	color: #0062b3;
}
.adv_subt {
	font-size: 24px;
	margin-top: 20px;
}
.adv_wz i {
	display: block;
	width: 1px;
	height: 34px;
	background: #ccc;
	margin: 25px 0;
}
.adv_text {
	font-size: 16px;
	color: #666 !important;
	line-height: 32px;
}
.gh4_li_t {
	margin: 0 auto;
	max-width: 1200px;
	width: 90%;
}
.gh4_li {
	position: relative;
}
.gh4_li img {
	width: 50%;
	position: absolute;
	left: 0;
	top: 0;
}
.gh4_li:nth-child(2n) img {
	position: absolute;
	right: 0!important;
	left: auto;
	top: 0;
}
.gh4_li:nth-child(2n) .adv_wz {
	width: 50%;
	padding-top: 68px;
	float: left;
}
.gh5 {
	padding: 80px 0 80px;
	background: url( ../img/b11.png) no-repeat bottom center#0062b3;
	margin: 80px 0 0;
}
.gh5 h3 {
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 60px;
	position: relative;
	text-align: center;
}
.gh5 h3::after {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	width: 100px;
	height: 2px;
	background: #fff;
}
.gh5 img {
	width: 100%;
	border: 1px solid #ccc;
}
.gh5 .seo5_t {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 120 255 / 80%);
	transition: all .5s;
}
.gh5 .seo5_t span {
	line-height: 100%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50%);
}
.mySwiper-gh5 {
	overflow: hidden;
}
.gh5 .swiper-slide {
	overflow: hidden;
}
.gh5 .swiper-slide:hover .seo5_t {
	top: 0;
}
.gh6 {
	position: relative;
	overflow: hidden;
	background: #f8f8f8;
}
.gh6 .w1200 {
	border-bottom: 1px solid #dfdfdf;
	padding: 50px 0px;
}
.gh6_l {
	width: 45%;
	float: left;
}
.company_nr {
	width: 50%;
	float: left;
	padding-right: 50px;
	padding: 83px 0px;
}
.company_bt {
	font-size: 30px;
	color: #0062b3;
}
.company_bt span {
	font-size: 48px;
	color: #ccc;
	text-transform: uppercase;
	display: block;
line-height:55px;
}
.company_bt:after {
	content: " ";
	width: 100px;
	height: 3px;
	background: #0062b3;
margin-top:5px;
	display: block;
}
.company_bta {
	font-size: 24px;
	color: #333;
	font-weight: 100;
	margin: 20px 0 30px;
}
.company_wzx {
	font-size: 15px;
	color: #333;
	line-height: 30px;
	font-weight: 100;
	padding-right: 15px;
	margin: 0 0 40px;
}
.gh6_l .morex {
	width: 100%;
}
.gh6_l .morex a {
	font-size: 16px;
	color: #fff;
	display: table;
	padding: 8px 20px;
	background: #0062b3;
	border-radius: 50px;
	float: left;
	text-align: center;
	;
	transition: 0.5s;
}
.gh6_l .morex a:hover {
	background: #0062b3;
	transition: 0.5s;
}
.gh6_l .morex a+a {
	margin-left: 10px;
}
.gh6_r img {
	width: 50%;
	position: absolute;
	right: 0;
	top: 0;
}
.gh7 {
	padding: 80px 0;
	background: #f8f8f8;
}
.gh7 .w1200 {
	position: relative;
	overflow: hidden;
	padding: 0 0 0;
}
.gh7 h3 {
	margin: 0 0 30px;
	font-size: 20px;
	color: #fff;
	line-height: 50px;
	background: #0062b3;
	height: 50px;
	text-align: center;
	float: left;
	width: 260px;
	font-weight: 300;
	transition: 0.5s;
}
.mySwiper-gh7 {
}
.mySwiper-gh7 .swiper-slide {
	position: relative;
}
.mySwiper-gh7 .swiper-slide img {
	width: 100%;
}
.mySwiper-gh7 .swiper-slide span {
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 42px;
	background: rgba(0,0,0,0.78);
	border-bottom: 2px solid #0062b3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	color: #fff;
	width: 100%;
	padding: 0 20px;
}
.gh8 {
	margin: 70px 0;
}
.gh8 .gh8_tit {
	padding: 0 0 25px;
	margin: 0 0 50px;
	border-bottom: 1px solid #eee;
}
.gh8 .gh8_tit h3 {
	display: block;
	font-size: 42px;
	color: #0062b3;
font-weight: bold;
	line-height: 50px;
	float: left;
	height: 55px;
}
.gh8 .gh8_tit span {
	display: inline-block;
	font-size: 15px;
	padding-left: 15px;
	font-weight: lighter;
	color: #777;
	font-family: arial;
	vertical-align: middle;
}
.gh8 .gh8_a {
	float: right;
}
.gh8 .gh8_a a {
	font-size: 17px;
	line-height: 55px;
	display: inline-block;
	position: relative;
	margin: 0 0 0 50px;
}
.gh8 .gh8_a a:after {
	position: absolute;
	content: '';
	width: 0;
	background: #0062b3;
	height: 1px;
	bottom: -25px;
	left: 0;
	display: block;
-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
	z-index: 3333;
}
.gh8 .gh8_a a:hover:after {
	width: 100%;
}
.news_row1 {
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 50px;
}
.news_row1:before {
	content: '';
	width: 20px;
	height: 20px;
	display: block;
	left: -40px;
	position: absolute;
	top: 20px;
}
.news_row1:after {
	content: '';
	width: 100%;
	height: 1px;
	background: #eee;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}
.news_row1 .news_tit {
	display: block;
	font-size: 42px;
	color: #0062b3;
	font-weight: bold;
	line-height: 50px;
	float: left;
	height: 55px;
}
.news_row1 .news_tit .en {
	display: inline-block;
	font-size: 15px;
	padding-left: 15px;
font-weight: lighter;
	color: #777;
	font-family: arial;
	vertical-align: middle;
}
.news_row1 .news_list {
	float: right
}
.news_row1 .news_list ul li {
	float: left;
	padding: 0 0 0 50px;
}
.news_row1 .news_list ul li a {
	font-size: 17px;
	line-height: 55px;
	display: block;
	position: relative;
}
.news_row1 .news_list ul li a:after {
	position: absolute;
	content: '';
	width: 0;
	background: #0062b3;
	height: 1px;
	bottom: -25px;
	left: 0;
	display: block;
-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
	z-index: 3333;
}
.news_row1 .news_list ul li.cur a:after, .news_row1 .news_list ul li:hover a:after {
	width: 100%;
}
.news_row1 .news_list ul li.cur a, .news_row1 .news_list ul li:hover a {
	color: #0062b3;
}
.news_row2_l {
	width: 525px;
	height: 550px;
	background: #f5f5f5;
	float: left;
}
.news_row2_l .news_l_item, .news_row2_l .news_div_item {
	position: relative;
	width: 425px;
	display: block;
	height: 450px;
	padding: 50px;
}
.news_row2_l .news_l_item img, .news_row2_l .news_div_item .news_div_item_pica, 

.news_row2_l .news_div_item .news_div_item_pic img {
	width: 425px;
	display: block;
	height: 265px;
}
.news_row2_l .news_l_item strong, .news_row2_l .news_div_item .news_div_item_title a {
	font-size: 22px;
	font-weight: normal;
	display: block;
	color: #343434;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_row2_l .news_l_item p, .news_row2_l .news_div_item .news_div_item_body {
	font-size: 14px;
	color: #888;
	line-height: 25px;
	padding: 5px 0 0;
	overflow: hidden;
	margin-bottom: 90px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news_row2_l .news_l_item span, .news_row2_l .news_div_item .news_div_item_date {
	position: absolute;
	font-family: arial;
	font-style: normal;
	color: #0062b3;
	font-size: 28px;
line-height:30px;
	top: 165px;
	left: 90px;
}
.news_row2_l .news_div_item .news_div_item_date .news_div_item_year {
	font-size: inherit;
	color: inherit;
	font-family: arial;
}
.news_row2_l .news_l_item span i, .news_row2_l .news_div_item .news_div_item_date

.news_div_item_month, .news_row2_l .news_div_item .news_div_item_date .news_div_item_day {
	font-size: 16px;
	font-family: arial;
	font-style: normal;
	color: #0062b3;
	display: block;
	line-height: 20px;
}
.news_row2_l .news_div_item .news_div_item_date .news_div_item_month, .news_row2_l

.news_div_item .news_div_item_date .news_div_item_day {
	float: left;
}
.news_row2_l .news_l_item span:after, .news_row2_l .news_div_item

.news_div_item_date:after {
	content: '';
	display: block;
	width: 2px;
	height: 90px;
	position: absolute;
	left: -17px;
	top: 0;
	background: #0062b3;
}
.news_row2_r {
	float: right;
	width: 620px;
	margin-left: 50px !important;
}
.news_row2_r > .news_div > .news_div_item:first-child {
	display: none;
}
.news_row2_r .news_r_item, .news_row2_r .news_div_item {
	height: 150px;
	margin-bottom: 50px;
	display: block;
	position: relative
}
.news_row2_r .news_r_item span, .news_row2_r .news_div_item .news_div_item_date {
	position: relative;
	width: auto;
	height: 140px;
	float: left;
	color: #454545;
	background: #f5f5f5;
	font-weight: normal;
	font-style: normal;
	line-height: 20px;
	font-size: 18px;
	font-family: arial;
	text-align: center;
	padding: 30px;
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease
}
.news_row2_r .news_div_item .news_div_item_month, .news_row2_r .news_div_item

.news_div_item_year {
	font-size: inherit;
	color: inherit;
	font-family: arial;
	display: inline-block;
	position: relative;
	top: 60px
}
.news_row2_r .news_r_item span i, .news_row2_r .news_div_item .news_div_item_day {
	color: #454545;
	font-size: 52px;
	font-weight: normal;
	font-style: normal;
	display: block;
line-height: 60px;
	font-family: arial;
}
.news_row2_r .news_div_item .news_div_item_day {
	position: absolute;
	width: 100%;
text-align: center;
	left: 0;
	top: 30px;
}
.news_row2_r .news_r_item:hover span, .news_row2_r .news_div_item:hover

.news_div_item_date {
	background: #0062b3;
	color: #fff;
}
.news_row2_r .news_r_item:hover span i, .news_row2_r .news_div_item:hover

.news_div_item_day {
	color: #fff;
}
.news_row2_r .news_r_item strong, .news_row2_r .news_div_item .news_div_item_title

.news_div_item_a {
	font-size: 18px;
	font-weight: normal;
	color: #343434;
	display: block;
	line-height: 45px;
	float: right;
	width: 450px;
}
.news_row2_r .news_r_item p, .news_row2_r .news_div_item .news_div_item_body {
	font-size: 14px;
	color: #999;
	line-height: 25px;
	float: right;
	width: 450px;
	padding: 5px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news_row2_r .news_r_item:hover strong {
	color: #0062b3;
}
.news_row2_r .news_r_item:hover p {
	color: #444444;
}
.news_row2_r .news_r_item em:after, .news_row2_r .news_div_item .news_div_item_more:after 

{
	content: '';
	display: block;
	width: 0px;
	height: 1px;
	background: #0062b3;
	position: absolute;
	top: 10px;
	left: 0;
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease
}
.news_row2_r .news_r_item:hover em, .news_row2_r .news_div_item:hover .news_div_item_more 

{
	background-position: 100px center;
	padding: 0 0 0 130px;
	color: #0062b3;
}
.news_row2_r .news_r_item:hover em:after, .news_row2_r .news_div_item:hover

.news_div_item_more:after {
	width: 110px
}
.footer {
	padding: 0px 0 60px;
	background: #333;
}
.footer ul {
	float: left;
	width: calc( 70% / 4);
	padding: 40px 0 0;
}
.footer ul h2 {
	color: #fff;
	font-size: 16px;
	line-height: 48px;
	margin: 0 0 10px 0;
	display: table;
	font-weight: normal;
}
.footer ul li {
	line-height: 36px;
	transition: all .5s;
}
.footer ul li a {
	color: #eee;
	font-size: 15px;
	color: #999;
}
.footer ul li:hover {
	padding: 0 0 0 25px;
}
.footer_right {
	padding: 60px 0 20px 0px;
	float: right;
	width: 20%;
	position: relative;
	background: #444;
}
.footer_right .footer_ewm span {
	color: #fff;
	font-size: 16px;
	text-align: center;
	width: 100%;
	display: block;
}
.footer_right .footer_ewm img {
	margin: 10px auto;
}
.footer_right .footer_tel {
	font-size: 16px;
	text-align: center;
	color: #fff;
	line-height: 32px;
}
.foot {
	background: #333;
	border-top: 1px solid rgba(255,255,255,0.1);
	color: rgba(255, 255, 255, 0.47);
	line-height: 36px;
}
.foot a {
	color: rgba(255,255,255,0.1);
	margin: 0 20px 0 0;
	display: inline-block;
}
.gaicp {
	text-align: center;
	margin: 0 auto;
	display: table;
}
.gaicp img {
	float: left;
}
.gaicp a {
	display: block;
	float: left;
	line-height: 24px;
}
.link {
	line-height: 24px;
	padding: 0 0 10px 0;
	margin: 0px auto 0;
}
.link a {
	color: rgba(255,255,255,0.1);
	margin: 0 0px 0 30px;
}
.link a.a1 {
	position: relative;
	font-size: 14px;
	padding: 0 0 0 10px;
	margin: 0;
}
.page-status {
	display: none!important;
}
.page {
	width: 100%;
	text-align: center;
	padding: 30px 0;
	clear: both;
}
.page span, .page a {
	display: inline-block;
	line-height: 24px;
	margin-right: 5px;
line-height:21px;
	text-align: center;
	color: #333;
	font-size: 12px
}
.page span {
	font-weight: bold;
	color: #fff;
}
.page a {
	color: #333;
	border: 1px #ccc solid;
	border-radius: 10px;
	margin: 0 10px;
	padding: 3px 11px;
}
.page a:hover {
	font-weight: bold;
	color: #0062b3;
}
.page span.next, .page a.next {
	width: 51px;
	height: 21px;
}
.page span.next {
	color: #C4C4C4;
	font-weight: normal;
}
.page a.page-num-current {
	background: #0062b3;
	color: #fff;
}
.sx {
	margin: 80px 0 30px;
	border-bottom: 1px #ccc solid;
	line-height: 56px;
}
.sx a.s {
	float: left;
}
.sx a.x {
	float: right;
}
.about1 {
	background: #fff;
	padding: 40px 0 80px;
}
.about1 {
	background: #f4f4f4;
	padding: 100px 0;
}
.about1_l {
	float: left;
	width: 48%;
}
.about1_r {
	float: right;
	width: 50%
}
.about2 {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background: url(../img/b4.jpg) center center no-repeat #0062b3;
	padding: 60px 0100px;
}
.about2 h3 {
	color: #fff;
	font-size: 30px;
	margin: 0 0 20px;
	text-align: center;
font-weight: normal;
	line-height: 75px;
}
.about2 h3:after {
	content: "";
	display: block;
	width: 50px;
	height: 3px;
	margin: 0 auto;
	background: #0062b3;
}
.dq {
	width: 55%;
	padding: 0 0 0 50px;
	background: url(../img/dq.png) no-repeat center left;
	margin: 22px auto;
	float: left;
	font-size: 16px;
	color: #666;
}
.dq a {
	margin: 0 8px;
	font-size: 16px;
	color: #666;
}
.aboutBox4Slide {
	margin: 50px 0 0;
}
.aboutBox4Dl dd a .icon {
	clear: both;
	width: 126px;
	height: 126px;
	margin: 0 auto;
border-radius: 100%;
	overflow: hidden;
	border: 1px solid #bcccd4;
	background-repeat: no-repeat;
	background-position: center center;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: linear;
}
.aboutBox4Dl dd {
	float: left;
	width: 20%;
	overflow: hidden;
}
.aboutBox4Dl dd a .divT {
	clear: both;
	height: 36px;
	overflow: hidden;
	line-height: 36px;
text-align: center;
	font-size: 18px;
	color: #ffffff;
	margin-top: 30px;
}
.aboutBox4Dl dd a .txt {
	clear: both;
	width: 168px;
	margin: 0 auto;
	margin-top: 15px;
	overflow: hidden;
	text-align: center;
	color: #ffffff;
	line-height: 22px;
	transition: alllinear 0.5s;
	-moz-transition: all linear 0.5s;
	-ms-transition: all linear 0.5s;
-webkit-transition:all linear 0.5s;
}
.aboutBox4Dl dd a:hover .icon {
	background-color: #007aff;
	border: 1px solid #0062b3;
}
.about3 {
	width: 100%;
	padding: 60px 0 100px;
}
.about3 h3 {
	color: #222;
	font-size: 30px;
	margin: 0 0 20px;
	text-align: center;
font-weight: normal;
	line-height: 75px;
}
.about3 h3:after {
	content: "";
	display: block;
	width: 50px;
	height: 3px;
	margin: 0 auto;
	background: #0062b3;
}
.about3 ul {
	margin: 40px 0 0;
}
.about3 li {
	width: calc(( 100% - 40px) / 3);
	margin: 0px 20px 30px 0;
	float: left;
	position: relative;
	transition: all .5s;
}
.about3 li:nth-child(3n) {
	margin: 0px 0px 30px 0;
}
.about3 li span {
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 42px;
	background: rgba(0,0,0,0.78);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	color: #fff;
	width: 100%;
	padding: 0 20px;
}
.about3 .w1200 > a {
	display: table;
	margin: 0 auto;
}
.about4 {
	padding: 80px 0 40px;
	background: #f4f4f4;
}
.about4 .about4_tit h2 {
	font-size: 36px;
	text-align: center;
}
.about4 .about4_tit span {
	font-size: 20px;
	margin: 10px 0;
	display: block;
	text-align: center;
	color: #333;
}
.mySwiper_about4 {
	margin: 50px 0 0;
	overflow: hidden;
	position: relative;
	padding: 0 050px;
}
.mySwiper_about4 img {
	width: 100%;
}
.mySwiper_about4 .swiper-pagination-bullet {
	background: rgba(255,255,255,0.00);
	border: 1pxsolid #000;
	width: 10px;
	height: 10px;
	opacity: 1;
}
.mySwiper_about4 .swiper-pagination-bullet-active {
	background: #0062b3;
	border: none;
	position: relative;
}
.mySwiper_about4 .swiper-pagination-bullet-active::after {
	content: "";
	position: absolute;
	top: -4px;
	left: -4px;
	width: 10px;
	height: 10px;
	border: 1px solid #0062b3;
	border-radius: 10px;
	padding: 3px;
}
.mySwiper_about4 .swiper-next {
	background: url( ../img/next1.png) no-repeat left center!

important;
	width: 45px;
	height: 45px;
}
.mySwiper_about4 .swiper-prev {
	background: url( ../img/prev1.png) no-repeat right center!

important;
	width: 45px;
	height: 45px;
}
.mySwiper_about4 .swiper-next:after, .mySwiper_about4 .swiper-prev:after {
	display: none;
}
.pro_dq {
	background: #f6f6f6;
}
.pro_dq .wz {
	float: left;
	font-size: 14px;
	background: url(../img/b4.png) no-repeat leftcenter;
	padding: 0 0 0 34px;
	background-size: 24px;
	color: #555;
	line-height: 88px;
}
.pro_dq .wz a {
	margin: 0 10px;
	color: #555;
}
.pro_dq form {
	width: 40%;
	border: 1px solid #ccc;
	height: 40px;
	line-height: 40px;
	float: right;
	margin: 24px 0 0;
	position: relative;
}
.pro_dq form input {
	margin: 0 0 0 10px;
	width: 80%;
	height: 32px;
	line-height: 32px;
	border: none;
	position: absolute;
	top: 3px;
	left: 5px;
	background: #f6f6f6;
	color: #ccc;
}
.pro_dq form button {
	width: 32px;
	height: 32px;
	position: absolute;
	top: 3px;
	right: 5px;
	border: none;
	background: none;
	background: url(../img/ss.png) no-repeat center center;
}
.pro_fl {
	margin: 50px auto 0;
}
.pro_fl a {
	width: calc((100% - 40px) / 5);
	float: left;
	margin: 0 10px 10px 0;
	height: 52px;
	line-height: 52px;
	font-size: 18px;
	text-align: center;
	color: #333;
	background: #eee;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.pro_fl a:nth-child(5n) {
	margin: 0 0px 10px 0;
}
.pro_fl a.on {
	background: #0062b3;
	color: #fff;
}
.pro_list {
	margin: 80px 0;
}
.pro_list ul {
}
.pro_list li {
	width: calc((100% - 40px) / 3);
	float: left;
	margin: 0 20px 20px 0;
	background: #fff;
}
.pro_list li:nth-child(3n) {
	margin: 0 0px 20px 0;
}
.pro_list li img {
	width: 100%;
	transition: 1s;
}
.pro_list li p {
	padding: 10px 0px 5px;
	position: relative;
	font-size: 16px;
font-weight: bold;
	color: #333;
	text-align: center;
	line-height: 54px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pro_list .ioc {
	position: relative;
	overflow: hidden;
}
.pro_list .name {
	padding: 10px 30px;
	background: #f5f5f5;
	transition: all .5s;
}
.pro_list .name h2 {
	font-size: 16px;
	font-weight: normal;
	color: #666;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.pro_list .name p {
	display: none;
	color: #666;
	width: 100%;
	font-size: 14px;
	line-height: 22px;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	min-height: 44px;
}
.pro_list li:hover img {
	transform: scale(1.2);
}
.pro_list li:hover .ioc::after {
	display: block;
}
.pro_list li:hover .ico_img {
	display: block;
}
.pro_top {
	padding: 50px;
	background: #f5f5f5;
	margin: 0 auto 30px;
}
.pro_l {
	width: 49%;
	float: left;
}
.pro_l .mySwiper2_pro_nei {
	overflow: hidden;
	position: relative;
}
.pro_l .mySwiper_pro_nei {
	overflow: hidden;
	position: relative;
}
.pro_l .swiper {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}
.pro_l .swiper-slide {
	background-size: cover;
	background-position: center;
}
.pro_l .mySwiper2 {
	height: 80%;
	width: 100%;
}
.pro_l .mySwiper {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}
.pro_l .mySwiper .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.4;
}
.pro_l .mySwiper .swiper-slide-thumb-active {
	opacity: 1;
}
.pro_l .swiper-slide img {
	display: block;
	width: 100%;
	/*height: 100%;*/
	object-fit: cover;
	border: 1px solid #000;
}
.pro_l .swiper-slide {
	background-size: cover;
	background-position: center;
}
.pro_l .mySwiper2 {
	height: 80%;
	width: 100%;
}
.pro_l .mySwiper2 img {
	border: none;
}
.pro_l .mySwiper.mySwiper_pro_nei {
	height: 80%;
	width: calc(100%);
	padding: 0 50px;
	margin: 30px 0 0;
}
.pro_l .mySwiper {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}
.pro_l .mySwiper .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.4;
}
.pro_l .mySwiper .swiper-slide-thumb-active {
	opacity: 1;
}
.pro_l .swiper-slide img {
	display: block;
	width: 100%;
	/*height: 100%;*/
	object-fit: cover;
}
.mySwiper_pro_nei .swiper-button-lock {
	display: block!important;
}
.pro_l .swiper-button-next, .pro_l .swiper-button-prev {
	color: #000;
	background: hsla(0, 0%, 100%, 0.7);
	width: 44px!important;
	z-index: 999;
	border-radius: 22px;
	;
}
.swiper-button-next:after, .swiper-button-prev:after {
	font-size: 28px!important;
}
.pro_r {
	width: 49%;
	float: right;
}
.pro_r h2 {
	font-size: 21px;
	display: block;
	line-height: 80px;
border-bottom: 1px solid #eee;
	color: #333;
	margin-bottom: 20px;
}
.pro_r p {
	color: #666 !important;
	font-size: 16px;
	padding: 8px 0px 8px10px;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
}
.pro_r span {
	margin: 18px 0;
	background: #0062b3;
	color: #fff;
	line-height: 36px;
	display: table;
	padding: 10px 30px
}
.pro_t {
	margin: 0 0 80px;
}
.pro_t .sx1 {
	width: auto;
	margin: 30px auto;
	text-align: center;
	display: none;
}
.pro_t .sx1 a {
	padding: 10px 40px;
	background: #f5f5f5;
	border: 1px #f5f5f5solid;
	max-width: 48%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}
.pro_xq h4 {
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-image: linear-gradient(to right, #0389f7, #0062b3);
}
.pro_xq .pro_cont {
	padding: 30px 0;
}
.xgcp {
	background: #fff;
	margin: 20px 0 20px;
	border-top: 20px #f7f7f7 solid;
}
.xgcp ul {
	padding: 20px;
	overflow: hidden;
}
.xgcp ul li {
	width: calc((100% - 90px) / 4);
	float: left;
	margin: 0 30px 0px 0;
}
.xgcp ul li:nth-child(4n) {
	margin: 0 0px 0px 0;
}
.xgcp ul li p {
	text-align: center;
	line-height: 42px;
	color: #fff;
	background: #4e4e4e;
	font-size: 16px;
}
.xgcp ul li:hover p {
	background: #0062b3;
}
/*photolist*/

.photoli {
	margin: 50px 0;
}
.photoli h3 {
	font-size: 30px;
	margin-bottom: 40px;
	color: #222;
}
.photoli li {
	float: left;
	width: 18%;
	margin-right: 2.5%;
	margin-bottom: 30px;
}
.photoli li:nth-child(5n) {
	margin-right: 0px;
}
.photoli li a {
	display: block;
	position: relative;
	transition: all 0.3s;
	border: 1px solid #ddd;
}
.photoli li .img {
	position: relative;
	text-align: center;
	font-size: 0px;
}
.photoli li img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.photoli li .img:after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #01448b;
	opacity: 0;
}
.photoli li span {
	display: block;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	width: 60px;
	height: 60px;
	line-height: 56px;
	text-align: center;
	font-size: 60px;
	color: #fff;
	font-family: "宋体";
	border-radius: 100%;
	border: 2px solid #fff;
	opacity: 0;
	transition: all 0.3s;
}
.photoli li h5 {
	line-height: 36px;
	font-size: 14px;
	color: #222;
	text-align: center;
	background-color: #f6f6f6;
	transition: all 0.3s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.photoli li a:hover {
/*background-color: #0063bf;*/
}
.photoli li a:hover .img:after {
	opacity: 0.6;
}
.photoli li a:hover span {
	opacity: 1;
}
.photoli li a:hover h5 {
	color: #fff;
	background-color: #0063bf;
}
/*

.honor{ margin:50px 0 ;}
.honor ul{}
.honor li{ width: calc((100% - 90px) / 4); float: left;margin: 0 30px 40px 0; 

background: #fff;}
.honor li:nth-child(4n){ margin:0 0px 40px 0;}
.honor li img{ width: 100%; transition: all .5s;}
.honor li p{padding: 8px 10px;position: relative; font-size: 14px;font-weight: 

normal;color: #333;text-align: center;line-height: 24px;overflow: hidden;

text-overflow: ellipsis;white-space: nowrap; background: #eee;}
.honor .ioc{ position: relative; overflow: hidden;}
.honor li:hover img{ transform: scale(1.2);}
.honor li p:after{content: ""; width: 70px; height:3px;background: #4b83ff;position: 

absolute; left:0;bottom: 0px;z-index: 2; transition: all linear 0.5s;}
.honor li:hover p:after{width:100%;}
*/


.case {
	margin: 50px 0;
}
.case ul {
}
.case li {
	width: calc((100% - 90px) / 4);
	float: left;
	margin: 0 30px 40px 0;
	background: #fff;
}
.case li:nth-child(4n) {
	margin: 0 0px 40px 0;
}
.case li img {
	width: 100%;
	transition: all .5s;
}
.case li p {
	padding: 8px 10px;
	position: relative;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	text-align: center;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #eee;
}
.case .ioc {
	position: relative;
	overflow: hidden;
}
.case li:hover img {
	transform: scale(1.2);
}
.case li p:after {
	content: "";

	width: 70px;
	height: 3px;
	background: #4b83ff;
	position: absolute;
	left: 0;
	bottom: 0px;
	z-index: 2;
	transition: all linear 0.5s;

}
.case li:hover p:after {
	width: 100%;
}
.newslist ul {
	width: 100%;
}
.newslist ul li {
	box-shadow: 0px 0px 10px #ddd;
	padding: 20px;
	position: relative;
	margin: 0 02% 0;
}
.newshx:after, .newshx:before, .newssx:after, .newssx:before {
	display: block;
	content: '';
	position: absolute;
	transition: all .5s ease;
	background: #0086e2;
}
.news_more {
	position: absolute;
	bottom: 20px;
}
.newshx:after, .newshx:before {
	width: 0px;
	height: 3px;
}
.newshx:after {
	top: 0px;
	left: 0px;
}
.newshx:before {
	bottom: 0px;
	right: 0px;
}
.newssx:after {
	top: 0px;
	left: 0px;
}
.newssx:before {
	bottom: 0px;
	right: 0px;
}
.newssx:after, .newssx:before {
	height: 0px;
	width: 3px;
}
.newslist ul li:hover .newshx:after, .newslist ul li:hover .newshx:before {
	width: 100%;
}
.newslist ul li:hover .newssx:after, .newslist ul li:hover .newssx:before {
	height: 100%;
}
.newspic {
	float: left;
	overflow: hidden;
	width: 26%;
}
.newspic img {
	width: 100%;
}
.newswa {
	width: 72%;
	float: right;
	padding-top: 1%;
}
.news_a a {
	font-size: 20px;
	font-weight: bold;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc( 100% - 200px;
)
}
.news_a span {
	float: right;
	font-size: 16px;
	color: #999;
	font-weight: bold;
}
.news_body {
	margin-top: 2%;
	font-size: 14px;
	line-height: 28px;
	transition: all .3s ease;
	position: relative;
	color: #888;
}
.news_more a {
	display: inline-block;
	padding: 0 23px;
	line-height: 34px;
	font-size: 14px;
	border-radius: 17px;
	background: #000;
	color: #fff;
	text-align: center;
	transition: all .3sease;
}
.newslist ul li:hover .news_body {
	padding-left: 2%;
}
.newslist ul li:hover .news_more a {
	border-radius: 0px;
	background: #0086e2;
}
.newslist ul li:hover .news_a a {
	color: #0086e2;
}
.news {
	width: 100%;
	background: #f4f4f4;
	padding: 30px 0;
}
.news .w1200 {
	position: relative;
}
.news .fanhui {
	position: absolute;
	top: 0;
	left: -58px;
}
.news_left {
	width: 75%;
	float: left;
	background: #FFF;
	padding: 30px;
padding-bottom: 0;
	overflow: hidden;
}
.news_left h2 {
	font-size: 22px;
	border-bottom: 1px solid #ccc;
	line-height: 56px;
text-align: center;
	font-weight: normal;
}
.news_left .news_t {
	line-height: 36px;
}
.news_left .news_t span {
	margin: 0 42px 0 0;
	color: #595959
}
.news_left .news_into {
	padding: 20px;
	line-height: 24px;
	background: #f2f2f2;
	color: #595959;
	margin: 30px 0;
}
.news_left .news_cont {
	padding: 20px;
}
.news_right {
	width: calc( 25% - 30px);
	float: right;
	position: relative;
}
.news_right .nywenzhang {
	padding: 30px 30px 20px 30px;
	background: #FFF;
}
.news_right .nyxqnews_righttit {
	font-size: 18px;
	border-bottom: 1px solid #e7e7e7;
	height: 36px;
	line-height: 18px;
	position: relative;
}
.news_right .nyxqnews_righttit:before {
	content: "";
	width: 75px;
	height: 1px;
	background: #1059a9;
	position: absolute;
	left: 0;
	bottom: -1px;
}
.news_right .nyxqnews_righttit strong {
	color: #1059a9;
}
.news_right .nyxqnews_rightcont {
	margin-top: 10px;
	line-height: 36px;
}
.news_right .nyxqnews_rightcont a {
	display: block;
	background: url(../img/new1.png) leftcenter no-repeat;
	padding-left: 22px;
	width: 220px;
	height: 36px;
	overflow: hidden;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_right .nyzx {
	margin-top: 10px;
}
@font-face {
	font-family: 'iconfont';/* project id 1895571 */
src: url('//at.alicdn.com/t/font_1895571_bo0zqpjecwd.eot');
src: url('//at.alicdn.com/t/font_1895571_bo0zqpjecwd.eot?#iefix') format('embedded-opentype'),url('//at.alicdn.com/t/font_1895571_bo0zqpjecwd.woff2') format('woff2'),
url('//at.alicdn.com/t/font_1895571_bo0zqpjecwd.woff') format('woff'),url('//at.alicdn.com/t/font_1895571_bo0zqpjecwd.ttf') format('truetype'),url('//at.alicdn.com/t/font_1895571_bo0zqpjecwd.svg#iconfont') format('svg');}
.iconfont_t {
	font-family: "iconfont" !important;
	font-size: 60px;
	font-style: normal;
-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 53px;
	font-style: normal;
-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	line-height: 53px;
}
.contact {
	background: #fff;
	padding: 40px 0 80px;
}
.contact .w1200 {
	background: #fff;
}
.cont_tl {
	width: 27%;
	height: 256px;
	float: left;
	background: #0086e2;
}
.cont_tlt {
	display: block;
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	line-height: 36px;
	margin-top: 40px;
	margin-left: 10%;
}
.cont_tl p {
	width: 226px;
	height: 45px;
	line-height: 45px;
	border: 2px solid #fff;
font-size: 22px;
	color: #fff;
	text-align: center;
	margin-bottom: 30px;
	margin-left: 10%;
	margin-top: 30px;
}
.cont_tl p span {
	font-weight: normal;
	font-size: 21px;
}
.cont_tlc {
	display: block;
	font-size: 24px;
	color: #fff;
	font-family: arial;
	text-transform: uppercase;
	margin-left: 10%;
}
.cont_tr {
	width: 73%;
	background: #eeeeee;
	height: 256px;
	font-size: 50px;
	position: relative;
	float: right;
}
.cont_tr i {
	position: absolute;
}
.cont_tt {
	margin: 0 auto;
	width: 67%;
	height: 55%;
	margin-top: 56px;
}
.cont_ttt {
	font-size: 24px;
	color: #494949;
}
.cont_tt p {
	font-size: 14px;
	line-height: 24px;
	height: 70px;
	overflow: hidden;
	color: #494949;
	padding-top: 25px;
}
.cont_d {
	width: 100%;
	padding-top: 25px;
}
.cont_dl {
	width: 45%;
	height: 558px;
	background: #f5f5f5;
}
.cont_dr {
	width: 55%;
	height: auto;
	background: #eee;
	padding-bottom: 30px;
}
.cont_dlt {
	margin-top: 45px;
	height: 30px;
	margin-bottom: 42px;
}
.cont_dlt i {
	width: 7px;
	height: 23px;
	display: block;
	float: left;
	margin-top: 4px;
}
.cont_dlt p {
	font-size: 28px;
	font-weight: bold;
	padding-left: 25px;
	line-height: 28px;
}
.cont_dld {
	height: 110px;
	padding-left: 30px;
	width: 440px;
}
.cont_dld1 {
	display: block;
	font-size: 18px;
	font-weight: normal;
	color: #333;
	height: 20px;
	padding-left: 80px;
	padding-top: 5px;
}
.cont_dld p {
	font-size: 16px;
	color: #666666;
	line-height: 26px;
	padding-left: 80px;
}
.cont_dld i {
	float: left;
}
.cont_drt {
	margin-left: 45px;
}
.cont_drm {
	display: block;
	float: left;
	font-size: 43px;
	line-height: 43px;
	font-weight: bold;
	margin-top: 45px;
}
.cont_drt i {
	display: block;
	float: left;
	width: 84px;
	height: 4px;
}
.cont_drt p {
	font-size: 20px;
	font-weight: normal;
	color: #333;
	display: block;
	float: left;
	padding-top: 3px;
}
.cont_drt1 {
	margin-top: 53px;
	float: left;
	width: 100px;
	height: 40px;
	margin-left: 8px;
	margin-bottom: 30px;
}
.cont_dl p a {
	font-size: 14px;
}
.cont_dld p {
	padding-top: 10px;
}
.contact {
	background: #fff;
	padding: 40px 0 40px;
}
.contact .w1200 {
	background: #fff;
}
.contact_t {
	margin: 50px 0 0;
}
.contact_left {
	width: 40%;
	float: left;
	background: #f5f5f5;
	position: relative;
}
.contact_txt {
	padding: 40px 20px;
	height: 420px;
40px 55px 20px;
}
.contact_txt h2 {
	color: #fff;
	line-height: 48px;
	text-indent: 10px;
	font-size: 24px;
	margin: 0 0 00px 40px;
}
.contact_right {
	width: 60%;
	float: right;
}
.contact_ly {
	background: #f6f6f6;
	padding: 60px 0;
	margin: 40px 0 0
}
.contact_ly h2 {
	font-size: 36px;
	font-weight: bold;
	position: relative;
	text-align: center;
	margin: 0 0 50px;
}
.contact_ly h2 strong {
	color: #005bac;
}
.contact_ly h2:after {
	content: "";
	display: block;
	width: 80px;
	height: 3px;
	position: absolute;
	top: 66px;
	left: calc(50% - 40px);
	background: #005bac;
}
.contact_ly textarea {
	width: 100%;
	padding: 15px;
	font-size: 14px!important;
	border: #d2d2d2 1px solid;
}
.contact_ly input {
	margin: 20px 0 0;
	width: 48%;
	line-height: 36px;
	text-indent: 18px;
	font-size: 14px!important;
	border: #d2d2d2 1px solid;
}
.contact_ly input:nth-child(2n-1) {
	float: right
}
.contact_ly input:nth-child(2n) {
	float: left
}
.contact_ly input.ewm1 {
	width: 100%;
}
.contact_ly .ewm {
	position: relative;
	float: right;
	width: 48%;
}
.contact_ly .ewm input {
	width: 100%;
}
.contact_ly .ewm img {
	position: absolute;
	top: 22px;
	right: 2px;
	height: 36px;
}
.contact_ly button {
	width: 100%;
	background: #333;
	margin: 20px 0 0;
	color: #fff;
	border: 0;
	line-height: 48px;
	cursor: pointer;
	font-size: 16px;
	transition: all .5s;
}
.contact_ly button:hover {
	background: #005bac;
}
.m_head {
	display: none;
}

@media only screen and (max-width: 1500px) {
.nav .nav_ul {
	float: right;
	margin: 0 1% 0 0;
}
.nav .nav_tel {
	display: none!important;
}
.nav .nav_ul > li {
	width: auto;
	padding: 0 2%;
}
.nav .nav_ul > li > a {
	padding: 0 0px;
}
.banner {
	position: relative;
	margin: 89px 0 0;
	z-index: 1;
}
}

@media only screen and (max-width: 1200px) {
.dq {
	margin: 40px auto!important;
	display: none;
}
.w1200 {
	max-width: 90%;
	margin: 0 auto;
	width: 90%;
}
.top {
	display: none;
}
.nav {
	display: none;
}
.top span {
	color: #fff;
	line-height: 40px;
	float: right;
	padding: 0 0 0 30px;
}
.top .top_span1 {
	background: url(../img/top1.png) no-repeat left center;
	background-size: 24px;
	margin: 0 0 0 10px;
}
.top .top_span2 {
	background: url(../img/top2.png) no-repeat left center;
	background-size: 20px;
}
.m_head {
	display: block;
	background: #fff;
	padding: 20px 5%;
	z-index: 99999999;
	border-bottom: 1px solid #ababab;
	position: fixed;
	width: 100%;
	top: 0;
}
.m_head .logo {
	float: left;
	width: 70%;
}
.m_head .logo img {
}
.m_head .num1 {
	float: right;
}
.m_head .num1 img {
	height: 20px;
	margin: 14px 0 0;
}
.m_nav {
	position: fixed;
	right: 100%;
	top: 0;
	width: 100%;
	background: hsla(0, 0%, 0%, 0.6);
	z-index: 99999;
}
.m_nav.on {
	position: absolute;
	right: 0%;
	top: 0;
}
.m_nav .m_ul {
	width: 80%;
	background: hsla(0,0%,0%,0.8);
	float: right;
	position: relative;
}
.m_nav .m_ul li {
	border-bottom: 1px solid #232530;
}
.m_nav .m_ul li a {
	display: block;
	height: 45px;
	color: #fff;
line-height: 45px;
	padding-left: 5%;
	font-size: 16px;
}
.m_nav .close {
	position: absolute;
	top: 20px;
	left: 20px;
}
.m_nav .close img {
	cursor: pointer;
	display: block;
	margin: 11px auto;
	transition: all .2s;
	cursor: pointer;
	overflow: hidden;
}
.m_nav ul.m_ul > li ul.ul_too {
	display: none;
	width: 80%;
	float: right;
}
.m_nav ul.m_ul > li ul.ul_too li {
}
.m_nav ul.m_ul > li ul.ul_too li a {
}
.m_nav ul.m_ul > li.gd {
	background: url(../img/7_15.png) 95% 15px no-repeat;
}
.sx {
	margin: 80px 0 30px;
	border-bottom: 1px #ccc solid;
	line-height: 24px;
}
.sx a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	float: left!important;
	width: 90%;
	margin: 0 auto;
	display: block;
}
.gh0 {
	height: auto;
}
.gh0 .gh0_gjc {
	display: none;
}
.gh0 form {
	margin: 24px auto;
	width: 80%;
	float: none;
}
.gh1 h3 {
	font-size: 26px
}
.gh1_tit_l {
	width: 100%;
}
.gh1_tit_r {
	width: 100%;
	height: auto;
}
.gh1_tit_r a {
	width: 50%;
}
.gh1_pro li {
	float: left;
	width: calc((100% - 10px) /2);
	margin: 0 10px 30px 0;
	position: relative;
	overflow: hidden;
}
.gh1_pro li:nth-child(2n-1) {
	margin: 0 10px 30px 0;
}
.gh1_pro li:nth-child(2n) {
	margin: 0 0 30px 0;
}
.gh1_pro_name {
	position: relative;
	bottom: 0;
	padding: 8px 12px;
}
.gh1_pro_name p {
	display: none;
}
.gh2 h3 {
	font-size: 26px
}
.gh2 ul li {
	width: 46%;
	margin: 0 0px 10px 0;
}
.gh2 ul li:nth-child(2n) {
	float: right;
}
.gh2 ul dt {
	width: 100%;
}
.gh2 ul li+li {
	margin-left: 0;
	margin: 0 0px 10px 0;
}
.gh2 ul dt p {
	font-size: 16px
}
.gh2 ul dd {
	width: 100%;
	height: 100%;
}
.adv_title {
	font-size: 26px
}
.gh4_li img {
	width: 100%;
	position: relative;
}
.gh4_li:nth-child(2n) img {
	width: 100%;
	position: relative;
}
.gh4_li .adv_wz {
	width: 100%;
}
.gh4_li:nth-child(2n) .adv_wz {
	width: 100%;
}
.gh6_l {
	width: 100%;
}
.gh6_r {
	width: 100%;
}
.gh6_r img {
	position: relative;
	width: 100%;
	top: 50px;
}
.gh8 .gh8_tit h3 {
	width: 100%;
}
.gh8 .gh8_a {
	width: 100%;
}
.gh8 .gh8_a a {
	margin: 0 20px 0 0;
}
.news_row2_l .news_l_item, .news_row2_l .news_div_item {
	width: 100%;
}
.news_row2_l {
	width: 100%;
}
.news_row2_l .news_l_item img, .news_row2_l .news_div_item .news_div_item_pic a,

.news_row2_l .news_div_item .news_div_item_pic img {
	width: 100%;
}
.news_row2_r {
	width: 100%;
}
.news_row2_l .news_div_item_content {
	width: calc( 100% - 0px);
	float: right;
}
.news_div_item_date {
	float: left;
}
.news_row2_r .news_r_item p, .news_row2_r .news_div_item .news_div_item_body {
	width: 100%;
}
.news_row2_r .news_div_item_content {
	width: calc( 100% - 150px);
	float: right;
}
.news_div_item_a {
	width: 100%!important;
}
.about1_l {
	width: 100%;
}
.about1_r {
	width: 100%;
	margin: 30px 0 0;
}
.aboutBox4Dl dd {
	width: 50%;
}
.about3 li {
	width: calc(( 100% - 20px) / 2);
	margin: 0px 20px 30px 0;
	float: left;
	position: relative;
	transition: all .5s;
}
.about3 li:nth-child(2n-1) {
	margin: 0 20px 30px 0;
}
.about3 li:nth-child(2n) {
	margin: 0 0 30px 0;
}
.honor li {
	width: calc((100% - 30px) / 2);
	float: left;
	margin: 0 30px 40px 0;
	background: #fff;
}
.honor li:nth-child(2n) {
	margin: 0 0px 40px 0;
}
.case li {
	width: calc((100% - 30px) / 2);
	float: left;
	margin: 0 30px40px 0;
	background: #fff;
}
.case li:nth-child(2n) {
	margin: 0 0px 40px 0;
}
.pro_fl a {
	width: calc((100% - 10px) / 2);
	float: left;
	margin: 0 10px 10px 0;
	height: 52px;
	line-height: 52px;
	font-size: 18px;
	text-align: center;
	color: #333;
	background: #eee;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.pro_fl a:nth-child(2n - 1) {
	margin: 0 10px 10px 0;
}
.pro_fl a:nth-child(2n) {
	margin: 0 0px 10px 0;
}
.pro_list li {
	width: calc((100% - 20px) / 2);
	float: left;
	margin: 0 20px 20px 0;
	background: #fff;
}
.pro_list li:nth-child(2n - 1) {
	margin: 0 20px 20px 0;
}
.pro_list li:nth-child(2n) {
	margin: 0 0px 20px 0;
}
.pro_list .name p {
	display: none;
}
.pro_l {
	width: 100%;
}
.pro_r {
	width: 100%;
}
.newspic {
	display: none;
}
.newswa {
	width: 100%;
}
.news_more {
	position: relative;
	bottom: 0;
	margin: 10px 0 0;
}
.news_left {
	width: 100%;
}
.news_right {
	width: 100%;
	margin: 30px 0 0;
}
.cont_tl {
	width: 100%;
}
.cont_tr {
	width: 100%;
}
.contact_left {
	width: 100%;
}
.contact_right {
	width: 100%;
}
.iconfont_t {
	font-size: 24px;
}
}

@media only screen and (max-width: 768px) {
.footer ul {
	display: none;
}
.footer_right {
	width: 100%;
}
.aboutBox4Dl dd {
	width: 100%;
}
}