@charset "utf-8";
html{font-size:62.5%;}
body{margin:0px; font-size:12px; color:#91989f; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei; cursor:default; }
*{padding:0px; margin:0px;box-sizing: border-box;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei;}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal; color:#555;}
input,select,button{font-size:12px; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#333; text-decoration:none;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;}
a:hover{color:#005caf;}
.clear{overflow:hidden; clear:both; height:0px;}
.fl{float:left;}
.fr{float:right;}

.con{width:1440px;max-width: 94%; margin:0 auto;}
.container {width:1440px;max-width: 94%; margin:0 auto;}
.header{width:100%; position:fixed; top:0; left:0; z-index:10;background:rgba(255,255,255,0.9);
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header.on{box-shadow:0 0 10px #aaa; }
.header .container{position:relative;display: flex;justify-content: space-between;}
.header .logo{float:left;margin: 20px 0;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}

.header .logo img{width:auto; height:60px; display:block;}

.header .an{position:absolute; top:50%; right:15px; height:18px; width:30px; display:none;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.header .an span{width:30px; height:2px; background-color:#555; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}

.header .right {float: right;text-align: left;}
.header .right .dh{display: inline-block;font-size: 18px;line-height:100px;color: #233681;margin-right: 10px;}
.header .right .dh i{font-size: 20px;margin-right: 8px;}
.header .right .ss {line-height:100px;display: inline-block;padding: 0 10px;position: relative;color: #333;}

.header .right .yy {line-height: 100px;display: inline-block;padding: 0 10px;color: #333;position: relative;font-size: 18px;}

.header .right .yy i {}
.header .right .yy .x_l {width:100px;top: 100px;position: absolute;left: 50%;margin-left: -50px; background:#fff;line-height: 40px;display: none}

.header .right .yy .x_l a {color: #333;display: block;font-size: 14px;text-align: center;}
.header .right .yy .x_l a:hover{color: #233681;}

.header .right i {font-size: 25px;}
.header .right .wx {line-height:100px;display: inline-block;padding: 0 10px;position: relative;color: #333;}
.header .right .wx a {color: #333}
.header .right .wx a:hover {color: #233681}
.header .right .wx .w_x {width: 120px;position: absolute;left: 50%;margin-left: -60px;top: 100px;display: none;}
.header .right .wx:hover .w_x {display: block;}


.search{width:100%; padding:30px 5%; background-color:#f7f7f7; position:fixed; top:0; left:0; z-index:999; display:none;box-sizing: border-box;}
.search .an_sj {width: 5%;line-height: 52px;color: #555;float: right;text-align: right;}
.search input.w_z{width:90%; height:52px; border-radius:0; font-size:18px; line-height:52px; color:#555; float:left; -webkit-appearance:none;}
.search button.s_c{width:5%; height:52px;font-size:18px; line-height:52px; text-align:center; float:left; -webkit-appearance:none;font-weight: bold;}
.search i {font-size: 24px;}

.header .nav{ float:right;}
.header .nav i{font-size:12px; color:#aaa; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display:none;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.header.on .nav{ float:right;}
.header .nav ul li{ line-height:100px; float:left; position:relative; padding:0 30px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}

.header .nav ul li a{display:block; font-size:16px; color:#333; text-transform:capitalize}
.header .nav ul li span{width:0; height:2px; background-color:#233681; position:absolute; left:50%; bottom:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);}
.header .nav ul li:hover span{width:100%;}
.header .nav ul li.on span{width:100%;}
.header .nav ul li:hover a {color: #233681;}
.header .nav ul li.on a {color: #233681;}

.nav .y_j{position:relative;}
.nav .e_j{width:150px; background-color:rgba(255,255,255,.9); position:absolute; top:100px; left:50%; margin-left:-75px; display:none; z-index:9999;}
.header.on .nav .e_j{box-shadow:0 2px 2px #aaa;}
.header .nav ul li .e_j a{display:block; font-size:14px; color:#333; line-height:40px; border-bottom:1px solid rgba(0,0,0,0.15); text-align:center }
.header .nav .e_j a:hover{background-color:#233681; color:#fff;}

@media (min-width:1024px){

.header .nav .e_j{display:none !important;}
.header .nav ul li:hover .e_j{display:block !important;}
.head_h { height:100px;}
}

@media only screen and (max-width:1024px){
.head_h { height: 60px; display:block}
.header{border:0; height:60px; background:#fff; width:100%;z-index: 99;}
.header .container{ padding:0; height: 60px; width:94%}
.header .logo{margin:5px 0 ;}
.header.on .logo{margin:5px 0;}
	.header .logo img {
  height:50px;
}
	.header .right {margin-right: 50px;
  margin-left: 0px;
}
	.header .right .ss {
  line-height: 60px; padding: 0 5px;
}
	
	.header .right .yy {
  line-height: 60px;
  padding: 0 5px;
}
	.header .right .wx {
  line-height: 60px;
  padding: 0 5px;
}
	.header .right i {
  font-size: 20px;
}
	.header .right .yy .x_l {
  top: 60px;
}
	.header .right .wx .w_x {
  top: 60px;
}
.header .an{display:block; right:10px;}
.header .an span { background-color:#999}
.header .nav ul { width: 100%;}
.header.on .nav {width:100%}
.header .nav{width:100%; padding:15px 5%; background-color:#fff; height:100%; position:fixed; top:60px; right:-100%; z-index:9999; overflow:auto;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; margin-top:0}
.header .nav.on{right:0;}
.header.on .nav ul li a { font-size: 16px;color: #222;}
.header .nav i{display:block;font-size: 16px;color: #222;}
.header .nav ul li{line-height:60px; text-align:left; border-bottom:1px solid rgba(0,0,0,0.3); float:none; margin:0; padding:0}
.header .nav ul li::after { background: rgba(0,0,0,0);}
.header.on .nav ul li{line-height:60px;}
.header .nav .e_j { width: 100%; border-top: 1px solid rgba(0,0,0,0.3); background: none; position: relative;display: none;top: auto; left: auto; margin: 0;padding-bottom: 10px;}
.header .nav ul li .e_j a { color:#333;font-size: 16px;text-align: left;}
.header .nav ul li .e_j a:hover { color:#222}
	.header .nav ul li .e_j a:last-child{border-bottom: 0;}
.header .nav .e_j a{border-top:0; font-size:12px; color:#aaa; line-height:32px;}
.header .nav .e_j a:hover{background:none;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav ul li a{font-size:16px; color:#222;}
	.header.on .nav .e_j {
  box-shadow: 0 0 0 #aaa;
}

.header .nav ul li:hover span{width:0;}
.header .nav ul li.on span{width:0;}
}



.gallery-top{width:100%; position:relative;}
.gallery-top .swiper-slide img{width:100%; height:auto;display: block;}
.gallery-top .mb1{width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:url(../images/mb1.png) right center / 100% repeat-y;}
.gallery-top .mb1 .nr { width:80%; margin:0 auto;}
.gallery-top .mb1 h1 { font-size:46px; color:#fff; margin-bottom:20px;letter-spacing: 1px; text-align: left; margin-top:15%; font-weight:bold;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 200px, 0);-ms-transform: translate3d(0, 200px, 0);transform: translate3d(0, 200px, 0);}
.gallery-top .mb1 h4 { font-size:30px; color:#fff; text-align: left;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 200px, 0);-ms-transform: translate3d(0, 200px, 0);transform: translate3d(0, 200px, 0);}
.gallery-top .mb1 .gd{width: 180px;height: 55px;line-height: 55px;background: #f18815;border-radius: 8px;text-align: center;font-size: 16px;color: #fff;margin-top: 35px;-webkit-transition: all 0.9s;-moz-transition: all 0.9s;-o-transition: all 0.9s;transition: all 0.9s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 200px, 0);-ms-transform: translate3d(0, 200px, 0);transform: translate3d(0, 200px, 0);}
.gallery-top .mb1 .gd a{color: #fff;}
.gallery-top .swiper-slide-active h1{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.gallery-top .swiper-slide-active h4{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.gallery-top .swiper-slide-active .gd{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.gallery-top .swiper-slide a {width: 100%;height: 100%;display: block;}
.gallery-top .swiper-pagination{bottom:20px !important;}
.gallery-top .swiper-pagination-bullet{
		background:none;
		opacity:1;
		margin:0 6px !important;
		width:50px;
		height:2px;
		position:relative;
		outline:none;
		vertical-align:middle;background: #ccc;}
	.gallery-top .swiper-pagination-bullet span{
		width:3px;
		height:3px;
		background:#CCC;
		display:block;
		border-radius:50%;
		margin-top:3px;
		margin-left:3px;
	}
.gallery-top .swiper-pagination-bullet i{
		background:#0071bc;
		height:2px;
		width:50px;
		position:absolute;
		top:0px;
		transform:scaleX(0);
		transform-origin:left;
		z-index:3;
		transition-timing-function:linear;
		}
	.gallery-top .swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span{
		width:9px;
		height:9px;
		margin-top:0;
		margin-left:0;
		background:#000;
		position:relative;
		z-index:1;
		}
	.gallery-top .swiper-pagination-bullet-active i{
		animation:first 6s;
		}
	.gallery-top .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{
		animation:first 6s;
		}
	.gallery-top .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{
		animation:first 6s;
		}				
	@keyframes first{
	  0% {transform:scaleX(0);left:0px;}/*091*/
	  100% {transform:scaleX(1);left:0px;} /*0915*/
	}
	@keyframes last{
	  0% {transform:scaleX(0.7);left:-10px;}/*1090*/
	  20% {transform:scaleX(0.3);left:2px;} /*090*/
	  100% {transform:scaleX(0.3);left:0px;} /*090*/
	}		
	@keyframes middle{
	  0% {transform:scaleX(0.7);left:-10px;}/*1091*/
	  20% {transform:scaleX(0.45);left:2px;}/*092*/
	  100% {transform:scaleX(1);left:2px;} /*0913*/
	}	
.gallery-top .swiper-pagination-bullet.swiper-pagination-bullet-active { }


.gallery-top .swiper-button-prev{background:url(../images/banner-l.png) no-repeat; width:30px; height:50px; margin-top:0; left:1%;
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;}
.gallery-top .swiper-button-next{background:url(../images/banner-r.png) no-repeat; width:30px; height:50px; margin-top:0; right:1%;
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;}

.section-title {
    margin-bottom: 50px;text-align: center;
}
.section-title h3 {
  color: #333;
  font-size: 35px;
  margin: 0;
  text-transform: capitalize;
  position: relative;
  padding: 0 0 10px;font-weight: bold;
}
.section-title h3:after {
  position: absolute;
  content: "";
  display: block;
  height: 2px;
  width: 70px;
  background: #333;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: -6px;
}
.section-title span {
  color: #233681;
}
.section-title span.line {
  height: 10px;
  width: 10px;
  background: #233681;
  display: block;
  margin: 0 auto;
  border-radius: 30px;z-index: 99;position: relative;
}
.section-title p {
  margin-top: 10px;font-size: 14px;text-transform: uppercase;
}
.section-title.section-title-left span.line {
	margin: 0 30px;
}
.section-title.section-title-left h3:after {
	margin: 0;
}




.section-title2 {
    margin-bottom: 50px;text-align: center;
}
.section-title2 h3 {
  color: #fff;
  font-size: 35px;
  margin: 0;
  text-transform: capitalize;
  position: relative;
  padding: 0 0 10px;font-weight: bold;
}
.section-title2 h3:after {
  position: absolute;
  content: "";
  display: block;
  height: 2px;
  width: 70px;
  background: #fff;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: -6px;
}
.section-title2 span {
  color: #f2912b;
}
.section-title2 span.line {
  height: 10px;
  width: 10px;
  background: #f2912b;
  display: block;
  margin: 0 auto;
  border-radius: 30px;z-index: 99;position: relative;
}
.section-title2 p {
  margin-top: 10px;font-size: 14px;text-transform: uppercase;color: #fff;
}
.section-title2.section-title-left span.line {
	margin: 0 30px;
}
.section-title2.section-title-left h3:after {
	margin: 0;
}


/*关于我们*/
.about{ padding: 90px 0 80px;overflow: hidden;}
.about .index-title{padding-bottom: 44px;}
.about-content{display: flex;justify-content: space-between;align-items: stretch;flex-direction: row-reverse;}
.about-content .pic{width: 45%; margin-right: 3%;}
.about-content .pic img{display: block; width: 100%;}
.about-content .info{width: 50%;position: relative;}
.about-content .info strong{display: block; font-size: 30px; line-height: 30px; color: #333333; height: 50px; position: relative; margin-bottom: 30px;}
.about-content .info strong:after{position: absolute; content: ''; width: 60px; height: 3px; background:#233681; left: 0; bottom: 0;}
.about-content .info .nr{display: block; font-size: 16px; line-height: 30px; color: #333; text-align: justify;}

.about-content .more {width: 150px;height:50px;line-height: 50px;background: #233681;text-align: center;border-radius: 8px;font-size: 16px;margin-top:40px;}
.about-content .more a{color: #fff;}
.about-content .more a i{margin-left: 10px;}
.about-content .more:hover{background: #f18815;}



.sy_kjdh {padding-top: 60px;position: relative;z-index: 999;padding-bottom: 80px;background: #f5f5f5;}
.sy_kjdh ul li{width: 50%;float: left;background: #fff;-webkit-transition: all .3s;
  transition: all .3s; -webkit-box-shadow: 1px 1px 15px 0px rgba(41,61,88,.2);
  -moz-box-shadow: 1px 1px 15px 0px rgba(41,61,88,.2);
  box-shadow: 1px 1px 15px 0px rgba(41,61,88,.2);height: 200px;position: relative;border-right: #eee 1px solid;box-sizing: border-box;}
.sy_kjdh ul li .box {padding: 40px 30px;width: 100%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transition: all .3s;transition: all .3s;display: flex;justify-content: center;align-items: center;flex-direction: column;box-sizing: border-box;}
.sy_kjdh ul li .box .t_b{text-align: center;margin-bottom: 25px;width: 60px;position: relative;}
.sy_kjdh ul li .box .t_b::after{width:30px;height: 30px;background: rgba(242,145,43,0.15);content: "";position: absolute;right: -5px;bottom: 5px;border-radius: 26px;}
.sy_kjdh ul li .box .t_b i{font-size: 50px;color: #233681;}
.sy_kjdh ul li .box h3 {font-size: 18px;font-weight: bold;color: #333;margin-bottom: 10px;}
.sy_kjdh ul li:hover .box .t_b i{color: #fff;}
.sy_kjdh ul li .box h3 {font-size: 18px;font-weight: bold;color: #333;margin-bottom: 10px;}
.sy_kjdh ul li:hover .box h3 {color: #fff;}
.sy_kjdh ul li .box p {font-size: 14px;color: #444;}
.sy_kjdh ul li:hover .box p {color: #fff;}

.sy_kjdh ul li:hover .box .gd {display: block;height: 38px;opacity: 1;-webkit-transition: all .3s;transition: all .3s;}
.sy_kjdh ul li .box .gd{width: 38px;height: 38px;border-radius: 19px;text-align: center;line-height: 38px;background: #fff;color: #233681;height: 0;opacity: 0;-webkit-transition: all .3s;transition: all .3s;margin-top: 20px;}
.sy_kjdh ul li:hover .box{background: #233681;-webkit-transition: all .3s;transition: all .3s;height: 260px;top: 50%;margin-top: -130px;width: 100%}
.sy_cp{padding: 60px 0 60px;}
.sy_cp .table {border: #ccc 1px solid;}
.sy_cp .table li {display: flex;justify-content: flex-start;align-items: stretch;line-height: 1.8;font-size: 14px;border-bottom: #ccc 1px solid;color: #333;}
.sy_cp .table li.bt {background: #233681;border-bottom: #ccc 1px solid;color: #fff;line-height: 2.4;font-weight: bold;font-size: 16px;}
.sy_cp .table li .l1{width: 25%;float: left;display: block;border-right: #ccc 1px solid;box-sizing: border-box;padding: 20px;}
.sy_cp .table li .l2{width: 75%;float: left;padding: 20px;box-sizing: border-box;}


.slideGroup {
	margin:0 auto;padding: 60px 0 60px;
}

.slideGroup .parHd {
	position: relative;
	line-height: 40px;
	padding: 0 20px;margin-top: 50px;
}

.slideGroup .parHd ul {width: 100%;
	text-align: center; margin:0 auto;
}
.slideGroup .parHd ul li{display: inline-block;border: 1px solid #ece6e6;background: #f5f5f5; border-radius: 8px;position: relative;margin: 0 5px;padding: 15px 20px;font-size: 20px;color: #333;margin: 0.5%;text-align: center;}
.slideGroup .parHd ul li img {width: 35px;vertical-align: middle;margin-right: 5px;}
.slideGroup .parHd ul li h4 {font-size:16px;color: #444;line-height: 1.2; }
.slideGroup .parHd ul li i {font-size: 26px;margin-right:10px;vertical-align: middle;}
.slideGroup .parHd ul li:hover img { filter: brightness(1000%);}
.slideGroup .parHd ul li a {color: #222;font-size: 20px;font-weight: bold}
.slideGroup .parHd ul li:hover{background: #233681;color: #fff;}
.slideGroup .parHd ul li.on{background: #233681;color: #fff;}
.slideGroup .parHd ul li:hover a{color: #fff;}
.slideGroup .parHd ul li:hover h4{color: #fff;}
.slideGroup .parHd ul li.on a{color: #fff;}
.slideGroup .parHd ul li.on h4{color: #fff;}
.slideGroup .parHd ul li.on img { filter: brightness(1000%);}



.slideGroup .slideBox {
	overflow: hidden;
	zoom: 1;
	padding: 0px 0 10px;
	position: relative;
}

.slideGroup .sPrev,
.slideGroup .sNext {
	position: absolute;
	left: 0;
	top: 40%;
	display: block;
	width: 50px;
	height: 50px;z-index: 88;text-align: center;
}
.slideGroup .sPrev i,
.slideGroup .sNext i{font-size: 35px;color: #222;}

.slideGroup .sNext {
	left: auto;
	right: 0;
}

.slideGroup .parBd ul {
	overflow: hidden;
	zoom: 1;
}

.slideGroup .parBd{margin-top: 35px;}
.slideGroup .parBd ul{}
.slideGroup .parBd ul li {width: calc(33.3333% - 30px);float: left;margin: 0 15px 30px;position: relative;border-bottom: 2px solid #eee;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.slideGroup .parBd ul li span {width: 0%;height: 2px;background: #233681;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;position: absolute;left: 0;bottom: -1;}
.slideGroup .parBd ul li:hover span {width: 100%;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.slideGroup .parBd ul li .t_p{overflow: hidden;position: relative;}
.slideGroup .parBd ul li img {width: 100%;display: block; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;z-index: 1;height: auto;object-fit: cover;}
.slideGroup .parBd ul li:hover img { -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.slideGroup .parBd ul li .t_p .mb {position: absolute;width: 100%;height: 100%;z-index: 9;background: rgba(6,102,178,0);}
.slideGroup .parBd ul li:hover .t_p .mb {background: rgba(35,54,129,0.8) url(../images/jh.png) center / 30px no-repeat;}
.slideGroup .parBd ul li .t_p .hr{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;}	
.slideGroup .parBd ul li .t_p .hr img{width:auto !important;height:auto !important;opacity:0;transition:all 0.5s ease;-webkit-transform:all 0.5s ease;}
.slideGroup .parBd ul li:hover .hr img{opacity:1;}	
	
.slideGroup .parBd ul li:hover .hr img{-webkit-transform:rotate(360deg);animation:rotation 10s linear infinite;-moz-animation:rotation 10s linear infinite;-webkit-animation:rotation 10s linear infinite;-o-animation:rotation 10s linear infinite;}	
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg);}	to{-webkit-transform:rotate(360deg);}}

.slideGroup .parBd ul li h3 {font-size: 16px;color: #333;margin: 10px 0 15px;text-align: center;line-height: 1.8;overflow: hidden;padding-left: 15px;}
.slideGroup .parBd ul li i {margin-right: 20px;font-size: 20px; color: #222; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.slideGroup .parBd ul li:hover i {float: right;margin-right: 5px;color: #222;}
.slideGroup .parBd ul li:hover h3{color: #233681;}



.index04wrap{width: 100%;box-sizing: border-box;position: relative;padding:0;}
.index04wrap .top{margin: 150px auto;width: 1200px;text-align: center;}
.index04wrap .top p{font-size: 20px;color: #313233;margin-bottom: 10px;opacity:0.7;}
.index04wrap .top h3{font-size: 30px;color: #313233;font-weight: bold;}
.index04wrap .top strong{display: block;width: 30px;height: 2px;background-color: #1b1994;margin: 30px auto;}
.index04wrap .top h4{font-size: 15px;color: #666666;line-height: 26px;width: 50%;margin: auto;}
.index04wrap .index04{width: 100%;box-sizing: border-box;position: relative;padding: 100px calc((100% - 1500px)/2);background: url(../images/indexbg_03_3.jpg)no-repeat fixed;background-size: cover;}
.index04wrap .index04 .text{width: 100%;position: relative;}
.index04wrap .index04 .text .cont{width: 65%;padding: 70px;background-color: rgba(0,24,126,0.7);margin-left: -70px;box-sizing: border-box;padding-left: 110px;transition: all .3s;}
.index04wrap .index04 .text .cont::before{content: '';display: block;content: '';display: block;width: 1px;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(255,255,255,0.5);}
.index04wrap .index04 .text .cont::after{content: '';display: block;width: 2px;height: 30px;position: absolute;left: 0;top: 70px;background-color: #233681;}
.index04wrap .index04 .text .cont h3{font-size: 32px;color: #ffffff;font-weight: bold;margin-bottom: 30px;}
.index04wrap .index04 .text .cont h4{font-size: 16px;color: #ffffff;line-height: 32px;margin-bottom: 40px;text-align:justify;text-indent:2em}
.index04wrap .index04 .text .cont a{background-color: transparent;border: 1px solid #fff;}
.index04wrap .index04 .text .cont a::after{background-color: #233681;}
.index04wrap .index04 .text .cont a:hover{color: #fff;}
.index04wrap .index04 .text .cont:hover{background-color: rgba(0,24,126,0.8);}
.index04wrap .index04 .more:hover::after{width: 100%;}
.bannerwrap .banner .text .cont::before{content: '';display: block;width: 3px;height: 30px;top: 0;left: -62px;background-color: #FFFFFF;position: absolute;}
.more {
  display: block;
  width: 180px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  background-color: #233681;
  color: #FFFFFF;
  font-size: 14px;
  overflow: hidden;
  position: relative;
  z-index: 0;
  border-radius: 2px;
}
.more::after {
  content: '';
  width: 0;
  height: 100%;
  background-color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .3s;
  z-index: -1;
}



.sy_hzhb {padding: 60px 0;text-align: center;background: #f5f5f5;}
.sy_hzhb ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.sy_hzhb ul li {width:18%;float: left;border: #eee 1px solid;margin: 0 1% 2%;transition: all 0.3s;box-sizing: border-box;

	-wbkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;}
.sy_hzhb ul li img {width: 100%;display: block;}
.sy_hzhb ul li:hover{box-shadow: 0 0 10px #ccc;transform: translateY(-5px);

	-wbkit-transform: translateY(-5px);

	-o-transform: translateY(-5px);

	-moz-transform: translateY(-5px);

	transition: all 0.3s;

	-wbkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;}




/* start footer */
.footer_bg{background:url(../images/bottombg.jpg) center / cover no-repeat; width:100%;padding:35px 0 0;}
.footer { }
.footer .zuo3 {}
.footer .zuo3 ul li { float:left;padding-right: 80px;min-width: 50px;}
.footer .zuo3 ul li:last-child{padding: 0;}
.footer .zuo3 ul li .tit1 a { font-size:16px; font-weight:bold; color:#fff; line-height:36px; display:block}
.footer .zuo3 ul li .line { margin-bottom:20px; height:2px; margin-top:10px}
.footer .zuo3 ul li .line span { width:15px; height:1px; background:#f2912b;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s; display:block}
.footer .zuo3 ul li:hover .line span { width:50px; height:1px;}
.footer .zuo3 ul li a { width:100%; display:block; line-height:28px; font-size:14px; color:#fff;text-transform: capitalize;}
.footer .zuo3 ul li a:hover { color:#eee}
.footer .zuo3 ul li.lx {width: 380px;padding-right: 0}
.dzwz {line-height:30px;color:#fff;font-size:14px; float:left;}
.dzwz p { line-height:30px;color:#fff;font-size:14px;margin-bottom: 10px;}
.dzwz p i {
  color: #233681;
  text-align: center;
  margin-right: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;width: 30px;height: 30px;line-height:30px;background: #fff;border-radius: 20px;display: inline-block;
}
.dzwz p:hover i{background: #f2912b;color: #fff;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.footer .zuo3 ul li.yx {padding-right: 0;float: right;}

.footer .weix {width: 120px;float: right;text-align: center;line-height: 30px;margin-right: 15px;}
.footer .weix img {width: 100%;}
.footer_btm {margin:30px auto 0;border-top: 1px solid rgba(255,255,255,0.2); width:100%;}
.copy {width: 1200px;margin: 0 auto;line-height: 50px;text-align: center}
.copy p {font-size: 12px;text-transform: uppercase;color: #fff;}
.copy p a { color: #ffffff; -webkit-transition: 0.9s; -moz-transition: 0.9s;-o-transition: 0.9s;transition: 0.9s;}


.nban {width: 100%;height: 400px;position: relative;}
.nban .mb {position: absolute;left: 50%;margin-left: -660px;top: 45%;width: 1320px;}
.nban .mb h2 {font-size: 36px;color: #fff;font-weight: bold;margin-bottom: 10px;}
.nban .mb h4 {font-size: 26px;color: #fff;}
.nban .mb h3 {font-size:20px;color: #fff;text-transform: capitalize;}
.mgt50 { margin-top:35px;}

.wzxx { width:100%; height:60px; background: #f6f6f6; line-height:60px; font-size:14px;color: #333;}
.wzxx a { color:#333;}


.ntit {float: right; padding:10px 0;  overflow:hidden; text-align: center;}
.ntit ul {display: flex;flex-direction: row;justify-content:center; flex-wrap: wrap;align-content: space-around;
}
.ntit ul li { display:inline-block; margin:0 10px 0 0; min-width:140px;  position:relative;}

.ntit ul li a { line-height:40px; background:#233681; padding:0 20px; font-size:16px;color:#fff; display:block; text-align:center;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}

.ntit ul li:last-child {border-right: 0;}
.ntit ul li a:hover { background:#f18815; color:#fff;}
.ntit ul li a.on {background:#f18815;color:#fff;}


.gy_jj {padding: 50px 0;}
.gy_jj .container{padding-bottom: 60px;overflow: hidden;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.gy_jj .tp {width: 50%;}
.gy_jj .tp img {width: 100%;display: block;}
.gy_jj .wenz {width: 45%;}
.gy_jj .wenz h2 {font-size: 32px;color: #222;margin-bottom: 40px;position: relative;line-height: 1.2;}
.gy_jj .wenz h2::after {width: 60px;height: 3px;background: #233681;content: "";position: absolute;left: 0;bottom: -10px;}
.gy_jj .wenz .zi{font-size: 16px;line-height: 1.8;color:#333;}

/*产品中心*/
.ny_cp {padding: 40px 0;}
.ny_cp ul li {width:23%;float: left;margin: 0 1% 2%;position: relative;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.ny_cp ul li:hover{transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;
}
.ny_cp ul li .tp {overflow: hidden;height: 260px;}
.ny_cp ul li img {width: 100%;height: 100%;object-fit: cover; display: block; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_cp ul li:hover img{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_cp ul li .wenz {padding: 10px;}
.ny_cp ul li .wenz h3 {font-size: 16px;color:#222;line-height: 1.8;text-align: center;}
.ny_cp ul li .wenz p {font-size: 14px;color: #555;line-height: 1.8;margin-bottom: 10px;text-align: left;}
.ny_cp ul li span {position: absolute;left: 0;bottom: 0;height: 1px;background: #233681;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;width: 0;z-index: 3;}
.ny_cp ul li:hover span {width: 100%;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ny_cp ul li:hover .wenz h3{color: #233681;}
.ny_cp ul li:hover .wenz p{color: #233681;}
















@media only screen and (max-width:1441px) {
	
	
	
	
	
	
	
}

@media only screen and (max-width:1368px) {
	
	.swiper-hy .swiper-slide:hover .sign {top: 20%;}
.swiper-hy .swiper-slide .bg{height:85%;}
	.nban .mb {
  position: absolute;
  left: 5%;
  margin-left:0px;
  top: 40%;
  width: 90%;
}
	
	
}

@media only screen and (max-width:1281px) {
	
	
	
	
}



@media only screen and (max-width:1024px) {
	.header .hd-top {
  height: 30px;
  line-height: 30px;
}
	.header .hd-top .a-grop a {
  line-height: 30px;
  height: 30px;
}
	.header .hd-top .a-grop {
  line-height: 30px;
}
	
 
.container { width: 94%; margin: 0 auto;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
	.gallery-top .mb1 h1 { font-size:30px;margin-bottom:10px;letter-spacing: 0;}
.gallery-top .mb1 h4 { font-size:20px;}
	.gallery-top .mb1 .gd{width: 140px;height:40px;line-height: 40px;}
	.gallery-top .mb1 .nr {
  width: 90%;
}
.sy_kjdh {
  margin-top: 30px;
  padding-bottom: 20px;padding-top: 30px;
}
	.sy_kjdh ul li .box {
  padding: 20px 15px;
}
	.sy_hyyy {
  padding: 30px 0 40px;
}
	.section-title h3 {
  font-size: 30px;
}
	.section-title {
  margin-bottom: 25px;
}
	.sy_kjdh ul li {
  width: 50%;
}
	.sy_kjdh ul li:hover .box{z-index: 99;}
	.index04wrap .index04 {
  padding: 40px 20px;
  background: url(../images/indexbg_03_3.jpg)no-repeat inherit;
}
	.index04wrap .index04 .text .cont {
  width: 80%;
  padding: 25px;
  margin-left: 0px;
  padding-left: 30px;
}
	.zxzx {
  padding: 30px 0;
}
	.zxzx .left {
  width: 100%;
}
	.zxzx .right {
  width: 100%;margin-top: 25px;
}
	.zxzx .right ul li {
  padding:20px 0;
}
	.zxzx .right ul li .ri {
  font-size: 24px;
}
	.sy_hzhb {
  padding: 30px 0;
}
	.footer .zuo3 ul li {display: none
}
	.footer .zuo3 ul li.lx{display: block;}
	.footer .zuo3 ul li.yx{display: block;}
	.copy {
  width: 90%;padding: 10px 0;
  line-height: 1.4;
}
	
	.nban {
  height: 10rem;
}
	.nban .mb h2 {
  font-size: 30px;margin-bottom: 0;
}
	.nban .mb {
    top: 35%;
  }
  .wzxx .w_z {
    display: block;
    position: absolute;
    right: 5%;
    top: 0;
    padding: 0;
    width: 20px;
    height: 50px;
    background: url(../images/nyej.png) center / 100% no-repeat;
  }
	.wzxx {position: relative;
}
	.ntit {width: 100%;padding: 0;position: relative;overflow: inherit;z-index: 99;
}
	.ntit ul {position: absolute;width: 100%;top: 0;left: 0;display: none;
}
	.ntit ul li {width: 100%;
  margin: 0 ;
}
	.ntit ul li:first-child a {
  border-radius: 0px 0 0 0px;
  -moz-border-radius: 0px 0 0 0px;
  -webkit-border-radius: 0px 0 0 0px;
}
	.ntit ul li:last-child a {
  border-radius: 0 0px 0px 0;
  -moz-border-radius: 0 0px 0px 0;
  -webkit-border-radius: 0 0px 0px 0;
}
	.ny_cp ul li {
  width: 48%;
}
	.gy_jj {
  padding: 30px 0 5px;
}
	.gy_jj .tp {
  width: 100%;margin-top: 25px;margin-bottom: 25px;
}
	.gy_jj .wenz {
  width: 100%;
  margin-top: 0;
}
	.gy_jj .wenz h2 {
  font-size: 26px;
}
	.gy_jj .container{padding-bottom: 30px;}
	.gy_jj .container:nth-child(2n){flex-direction:column-reverse;}
	.about {
  padding: 40px 0 30px;
}
	.about-content .pic {
  width: 100%;
  margin-right: 0;
}
	.about-content {flex-wrap: wrap;
}
	.about-content .info {
  width: 100%;margin-bottom: 20px;
}
	.about-content .info strong {
  font-size: 25px;line-height: 25px;height: 40px;margin-bottom: 25px;
}
	
	
	
	
	
	
  }

@media only screen and (max-width:600px){
	.container {
    width: 90%;
  }
	.header .hd-top .wel {display: none;
}
	 .header .an {
    right: 0px;
  }
	.header .logo img {
    height: 38px;
  }
	.gallery-top .swiper-slide img {
  width: 140%;margin-left: -20%;
}
	.gallery-top .mb1 .gd {display: none
}
	.gallery-top .swiper-slide {overflow: hidden;}
	.gallery-top .swiper-button-prev {display: none;
}
	.gallery-top .swiper-button-next {display: none
}
	.gallery-top .mb1 h1 {
    font-size: 2.2rem;
  }
	.gallery-top .mb1 h4 {
    font-size: 1.4rem;
  }
	.sy_cp {
  padding: 30px 0 30px;
}
	.sy_cp .table li .l1 {
  width: 30%;
  padding: 15px 8px;
}
	.sy_cp .table li .l2 {
  width: 70%;
  padding:15px 8px;
}
	.section-title h3 {
    font-size: 2.2rem;
  }
	 .footer .zuo3 ul li.lx {width: 100%;
  }
	 .footer .zuo3 ul li.yx {width: 100%;
  }
	.footer .weix {
  width: 110px;display: inline-block;margin: 0 10px;float: none;
}
	.sy_kjdh ul li {
  width: 50%;
  height: 140px;
}
	.sy_kjdh ul li .box .t_b i {
  font-size: 42px;
}
	.sy_kjdh ul li .box h3 {
  font-size: 16px;
}
	.sy_kjdh ul li .box .t_b {
  margin-bottom: 15px;
}
	 .sy_kjdh ul li {
    width: 100%;height:200px;
  }
	.index04wrap .index04 .text .cont {
    width:100%;
    padding: 20px;
    padding-left: 20px;margin: 0 auto;
  }
	.index04wrap .index04 .text .cont h3 {
  font-size: 20px;
  margin-bottom:15px;
}
	.index04wrap .index04 .text .cont h4 {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
}
	.zxzx .right ul li .ri {
  height: 72px;
  width: 70px;
  font-size:20px;
}
	.zxzx .right ul li .dian {
  width: 20px;
}
	.zxzx .right ul li .nr {
  width: calc(100% - 100px);
}
	.sy_hzhb ul li {
  width: 31.3333%;
}
	.sy_hzhb ul {justify-content: center
}

	.sy_xbk li {
  width: 100%;margin-bottom: 15px;
}
	.sy_xbk .con {flex-wrap: wrap;
}
	.sy_xbk li .t_p {
  height: 20rem;
}
	.con {
  max-width: 90%;
}
	 .sy_kjdh ul li .box {
    padding: 20px 20px;
  }
	.slideGroup {
  padding: 30px 0 30px;
}
	.slideGroup .parBd ul li {
  width:100%;
  margin: 0 0 30px;
}
	.slideGroup .parHd ul li {
  padding: 6px 10px;
  font-size: 16px;margin: 0.5%;
}
	.slideGroup .parHd ul li img {
  width: 30px;
}
	.gallery-top .swiper-pagination {
  bottom: 10px !important;
}
	.ny_cp {
  padding: 30px 0;
}
	 .ny_cp ul li {
    width: 100%;
  }
	.ny_cp ul li .wenz h3 {
  font-size:16px;
}
	.ntit ul li a {
  line-height: 40px;
  padding: 0 0px;
  font-size: 14px;
}
	.ny_cp ul li .tp {
  height: 20rem;
}
	.nban .mb h2 {
    font-size: 2.2rem;
  }
	.nban .mb h3 {
  font-size: 1.4rem;
}
	.nban .mb {
    top: 25%;
  }
	.gy_jj .wenz h2 {
    font-size: 2rem;
  }
	.gy_jj .wenz .zi {
  font-size: 1.3rem;
}
	
	
	
	
	
	
	
}