@charset "gb2312";
/* CSS Document */
@charset "utf-8";
body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"微软雅黑","宋体";}
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;}
button {overflow:visible}
img{border:none;}
a{color:#3d2f1b;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:none;}

input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden;clear:both;}
li{	list-style:none;}
.lf{ float:left;}
.rt{ float:right;}

.contain{ width:96%; margin:0 auto; max-width:1200px;}

.logo{ float:left; margin:12px 0;}
.logo img{ height:76px; width:auto}




@media(max-width:669px){//当屏幕最大669时，执行下面css
.banner { width: 100%;height:auto;position:relative;overflow:hidden; margin-top: -100px;}

}
 
@media(min-width:669px){//当屏幕最小669时，执行下面
.banner { width: 100%;height:auto;position:relative;overflow:hidden; margin-top: -40px;}

}








.banner .swiper-slide {text-align: center;width:100%;overflow:hidden }
.banner  .swiper-slide img{ width:100%; height:auto}
.banner .swiper-pagination-bullet-active{ background:#01973d}
.banner .swiper-pagination-bullet{ width:50px; height:4px; border-radius:0; }
	   
	   
	   
	   
  @media only screen and (max-width:992px){
	  
	  .logo{ float:left; margin:5px 0;}
.logo img{ height:50px; width:auto}


.banner .swiper-pagination-bullet{ width:20px; height:4px; border-radius:0; }
	   
	  
  }
	   
	
/*关于我们*/
  
.hui{ background:#f8f8f8; width:100%; padding:10px 0; overflow:hidden; padding-top:100px;}
  
.gy1{ width:96%; margin:0 auto; max-width:1300px;}  
.gypic{ float:left; width:50%; overflow:hidden}
  
.gypic img{ width:100%; height:auto; transition:all 0.6s }
.gypic a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}

.gyzi{ float:right; width:45%;}
.gyzi p{ color:#585858; font-size:14px; line-height:30px; max-height:240px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow:hidden}
.gyzi span{ display:block;}




.bt1{  margin-bottom:20px; position:relative; height:70px; padding-top:25px; box-sizing:border-box }
.bt1 h3{font-size:30px; color:#151515; font-weight:bold; z-index:1; position:relative; margin-left:20px; }
.bt1 span{ position:absolute; color:rgba(60,60,60,0.1);left:0; font-size:65px; font-style:normal; top:-20px; z-index:0; font-family:Arial, Helvetica, sans-serif; font-weight:900; text-transform:uppercase;  width:100%; }
.bt1 em{ display:block; width:40px; height:5px; background:#01973d; z-index:1; margin-left:20px; margin-top:5px; position:relative}





.more a{ color:#fff; display:block}
.more a:hover{ color:#fff}
.more:before{
	position: absolute;
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    background-color: #ffa200;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
}
.more:hover::before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

  
  
  
  
.product-number-info {
    position: relative; 
}

.product-number-info .product-number-inner {
    width: 100%;
    margin: 0 auto;
	overflow:hidden;
	background:#f8f8f8;
	margin-top:80px;
}

.product-number-info ul {
     overflow:hidden; padding-top:0px; 
}

.product-number-info li {
    float: left;
	width:33%;
    color: #fff;
	text-align:center;
	
	box-sizing:border-box
}

.product-number-info li:first-child {
    border: none;
}

.product-number-info li b {
    font-weight: 400;
    font-size: 80px;
    line-height: 1;
    display: inline-block;
    position: relative;
    margin: 15px 0 10px;
	
	
}

.product-number-info li p {
    font-size: 16px; color:#fff;font-weight:lighter;
}

.product-number-info li b i {
    font-style: normal; color:#fff; font-weight:lighter; font-family:cursive;
}

.product-number-info li b sup {
    position: absolute;
    font-size: 16px;
    right: -15px;
    top: -3px;
	color:#fff
}



.product-number-info li b em {
    font-style: normal;
    font-size: 16px;
    font-weight: 100;
    padding-left: 2px;
    position: relative;
    top: -4px;
	color:#888
}



.xiaocms-page {width:100%; margin:30px auto ; text-align:center; overflow:hidden;}
.xiaocms-page a {line-height:32px; color:#888; background-color:#fff; text-align:center; font-size:14px; border:1px solid #e7e7e7; min-width:32px; height:32px; margin:0 3px; display:inline-block; padding:0 3px;}
.xiaocms-page a:hover { background-color:#0061a5; border:1px solid #0061a5; color:#fff;}
.xiaocms-page span {line-height:32px; color:#888; background-color:#fff; text-align:center; font-size:14px; border:1px solid #e7e7e7; min-width:32px; height:32px; margin:0 3px; display:inline-block;background-color:#0061a5; border:1px solid #0061a5; color:#fff; padding:0 3px;}



  
  @media only screen and (max-width:992px){
	  
.hui{padding:20px 0; overflow:hidden}
  

.gyzi p{  font-size:12px; line-height:23px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow:hidden}
.bt1{  margin-bottom:20px; position:relative; height:50px; padding-top:15px; box-sizing:border-box }
.bt1 h3{font-size:20px;  margin-left:0px; }
.bt1 span{ display:none}
.bt1 em{  margin-left:0px; }



.more{
	
	font-size: 12px;
	line-height: 30px;
	width:90px;
	margin-top:10px
}
  
.product-number-info ul {
     overflow:hidden; padding-top:20px
}


.product-number-info li b {
    font-size: 40px;
	
}

.product-number-info li p {
    font-size: 14px; 
}



.product-number-info li b sup {
    
    font-size: 14px;

}

.xiaocms-page {margin:20px auto 30px auto;}
.xiaocms-page a,.xiaocms-page span{line-height:32px; font-size:14px; width:32px; height:32px; margin:0 3px;}



	  
  }
  
    @media only screen and (max-width:600px){
		
.gypic{ float:none; width:100%; overflow:hidden}
.gyzi{ float:none; width:100%;}

  .product-number-info li {
  	width:33%; border:0
}


	}

     
.pro{ width:100%; margin:40px auto; max-width:1350px;position:relative}
.pro .cpzs{ width:96%; max-width:1200px;  margin:0 auto}

.pro .cpzs .swiper-slide{padding:0; box-sizing:border-box; border-bottom:#d3d3d3 1px solid; position:relative;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}
.pro .cpzs .swiper-slide i { display:block;width:100%; padding-bottom:75%; position:relative; overflow:hidden; margin-bottom:10px;}
.pro .cpzs .swiper-slide i img{ position:absolute; left:0; top:0; width:100%; height:100%; display:block;
transition:all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;}

.pro .cpzs .swiper-slide:hover i img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);}

.pro .cpzs .swiper-slide:after{ content:""; width:0; height:3px; background:#01973d; position:absolute; bottom:-1px; left:0; transition:all 1s}
.pro .cpzs .swiper-slide:hover:after{ content:""; width:100%; height:3px; background:#01933b; position:absolute; bottom:-1px; left:0; transition:all 1s}

.pro .cpzs .swiper-slide p{ line-height:55px;  color:#333; position:relative; display:block; font-weight:bold; box-sizing:border-box; font-size:16px; background:url(../images/j1.png) right center no-repeat; transition:all 0.6s; background-size:24px auto; }
.pro .cpzs .swiper-slide:hover p{ color:#01933b; background:url(../images/j2.png) 96% center no-repeat; padding:0 10px; box-sizing:border-box;transition:all 0.6s}
.pro .cpzs .swiper-slide:hover { background:#fff;box-shadow: 0px 0px 10px rgba(195,195,195,0.55);transition:all 0.6s}

.pro   .swiper-button-next{width:50px; height:50px; background:url(../images/right.png) no-repeat; right:0; margin-top:-13px; background-size:50px 50px; -webkit-background-size:50px 50px; -moz-background-size:50px 50px; -ms-background-size:50px 50px; -o-background-size:50px 50px;}
.pro  .swiper-button-prev{width:50px; height:50px; background:url(../images/left.png) no-repeat; left:0; margin-top:-13px; background-size:50px 50px; -webkit-background-size:50px 50px; -moz-background-size:50px 50px; -ms-background-size:50px 50px; -o-background-size:50px 50px;}
	
	
	
	  
 
	
	
	
	
	
.bt2{ text-align:center; margin-bottom:80px; position:relative; height:30px; padding-top:20px;}
.bt2 h3{font-size:30px; color:#151515; font-weight:bold; z-index:1; position:relative }
.bt2 span{ position:absolute; color:rgba(60,60,60,0.1);left:0; font-size:50px; font-style:normal; top:0; z-index:0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-align:center; width:100%; }
.bt2 em{ display:block; width:40px; height:3px; background:#01973d; margin:5px auto;z-index:1; position:relative}


   @media only screen and (max-width:992px){
.bt2{ text-align:center; margin-bottom:20px; position:relative; height:auto; padding-top:0px;}
.bt2 h3{font-size:20px; color:#01973d; font-weight:bold; z-index:1; position:relative }
.bt2 span{ display:none; }
.pro{  margin:20px auto;}

.pro .cpzs .swiper-slide p{ font-size:14px}
.pro   .swiper-button-next{width:30px; height:30px;  background-size:30px 30px; -webkit-background-size:30px 30px; -moz-background-size:30px 30px; -ms-background-size:30px 30px; -o-background-size:30px 30px;}
.pro  .swiper-button-prev{width:30px; height:30px; background-size:30px 30px; -webkit-background-size:30px 30px; -moz-background-size:30px 30px; -ms-background-size:30px 30px; -o-background-size:30px 30px;}
	
	
	}
	
	
	
	

.youshi{ background:#01973d url(../images/bg1.png) top center no-repeat; background-attachment: fixed; background-attachment: fixed; background-size:cover; padding:40px 0; overflow:hidden}
.youshi .bt2 h3{ color:#fff;}
.youshi .bt2 em{ background:#fff}
   .ysnr{ width:96%; margin:0 auto; max-width:1200px;}
   
   .ysnr ul { position:relative; margin:0 -10px} 
  .ysnr ul li{ float:left; width:20%; padding:0 10px; box-sizing:border-box; margin-bottom:20px;}
  .ysnr ul li div{ width:100%; background:#fff; padding:20px 15px ; box-sizing:border-box; text-align:center}
   .ysnr ul li div i{ display:block; width:50%; max-width:100px; height:auto; margin:0 auto; margin-bottom:20px}
    .ysnr ul li div i img{ width:100%; height:auto}
	 .ysnr ul li div p{ display:block; font-size:14px; line-height:25px;}
	 
	
   @media only screen and (max-width:1200px){

.youshi{  padding:20px 0; overflow:hidden}


 .ysnr ul li div p{ display:block; height:75px}

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

 .ysnr ul li div p{ display:block; height:75px; font-size:12px; line-height:20px;}
   .ysnr ul { position:relative; margin:0 -5px} 
  .ysnr ul li{ float:left; width:20%; padding:0 5px; box-sizing:border-box; margin-bottom:10px;}
   .ysnr ul li div{  padding:10px ;}
    .ysnr ul li div i{ margin:0 auto}

	} 	

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

 .ysnr ul li div p{ display:block; height:auto; font-size:12px; line-height:20px;}
.ysnr ul li{ width:100%; margin-bottom:5px}
.ysnr ul li div i{ width:40px;}

	} 
	 
	 
	/*案例*/ 
 .anli{ width:100%; background:#f4f4f4; padding: 50px 0 50px 0;}
	 
	   .syal {
      width: 100%;
      height: 100%;
    }
   	   .syal  .swiper-slide {
      text-align: center;
     
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
	   opacity:0.5
    }
	.syal  .swiper-slide p{ font-size:16px; line-height:50px; display:none}
	
	
	  .syal  .swiper-slide .img{ width:100%; height:auto}
	   .syal  .swiper-slide .img img{ width:100%; height:auto}
	 .syal .swiper-slide-active,.syal .swiper-slide-duplicate-active{
      transform: scale(1); opacity:1
	}
	 
	 .syal .swiper-slide-active p{ display:block}
	 
 .syal  .swiper-button-next{width:78px; height:78px; background:url(../images/right2.png) no-repeat; right:30%; margin-top:-39px; background-size:78px 78px; -webkit-background-size:78px 78px; -moz-background-size:78px 78px; -ms-background-size:78px 78px; -o-background-size:78px 78px;}
 .syal  .swiper-button-prev{width:78px; height:78px; background:url(../images/left2.png) no-repeat; left:30%; margin-top:-39px; background-size:78px 78px; -webkit-background-size:78px 78px; -moz-background-size:78px 78px; -ms-background-size:78px 78px; -o-background-size:78px 78px;}
	
   @media only screen and (max-width:992px){
	   
.syal  .swiper-button-next{width:40px; height:40px;  right:10%; margin-top:-20px; background-size:40px 40px; -webkit-background-size:40px 40px; -moz-background-size:40px 40px; -ms-background-size:40px 40px; -o-background-size:40px 40px;}
 .syal  .swiper-button-prev{width:40px; height:40px; left:10%; margin-top:-20px;  background-size:40px 40px; -webkit-background-size:40px 40px; -moz-background-size:40px 40px; -ms-background-size:40px 40px; -o-background-size:40px 40px;}
	  
		.syal  .swiper-slide p{ font-size:14px; line-height:40px; display:none}  
	  
   }



 .dongtai{ width:96%; margin:0 auto; max-width:1200px;}
 .dongtai .left { width:49%; float:left;  }
.dongtai .left i{ display:block; width:100%; height:200px;overflow:hidden}
.dongtai .left i img{ width:100%; height:auto; transition:all 0.6s}
.dongtai .left i a:hover img{ transition:all 0.6s; transform:scale(1.1,1.1)}

.dongtai .left h5 a {font-size:16px;  color:#333; display:block;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; font-weight:normal; margin:15px 0  }
.dongtai .left .date span{ display:block; width:70px; border-right:#e8e8e8 1px solid; float:left; color:#888;font-family:"Helvetica"; font-size:16px }
.dongtai .left .date span em{ display:block; font-weight:bold; font-style:normal; color:#000; font-size:20px}
.dongtai .left  .date p { display:block; float:right; width:calc(100% - 90px) ; color:#666; text-align:left; line-height:24px;  font-size:14px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}

.dongtai .right { width:47%; float:right;}
.dongtai .right ul li { border-bottom:#e8e8e8 1px solid; padding:25px 0; overflow:hidden}

.dongtai .right ul li .rq { display:block; width:70px; float:left; color:#888;font-family:"Helvetica"; font-size:16px}
.dongtai .right ul li .rq em{ display:block; font-weight:bold; font-style:normal; color:#000; font-size:20px}

.dongtai .right ul li .wz { width:calc(100% - 90px) ; float:right; font-size:13px; color:#666; line-height:21px;  overflow:hidden;}
.dongtai .right ul li .wz h3{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:16px; color:#333; height:35px; text-align:left;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; font-weight:normal}
.dongtai .right ul li .wz p  {text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; font-size:12px; line-height:23px;  color:#666; }
.dongtai .right ul li .wz p a:hover { color:#1f6eb1;}
.dongtai .right ul li .wz span{ display:block; line-height:40px; color:#666; font-size:12px; text-align:left}


@media only screen and (max-width:992px){
	.dongtai .left { width:100%; float:none; overflow:hidden}
	.dongtai .right { width:100%; float:none; border-top:#e1e1e1 1px solid; margin-top:15px; padding-top:15px}
	
.dongtai .right ul li {  padding:15px 0; overflow:hidden}
.dongtai .right ul li .wz h3{ font-size:14px; line-height:25px; height:auto}
.dongtai .right ul li .wz {  font-size:12px; color:#666; line-height:21px;  overflow:hidden;}



}
	 
	 
	 
	 
	

.foot{ background:#464646;}
.foot1{ width:96%; max-width:1200px; margin:0 auto; padding:25px 0; overflow:hidden}
.dlogo{ float:left; border-right:#888 1px solid;  padding:20px 0; padding-right:30px; margin-right:30px}
.dlogo img{ height:110px; width:auto}



.lx{ float:left; }
.lx h3{display:block;  color:#fff; font-size:16px;  margin-bottom:15px; background:url(../images/line.jpg) bottom left no-repeat; padding-bottom:10px; }

.lx p{display:block; line-height:30px;color:#fff;font-size:14px}
.lx p em{ font-style:normal; padding-right:30px}


.erweima{ float:right; display:block; text-align:center; line-height:25px; color:#fff; }
.erweima ul li{ float:left; margin-left:20px; max-width:130px;}
.erweima img{ width:100%; height:auto}


.foot2{ background:#353535; padding:15px 0; line-height:25px; font-size:14px; text-align:center; color:#fff}

 
	@media only screen and (max-width:1200px){
		.dlogo{ display:none;}
		
		
	}
	
	
		@media only screen and (max-width:992px){
		
		.foot1{ padding:15px 0}
		.lx{ float:none; width:100%}
		.lx h3{ font-size:14px; }
		.lx p{display:block; line-height:23px;color:#fff;font-size:12px}
.lx p em{ font-style:normal; padding-right:30px}

		.erweima{ float:none; width:100%; text-align:center; margin-top:20px}
		.erweima ul li{ float:left; margin-left:0px; max-width:100px; margin-right:10px}
		
		.foot2{ font-size:12px; line-height:23px; padding:15px}
		
	}
	
	
	
	.nbanner{ width:100%; height:400px; overflow:hidden; font-size:0; position:relative}
	.nbanner img{ position:absolute; height:100%; width:auto; top:0; left:50%; transform:translateX(-50%)}
	
	
	.nbanner .wzmc{ position:absolute; z-index:9; top:40%; left:0; width:100%; font-weight:bold;color: #01973d; font-size: 36px; text-align:center}

.nbanner .weizhi{ position:absolute; width:100%; left:0; z-index:9; font-size:14px; color:#fff; bottom:0px; background:rgba(0,0,0,0.5); line-height:45px}
.nbanner .weizhi p{ display:block; width:96%; max-width:1200px; margin:0 auto}
.nbanner .weizhi p a{ color:#fff}
	
	
.guide{ border-bottom: 1px solid #dddddd;background-color: #fff; overflow:hidden}
.guide dd{float: left;font-size: 16px;}
.guide dd a{float: left; margin-right: 60px;padding:20px 0;position: relative; color:#333}
.guide dd a:after{display:block; content:''; position:absolute; left:25%; width:50%;opacity: 0; height:3px; background-color:#01973d; bottom:-1px;transition: .4s; z-index:2}
.guide dd a.on:after,.guide dd a:hover:after{opacity: 1;left: 0;width: 100%; color:#01973d}
.guide dd a:last-of-type{margin-right: 0;}
.guide dd.guide_pro{float: none;/*display:flex;justify-content: space-between;*/}
.guide dd.guide_pro a{margin: 0; display:block; padding:20px; margin-right:20px}

.nmain{ width:96%; margin:0px auto; max-width:1200px;  padding:0; box-sizing:border-box}
.nmain2{ width:96%; margin:0px auto; max-width:1200px;  padding:0; box-sizing:border-box}


.about_company{display: flex; justify-content: space-between; align-items: center; margin-top:30px; margin-bottom:60px; overflow:hidden}
.about_company .text{width:calc(50% - 30px);}
.about_company .text .title{display: flex;flex-direction: column;color: #000; margin-bottom:15px; line-height:30px;}
.about_company .text .title span:last-of-type{color: #01973d;font-weight: normal;font-size: 20px;}
.about_company .text .title span{ font-size:25px}
.about_company .text .title:after{display: block; content: '';width: 120px; height: 1px; background-color: #01973d;margin-top: 5px;}
.about_company p{ display:block; font-size:16px; line-height:35px}
.about_company .img{width:calc(50% - 30px)}
.about_company .img img{display: block; width: 100%;}


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

.about_company{margin-top:20px;padding: 0 14px; flex-direction: column-reverse; margin-bottom:20px}
.about_company .text{width:100%; padding-right:0;margin-top:20px;}
.about_company .text .title span{ font-size:20px; line-height:25px}
.about_company .text .title{font-size: 14px!important;}
.about_company .text .title span:last-of-type{font-size: 14px;}
.about_company .img{width:100%;}

.about_company p{ display:block; font-size:14px; line-height:25px}
.guide dd{float: left;font-size: 14px;}
.guide dd.guide_pro{float: none;display:flex;justify-content: space-between;}
.guide dd.guide_pro a{margin: 0; display:block; padding:10px 0; margin-right:0px}


	
	.nbanner{ height:240px; }
	.nbanner .wzmc{  font-size: 20px; text-align:center}
.nbanner .weizhi{font-size:12px; line-height:30px}

}


@media only screen and (max-width:600px){		
		.nbanner{ height:160px; }
	}
	
	
	
	.cplb ul {
	position: relative;
	margin: 15px -15px;
}
.cplb ul li {
	float: left;
	width: 33.33%;
	padding:0 15px;
	box-sizing: border-box;
	margin-bottom:15px
	
}
.cplb ul li div {
	
	transition: all 0.6s;
	
}
.cplb ul li div i {
	display: block;
	width: 100%;
	padding-bottom:66.666%;
	position:relative;
	overflow:hidden;


}
.cplb ul li div i img {
	width: 100%;
	height: 100%;
	position:absolute;
	left:0;
	top:0;
	transition: all 0.6s
}
.cplb ul li:hover div {

	transition: all 0.6s
}
.cplb ul li:hover div i img {
	transform: scale(1.1, 1.1);
	transition: all 0.6s
}
.cplb ul li:hover a div p {
	background:#01973d; color:#fff;transition: all 0.6s
	
}
.cplb ul li div p {
	display: block;
    margin: 5px 0;
	font-size: 16px;
	line-height: 45px;
	height:45px;
	overflow:hidden;
	position: relative;
	background:#fff;
	border:#e1e1e1 1px solid; 
	box-sizing:border-box;
	text-align:center;transition: all 0.6s
	
}
	
	.dbt{ display:block; text-align:center; font-size:30px; font-weight:normal; margin-bottom:30px; color:#333; border-bottom:#e1e1e1 1px dashed; padding-bottom:20px; font-weight:bold}
	.dtail{ width:96%; margin:0 auto; max-width:1200px; background:#fff; padding:50px; box-sizing:border-box}
	.xqjs{ font-size:14px; line-height:30px; color:#666}
	.xqjs  h1{ display:block; border-left:#01973d 5px solid; font-size:20px; font-weight:bold; padding-left:10px; margin:15px 0; color:#333}
	.xqjs img{ max-width:100%; height:auto}
	
	
	@media only screen and (max-width:992px){		
	
	.nmain{ margin:20px auto}
			.cplb ul {
	position: relative;
	margin: 0px -5px;
}
		
		.cplb ul li {
	float: left;
	width: 50%;
	padding:0 5px;
	box-sizing: border-box;
	margin-bottom:10px
	
}
		
		.cplb ul li div p{ font-size:14px; line-height:25px}
		
		
		.dbt{  font-size:20px; padding-bottom:10px; margin-bottom:20px}
	.dtail{  padding:15px; box-sizing:border-box}
	.xqjs{ font-size:12px; line-height:23px; color:#666}
	.xqjs  h1{ font-size:16px}

		
		
	}
	
	#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%;   }
#mbCenter.mbLoading {  -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:block;color:#fff; font-weight:bold; line-height:20px; font-size:14px; text-align:center; text-align:center; width:100% }
#mbNumber { display:none; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { display:block; position:fixed; left:15px; top:50%; }
#mbPrevLink:before{font-family: 'FontAwesome'; content: "\f104";font-size:20px; background:#333; color:#fff; padding:15px}
#mbNextLink { isplay:block; position:fixed; right:15px; top:50%; }
#mbNextLink:before{font-family: 'FontAwesome'; content: "\f105";font-size:20px; background:#333; color:#fff; padding:15px}

#mbCloseLink { position:fixed; right:15px; top:25px; }
#mbCloseLink:before{ font-family: 'FontAwesome'; content: "\f00d"; font-size:20px; background:#333; color:#fff; padding:15px}



#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }


.mod_gallerylist{width:100%;  overflow:hidden}
.mod_gallerylist ul{margin:0 -15px; position:relative;}

.mod_gallerylist ul li{float:left; width:25%; padding:0 15px; box-sizing:border-box; margin-bottom:15px;}
.mod_gallerylist ul li .image_container{ width:100%; border:#e1e1e1 1px solid; background:#fff; padding-bottom:80%; position:relative; box-sizing:border-box}
.mod_gallerylist ul li .image_container img{ position:absolute; max-width:100%; max-height:100%; top:50%; left:50%;  transform:translate(-50%,-50%)}
.mod_gallerylist ul li .meta a{color:#333; text-decoration:none; line-height:50px; font-size:14px}
.mod_gallerylist ul li .meta{font-size:12px; text-align:center;}


@media only screen and (max-width:992px){
.mod_gallerylist ul li{float:left; width:50%; padding:0 15px; box-sizing:border-box; margin-bottom:15px;}


}



.ying ul{ position:relative; margin:0 -10px}
	 .ying ul li{ float:left; width:33.33%; padding:0 10px; box-sizing:border-box; margin-bottom:10px;}
	 .ying ul li .yingpic{ display:block; width:100%; padding-bottom:66.66%; position:relative; overflow:hidden}
	 .ying ul li .yingpic img{ position:absolute; width:100%; height:100%; top:0; left:0; transition:all 0.6s}
	 .ying ul li .yingpic a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
	
	 .ying ul li .yingzi{ padding:15px 0}
	 .ying ul li .yingzi h3{ font-size:20px; font-weight:bold; text-transform:uppercase }
	 .ying ul li .yingzi p{ display:block; margin:10px 0; font-size:14px; line-height:25px; height:50px; overflow:hidden; color:#666}
	 .ying ul li .yingzi span a { display:block; border:#01973d 1px solid; width:100px; text-align:center; color:#01973d; line-height:30px; font-size:12px; transition:all 0.6s}
	 .ying ul li .yingzi span a:hover{ background:#01973d; color:#fff;transition:all 0.6s}
	
	
		@media only screen and (max-width:992px){
.ying ul li{  width:50%;}
.ying ul li .yingzi h3{ font-size:16px; }
 .ying ul li .yingzi p{  font-size:12px; line-height:22px; height:44px;}
		
	}
	
			@media only screen and (max-width:600px){
.ying ul li{  width:100%;}

		
	}
	
	
	
	
.xinwen{ margin:40px auto }
.xinwen ul li { border-bottom:#ebebeb 1px solid; padding:20px 0;  position:relative; overflow:hidden}

.xinwen ul li i{ display:block; float:left; width:240px; height:auto; overflow:hidden}
.xinwen ul li i img{ width:100%; height:100%; transition:all 0.6s}
.xinwen ul li:hover i img{ transform:scale(1.1,1.1); transition:all 0.6s}

.xinwen ul li .xwzi{ float:right; width:calc(100% - 400px)  }
.xinwen ul li  h3{ display:block; font-size:20px; color:#333; margin-bottom:15px; font-weight:normal; font-weight:bold}
.xinwen ul li p{ display:block; color:#787878; font-size:14px; line-height:25px; max-height:75px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow:hidden }

.xinwen ul li span{ line-height:30px; float:right; width:100px}
.xinwen ul li  .date2{ display:block; float:left; width:120px; float:left; color:#888;font-family:"Helvetica"; font-size:23px}

.xinwen ul li  .date2 em{ display:block; font-weight:bold; font-style:normal; color:#000; font-size:30px}


.xinwen ul li a{ display:block}

.xinwen ul li a:hover h3{ color:#01973d}


	
@media only screen and (max-width:992px){
	
.xinwen{ margin:20px auto }	
.xinwen ul li  .date2{ position:absolute; bottom:20px; left:220px; font-size:12px}
.xinwen ul li  .date2{ font-size:16px;}
.xinwen ul li  .date2 em{ font-size:14px; display:inline-block; padding-right:5px}

.xinwen ul li { padding-bottom:30px;}
.xinwen ul li .xwzi{ float:right; width:calc(100% - 220px)  }	
.xinwen ul li i{  width:200px;  overflow:hidden}
.xinwen ul li  h3{  font-size:14px; margin-bottom:5px}
.xinwen ul li p{  font-size:12px; line-height:20px; max-height:40px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden }
.xinwen ul li span{ display:none}
	}
	

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

.xinwen ul li i{ display:block; float:none; width:100%; height:auto; overflow:hidden}


.xinwen ul li .xwzi{ float:none; width:100%  }
.xinwen ul li  h3{ font-size:14px; margin-bottom:10px; margin-top:10px;}
.xinwen ul li p{ font-size:12px; line-height:20px; height:40px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden }
.xinwen ul li  .date2{ position:absolute; bottom:5px; left:0px; font-size:12px}


	}
	
	
	
	
		/*联系*/
	
.lianxi{ margin:40px auto; overflow:hidden}
.lx1{ float:left; width:45%;}
.lx1 h3{ font-size:25px; display:block; margin:25px 0; font-weight:bold; color:#01973d}
.lx1 p{ display:block; margin-bottom:20px; font-size:16px;   position:relative; overflow:hidden}
.lx1 p i{ width:40px; font-size:20px; text-align:center; line-height:25px; color:#01973d; font-style:normal; display:block; float:left}
.lx1 p em{ font-style:normal; display:block; float:right; width:calc(100% - 50px); line-height:25px }
#dituContent{ height:350px}

.lx2{ width:50%; float:right}
.lx3{ margin-top:50px}
.lx3 h3{ display:block; border-left:#01973d 5px solid; color:#333; font-weight:normal; padding-left:5px; margin:15px 0; font-size:23px}
.lx3 ul li{ border-top:#e1e1e1 1px solid; padding:20px 0}
.lx3 ul li p{ display:block; font-size:16px; line-height:30px; color:#666}



@media only screen and (max-width:992px){
	.lianxi{ margin:20px auto; overflow:hidden}
	
	.lx1{ float:none; width:100%;}
	.lx2{ width:100%; float:none}
	#dituContent{ height:200px}
	
	.lx1 h3{ font-size:20px; display:block; margin:25px 0; font-weight:bold; color:#01973d}
.lx1 p{ display:block; margin-bottom:10px; font-size:12px;   position:relative; overflow:hidden}
.lx1 p i{ width:30px;  font-size:16px; }
.lx1 p em{ width:calc(100% - 35px); }

.lx3{ margin-top:20px}
.lx3 h3{  font-size:16px}
.lx3 ul li{ border-top:#e1e1e1 1px solid; padding:10px 0}
.lx3 ul li p{ display:block; font-size:12px; line-height:23px}


	
}

.liuyan{ overflow:hidden; border:#f8f8f8 10px solid; padding:50px; margin:40px auto; box-sizing:border-box}

.liuyan ul li{ margin-bottom:15px; overflow:hidden}
.liuyan ul li p{ display:block; float:left; width:48%; margin-right:4%}
.liuyan ul li p:nth-child(2n){margin-right:0; }

.liuyan ul li em{ display:block;  font-size:16px; font-style:normal; line-height:40px}
.bd1{ width:100%; padding-left:10px; box-sizing:border-box; border:#e1e1e1 1px solid; height:35px; line-height:35px}
.liu{ width:100%; border:#e1e1e1 1px solid; box-sizing:border-box; padding:10px; line-height:25px; height:150px}
.tijiao{ float:right; background:#01973d; width:145px; line-height:45px; color:#fff; text-align:center; border:0; border-radius:5px; color:#fff; font-size:14px; font-weight:bold; cursor:pointer}


@media only screen and (max-width:992px){
	
	.liuyan{ overflow:hidden; border:#f8f8f8 5px solid; padding:15px; box-sizing:border-box;margin:20px auto;}
	
	.liuyan ul li p{ display:block; float:none; width:100%; margin-right:0}
	.liuyan ul li em{ font-size:14px}
	
.liuyan ul li p:nth-child(2n){margin-right:0; }

.liu{ height:100px}
.tijiao{ width:120px; line-height:30px}

	}