/*全局样式
---------------------------------------------*/
body{ margin:0 auto; padding:0; width:100%; color:#000; font:12px Arial,"Microsoft Yahei"; text-align:center; -webkit-font-smoothing:antialiased; }
input,button,select,textarea,img,p,h1,h2,h3,h4,h5{ margin:0; padding:0; border:0; font-family:Arial,'Microsoft YaHei','微软雅黑'; }
a{ color:#000; text-decoration:none;font-family:Arial,'Microsoft YaHei','微软雅黑'; font-size: 12px; }
a:hover{ /*color:#e20123; */text-decoration:none; -webkit-transition: all 0.2s linear;transition: all 0.2s linear; }
ol,ul,li,dl,dd{ margin:0 auto; padding:0; list-style-type:none; }
i,em{ font-style:normal; }
table { border-collapse:collapse; border-spacing:0; }
.fr{ float: right;}
.fl{ float: left;}
/*Clear Fix*/ 
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; } 
.clearfix { display:block; } 
.home{width: 100%;}
.wrapper{ width: 1400px;  margin:0 auto; padding:0;height:auto; text-align:left;/*display:inline-block*/}

.index{background: #ffffff;}


/*Banner样式*/
.slide-box{ position:relative; margin:0; width:100%; height:600px; text-align:center; overflow:hidden; }
    .slide-box .list-box{position:absolute; top:0; left:0%;  width:100%; height:100%; background:#fff;}
    .slide-box .list-box li{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; opacity:0;  }
    .slide-box .list-box li a{ display:block; width:100%; height:100%; }
    .slide-box .list-box li a img{ position:absolute; top:0; left:0; width:100%; height:100%; }
    .slide-box .speed-box{ position:absolute; left:0; bottom:20px; width:100%; height:10px; text-align:center; z-index:999; }
    .slide-box .speed-btn{ display:inline-block; margin:auto 0; }
    .slide-box .speed-btn a{ display:block; float:left; margin:0 5px; width:10px; height:10px; background:url(../images/slide_btns.png) 0 -166px no-repeat; overflow:hidden; *float:none; *display:inline-block; }
    .slide-box .speed-btn a.selected{ background-position:0 -176px; }
    .slide-box .prev-btn,.slide-box .next-btn{ position:absolute; top:50%; display:block; margin-top:-41px; width:42px; height:82px; z-index:999; opacity:0.5;  background:url(../images/slide_btns.png) no-repeat; display:none; overflow:hidden; }
    .slide-box .prev-btn{ left:31px; background-position:0 0; }
    .slide-box .next-btn{ right:31px; background-position:0 -82px;
 }

/*首页关于我们*/
.about-box {
	margin-top: 55px;
}
/*.about-box .a-top{display: inline-block; margin-right: 25px; float: left;}*/
.about-box .a-top {
	background: url(../images/about.png) no-repeat center;
	overflow: hidden;
	height: 124px;
	margin-left: -69px;
}
.about-box .a-top p {
	margin-left: 72px;
	margin-top: 30px;
	color: #054a29;
	font-size: 47px;
}
.about-box .a-top .litte {
	margin-left: 63px;
	color: #686666;
	font-size: 20px;
}
.about-box .a-left {
	display: inline-block;
	margin-right: 25px;
	float: left;
}


.about-box .a-right{
	
}




.about-box .inabout_con {
	background: url(../images/about_spbj1.jpg);
width: 2125px;
margin: 40px auto;
padding: 0;
height: 460px;;
	
}
.about-box .inabout_con .inabout {
	width: 609px;
	display: inline-block;
	margin-top: 60px;
	margin-left: -163px;
}
.about-box .inabout_con .inabout p {
	font-size: 18px;
	color: #595757;
	line-height: 30px;
	width: 570px;
	display: -webkit-box;
	overflow: hidden;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
}
.about-box .inabout_con .inabout .more {
	padding-top: 30px;
	padding-bottom: 30px;
}
.about-box .inabout_con .inabout .more a {
	padding: 6px 30px;
	background: #054a29;
	color: #fff;
	font-size: 16px;
	margin-left: -3px;
}
.about-box .in {
	margin-right: -90px;
}
.about-box .about_sp {
	display: inline-block;
	vertical-align: top;
	margin-top: -22px;
	font-size: 0px;
}
/*.about-box .about_sp::before {
	content: url(../images/about_spbj1.jpg);
}
.about-box .about_sp::after {
	content: url(../images/about_spbj2.jpg);
}*/
/*蓝色展示区*/

#index_adv {
	font-size: 0;
	margin: 0 auto;
	margin-top: 90px;
	overflow: hidden;
}
#index_adv li {
	width: 33.33%;
	display: inline-block;
	vertical-align: top;
}
#index_adv li .img {
	position: relative;
	z-index: 1
}
#index_adv li .img img {
	width: 101%;
}
#index_adv li .title {
	position: relative;
	z-index: 2;
	font-size: 35px;
	color: #fff;
	opacity: 0.6;
	font-weight: bold;
}
#index_adv li .title p {
	text-transform: uppercase;
	bottom: 150px;
	left: 150px;
	position: relative;
	font-weight: bold;
}
#index_adv li .title .p2 {
	left: 150px;
}
#index_adv li .title .p3 {
	left: 200px;
}













/*首页产品展示*/pro-box .pro-box {
	margin-top: 0px;
}
.pro-box .head {
	background: url(../images/about-.png) no-repeat center;
	height: 60px;
	margin-top: 44px;
	margin-left: -72px;
}
.pro-box .head p {
	margin-left: 644px;
	margin-top: 44px;
	color: #054a29;
	font-size: 47px;
}
.pro-box .head .litte {
	margin-left: 485px;
	color: #686666;
	font-size: 21px;
}
.pro-box .pro-con {
	/*! margin: 50px 13px; */
	margin-top: 91px;
}
.pro-box .pro-con ul {
	margin-right: -52px;
	clear: both;
}
.pro-box .pro-con .item {
	float: left;
	overflow: hidden;
	margin-right: 45px;
	text-align: center;
	height: 300px;
	border: 1px solid #054a29;
	width: 309px;
}
/*.pro-box .pro-con .item:hover {
	box-shadow: 0 0 30px 0px rgba(0,0,0,0.0);
	border-bottom: solid 5px #054a29;
}*/

.pro-box .pro-con .item:hover {box-shadow:0 0px 20px 0  rgba(0,0,0,0.2);/* border-bottom: solid 5px #0041ff;*/}

.pro-box .pro-con .item .img {
	overflow: hidden;
/*	max-height: 220px;*/
}
.pro-box .pro-con .item .img img {
	max-width: 310px;
	transition: all 0.6s;
}
.pro-box .pro-con .item .img:hover img {
	transform: scale(1.1);
}
.pro-box .pro-con .item .item-t {
}
.pro-box .pro-con .item .item-t p {
	font-size: 16px;
	font-weight: bold;
	color: #595757;
	line-height: 50px;
}
.pro-box .a-top.pro-con .item .item-t span {
	text-transform: uppercase;
	opacity: 0.8
}
.pro-box .a-more {
	margin-top: 30px;
}
.pro-box .a-more span {
	background: #054a29;
	line-height: 50px;
	padding: 6px 30px;
}
.pro-box .a-more span a {
	color: #fff;
}
.pro-box .about_sp {
	margin-left: 704px;
	margin-top: -234px;
}
/*首页新闻展示*/

.new-box {
	background: #f3fafa;
	margin-top: 285px;
	height: 710px;
}
.new-box .head {
	background: url( ../images/about.png) no-repeat center;
	height: 47px;
	margin-top: -255px;
	margin-left: -65px;
	padding-top: 90px;
}
.new-box .head p {
	margin-left: 680px;
	margin-top: -47px;
	color: #054a29;
	font-size: 47px;
}
.new-box .head .litte {
	margin-left: 625px;
	color: #686666;
	font-size: 20px;
}
.new-box .li {
	margin-left: 640px;
	margin-top: 43px;
	color: #0041ff;
	font-size: 41px;
}
.new-box .litte {
	margin-left: 617px;
	color: #686666;
}
.new-box .students {
	width: 1400px;
	margin-top: -55px;
}
.new-box .students p.PP {
	width: 510px;
	height: 50px;
	font-size: 16px;
	color: #333;
	text-align: center;
	position: absolute;
	top: 60px;
	left: 300px;
}
.new-box .students #four_flash {
	position: relative;
	margin: 120px auto;
	bottom: 40px;
}
.new-box .students #four_flash .flashBg {
	width: 1320px;
	height: 500px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.new-box .students #four_flash .flashBg ul.mobile {
	width: 2000%;
	position: absolute;
}
.new-box .students #four_flash .flashBg ul.mobile a{
	
	
	color: #b8b8b8;
}




.new-box .students #four_flash .flashBg ul.mobile img {
	width: 90%;
	height: 162px;
	display: block;
	margin: 29px auto;
}
.new-box .students #four_flash .flashBg ul.mobile li {
	float: left;
	width: 296px;
	transition: all 1s ease 0s;
	background: #fff;
	margin-left: 30px;
}
.new-box .students #four_flash .flashBg ul.mobile li:hover {
	color: #054a29;
	box-shadow: 0 0 30px 0px rgba(0,0,0,0.2);
}
.new-box .students #four_flash .flashBg ul.mobile li dd {
	font-size: 37px;
	width: 250px;
	line-height: 65px;
	text-align: left;
	margin-top: 30px;
}
.new-box .students #four_flash .flashBg ul.mobile li p {
	font-size: 17px;
	text-align: left;
	line-height: 26px;
	margin-top: 10px;
	margin-left: 18px;
	width: 250px;
	display: -webkit-box;
	overflow: hidden;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.new-box #four_flash .flashBg ul.mobile li .jt {
	display: block;
	background: url(../images/jiantou.jpg);
	width: 41px;
	height: 17px;
	border: 0px;
	margin: 26px 15px;
}
.new-box .students #four_flash .flashBg ul.mobile li:hover .jt {
	background: url(../images/jiantou2.jpg);
}
.new-box .students #four_flash .but_left {
	width: 50px;
	height: 100px;
	position: absolute;
	top: 136px;
	left: 0px;
	cursor: pointer;
	
}
.new-box .students #four_flash .but_right {
	width: 50px;
	height: 100px;
	position: absolute;
	top: 136px;
	right: -15px;
	cursor: pointer;
}


.slider-ctr {
  width: 700px;
  height: 490px;
  position: absolute;
  /*! left: 50%; */
  margin-top: 0px;
  margin-left: 165px;
  box-sizing: border-box;
  border: 10px solid white;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 10px 15px 3px rgba(0, 0, 0, 0.15), 0 5px 20px 3px rgba(0, 0, 0, 0.1);
}
.slider-ctr:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.6) 100%);
  background: -webkit-linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.6) 100%);
  pointer-events: none;
  z-index: 9;
}

.slider-control {
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 80px;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.15);
  z-index: 99;
}
.slider-control .control {
  width: 50%;
  height: 40px;
  display: block;
  float: left;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  transition: .3s all ease;
  background: white;
}
.slider-control .control .icon {
  pointer-events: none;
  transition: .3s all ease;
}
.slider-control .control.disabled {
  pointer-events: none;
  background: #ddd;
}
.slider-control .control.disabled .icon {
  opacity: .5;
}

.slide {
  position: absolute;
  top: 0;
  right: -45px;;
  bottom: 0;
  left: -45px;
  transition: 0.45s all cubic-bezier(0.65, 0.05, 0.36, 1);
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}
.slide:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -39px;
  background: rgba(0, 0, 0, 0.125);
}
.slide.slide-on {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
}
.slide.text-on .title {
  transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}
.slide.text-on .author {
  transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.6s;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}
.slide img {
  display: block;
}
.slide figcaption {
  position: absolute;
  top: 30px;
  left: 30px;
}
.slide .title {
  font-size: 50px;
  margin-bottom: 2px;
  color: white;
  transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s;
  -webkit-clip-path: inset(0 0 0 100%);
  clip-path: inset(0 0 0 100%);
  font-weight: 400;
  letter-spacing: 10px;
  text-transform: uppercase;
  position: relative;
}
.slide .author {
  font-size: 16px;
  color: white;
  opacity: .8;
  transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s;
  -webkit-clip-path: inset(0 0 0 100%);
  clip-path: inset(0 0 0 100%);
  font-weight: 300;
  letter-spacing: 3px;
  position: relative;
  z-index: 9;
}