/*
 * Name:Micro Website
 * Author:Wang
 * Date:2017.12.12/2018.1.4 start
*/

/*reset style*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-size:1em; }
*{ word-wrap: break-word;}
a{ color:#666; text-decoration:none; 
 transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;}

fieldset, img { border:none; }
img{ border:0; vertical-align:middle;}
legend { display:none; }
ol, ul, li { list-style:none; }
em, strong, cite, th { font-style:normal; font-weight:400; }
input, textarea, select, button { font:12px Verdana, Helvetica, Arial, sans-serif; vertical-align:middle;}
table { border-collapse:collapse; }
html { overflow:-moz-scrollbars-vertical; }
/* common style */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:block; zoom:1; }
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.dis{ display:none;}
.undis{ display:block;}
a,input,select,button{ outline:none; }
.mt1{margin-top:10px;}
.mt2{margin-top:20px;}
.mt3{margin-top:30px;}
.mt4{margin-top:40px;}
.pt1{padding-top:10px;}
.pt2{padding-top:20px;}
.pt3{padding-top:30px;}
.pt4{padding-top:40px;}
.pl5{padding-left:5px;}
.pl15{padding-left:15px;}
.pl3{padding-left:30px;}
.pr15{padding-right:15px;}

html{ height:100%; }
body{width:100%; height:100%;margin:0;padding:0;  position:relative; left:0; top:0;font-family:"Microsoft Yahei";}
nav{
	width:1000px;
	margin:0 auto;
	height:100px;
}
.nav-list{
	margin-left:35px;
	/*height:100px;
	line-height:100px;*/
}
.nav-list .z-ul li{
	float:left;
	margin-right:52px;
}
.nav-list .z-ul li .dex{
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	font-family:'微软雅黑';
	color:#333;
	padding:38px 0; 
}
.nav-list .z-ul li .green{
	color:#027e41;
}
.nav-list .z-ul li:hover .dex{
	color:#027e41;
}
.phone{
	margin-top:35px;
}
.phone img{
	vertical-align: middle;
	margin-right:2px;
	margin-bottom:5px;
}
.phone span{
	display:inline-block;
	font-size:17px;
	font-weight:bold;
	color:#000;
}
.main{
	position:absolute;
	width:100%;
	height:215px!important;
	top:95px;
	left:0;	
	z-index:99999;
	background:rgba(21,134,123,0.8);
	padding:30px 0 25px 0!important;
	display:none;
}
.list{
	width:1000px;
	margin:0 auto;
}
.menu-left{
	width:690px;
	position:relative;
}
.menu-left:after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:1px;
	height:100%;
	background:#efac2c;
}
/*.three{
	position:absolute;
	top:-30px;
	left:39%;
	content:'';
	border-width:12px;
    border-style:solid;
    border-color:white transparent transparent transparent;
}*/
.menu-left .nav-img{
	position:absolute;
	top:0;
	left:0;
	width:375px;
	width:287px;
	overflow:hidden;
}
.menu-left .nav-img img{
	transition:all 0.8s;
}
.menu-left:hover .nav-img img{
	transform:scale(1.1); -webkit-transform:scale(1.1);-webkit-transition:all ease 0.8s;
}
.menu-text{
	width:305px;
	margin-left:325px;
}
.menu-text h3{
	margin:20px 0;
}
.menu-text h3 a{
	color:#eda315;
	font-size:22px;
	font-weight:normal;
}
.menu-text p{
	font-size:14px;
	color:#fff;
	line-height:24px;
}
.menu-right{
	width:245px;
	position:relative;
}
.menu-dl{
	width:199px;
}
.menu-dl dt{
	margin:10px 0;
	padding-bottom:14px;
	border-bottom:1px dashed #ccc;
}
.menu-dl dt a{
	color:#fff;
	font-size:14px;	
	margin-right:18px;
	position:relative;
}
.menu-dl dt a i{
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../images/icon-sprite.png) -10px -5px;
}
.menu-dl dt a:hover{
	color:#eda315;
}
.menu-dl dt a:hover i{
	background:url(../images/icon-sprite.png) -10px -46px;
}
.select-pro{
	text-align:center;
}
.select-pro a{
	display:block;
	float:left;
	margin:0 15px;
}
.select-img{
	width:160px;
	height:186px;
	overflow:hidden;	
}
.select-img img{
	transition:all 0.75s;
}
.select-pro a p{
	color:#fff;
	font-size:16px;
	margin:12px 0;
	text-align:center;
}
.select-pro a:hover .select-img img{
	transform:scale(1.1); -webkit-transform:scale(1.1);-webkit-transition:all ease 0.8s;
}
/*banner*/
.lubo{width: 100%; min-width:1000px;margin-top:-4px; position: relative;height:565px;;}
.lubo_box{ position: relative; width: 100%; height:565px;; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:565px;; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;min-width:1000px;  height: 100%;}
.lubo_box li img{ width: 100%; height: 569px;}	
/*.lubo_box li a.albo1{background:url(../images/banner-1.jpg) center no-repeat;}
.lubo_box li a.albo2{background:url(../images/banner-1.jpg) center no-repeat;}
.lubo_box li a.albo3{background:url(../images/banner-1.jpg) center no-repeat;}*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;bottom: 6%!important;}
.cir_box li{ float: left; width: 50px; height: 6px;border-radius: 3px; margin:0px 10px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
.cir_box li.cir_on{ margin:0 5px;background:#efac2c !important;}
.lubo_btn{ position: absolute; width: 100%; top: 250px;}
.left_btn, .right_btn{ display:none;width: 30px; height: 80px; background: #333;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.left_btn{ float: left;}
.right_btn{ float: right;}
.left_btn:hover, .right_btn:hover{background:#555;opacity: 0.5;}

.whoUs{
	width:1000px;
	margin:60px auto;
	position:relative;
}
.flex{
	position:absolute;
	top:-12px;
	left:40px;
}
.who-area{
	padding-top:30px;
}
.whoImg{
	position:absolute;
	top:30px;
	left:0;
	width:374px;
	height:287px;
	overflow:hidden;
}
.whoImg .browser{
	transition:all 0.8s;
}
.whoImg:hover .browser{
	transform:scale(1.1); -webkit-transform:scale(1.1);-webkit-transition:all ease 0.8s;
}
.intro-cont{
	margin-left:400px;
	width:600px;
}
.intro-cont:hover b{
	width:55px;
}
.mine{
	position:relative;
}
.mine .icon-block{
	position:absolute;
	top:18px;
	right:0;
	display:inline-block;
	width:30px;
	height:30px;	
	background:url(../images/icon-sprite.png) -10px -123px;
}
.mine .icon-block:hover{
	background:url(../images/icon-sprite.png) -10px -221px;
}
.mine h4{
	font-size:22px;
	font-weight:normal;
	color:#027e41;	
}
.mine b{
	display:block;
	width:32px;
	height:1px;
	background:#000;
	margin:18px 0;
	transition:all 0.75s;
}
.mine p{
	font-size:14px;
	color:#333;
	line-height:24px;
}
.fiveBox{
	margin-top:18px;
}
.fiveBox .icon-number{
	display:block;
	float:left;
	width:108px;
	height:85px;	
	padding-top:15px;
	margin-right:11px;
	border:1px solid #ccc;
}
.fiveBox .icon-number:last-child{
	margin-right:0;
}
.fiveBox .icon-number span{
	display:block;
	width:36px;
	height:36px;
	margin:0 auto;
}
.fiveBox .icon-number .icon-01{
	background:url(../images/icon-sprite.png) -8px -264px;
}
.fiveBox .icon-number .icon-02{
	background:url(../images/icon-sprite.png) -8px -320px;
}
.fiveBox .icon-number .icon-03{
	background:url(../images/icon-sprite.png) -8px -378px;
}
.fiveBox .icon-number .icon-04{
	background:url(../images/icon-sprite.png) -8px -438px;
}
.fiveBox .icon-number .icon-05{
	background:url(../images/icon-sprite.png) -11px -493px;
}
.fiveBox .icon-number p{
	margin:12px 0;
	font-size:16px;
	color:#027e41;
	text-align:center;
	transition:all 0.7s;
}
.fiveBox .icon-number:hover p{
	margin:10px 0;
}
.fiveBox .icon-number:hover span{
  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
}
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
.product{
	width:1000px;
	margin:90px auto;
	border-top:1px solid #eee;
	padding-top:30px;
}
.sametit{
	text-align:center;
}
.sametit h4{
	font-size:22px;
	font-weight:normal;
	color:#333;
}
.sametit span{
	display:block;
	position:relative;
	width:10%;
	height:1px;
	background:#ccc;
	margin:15px auto;
}
.sametit span i{
	display:block;
	position:absolute;
	left:40%;
	bottom:0;
	width:24px;
	height:2px;
	background:#027e41;
	transition:all 0.8s;
}
.sametit:hover span i{
	width:100%;
	left:0;
}
.sametit strong{
	display:block;
	font-size:18px;
	color:#333;
	text-transform:uppercase;
}
.client_con{
	max-width:1000px;
	/*height:315px;*/
	margin:26px auto;
	position:relative;
	overflow:hidden;
}
.client_con .clientprev_btn1,.client_con .clientnext_btn1{
	position:absolute;
	top:120px;
	width:30px;
	height:30px;	
	z-index:9999;
}
.client_con .clientprev_btn1{
	left:18px;
	background:url(../images/icon-sprite.png) -165px -255px;
}
.client_con .clientprev_btn1:hover{
	background:url(../images/icon-sprite.png) -232px -255px;
}
.client_con .clientnext_btn1{
	right:15px;
	background:url(../images/icon-sprite.png) -165px -310px;
}
.client_con .clientnext_btn1:hover{
	background:url(../images/icon-sprite.png) -232px -310px;
}
.swiper-slide{
	float:left;
}
.slide-box{
	/*width:320px;*/
	margin:0 7px;
	padding-top:10px;
	text-align:center;
	border:1px solid #ccc;
}
.slide-box:hover .hidebox{
	top:30%;
}
.proImg{
	position:relative;
}
.proImg img{
	width:301px;
	height:246px;
	overflow:hidden;
}
.hidebox{
	position:absolute;
	top:-50%;
	left:40%;
	width:66px;
	height:66px;
	transition:all 0.8s;
	border-radius: 50%;
	background:rgba(239,172,44,.75);
}
.hidebox span{
	display:block;
	width:36px;
	height:31px;
	margin:20px 15px;
	background:url(../images/icon-sprite.png) -60px -5px;
}
.series{
	text-align:left;
	position:relative;
	margin:0px 8px 8px 8px;
	transition:all 0.8s;
	padding:16px 0 16px 0px;
}
.series span{
	display:block;
	font-size:16px;
	color:#333;
	margin:8px 0;
}
.series p{
	font-size:14px;
	color:#999;
}
.series b{
	position:absolute;
	bottom:16px;
	right:10px;
	width:30px;
	height:30px;	
	background:url(../images/icon-sprite.png) -10px -123px;
}
.swiper-slide:hover .series{
	background:#027e41;
	padding:16px 0 16px 12px
}
.swiper-slide:hover .series span,.swiper-slide:hover .series p{
	color:#fff;
}
.swiper-slide:hover .series b{
	background:url(../images/icon-sprite.png) -10px -176px;
}

.dir_more{
	width:138px;
	height:40px;
	line-height:40px;
	margin:0 auto;
	background:#006633;
	border-radius: 6px;
	text-align:center;
}
.dir_more a{
	color:#fff;
	font-size:14px;
}
.dir_more:hover{
	background:#06a054;
}
.brand,.news-area{
	width:1000px;
	margin:50px auto;
}
.brand-area{
	margin-top:36px;
}
.brand-area .make{
	float:left;
	width:332px;
	background:#f3f4f4;
	position:relative;
}
.brand-text{
	width:332px;
	height:200px;
	text-align:center;
}
.brand-text h4{
	font-size:16px;
	color:#444;
	margin:15px 0;
}
.brand-text i{
	display:block;
	width:60px;
	height:1px;
	margin:2px auto;
	transition:all 0.75s;
	background:#999;
}
.brand-text p{
	font-size:13px;
	color:#999;
	padding:0 12px;
	line-height:24px;
	text-align:left;
	margin-top:16px;
}
.brand-text span{
	display:block;
	width:80px;
	margin:22px auto;
	height:32px;
	line-height:32px;
	font-size:14px;
	color:#666;
	border:1px solid #ccc;
}
.brand-img{
	width:332px;
	height:200px;
	overflow:hidden;	
}
.brand-img img{
	transition:all 0.75s;
}
.brand-img b{
	position:absolute;
	border-width:18px;
    border-style:solid;

}
.brand-img .brand-a{
	top:215px;
	left:45%;
	border-color:#f3f4f4 transparent transparent transparent ;
}
.brand-img .brand-b{
	top:166px;
	left:40%;
	border-color:transparent transparent #f3f4f4 transparent ;
}	
.brand-area .make:hover img{
	transform:scale(1.1); -webkit-transform:scale(1.1);-webkit-transition:all ease 0.8s;
}
.brand-area .make:hover i{
	width:30px;
	background:#027e41;
}
.brand-area .make:hover h4,.brand-area .make:hover span{
	color:#027e41;
}
.new-nav{
	margin-top:28px;
	text-align:center;
}
.new-nav span{
	display:inline-block;
	width:138px;
	line-height:41px;
	text-align:center;
	height:41px;
	color:#333;
	margin:0 12px;
	background:#faf9f9;
	cursor:pointer;
}
.new-nav .selected{
	color:#fff;
	background:#027e41;
}
.new-nav span:hover{
	color:#fff;
	background:#027e41;
}
.newBox{
	margin-top:40px;
}
.inewImg{
	width:466px;
}
.inewImg .news-pic{
	display:block;
	width:466px;
	height:245px;
	overflow:hidden;
}
.inewImg .news-pic img{
	transition:all 0.8s;
}
.inewImg:hover .news-pic img{
	transform:scale(1.1); -webkit-transform:scale(1.1);-webkit-transition:all ease 0.8s;
}
.pepper{
	height:70px;
	line-height:65px;
	background:#faf9f9;	
	position:relative;
}
.pepper h4{
	padding:0 10px;
}
.pepper h4 a{
	font-weight:normal;
	font-size:16px;
	color:#333;
	transition:all 0.8s;
}
.pepper h4 i{
	display:inline-block;
	width:0px;
	height:1px;
	vertical-align: middle;
	background:#006633;
	transition:all 0.8s;
}
.pepper b{
	display:inline-block;
	position:absolute;
	bottom:16px;
	right:10px;
	width:30px;
	height:30px;	
	background:url(../images/icon-sprite.png) -10px -123px;
}
.inewImg:hover b{
	background:url(../images/icon-sprite.png) -10px -220px;
}
.inewImg:hover h4 a{
	padding-left:10px;
	color:#006633;
}
.inewImg:hover h4 i{
	width:16px;
}
.inewText{
	width:500px;
}
.inewText ol{
	border-top:1px solid #ccc;
}
.inewText ol li{
	position:relative;
	padding:12px 0;
	border-bottom:1px solid #ccc;
}
.dateBox{
	position:absolute;
	top:12px;
	left:0;
}
.dateBox span{
	display:block;
	font-size:24px;
	font-weight:bold;
	font-family:'方正兰亭超细黑简体';
	color:#000;
}
.dateBox i{
	display:block;
	font-size:12px;
	font-style:normal;
	color:#666;
	margin:5px 0;
	text-align:right;
}
	
.mainBody{
	margin-left:82px;
}
.mainBody h4 {
	margin-bottom:8px;
}
.mainBody h4 i{
	display:inline-block;
	width:0px;
	height:1px;
	margin-right:5px;
	vertical-align: middle;
	background:#006633;
	transition:all 0.8s;
}
.mainBody h4 a{
	font-weight:normal;
	font-size:16px;
	color:#000;	
}
.mainBody p{
	font-size:14px;
	color:#999;
	line-height:24px;
	height: 48px;
}
.inewText ol li:hover h4 a{
	color:#006633;
}
.inewText ol li:hover h4 i{
	width:16px;
}
.dir-other{
	margin-top:28px;
}
.agentBox{
	width:100%;
	padding:22px 0;
	background:url(../images/agent.jpg) center center no-repeat;
	background-size:cover;
}
.agent-area{
	width:1000px;
	margin:26px auto;
}
.agent-ol{
	width:920px;
	margin:0 auto;
	padding-top:55px;
}
.agent-ol li{
	float:left;
	width:210px;
	margin:15px 46px;
	text-align:center;
}
.round{
	width:134px;
	height:134px;
	margin:0 auto;	
	border-radius: 50%;
	border:8px solid transparent;
	background:rgba(255,255,255,0.5);
}
.round span{
	display:inline-block;
	width:120px;
	height:120px;
	margin:7px;
	transition:all 0.8s;
	border-radius: 50%;
}
.round span i{
	display:inline-block;
	width:58px;
	height:55px;
	margin:32px 30px;
	transition:all 0.8s;
}

.agent-ol li:hover .round{
	border:8px solid rgba(255,255,255,0.35);
}
.agent-ol li:hover .round span{
	background:#027e41;
}
.round span .icon-agent{
	background:url(../images/icon-sprite.png) -150px -83px;
}
.round span .icon-human{
	background:url(../images/icon-sprite.png) -150px 3px;
}
.round span .icon-message{
	background:url(../images/icon-sprite.png) -150px -173px;
}
.agent-ol li:hover .round span .icon-agent{
	background:url(../images/icon-sprite.png) -260px -83px;
}
.agent-ol li:hover .round span .icon-human{
	background:url(../images/icon-sprite.png) -260px 3px;
}
.agent-ol li:hover .round span .icon-message{
	background:url(../images/icon-sprite.png) -260px -173px;
}
.agent-ol li:hover .round span{
	background:#027e41;
}
.agent-ol li p{
	font-size:16px;
	color:#ccc;
	margin-top:40px;
}
.view{
	width:180px;
	height:40px;
	margin:26px auto;
	line-height:40px;	
	text-align:center;
}
.view a{
	display:block;
	font-size:16px;
	color:#ccc;
	border:1px solid #ccc;
}
.view:hover a{
	background:#027e41;
	border:1px solid #027e41;
	color:#fff;
}
.qualif{
	width:100%;
	padding:20px 0;
	background:#027e41;
}
.qualif-other{
	background:#eee;
}
.qualif-area{
	width:1000px;
	margin:0 auto;
}
.creden{
	width:495px;	
}
.re-same{
	color:#fff;
}
.qualif-other .re-same{
	color:#333;
}
.re-same strong{
	display:block;
	font-size:18px;
}
.re-same span{
	margin-top:20px;
	font-size:14px;
	text-transform:uppercase;
}
.custom{
	width:485px;
	margin-left:15px;
	position:relative;	
}
.custom:before{
	content:'';
	position:absolute;
	top:0;
	left:-8%;
	width:1px;
	height:100%;
	background:#5fae87;
}
.qualif-other .custom:before{
	background:#e2e8e5;
}
.cre-box{
	margin-top:20px;
	position:relative;
}
.agent-img{
	position:absolute;
	top:0;
	left:0;
}
.cretxt{
	margin-left:182px;
}
.cretxt h5{
	font-size:15px;
	color:#fff;
	margin-bottom:10px;
}
.cretxt a{
	display:block;
	font-size:13px;
	color:#fff;
	line-height:24px;
}
.qualif-other .cretxt a,.qualif-other .cretxt h5{
	color:#333;
}
.custom-box{
	margin-top:26px;
}
.custom-box a{
	display:inline-block;
	border:1px solid #fff;
	margin:6px 5px;
}
footer{
	width:1000px;
	margin:0 auto;
	padding-bottom:28px;
	position:relative;
}
.foot-ul{
	width:700px;
	margin-top:30px;
}
.foot-ul li{
	float:left;
	margin-right:73px;
}
.foot-ul li:last-child{
	margin-right:0;
}
.foot-ul li span{
	display:block;
	font-size:15px;
	color:#027e41;
	margin-bottom:18px;
}
.foot-ul li a{
	display:block;
	font-size:14px;
	color:#666;
	line-height:26px;
}
.foot-ul li a:hover{
	color:#027e41;
}
.information{
	position:absolute;
	top:0;
	right:0;
	width:284px;
	height:167px;
	background:url(../images/mapBg.jpg) center center no-repeat;
}
.information h4{
	font-size:16px;
	color:#027e41;
	margin-bottom:15px;
	
}
.information h4 i{
	display:inline-block;
	width:3px;
	height:16px;
	margin-right:8px;
	vertical-align: middle;
	background:#027e41;
}
.information p{
	font-size:14px;
	color:#666;
	line-height:26px;
}
.nabar{
	margin-top:15px;
}
.nabar a{
	display:inline-block;
	width:32px;
	height:32px;
	background:#ccc;
	margin-right:6px;
	transition:all 0.8s;
	border-radius: 50%;	
}
.nabar a:hover{
	border-radius: 0%;	
}
.nabar a span{
	display:inline-block;
	width:21px;
	height:21px;
	margin:3px 4px;
}
.nabar a .icon-wechat{
	background:url(../images/icon-sprite.png) -69px -50px;
}
.nabar a .icon-weibo{
	background:url(../images/icon-sprite.png) -69px -92px;
}
.nabar a .icon-jd{
	background:url(../images/icon-sprite.png) -69px -132px;
}
.wechat-box{
	position:absolute;
	bottom:-112px;
	left:-20px;
	z-index:999;
	display:none;
}
.toTop{
	position:absolute;
	bottom:-20px;
	right:28px;
	width:36px;
	height:36px;
	background:#027e41;
	border-radius: 50%;
	cursor:pointer;
}
.toTop span{
	display:block;
	width:20px;
	height:17px;
	margin:0px 5px;
	background:url(../images/icon-sprite.png) -69px -166px;
}
.toTop b{
	display:block;
	font-size:8px;
	color:#fff;
	text-align:center;
	font-weight:normal;
}
.type{
	width:100%;
	height:60px;
	line-height:60px;
	background:#027e41;
}
.type-area{
	width:1000px;
	margin:0 auto;
	position:relative;
}
.type-area span{
	display:inline-block;
	font-size:12px;
	color:#e2e1e1;
	margin-right:20px;
}
.support{
	position:absolute;
	top:0;
	right:0;
	font-size:12px;
	color:#28a96a;
}
.support a{
	font-size:12px;
	color:#28a96a;
}

/*走进森源*/
.banner{
	width:100%;
	height:350px;
}
.banner-intro{
	background:url(../images/banner-intro.jpg) center center no-repeat;
	background-size:cover;
}
.banner-news{
	background:url(../images/banner-news.jpg) center center no-repeat;
	background-size:cover;
}
.banner-brand{
	background:url(../images/banner-brand.jpg) center center no-repeat;
	background-size:cover;
}
.banner-contact{
	background:url(../images/banner-contact.jpg) center center no-repeat;
	background-size:cover;
}
.banner-product{
	background:url(../images/banner-product.jpg) center center no-repeat;
	background-size:cover;
}
.seatAll{
	width:100%;
	min-width:1000px;
	height:63px;
	line-height:63px;
	background:#f3f3f3;
}
.seat-area{
	width:1000px;
	margin:0 auto;
}
.seat{
	font-size:14px;
	color:#666;
	padding-left:28px;
	position:relative;
}
.seat:before{
	position:absolute;
	left:0;
	top:20px;
	content:'';
	width:20px;
	height:20px;
	background:url(../images/icon-sprite.png) -70px -196px no-repeat;
}
.subMain{
	width:1000px;
	margin:10px auto;
}
.intro-nav{
	font-size:0;
	margin-top:24px;
	border-bottom:1px solid #ccc;
}
.intro-nav a{
	display:inline-block;
	width:142px;
	padding:15px 0;		
}
.intro-nav .execution{
	position:relative;
}
.intro-nav .execution:after{
	content:'';
	position:absolute;
	bottom:-1px;
	left:0;
	width:100%;
	height:1px;
	background:#027e41;
}
.intro-nav a span{
	display:block;
	width:35px;
	height:35px;
	margin:0 auto;
	transition:all 0.75s;
}
.intro-nav a p{
	font-size:15px;
	color:#222;
	margin:12px 0;
	text-align:center;
}
.intro-nav a p{
	color:#027e41;
}
.intro-nav a .intro-icon1{
	background:url(../images/icon-sprite.png) -12px -543px no-repeat;
}
.intro-nav a .intro-icon2{
	background:url(../images/icon-sprite.png) -8px -264px no-repeat;
}
.intro-nav a .intro-icon3{
	background:url(../images/icon-sprite.png) -9px -320px no-repeat;
}
.intro-nav a .intro-icon4{
	background:url(../images/icon-sprite.png) -9px -379px no-repeat;
}
.intro-nav a .intro-icon5{
	background:url(../images/icon-sprite.png) -10px -438px no-repeat;
}
.intro-nav a .intro-icon6{
	background:url(../images/icon-sprite.png) -11px -494px no-repeat;
}
.intro-nav a .intro-icon7{
	background:url(../images/icon-sprite.png) -11px -585px no-repeat;
}
.intro-nav a:hover .intro-icon1{
	background:url(../images/icon-sprite.png) -70px -543px no-repeat;
}
.intro-nav a:hover .intro-icon2{
	background:url(../images/icon-sprite.png) -68px -264px no-repeat;
}
.intro-nav a:hover .intro-icon3{
	background:url(../images/icon-sprite.png) -70px -320px no-repeat;
}
.intro-nav a:hover .intro-icon4{
	background:url(../images/icon-sprite.png) -69px -379px no-repeat;
}
.intro-nav a:hover .intro-icon5{
	background:url(../images/icon-sprite.png) -70px -438px no-repeat;
}
.intro-nav a:hover .intro-icon6{
	background:url(../images/icon-sprite.png) -70px -494px no-repeat;
}
.intro-nav a:hover .intro-icon7{
	background:url(../images/icon-sprite.png) -70px -585px no-repeat;
}
.matter-title{
	margin-top:30px;
	text-align:center;
}
.matter-title h3{
	font-weight:normal;
	font-size:22px;
	color:#333;
}
.matter-title span{
	display:block;
	margin:4px 0;
	font-size:12px;
	color:#999;
	text-transform: uppercase;
}
.matter-title i{
	display:block;
	width:22px;
	height:3px;
	margin:20px auto;
	background:#027e41;
}
.matter-main{
	text-align:center;
	margin-top:20px;
	position:relative;
}
.matter-main .sy-rb{
	position:absolute;
	top:0;
	left:0;
}
.matter-main p{
	font-size:14px;
	line-height:30px;
	color:#333;
	text-align:left;
}
.matter-main img{
	margin:12px 0;
}
.framework{
	margin-top:26px;
	width:998px;
	height:796px;
	background:url(../images/framBg.jpg) center center no-repeat;
}
.leaderbox{
	margin-top:30px;
}
.leader{
	width:471px;
	height:448px;
	background:url(../images/speround.jpg) center center no-repeat;
	position:relative;
}
.leader-sm{
	width:510px;
}
.leader-sm p{
	font-size:14px;
	color:#000;
	line-height:26px;
}
.leader span{
	display:block;
	width:180px;
	height:60px;
	position:absolute;
	bottom:15%;
	right:20%;
	color:#fff;
	font-size:24px;
}
/*新闻中心*/
.news-nav{
	margin:30px 0;
	text-align:center;
}
.news-nav a{
	display:inline-block;
	width:136px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#333;
	margin:0 6px;
	font-size:16px;
	background:#faf9f9;
	border-radius: 5px;
}
.news-nav a:hover,.news-nav .active{
	color:#fff;
	background:#027e41;
}
.news-cont{
	margin-top:40px;
}
.news-cont ul li{
	margin:28px 0;
	height:146px;
	position:relative;
	border-bottom:1px solid #ccc;
}
.date{
	width:160px;
	padding-top:26px;
}
.date strong,.date span{
	display:block;
	text-align:center;
}
.date strong{
	font-size:30px;
	font-weight:bold;
	color:#333;
}
.date span{
	font-size:12px;
	color:#999;
}
.date b{
	display:block;
	width:60%;
	margin:8px auto;
	height:1px;
	background:#ddd;
}
.version{
	width:570px;
	
}
.version h4{
	font-size:18px;
	color:#000;
	margin-top:5px;
	margin-bottom:10px;
	max-height:24px;
	overflow:hidden;
}
.version i{
	display:block;
	width:26px;
	height:1px;
	margin:10px 0;
	background:#027e41;
	transition:all 0.75s;
}
.version p{
	font-size:14px;
	line-height:24px;
	color:#888;
}
.row-img{
	position:absolute;
	top:0;
	left:170px;
	width:227px;
	height:146px;
	overflow:hidden;
}
.row-img img{
	width:100%;
	height:100%;
	transition:all 0.8s;
}
.news-cont ul li:hover{
	background:#4fc088;
}
.news-cont ul li:hover h4,.news-cont ul li:hover p,.news-cont ul li:hover strong,.news-cont ul li:hover span{
	color:#fff;
}
.news-cont ul li:hover .row-img img{
	transform:scale(1.1); -webkit-transform:scale(1.1);-webkit-transition:all ease 0.8s;
}
.news-cont ul li:hover i{
	width:40px;
	background:#fff;
}
.page{
	margin:15px auto 30px;
	text-align:center;
}
.page a{
	display:inline-block;
	width:75px;
	height:35px;
	line-height:35px;
	text-align:center;
	font-size:14px;
	margin:0 5px;
	border:1px solid #ccc;
}
.page a:hover{
	border:1px solid #027e41;
	background:#027e41;
	color:#fff;
}
.piece{
	clear:both;
	border-top:1px solid #ccc;
	margin:30px auto;
	padding:10px 15px 0 15px;
}
.piece div{margin:12px 0;}
.piece a{
	color:#555;
}
.piece a:hover{
	color:#027e41;
}
.show-txt{
	margin-top:20px;
	padding-top:28px;
	text-align:center;
	border-top:1px solid #ccc;
}
.show-txt p{
	font-size:14px;
	color:#444;
	line-height:24px;
	text-align:left;
}
.show-txt img{
	display:block;
	margin:12px 0;
}
.news-show h2{
	margin-top:32px;
	font-size:22px;
	font-weight:normal;
	color:#333;
	text-align:center;
}
.time{
	margin:10px 0;
	text-align:center;
}
.time span{
	display:inline-block;
	font-size:13px;
	color:#666;
	margin:0 7px;	
}
.time img{
	margin-right:5px;
}
/*品牌故事*/
.marking{
	margin:28px 0;
}
.mark-img{
	width:556px;
	position:relative;
}
.diamond{
	position:absolute;
	top:9px;
	left:8px;
	width:538px;
	height:212px;
	border:1px solid #fff;
	transition:all 0.8s;
}
.diamond span{
	display:block;
	width:106px;
	height:38px;
	line-height:38px;
	font-size:12px;
	color:#027e41;
	text-transform: uppercase;
	background:#fff;
	text-align:center;
	position:absolute;
	top:-20%;
	left:38%;
	opacity: 0;
	transition:all 0.8s;
}
.mark-story{
	width:444px;
	height:207px;
	text-align:center;
	background:#fff;
	padding-top:22px;
}
.brand-icon{
	width:82px;
	height:82px;
	margin:10px auto 20px;
	background:#333;
	border-radius: 50%;
	position:relative;
}
.mark-story h4{
	font-size:16px;
	font-weight:normal;
	color:#000;
}
.mark-story b{
	display:block;
	width:40px;
	margin:14px auto;	
	height:3px;
	background:#ccc;
	transition:all 0.8s;
}
.mark-story strong{
	display:block;
	font-weight:normal;
	font-size:12px;
	color:#999;
	text-transform: uppercase;
}

.brand-icon i{
	display:block;
	width:42px;
	height:46px;
	position:absolute;
	top:18%;
	left:25%;
	/*border:1px solid #f00;*/
}
.brand-icon .icon-sprite-1{
	background:url(../images/icon-sprite.png) -211px -362px no-repeat;
}
.brand-icon .icon-sprite-2{
	background:url(../images/icon-sprite.png) -211px -420px no-repeat;
}
.brand-icon .icon-sprite-3{
	background:url(../images/icon-sprite.png) -209px -482px no-repeat;
}
.marking:hover .diamond span{
	opacity: 1;
	top:36%;
}
.marking:hover .mark-story{
	background:#027e41;
}
.marking:hover .mark-story b{
	width:65px;
	background:#fff;
}
.marking:hover .mark-story h4,.marking:hover .mark-story strong{
	color:#fff;
}
.marking:hover .brand-icon{
	background:#fff;
}
.marking:hover .icon-sprite-1{
	background:url(../images/icon-sprite.png) -271px -362px no-repeat;
}
.marking:hover .icon-sprite-2{
	background:url(../images/icon-sprite.png) -273px -418px no-repeat;
}
.marking:hover .icon-sprite-3{
	background:url(../images/icon-sprite.png) -271px -482px no-repeat;
}
/*产品中心*/
.pro-nav a{
	width:160px;
}
.slide-other{
	width:315px;
	margin-bottom:12px;
	margin-right:6px;
	box-sizing: border-box;
	overflow:hidden;
}
.pro-list{
	font-size:0;
}
.pro-list a{
	display:block;
	float:left;
}
.pro-list a:hover .series span,.pro-list a:hover .series p{
	color:#fff;
}
.pro-list a:hover .series b{
	background:url(../images/icon-sprite.png) -10px -176px;
}
.dir_more:hover{
	background:#06a054;
}
.pro-list a:hover .series{
	background:#027e41;
	padding:16px 0 16px 12px
}
.series-other{
	margin:0px 6px 8px 6px
}
/*产品详情*/
.fadeBg{
	width:100%;
	height:626px;
	margin:10px 0;
}
.fadeBg:last-child{margin:0 0;}
.fade1{
	/*background:url(../images/fade1-bg.jpg) center center no-repeat;*/
	background-size:cover;
}
.fade2{
	/*background:url(../images/fade2-bg.jpg) center center no-repeat;*/
	background-size:cover;
}
.fade3{
	/*background:url(../images/fade3-bg.jpg) center center no-repeat;*/
	background-size:cover;
}
.fade4{
	/*background:url(../images/fade4-bg.jpg) center center no-repeat;*/
	background-size:cover;
}
.sameMid{
	width:1000px;
	margin:0 auto;
}
.fade-fl{
	width:535px;
}
.fade-fr{
	width:472px;
	margin-top:180px;
	margin-right:-10px;
}
.animat-img1{	
	margin-top:100px;
}
.animat1-txt2{
	margin-top:40px;
}
.animat1-txt2 p,.animat2-txt p{
	font-size:14px;
	line-height:28px;
	color:#444;
}
.fade-alone{
	padding-top:110px;
}
.animat2-txt{
	margin-top:36px;
}
.fade-line{
	width:70px;
	height:2px;
	background:#52c189;
	margin-top:40px;
}
.fade-three{
	padding-top:100px;
	margin-right:180px;
}
.animat-dl{
	/*margin-top:36px;*/
	font-size:14px;
	color:#444;
}
.animat-dl dt{
	float:left;
}
.animat-dl dd{
	float:left;
	margin-left:30px;
}
.animat-dl p i{
	display:inline-block;
	margin-right:5px;
	color:#027e41;
	font-weight:bold;
	font-style:italic;
}
.animat-dl .font-orange{
	color:#ffcc00;
}
.animat-dl dt p,.animat-dl dd p {
	line-height:28px;
}
.hgx{
	padding-top:6px;
}
.animat4-txt1{
	padding-top:50px;
	text-align:center;
}
.animat4-img{
	margin-top:22px;
	text-align:center;
}
.animat4-txt2{
	margin-top:80px;
	
}
.animat4-txt2 .fade4-fl{
	margin-left:28px;
}
.animat4-txt2 .fade4-fr{
	margin-right:68px;
}


/*联系我们*/
.m-ddtxt{
	display:none;
}
.list-recruit {
  margin-bottom: 50px;
}

.list-recruit .up {
  border-bottom-color: #0e438f;
}

.list-recruit .up dt span {
  background-position: 0 0;
}
.dl-rec-txt dd {
  max-width: 920px;
  width: 90%;
  margin:20px auto;
}
.pd-cont {
  padding: 20px;
}
.dl-rec-txt dt{
  position: relative;
  font-size: 17px;
  color:#444;
  height:65px;
  padding-left:50px;
  line-height: 65px;
  background:#faf9f9;
  border-top:1px dashed #eee;
  border-bottom:1px dashed #eee;
  cursor: pointer;
}
.dl-rec-txt dt:before{
	content:'';
	position:absolute;
	top:24px;
	left:12px;
	width:14px;
	height:14px;
	border:1.5px solid #ccc;
	border-radius: 50%;
}
.dl-rec-txt dt:hover{
	color:#027e41;
}
.dl-rec-txt:hover .dtover{
	color:#027e41;
}
.dl-rec-txt:hover dt:before{
	border:1.5px solid #027e41;
}
.dl-rec-txt dt span {
  position: absolute;
  display: block;
  top: 50%;
  right: 14px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background: url(../images/ul-rec-btn.png) no-repeat 0 100%;
}
.dov{
	margin:12px 0;
	padding-bottom:14px;
	border-bottom:1px solid #eee;
}
.dov:last-child{
	border-bottom:none;
}
.dov strong{
	display:inline-block;
	font-size:16px;
	color:#333;
	margin:10px 0;
	margin-right:15px;

}
.dov span{
	display:inline-block;
	margin-right:15px;
	color:#333;
}
.dov h5{
	font-weight:normal;
	font-size:16px;
	color:#333;
	margin:12px 0;
}
.dov p{
	font-size:14px;
	color:#333;
	line-height:26px;
}
.maptxt{
	width:569px;
	margin:10px 0;
}
.maptxt ul li{
	float:left;
	color:#444;
	margin:18px;
	font-size:14px;
}
.maptxt ul li p{
	line-height:30px;
}

.message{
	width:370px;
	margin-top:50px;
	position:relative;
}
.mess{
	margin:18px 0;
}
.name{
	font-size:15px;
	color:#666;
	margin-right:10px;
}

.name i{
	display:inline-block;
	color:#999;
	font-style:normal;
}
.mess input{
	width:270px;
	outline:none;
	height:28px;
	padding-left:5px;
	color:#444;
	border:1px solid #ccc;
	border-radius: 4px;
}
.short input{
	width:140px;
}
.mess-btn{
	text-align:center;
}
.mess-btn input{
	width:90px;
	margin:0 6px;
	height:34px;
	border:none;
	color:#fff;
	background:#027e41;
	cursor:pointer;
}
.textreabox{
	width:670px;
	position:absolute;
	top:0;
	left:380px;
}
.textreabox textarea{
	width:80%;
	padding:10px;
	color:#444;
	outline:none;
}
.mapBox{
	margin-top:30px;
}
/*发展历程*/
/*.moreBg{
	width:100%;
	height:260px;
	background:url(../images/moreBg.jpg) center center no-repeat;
	background-size:cover;
}*/
#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 6px;
  background: #05a858;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture {
  border:1px solid  #027e41;
}
.cd-timeline-img.cd-movie {
  background: #c03b44;
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 38px;
    height: 38px;
    left: 50%;
    margin-left: -20px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: #ffffff;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 2px 0 #eee;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
	font-size:18px;
	font-weight:normal;
	
  	color: #000;
}
.cd-timeline-content .fd-r {
	text-align:right;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  font-size:14px;
  color:#444333;
  line-height:26px;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: #ffffff;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  float: left;
  font-size:36px;
  /*font-weight:bold*/
  color:#fff;
  width:152px;
  height:60px;
  line-height:60px;
  text-align:center;
  background:#027e41;
  position:relative;
}
.cd-timeline-content .cd-date:after {
	content:'';
	position:absolute;
	top:26%;
	left:-18%;
	border-width:14px;
    border-style:solid;
    border-color: transparent #027e41 transparent  transparent;
}
.cd-timeline-content .cd-other:after {
	left:100%;
	border-color: transparent transparent transparent #027e41;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #ffffff;
}

@media only screen and (min-width: 1100px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 40%;
  }
  .cd-timeline-img i{
  	display:block;
  	width:15px;
  	height:15px;
  	margin:12px;
  	background:#027e41;
  	border-radius: 50%;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #ffffff;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    /*width: 100%;*/
    left: 122%;
    top: -7px;
   
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #ffffff;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  
 

}

 
  /*产品详情*/
.subMain h3{
	width:30%;
	margin:30px auto 12px;
	font-size:18px;
	color:#333;
	padding-bottom:16px;
	text-align:center;
	border-bottom:1px solid #ccc;
}
.pro-final{
	margin-top:36px;
}
.final-img{
	width:400px;
	/*border:1px solid #ccc;*/
}
.final-img img{
	width:400px;
	height:350px;
	
}
.final-txt{
	width:555px;
	margin-left:36px;
}
.final-txt h6{
	color:#333;
	font-size:16px;
	margin-bottom:12px;
	padding-bottom:12px;
	border-bottom:1px solid #027e41;
}
.final-txt span{
	display:block;
	color:#333;
	font-size:14px;
	font-weight:bold;
	margin:5px 0;
}
.final-txt p{
	font-size:14px;
	color:#444;
	line-height:30px;
}
.final-intro{
	margin-top:28px;
	margin-bottom:28px;
}
.final-intro p{
	font-size:14px;
	color:#333;
	line-height:24px;
}