
/*模块标题*/
.section-title{
  position: relative;
  font-size: 20px;
  font-weight: bold;
  line-height: 56px;
}
.section-title:after{
content:"";
display:block;
clear:both;
}
.section-title .know-more{
  float: right;
  color: #0a9031;
  font-size: 16px;
  margin-right: 30px;
  font-weight: normal;
  position: relative;
  padding-right: 24px;
}
@media (max-width:400px){
.section-title .know-more{
  line-height: normal;
}
}
.section-title .know-more:after{
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: url("../images/icon.png") no-repeat;
  background-position: -160px 0;
}
.section-title span{
  font-size: 18px;
  margin-left: 10px;
  font-weight: normal;
  color: #bbb;
}
.section-title:before{
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #0a9031;
  overflow: hidden;
}
@media (max-width:400px){
.section-title:before{
display:none;
}
}
.section-txt{
  padding: 32px 0;
  line-height: 30px;
  color: #fff;
}

/* 关于我们 */
.about-index{
  position: relative;
  z-index: 1;
  padding-top: 30px;
  padding-bottom: 10px;
  background-color:#2d2e32;
}

.about-index video{
margin-left:auto!important;
margin-right:auto;
width:100%;
height:auto;
}

.about-index:after,
.about-index .video-index:after{
  position: absolute;
  right: 0;
  height:220px;
  bottom:-20px;
  z-index: 1;
  width:43%;
  content: '';
  background-color:#0a9031;
}
.about-index .container{
  position: relative;
  z-index: 2;
}

.about-index .video-index{
  position: static;
}
.about-index .video-index:after{
	height:50px;

  left: auto;
  right: auto;
}
.video-index-inner{
  position: relative;
  z-index: 2;
  margin-left: 35px;
}
@media (max-width:992px) {
  .about-index:after,
  .about-index .video-index:after{
    display: none;
  }
  .about-index .video-index-inner{
    margin-left: 0;
  }
  .about-index{
    padding-bottom: 40px;
  }
}



/*content*/

.content{width:1200px;
         margin:auto; margin-top:75px;
		 	word-break:break-all;
		overflow:hidden;
}

.product{width:580px; float:left; height:500px; word-break:break-all;
		overflow:hidden;}

.product dt,.case dt,.hengxiang dt,.jishu dt{ border-bottom:2px solid #138a38; color:#138a38; font-size:14px;}

.product dt span,.case dt span,.hengxiang dt span,.jishu dt span{font-size:16px;display:inline-block; width:200px; height:30px; background:#138a38; line-height:30px; color:#fff; /*border-radius:5px 5px 0px 0px; */text-align:center}

.aaa{display:inline-block;float:right; padding-right:10px; padding-top:5px;}

.focus{ position:relative; width:580px; height:512px; background-color: #d9d9d9; margin:auto; margin-top:10px;}  
.focus img{ width:580px; height:343px;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:560px; height:169px; line-height: 80px; background:#d9d9d9; padding:0 10px 10px 10px; color:#333; line-height:22px; font-size:14px;)   
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow h1{font-size:15px;}
.focus .shadow a{ display:block; width:50px; height:18px; border:1px solid #138a38; text-align:center; line-height:18px; font-size:12px; margin-top:8px; color:#138a38;}  
.focus .shadow a:hover{background-color:#138a38; color:#fff;}
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#d9d9d9;  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top:35%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top:35%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  

.case{float:right; width:580px;word-break:break-all;}
.case_list{  margin-top:15px;}
.case_item{ float: left; width:276px; height:215px; margin-left:10px; margin-bottom:15px;}
.case_item a{ display: block;}
.case_item .img{ width: 276px; height:158px; overflow: hidden;}
.case_item .img img{width: 276px; height:158px;}
.case_item .txt{ text-align: center; background:#ddd; overflow: hidden; position: relative; z-index: 0; padding-bottom:10px;}
.case_item p{ padding: 10px; line-height: 20px; height: 20px; font-size: 14px; margin-bottom: 10px; background: url(../images/pro_line.jpg) no-repeat center top; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; width:200px; margin:auto;}
.case_item .more1{ width:50px; height:18px; margin: 0 auto; border: 1px solid #fff; background: #138a38; font-size: 12px; text-transform: uppercase; line-height:18px; color: #fff; -webkit-border-radius: 20px; -ms-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-top:20px; }
.case_item:hover .more1{ border-color: #fff;  }
.case_item .txt:before{ position: absolute; content: ''; left: -50%; top: -50%; width: 200%; height: 200%; border-radius: 50%; background: #138a38; z-index: -1; -webkit-transform: scale3d(0,0,1); -moz-transform: scale3d(0,0,1); transform: scale3d(0,0,1); -webkit-transition: transform 0.6s; -moz-transition: transform 0.6s; transition: transform 0.6s;}
.case_item:hover .txt:before{ -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.case_item:hover .txt p{ color: #fff; }		   
		   

.hengxiang{float:left; width:580px; margin-top:40px; word-break:break-all;
		overflow:hidden;}

.product-list{margin-top:15px;overflow: hidden;}
.product-list ul{position: relative;float: left;width: 100px;}
.product-list ul li{width:100px; height:60px;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.product-list ul li.last{border-bottom: 1px solid #ddd;}
.product-list ul li.active{width: 101px;background: #f2f2f2;border-color: #138a38; border-color: #138a38;}
.product-list ul li.active:after{position: relative;content: "";display: block;float: right;height: 60px;margin: -60px 1px 0 0;border-left: 1px solid #f2f2f2;}
.product-list ul li.active + li{border-top-color: #138a38;}
.product-list ul li > span{position: relative;z-index: 10;display: block;line-height:60px;cursor: default;font-weight: bold;font-size: 14px;color: #333;text-align: center;}
.product-list ul li.active > span{color: #138a38;}
.product-list ul li dl{position: absolute;top: 0;left:100px;
width:444px;height:240px;padding:17px 17px 17px 17px;background: #f2f2f2;border: 1px solid #138a38; font-size:14px; line-height:25px;display: none;}

.product-list ul li.active dl{display: block;}
.product-list dl dd{overflow: hidden;}
.product-list dl dd label{float: left;min-width: 45px;margin-right: 20px;padding-right: 25px;background: url(../img/icon-caret.png) no-repeat right 4px;font-weight: bold;font-size: 14px;color: #333;}
.product-list dl dd span{float: left;width: 780px;padding-bottom: 8px;overflow: hidden;border-bottom: 1px solid #ddd;}
.product-list dl dd a{float:right;line-height: 18px;margin: 5px 0 5px 0;font-size: 14px;color: #999;}
.product-list dl dd a:hover{color: #138a38;}
.product-detail .button{margin: 30px auto 50px;text-align: center;}
.product-detail .btn-return{margin-right: 40px;display: inline-block;}
.product-detail .btn-consult{display: inline-block;width: 100px;line-height: 30px;font-size: 14px;border: 1px solid #0c5e95;color: #0c5e95;text-align: center;}


.contact{height:147px; width:578px; background:url(../images/22222.png) no-repeat center left; border:1px solid #ddd;margin-top:20px; }
.contact ul{ padding-left:220px; vertical-align:middle; padding-top:10px;}
.contact ul li{line-height:30px; vertical-align:middle; font-size:14px; }
.contact ul li img{padding-right:8px;}


.jishu{float:right; width:580px; margin-top:40px; word-break:break-all;
		overflow:hidden;}
.zhichi{margin-top:10px;}
.zhichi li{width:270px; border-bottom:2px solid #ccc; padding-bottom:10px; float:left; margin-left:15px; margin-bottom:10px;}
.zhichi li h2 span{display:inline-block; width:78px; height:25px; font-size:14px; line-height:25px; border-top:2px solid #ccc; text-align:center; color: #138a38;}
.zhichi li h2 a{display:inline-block;  width:185px; height:26px;  border:1px solid #ccc; font-size:12px; line-height:29px; text-align:right; padding-right:5px;}
.zhichi li h2 a:hover{color:#138a38; font-weight:bold;}
.zhichi li img{width:270px; height:100px; margin:10px 0 5px 0;}
.zhichi li:hover{border-bottom:2px solid #138a38;}
.zhichi li:hover  span{border-top:2px solid #138a38;}



.bottomm{width:100%; margin:auto; border-top:6px solid #fccf00;margin-top:30px; background:#005bab; 	word-break:break-all;
		overflow:hidden;
}
.bottom-c{width:1200px; margin:auto; padding-bottom:50px; padding-top:40px; word-break:break-all;
		overflow:hidden;}
.bottom-c dl dd a{color:#ddd; line-height:30px;}
.bottom-c dl dd a:hover{color:#fccf00;}
.bottom-c dt{color:#fff; font-size:16px; margin-bottom:15px;     margin-bottom: 15px;   width:80px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;}
.bottom-c dt img,.bottom-c dl dd img{padding-right:10px;}
.bottom-c dl{float:left;margin-left:120px;}
.foot{width:100%; margin:auto; background:#004b8d; height:55px; 	word-break:break-all;
		overflow:hidden;
}
.foot p{font-size:14px; width:1200px; margin:auto; line-height:55px; color:#fff;}
.foot p span{float:right;}
 .foot p span a{color:#fff;}
	 
	.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;

    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
    background:url(../images/weixin.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}	 
	  
	 
	 
.ditueeee{ float:left; width:100%; background:#f2f2f2; height:500px; margin-top:30px;}
	 
	 
.aboutList{width:100%;}
.aboutList li{width:285px;height:310px;padding-bottom:35px;}
.aboutList li img{ width:285px;}
.aboutList .moreBtn{padding-left:15px;}
.aboutList li p{color:#138a38;}


.list li{margin-right:14px;float:left;}
.list li img{display:block;}
.list li h3{color:#4b575f;font-size:16px;padding:13px 6px 4px 13px;font-weight:bold;}
.list li p{color:#676e72;font-size:14px;line-height:1.3;
	margin-bottom:15px;padding:0 6px 0 13px;}
.list select{width:316px;height:30px;line-height:30px;color:#fff;
	background:#8b969d;border:none;border:none;}
.list li a.moreBtn2{width:317px;height:30px;
	background:url(../images/index/more.jpg) no-repeat;display:block;}

	 
	 
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {

  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }	 
	 
/*头部电话*/ 
.tel {
  float: left;

  padding-left:650px;
}
.tel .tel-dh {
  margin-right: 10px;
  float: left;
  margin-top: 35px;
  padding: 0;
  text-align: right;
}
.tel .text {
  float: right;
  padding: 0;
}
.tel .text span {
  font-size: 12px;
  color: #808080;
  line-height: 80px;
  height: 49px;
  display: block;
}
.tel .text h3 {
  color: #C40004;
  margin-top: 0;
  margin-bottom: 0;
}
.col-md-offset-2{ display:none; }	

@media (max-width: 768px) {

.aboutList{width:768px;}
.aboutList li{width:285px;height:310px;padding-bottom:35px;}
.aboutList li img{ width:285px;}
.aboutList .moreBtn{padding-left:15px;}
.aboutList li p{color:#138a38;}
 .tel {
  float: left;
  padding-left:450px;
}
}
@media (max-width:640px) {
	.slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 63%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }
.aboutList{width:285px; text-align:center; padding-left:15px;}
.tel { display:none;}
.product{ width:100%;float:left; height:370px; word-break:break-all;overflow:hidden;}
.focus{ position:relative; width:100%; height:350px; background-color: #d9d9d9; margin:auto; margin-top:10px;}  
.focus img{ width:100%; height:auto;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:250px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:300px; height:auto; line-height: 80px; background:#d9d9d9; padding:0 10px 10px 10px; color:#333; line-height:22px; font-size:14px;)   
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow h1{font-size:15px;}
.focus .shadow a{ display:block; width:50px; height:18px; border:1px solid #138a38; text-align:center; line-height:18px; font-size:12px; margin-top:8px; color:#138a38;}  
.focus .shadow a:hover{background-color:#138a38; color:#fff;}
.focus .fcon{ position:relative; width:320px; float:left;  display:none; background:#d9d9d9;  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top:18%;margin-top: -13px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top:18%;margin-top: -13px; right:0px; left:280px;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:40px 0;}  

.case{float:left; width:100%; word-break:break-all;
		overflow:hidden; margin-top:20px;}
.case_list{  margin-top:15px;float:left; width:100%;}
.case_item{ float: left; width:100%; height:215px; margin-left:10px; margin-bottom:15px;}
.case_item a{ display: block;}
.case_item .img{ width:100%;height:158px; overflow: hidden;}
.case_item .img img{width: 300px; height:178px;}
.case_item .txt{ float:left; width:25%;text-align: center; background:#ddd; overflow: hidden; position: relative; z-index: 0; padding-bottom:10px;}
.case_item p{ padding: 10px; line-height: 20px; height: 20px; font-size: 14px; margin-bottom: 10px; background: url(../images/pro_line.jpg) no-repeat center top; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; width:200px; margin:auto;}
.case_item .more1{ width:50px; height:18px; margin: 0 auto; border: 1px solid #fff; background: #138a38; font-size: 12px; text-transform: uppercase; line-height:18px; color: #fff; -webkit-border-radius: 20px; -ms-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-top:20px; }
.case_item:hover .more1{ border-color: #fff;  }
.case_item .txt:before{ position: absolute; content: ''; left: -50%; top: -50%; width: 200%; height: 200%; border-radius: 50%; background: #138a38; z-index: -1; -webkit-transform: scale3d(0,0,1); -moz-transform: scale3d(0,0,1); transform: scale3d(0,0,1); -webkit-transition: transform 0.6s; -moz-transition: transform 0.6s; transition: transform 0.6s;}
.case_item:hover .txt:before{ -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.case_item:hover .txt p{ color: #fff; }		   
.col-md-offset-1{ display:none; }	
.col-md-offset-2{ display:block; margin-top:20px; padding-left:5px; width:330px; }	
}	 
 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 