@charset "utf-8";
.main{width:1200px;margin:0 auto;}

/*首页*/
.flexslider{
  background:transparent !important;
  width:1200px;
  min-width:1200px;
  overflow:hidden;
  margin:0 auto 70px !important;
  padding-bottom:50px;
}
.flexslider h3{
  margin-top:60px;
  margin-bottom:20px;
  font-size:30px;
  text-align:center;
}
.flexslider h3 span{
  display:inline-block;
  padding:20px;
  border-top:4px solid #8FC320;
}
.slides li a{
  display:block;
  height:440px;
  overflow:hidden;
  color:#333333;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.slides .slider-img{
  width:600px;
  height:440px;
  float:left;
  overflow:hidden;
}
.slides .slider-img img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.slides .slider-img:hover img{
  transform: scale(1.2);
}
.slides .slider-info{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  height:438px;
  padding:0 40px;
  background:#ffffff;
  border:1px solid #E6E6E6;
  overflow:hidden;
}
.slider-info h3{
  margin:80px 0 50px;
}
.slider-info p{
  font-size:16px;
  margin-bottom:69px;
}
.slider-info .slider-more{
  text-align:center;
  margin:0;
}
.slider-info .slider-more i{
  display:inline-block;
  padding:13px 40px;
  font-style:normal;
  color:#8FC320;
  border:1px solid #8FC320;
  border-radius:10px;
}
.tech{
  min-width:1200px;
  height:610px;
  background:url(../images/tech_bg.jpg) no-repeat;
  background-size:100% 100%;
  background-attachment:fixed;
}
.tech h3{
  padding-top:120px;
  text-align:center;
  margin-bottom:60px;
}
.tech p{
  width:906px;
  margin:0 auto;
  color:#ffffff;
}
.tech .tech-info{
  width:741px;
  padding-left:165px;
  margin-bottom:65px;
  position:relative;
}
.tech .tech-info:before{
  content:"";
  display:block;
  width:150px;
  height:2px;
  background:#8FC320;
  position:absolute;
  top:5px;
  left:0;
}
.tech p a{
  display:inline-block;
  color:#ffffff;
  font-size:16px;
  padding:10px 70px;
  background:#8FC320;
}
.info-center{
  min-width:1200px;
  background:#ffffff;
}
.info-center h3{
  text-align:center;
  padding-top:60px;
  padding-bottom:30px;
}
.info-center h3 span{
  display:inline-block;
  font-size:30px;
  padding:28px;
  border-top:4px solid #8FC320;
}
.info-list .info-left{
  width:590px;
  float:left;
}
.info-left a{
  display:block;
}
.info-left .info-img{
  width:590px;
  height:350px;
  overflow:hidden;
}
.info-left .info-img img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.info-left .info-img:hover img{
  transform: scale(1.2);
}
.info-left .info-content{
  padding:15px 15px 38px;
  background:#fafafa;
}
.info-left .info-content h4{
  font-size:16px;
  padding:10px 0 20px;
  color:#333333;
}
.info-left .info-content p{
  height:38px;
  color:#868686;
}
.info-list .info-right{
  width:590px;
  float:right;
}
.info-right ul li{
  margin-bottom:30px;
}
.info-right ul li:last-child{
  margin-bottom:0;
}
.info-right a{
  display:block;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background:#fafafa;
}
.info-right .info-img{
  width:243px;
  height:144px;
  overflow:hidden;
  margin-right:10px;
}
.info-right .info-img img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.info-right .info-img:hover img{
  transform: scale(1.2);
}
.info-right .info-content{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  padding-right:10px;
}
.info-right .info-content h4{
  font-size:16px;
  margin-bottom:20px;
  color:#333333;
}
.info-right .info-content p{
  color:#868686;
}
.info-center .info-btn{
  padding:70px 0;
  text-align:center;
}
.info-center .info-btn a{
  display:inline-block;
  font-size:16px;
  color:#8FC320;
  padding:10px 80px;
  border:1px solid #8FC320;
}
.course{
  min-width:1200px;
  background:url(../images/history_bg.jpg) no-repeat;
  background-size:cover;
  padding:70px 0 ;
}
.course h3{
  text-align:center;
  margin-bottom:20px;
}
.course h3 span{
  display:inline-block;
  padding:28px;
  border-top:4px solid #8FC320;
  font-size:30px;
  color:#ffffff;
}
.history-list{
  width:300px;
  float:left;
}
.history-list a{
  display:block;
  position:relative;
  color:#ffffff;
  transition: all 0.3s linear;
}
.history-list .h25{
  width:100%;
  height:250px;
  overflow:hidden;
}
.history-list .h20{
  width:100%;
  height:200px;
  overflow:hidden;
}
.history-list .h30{
  width:100%;
  height:300px;
  overflow:hidden;
}
.history-list .history-img img{
  width:100%;
  vertical-align: middle;
  transition: all 0.3s linear;
}
.history-list .hbg .mask{
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
  position:absolute;
  top:0;
  left:0;
}
.history-list .hpure .mask{
  width:100%;
  height:100%;
  background:#8FC320;
  position:absolute;
  top:0;
  left:0;
}
.history-list .hyear{
  width:100%;
  position:absolute;
  top:50%;
  left:0;
  margin-top:-32px;
}
.history-list .hyear h4{
  font-size:30px;
  text-align:center;
}
.history-list .hyear span{
  display:block;
  font-size:18px;
  text-align:center;
}
.history-list .hinfo{
  display:none;
  width:100%;
  position:absolute;
  top:50%;
  left:0;
  margin-top:-72px;
}
.history-list .hinfo p{
  font-size:16px;
  padding:30px 15px;
}
.history-list .hbg:hover .mask{
  background:rgba(0,0,0,0.8);
}
.history-list .hpure:hover .mask{
  background:#1361aa;
}
.history-list a:hover .hyear{
  display:none;
}
.history-list a:hover .hinfo{
  display:block;
}
.history-list a:hover img{
  transform: scale(1.2);
}

/*核心技术*/
.work h3{
  font-size:30px;
  padding:68px 0;
  text-align:center;
}
.work ul{
  margin:100px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.work .flex3.caf{ 
margin: 40px 0;
}
.work .flex3.cafj{
	margin:0;
	}
.work ul li{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align:center;
  border-right:1px solid #8FC320;
}
.work ul li .work-img{
  width:130px;
  height:130px;
  border-radius:65px;
  margin:0 auto 20px;
  overflow:hidden;
}
.work ul li .work-img2{
  width:650px;
  height:270px;
  border-radius:65px;
  margin:0 auto 20px;
  overflow:hidden;
}
.work ul li .work-img2.hyt{
	overflow: visible;
	}
.work ul li .work-img2.pla{
	width:auto;
	height:auto;
	overflow: visible;
	
}
auto
.work ul li .work-img1{
  width:370px;
  height:175px;
  border-radius:65px;
  margin:0 auto 20px;
  overflow:hidden;
  background: #8ab1d5
}
.work ul li img2{
  width:650px;
  vertical-align:middle;
  transition: all 0.3s linear;
}

.work ul li img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.work ul li .work-img2.pla img{
	width:auto;	
}
.work ul li .work-img2.hqz{
	border-radius:0px;
	overflow: visible;
	}
.work ul li:hover img{
  transform: scale(1.2);
}
.work ul li h4{
  margin-bottom:15px;
  /*letter-spacing: 1px;
    line-height: 24px;*/
}
.hy{
	width: 800px;
	}
.work ul li span{
  display:block;
  width:300px;
  margin:0 auto;
 /* letter-spacing: 1px;
    line-height: 24px;*/
}
.work .flex4 li span{
  width:240px;
 /* letter-spacing: 1px;
    line-height: 24px;*/
}
.work .flex4 li span1{
  width:430px;
  left: 20px;
 /* letter-spacing: 1px;
    line-height: 24px;*/
}
.work ul li:last-child{
  border-right:0;
}
/*.work p{letter-spacing: 1px;
    line-height: 24px;}*/
.charact{
  padding:80px 0;
  background:url(../images/charact_bg.jpg) no-repeat;
  background-size:cover;
  text-align:center;
}
.charact h3{
  font-size:30px;
  margin-bottom:70px;
  text-align:center;
}
.charact .charact-img{
  margin:40px 0;
  text-align:center;
}
.charact .charact-img img{
  width:598px;
  vertical-align:middle;
}
.charact p{
  height:57px;
  margin-bottom:10px;
  text-align:left;
}
/*.plustec{
	letter-spacing: 1px;
    line-height: 24px;}*/
.charact-info .info0,.charact-info .info1,.charact-info .info2,.charact-info .info3,.charact-info .info4,.charact-info .info5,.charact-info .info6{ text-align:center;}
.fanying{
  background:url(../images/charact_bg2.jpg) no-repeat;
  background-size:cover;
}
.fanying h3{
  font-size:30px;
  margin-bottom:50px;
  color:#ffffff;
  text-align:center;
}
.fanying p{
  padding:0 20px;
  margin-bottom:10px;
  color:#ffffff;
  font-size:16px;
}
.charact .charact-info{
  width:580px;
  margin:0 auto;
}
.charact .charact-info span{
  display:block;
  font-size:48px;
  color:#AEFF00;
  text-align:left;
}
.charact .charact-info span:last-child{
  text-align:right;
}
.charact ul li{
  float:left;
  width:298px;
  height:137px;
  border:1px solid #ffffff;
  position:relative;
  overflow:hidden;
  cursor:pointer;
}
.charact ul li img{
  width:100%;
  height:137px;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.charact .move-nav{
  display:inline-block;
}
.charact .move-nav li{
  display:inline;
  width:168px;
  height:115px;
}
.charact .move-nav li img{
  width:100%;
  height:115px;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.charact ul li:hover img{
  transform: scale(1.2);
}
.charact .bios-nav{
  display:inline-block;
}
.charact .bios-nav li{
  display:inline;
}
.charact ul li span{
  display:block;
  width:100%;
  line-height:139px;
  text-align:center;
  font-size:16px;
  color:#AEFF00;
  position:absolute;
  top:0;
  left:0;
  z-index:99;
}
.treset{
	width:100%;}
@media only screen and (max-width: 768px){ 
.treset{
	width:450px;
	
	}
	
	}
.charact .move-nav li span{
  line-height:116px;
}
.charact .bios-nav li span{
  line-height:normal;
  padding:48px 0;
}
.charact ul li:hover span{
  background:rgba(0,0,0,0.5);
  color:#ffffff;
}
.charact ul li:hover span:before{
  content:"";
  display:block;
  width:100%;
  height:3px;
  background:#AEFF00;
  animation: change 1.5s;
  -moz-animation: change 1.5s;    
  -webkit-animation: change 1.5s;    
  -o-animation: change 1.5s;
  position:absolute;
  bottom:0;
  left:0;
  z-index:99;
}
@keyframes change{
  from {width: 1%;}
  to {width: 100%;}
}
.ohr{
  padding:80px 0 50px;
}
.ohr h3{
  font-size:30px;
  text-align:center;
  margin-bottom:70px;
}
.ohr .ohr-img{
  text-align:center;
  margin-top:58px;
}
.ohr .ohr-img img{
  width:690px;
  vertical-align:middle;
}
.specs{
  min-width:1200px;
  padding:80px 0;
}
.nami{
  background:url(../images/nami.jpg) no-repeat;
  background-size:cover;
}
.tuceng{
  background:url(../images/tuceng.jpg) no-repeat;
  background-size:cover;
}
.specs h3{
  font-size:30px;
  color:#ffffff;
  text-align:center;
  margin-bottom:68px;
}
.specs table thead{
  background:#8FC320;
  color:#ffffff;
}
.specs table tr td{
  padding:20px 0;
  text-align:center;
  background:#fffffa;
  border-bottom:1px solid #e9e9e9;
}
.tb{
	line-height: 59px;	
}
.specs table tr:nth-child(even) td{
  background:#f4f6f1;
}
.specs table tr:hover td{
  background:#ffffff;
}
.plan{
  padding:80px 0;
  text-align:center;
}
.plan h3{
  font-size:30px;
  text-align:center;
  margin-bottom:60px;
}
.plan ul{
  display:inline-block;
}
.plan ul li{
  display:inline;
  margin:0 13px;
  float:left;
  width:223px;
  height:353px;
  overflow:hidden;
  position:relative;
}
.plan ul li1{
  display:inline;
  margin:0 13px;
  float:left;
  width:350px;
  height:375px;
  overflow:hidden;
  position:relative;
}
.plan ul li2{
  display:inline;
  margin:0 13px;
  float:left;
  width:80%;
  overflow:hidden;
  position:relative;
}
.plan ul li2.spla{
	width: 100%;
	overflow: visible;
}
.plan ul li1 img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}

.plan ul li2.spla img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.plan-img.pla .plu{
	
	width:50%;
}
.plan-img.plal .plu{
	
	width:60%;
}
.plan ul li img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.plan ul li1 .mask{
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.3);
  position:absolute;
  top:0;
  left:0;
  z-index:9;
}
.plan ul li2 .mask{
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.3);
  position:absolute;
  top:0;
  left:0;
  z-index:9;
}
.plan ul li2 .mask.pla{
	background: none;	
}
.plan ul li .mask{
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.3);
  position:absolute;
  top:0;
  left:0;
  z-index:9;
}
.plan ul li .plan-info{
  width:223px;
  height:323px;
  margin:10px;
  position:absolute;
  top:0;
  left:0;
  z-index:10;
  font-size:16px;
}
.plan ul li1 .plan-info1{
  width:350px;
  height:365px;
  margin:10px;
  position:absolute;
  top:0;
  left:0;
  z-index:10;
  font-size:16px;
}
.plan ul li1 .plan-info1:before, .plan ul li1 .plan-info1:after{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 1px solid transparent;
  box-sizing: border-box;
}
.plan ul li2 .plan-info2{
  width:650px;
  height:290px;
  margin:10px;
  position:absolute;
  top:0;
  left:0;
  z-index:10;
  font-size:16px;
}
.plan ul li2 .plan-info2:before, .plan ul li2 .plan-info2:after{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 1px solid transparent;
  box-sizing: border-box;
}
.plan ul li .plan-info:before, .plan ul li .plan-info:after{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 1px solid transparent;
  box-sizing: border-box;
}
.plan ul li .plan-info:before{
  top: 0;
  left: 0;
  /* 鼠标离开后的回退效果，如果不设置回退效果，则鼠标离开后就直接很生硬的隐藏了 */
  transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
}
.plan ul li1 .plan-info1:before{
  top: 0;
  left: 0;
  /* 鼠标离开后的回退效果，如果不设置回退效果，则鼠标离开后就直接很生硬的隐藏了 */
  transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
}
.plan ul li1 .plan-info1:after{            
  bottom: 0;
  right: 0;
  transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
}
.plan ul li2 .plan-info2:before{
  top: 0;
  left: 0;
  /* 鼠标离开后的回退效果，如果不设置回退效果，则鼠标离开后就直接很生硬的隐藏了 */
  transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
}
.plan ul li2 .plan-info2:after{            
  bottom: 0;
  right: 0;
  transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
}
.plan ul li .plan-info:after{            
  bottom: 0;
  right: 0;
  transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
}
.plan ul li:hover .plan-info:before, .plan ul li:hover .plan-info:after{
  width:100%;
  height:100%;
}
.plan ul li1:hover .plan-info1:before, .plan ul li1:hover .plan-info1:after{
  width:100%;
  height:100%;
}
.plan ul li2:hover .plan-info2:before, .plan ul li2:hover .plan-info2:after{
  width:100%;
  height:100%;
}
.plan ul li:hover .plan-info:before{
  border-top-color: #AEFF00;
  border-right-color: #AEFF00;
  transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
}
.plan ul li1:hover .plan-info1:before{
  border-top-color: #AEFF00;
  border-right-color: #AEFF00;
  transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
}
.plan ul li2:hover .plan-info2:before{
  border-top-color: #AEFF00;
  border-right-color: #AEFF00;
  transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
}
.plan ul li:hover .plan-info:after{
  border-bottom-color: #AEFF00;
  border-left-color: #AEFF00;
  transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
}
.plan ul li1:hover .plan-info1:after{
  border-bottom-color: #AEFF00;
  border-left-color: #AEFF00;
  transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
}
.plan ul li2:hover .plan-info2:after{
  border-bottom-color: #AEFF00;
  border-left-color: #AEFF00;
  transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
}
.plan ul li .plan-info span{
  display:block;
  color:#ffffff;
  padding:140px 0 15px;
  position:relative;
}
.plan ul li1 .plan-info1 span{
  display:block;
  color:#ffffff;
  padding:140px 0 15px;
  position:relative;
}
.plan ul li2 .plan-info2 span{
  display:block;
  color:#ffffff;
  padding:140px 0 15px;
  position:relative;
}
.plan ul li .plan-info span:after{
  content:"";
  display:block;
  width:60px;
  height:2px;
  background:#AEFF00;
  position:absolute;
  bottom:0;
  left:50%;
  margin-left:-30px;
}
.plan ul li1 .plan-info1 span:after{
  content:"";
  display:block;
  width:60px;
  height:2px;
  background:#AEFF00;
  position:absolute;
  bottom:0;
  left:50%;
  margin-left:-30px;
}
.plan ul li2 .plan-info2 span:after{
  content:"";
  display:block;
  width:60px;
  height:2px;
  background:#AEFF00;
  position:absolute;
  bottom:0;
  left:50%;
  margin-left:-30px;
}
.plan ul li:hover img{
  transform: scale(1.2);
}
.plan ul li1:hover img{
  transform: scale(1.2);
}
.plan ul li2:hover img{
  transform: scale(1.2);
}
.plan ul li .plan-info p{
  display:none;
  padding:0 10px;
  margin-top:30px;
  color:#ffffff;
  text-align:left;
}
.plan ul li1 .plan-info1 p{
  display:none;
  padding:0 10px;
  margin-top:30px;
  color:#ffffff;
  text-align:left;
}
.plan ul li2 .plan-info1 p{
  display:none;
  padding:0 10px;
  margin-top:30px;
  color:#ffffff;
  text-align:left;
}
.plan ul li:hover .plan-info span{
  padding-top:40px;
}
.plan ul li1:hover .plan-info1 span{
  padding-top:40px;
}
.plan ul li2:hover .plan-info1 span{
  padding-top:40px;
}
.plan ul li:hover .plan-info p{
  display:block;
}
.plan ul li1:hover .plan-info1 p{
  display:block;
}
.plan ul li2:hover .plan-info1 p{
  display:block;
}
.case{
  min-width:1200px;
  padding:80px 0;
  background:url(../images/case_bg.jpg) no-repeat;
  background-size:cover;
}
.case h3{
  font-size:30px;
  color:#ffffff;
  text-align:center;
  margin-bottom:60px;
}
.case ul li{
  width:356px;
  float:left;
  text-align:center;
}
.case ul li .case-img{
  width:356px;
  height:268px;
  overflow:hidden;
}
.case ul li .case-img img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.case ul li:hover .case-img img{
  transform: scale(1.2);
}
.case ul li .case-info{
  margin-top:20px;
}
/*走进海晏*/
.introd{
  padding:60px 0;
}
.introd .introd-img{
  float:left;
  width:534px;
  height:424px;
  overflow:hidden;
}
.introd .introd-img img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.introd .introd-img:hover img{
  transform: scale(1.2);
}
.introd .introd-info{
  width:610px;
  float:right;
}
.introd .introd-info h3{
  font-size:30px;
  padding:10px 0 30px;
}
.introd .introd-info .introd-content{
  padding-right:46px;
  height:344px;
  overflow-y:auto;
}
.introd-content p{
  margin-bottom:20px;
}
.introd-content::-webkit-scrollbar-track {
  background-color: rgba(0,0,0,.1)
}
.introd-content::-webkit-scrollbar {
  width: 2px;
  background-color: rgba(0,0,0,.1)
}
.introd-content::-webkit-scrollbar-thumb {
  background-color: rgba(143,195,32,1)
}
.idea{
  min-width:1200px;
  padding:160px 0;
  background:url(../images/idea_bg.jpg) no-repeat;
  background-size:cover;
}
.idea ul li{
  width:330px;
  padding:0 180px 0 90px;
  float:left;
  color:#ffffff;
}
.idea ul li img{
  width:52px;
  height:44px;
  vertical-align:middle;
}
.idea ul li h3{
  font-size:30px;
  padding:45px 0;
}
.natural{
  padding:68px 0;
}
.natural h3{
  font-size:30px;
  margin-bottom:50px;
  text-align:center;
}
.natural ul li{
  width:180px;
  height:254px;
  overflow:hidden;
  margin:0 10px 20px;
  float:left;
}
.natural ul li img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.natural ul li:hover img{
  transform: scale(1.2);
}
/*资讯列表*/
.news-nav{
  background:#f5f5f5;
  text-align:center;
}
.news-nav a{
  display:inline-block;
  padding:30px 50px;
  font-size:16px;
}
.news-nav a:hover{
  color:#8FC320;
}
.news-nav a.active{
  color:#8FC320;
}
.list a{
  display:block;
  padding:50px 0;
  color:#333333;
  border-bottom:1px solid #DADADA;
}
.list .news-img{
  width:227px;
  height:142px;
  overflow:hidden;
  float:left;
}
.list .news-img img{
  width:100%;
  vertical-align:middle;
  transition: all 0.3s linear;
}
.list .news-info{
  width:940px;
  float:right;
}
.news-info .news-title{
  margin-bottom:20px;
}
.news-info h3{
  width:740px;
  font-size:16px;
  float:left;
}
.news-info .time{
  display:block;
  color:#666666;
  padding-left:100px;
  margin-top:3px;
  float:right;
  position:relative;
}
.news-info .time:before{
  content:"";
  display:block;
  width:90px;
  height:1px;
  background:#666666;
  position:absolute;
  top:10px;
  left:0;
}
.news-info p{
  color:#666666;
  margin-bottom:26px;
}
.news-info .more{
  display:block;
  font-size:16px;
  color:#8FC320;
}
.list a:hover img{
  transform: scale(1.2);
}
/*分页*/
.page{
  padding:88px 0;
  text-align:center;
}
.page ul{
  display:inline-block;
}
.page ul li{
  display:inline;
  float:left;
}
.page ul li a{
  display:block;
  padding:2px 8px;
  color:#666666;
  border:1px solid #666666;
  margin:0 5px;
}
.page ul li span{
  display:block;
  padding:2px 8px;
  color:#666666;
  border:1px solid #666666;
  margin:0 5px;
}
.page ul li a:hover{
  color:#8FC320;
  border:1px solid #8FC320;
}
.page ul li.disabled span{
  color:#999999;
  border:1px solid #DADADA;
}
.page ul li.active span{
  color:#ffffff;
  background:#8FC320;
  border:1px solid #8FC320;
}
/*资讯详情*/
.detail{
  padding:30px 0;
}
.detail-title{
  font-size:16px;
  text-align:center;
  margin:10px 0 20px;
}
.detail-source{
  color:#666666;
  text-align:center;
  padding:15px 0;
  border-bottom:1px solid #DADADA;
}
.detail-source span{
  display:inline-block;
  margin:0 20px;
}
.detail-content{
  padding:30px 0 100px;
  border-bottom:1px solid #DADADA;
}
.detail-content p{
  margin-bottom:30px;
}
.detail-next{
  padding-top:38px;
}
.detail-next .detail-link{
  width:80%;
  float:left;
}
.detail-link a{
  display:block;
  margin:10px 0;
  color:#666666;
}
.detail-link a:hover{
  color:#8FC320;
}
.detail-next .detail-back{
  width:20%;
  float:right;
  text-align:right;
}
.detail-back a{
  display:inline-block;
  margin-top:15px;
  padding:10px;
  color:#ffffff;
  background:#8FC320;
}
/*联系我们*/
.contact{
  padding-bottom:55px;
}
.contact-title{
  width:100%;
  font-size:35px;
  text-align:center;
  color:#ffffff;
  position:absolute;
  top:50%;
  left:0;
  margin-top:-23px;
}
.contact img{
  width:100%;
  vertical-align:middle;
}
.contact h3{
  font-size:30px;
  padding:46px 0;
  text-align:center;
}
.contact ul{
  padding:45px;
  border-top:1px solid #DADADA;
  border-bottom:1px solid #DADADA;
}
.contact ul li{
  width:230px;
  margin:0 70px;
  float:left;
  text-align:center;
}
.contact ul li a{
  display:block;
  color:#333333;
}
.contact ul li a img{
  width:88px;
  height:88px;
  vertical-align:middle;
  transition: transform 0.4s ease-out;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  -moz-transition: -moz-transform 0.4s ease-out;
}
.contact ul li a:hover img{
  transform: rotateZ(360deg);
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
}
.contact ul li a span{
  display:block;
  margin-top:20px;
}