/* 预制颜色 */
.bg-col-1{ background:#fff;}

/*=====================

       顶部 

====================*/
.navbar-default{ background:#f6f6f6;}
.navbar-nav>li>.dropdown-menu{ background:#212121; filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;}
.navbar-nav>li>.dropdown-menu{width:auto; left:auto;}

.dropdown-menu{ margin:0 auto; }
.dropdown-menu>li{ float:left;}
.dropdown-menu>li>a { clear:both; line-height:25px;}
.dropdown-menu>li>a img{ float:left; margin-right:10px;}

.banner{} 
  @media (max-width:768px){
	.banner{height:250px; background-size:cover;}
	.banner img{ display:none;}  
  }

/********* 预制面包屑导航样式 开始 *************/
.ur-here{ margin:15px auto; padding:15px 0; font-size:16px; border-bottom:1px #f2f2f2 solid;}
.ur-here a{color:#333;}
.ur-here a:hover{ color:#f7941d;}
.ur-here a:last-child{ color:#f7941d;} 
.ur-here > .fa-home{font-size:22px;  color:#333}

.fa{ margin-right:6px;}
/*=====================

       轮播图 

====================*/
.slideBox{ position:relative;}
.slideBox .hd{ width:100%; z-index:999; position:absolute; left:0; bottom:15px;text-align:center; display:none; }
.slideBox .hd ul{ text-align:center; margin:0 auto;}
.slideBox .hd ul li{ width:12px; height:12px; border-radius:50%; background:#eee; margin-right:10px; display:inline-block; cursor:pointer;}
.slideBox .hd ul li:hover,.slideBox .hd ul li.on{ background:#f3990f;}
.slideBox .bds{ z-index:1;}
.slideBox .bds ul{}
.slideBox .bds ul li{ }
.slideBox .bds ul li img{ width:100%;}
.slideBox a.prev,.slideBox a.next{ display:none; width:40px; height:40px; background:rgba(0,0,0,.2); color:#fff; position:absolute; top:50%; font-size:26px; line-height:40px; margin-top:-20px;text-align:center;}
.slideBox a.prev{ left:0;}
.slideBox a.next{ right:0;}
.slideBox a.prev:hover,.slideBox a.next:hover{ background:rgba(0,0,0,.8);}
.slideBox:hover .hd{ display:block;}
.slideBox:hover a.prev,.slideBox:hover a.next{ display:block;}
.focus{ display:none;}

/*=====================

       内容页

====================*/
.inde-one{ padding:25px 0 40px 0;}
.inde-one ul{}
.inde-one ul li{ cursor:pointer; text-align:center; transition:all ease 2s; -moz-transition:all ease 2s; -o-transition:all ease 2s; -webkit-transition:all ease 2s;}
.inde-one ul li img{ margin:0 auto; max-width:100%;animation: anim 1s 1;-webkit-animation:anim 1s 1; border-radius:50%;}
.pro-infos .fa{ color:#05ce3e;}
 @keyframes anim {
	 0%{ transform:rotate(0deg);}
	 25%{ transform:rotate(90deg);}
	 50%{  transform:rotate(180deg);}
	 75%{  transform:rotate(270deg);}
	 100%{  transform:rotate(360deg);}
	 }  
@-webkit-keyframes anim {
	  0%{ transform:rotate(0deg);}
	 25%{ transform:rotate(90deg);}
	 50%{  transform:rotate(180deg);}
	 75%{  transform:rotate(270deg);}
	 100%{  transform:rotate(360deg);}
	 }  

.inde-one ul li img.img1{ display:block;}
.inde-one ul li img.img2{ display:none;}
.inde-one ul li:hover img.img1{ display:none;}
.inde-one ul li:hover img.img2{ display:block;}
.inde-one ul li h2{ font-size:22px; line-height:28px; margin-top:4px; margin-bottom:20px;}
.inde-one ul li h2 a{ color:#333;}
.inde-one ul li:hover h2 a{ color:#f3990f;}
.inde-one ul li p{ font-size:12px; color:#4d4d4d; line-height:18px; text-align:left;}

.inde-two{ padding:40px 0;}
.inde-two h2{ font-size:26px; line-height:32px; color:#0171bd; font-weight:normal; text-align:center; margin-bottom:30px;}
.inde-two h2 span{ display:block; font-size:14px; line-height:20px;}
.inde-two ul{ clear:both;}
.inde-two ul li{ padding-right:6px; margin-bottom:6px; width:16.6%; display:block; float:left;}
.inde-two ul li:nth-child(1),.inde-two ul li:nth-child(7),.inde-two ul li:nth-child(4){ width:32.3%;}
.inde-two ul li img{ width:100%;}
.inde-two h3{ margin-top:12px;text-align:center;font-size:12px; line-height:20px; }
.inde-two h3 a{ color:#015b35; }


.inde-three{ padding:40px 0;}
.inde-three h2{ font-size:26px; line-height:32px; color:#0171bd; font-weight:normal; text-align:center; margin-bottom:30px;}
.inde-three h2 span{ display:block; font-size:14px; line-height:20px;}
.inde-three .inthL{ width:55%; padding-right:10px; float:left;}
.inde-three .inthL img{ width:100%;}
.inde-three .inthR{ width:45%; padding-left:10px; float:left;}
.twlist{ padding-top:11px;}
.twlist li{ margin-top:15px;}
.twlist li .picbox{ width:30%; float:left; padding-right:10px;}
.twlist li .picbox img{ width:100%;}
.twlist li .good{ width:70%; float:left; padding-left:10px;}
.twlist li .good h3{ font-size:16px; line-height:20px; margin-bottom:10px;}
.twlist li .good h3 a{ color:#000;}
.twlist li .good h3 a:hover{ color:#116a4c;}
.twlist li .good p{ font-size:12px; line-height:20px; color:#4e4e4e;}
 
/*公司介绍内容页*/
.gsjs{ clear:both; margin:0 0 40px 0;}
.gsjs h2{width:203px; line-height:40px; height:40px; color:#fff; font-size:22px; background:#015b35; text-align:center; margin:0;}
.gsjs .content{border:1px #e9e9e9 solid; margin-top:-1px; padding:16px 32px;background:#fff;}
.gsjs .content.content1{padding:32px;}
.gsjs .content h3{ font-size:22px; line-height:52px;  color:#015b35; font-weight:600; border-bottom:2px #f3990f solid; text-align:center; max-width:577px; margin:0 auto 20px;}
.gsjs .content p{ font-size:14px; line-height:24px; color:#555;}
.gsjs ul.gsfc{}
.gsjs ul.gsfc li{ text-align:center; margin-top:30px;}
.gsjs ul.gsfc li img{ margin:0 auto;}
@media(max-width:767px){
	.gsjs{padding:0; overflow:hidden; }
	.gsjs .content{ padding:16px 6px;}
} 
 /* 产品内容页 */
.pro-infos{ font-size:16px;}
.pro-infos h1{color:#333; font-size:2.9rem; padding-bottom:15px; margin-bottom:20px; margin-top:20px; border-bottom:1px #ccc solid;}
.pro-infos p{ margin-bottom:15px;}
.pro-infos .phone{font-size:25px; color:#f3990f;}
.pro-infos{}
/* 新闻内容页 */  
.new-cont{ padding:20px 15px 30px;}
.new-cont h1{font-size:22px; line-height:52px;  color:#015b35; font-weight:600; border-bottom:2px #f3990f solid; text-align:center; max-width:577px; margin:0 auto 20px;}
 @media(max-width:767px){
	.new-cont{ padding:0 0 30px 0;}
} 
 
/* 特推 */
.tetui{width:1369px; padding:40px 0; margin:0 auto;}
.tetui .text,.tetui .pic,.tetui .peitu{ float:left;}

.tetui .text{ width:30%; padding:5% 3%; float:left;}
.tetui .pic{ width:32%; float:right;}
.tetui .peitu{width:38%; float:right;} 
.tetui{}
.tetui{}
.tetui{}
@media(max-width:767px){
	.tetui,.tetui .text,.tetui .pic{width:100%;  padding:20px 0; float:none;}
	.tetui .text,.tetui .pic{ padding:0 60px;}
	.tetui .text img{ display:block; margin:0 auto; width:80%;}
	
}

/* 特荐 */ 
.luodada{width:1369px; margin:0 auto; background:url(../images/luodada.jpg) center top no-repeat; background-size:cover;}
.luodada .yu-item{ margin:30px auto; width:25%;}
.luodada .yu-item .pic img{  }
.luodada .yu-item .desc{  color:#fff; font-size:16px; padding:0 15px;}
.luodada .yu-item .btn-more { margin: 15px auto;}
.luodada .yu-item .btn-more img{width:130px;}
@media(max-width:767px){
	.luodada .yu-item{width:99%;} 
	.luodada{width:100%;}
	.luodada .yu-item .pic img{ width:65%; }
	.luodada .yu-item .desc{ padding:20px 60px;}
} 

/* 产品列表页 */
.gds-list{ }
.gds-list .item{ margin:7.5px -7.5px; position:relative; background:url(../images/p-bg.jpg) no-repeat; background-size:cover;}
.gds-list .item a{ display:block; background:url(../images/i-bg.png) center bottom repeat;}
.gds-list .item .pro-name{ position:absolute; bottom:32px; color:#fff; font-size:16px; text-align:center; width:100%;}
.gds-list {}
.gds-list{}
.gds-list{}
.gds-list{}
.gds-list{}




/*=====================

       底部 

====================*/ 
footer{ padding:30px 0; background:#212121; color:#999;}
footer .foot-one{ clear:both; color:#fff; margin-bottom:20px;}
footer .foot-one h2{ font-size:17px; line-height:20px;  margin-bottom:20px;}
footer .foot-one p{ color:#999; font-size:12px; line-height:1.8;}
footer .foot-one .foonL{ padding-right:40px;}
footer .foot-one .foonL h2{ background:url(../images/F1.png) left center no-repeat;padding:17px 0 0 44px; }
footer .foot-one .foonC{ }
footer .foot-one .foonC h2{background:url(../images/F2.png) left center no-repeat; padding:0 0 0 54px; line-height:37px; }
footer .foot-one .foonC p{}
footer .foot-one .foonR{}
footer .foot-one .foonR h2{background:url(../images/F3.png) left center no-repeat;padding:17px 0 0 34px;}
footer .foot-one .foonR ul{}
footer .foot-one .foonR ul li{ line-height:32px; padding-left:35px; margin-bottom:10px;}
footer .foot-one .foonR ul li:nth-child(1){ background:url(../images/F4.png) left center no-repeat;}
footer .foot-one .foonR ul li:nth-child(2){ background:url(../images/F5.png) left center no-repeat;}
footer .foot-one .foonR ul li:nth-child(3){ background:url(../images/F6.png) left center no-repeat;}
footer .foot-one .foonR ul li a{ color:#7e7a79;}
footer .foot-one .foonR ul li a span{ padding:0 20px;}
footer .foot-one .foonR ul li a:hover{color:#f7941d;}
footer .foot-two{ text-align:center; font-size:14px; line-height:26px;}
footer .foot-two img{ margin:10px auto 0px; max-width:100%;}
footer .foot-two .fotw { margin:3px 0; }
footer a{ color:#999;  padding:0 5px; display:inline-block;}
footer a:hover{color:#f7941d;}
footer .foot-two .copyright{  }
.foonL,.foonR,.foonC,.Fallow{ margin-bottom:20px;}

/* 导航条 */
.navbar-default,.navbar-brand{padding:2px 0;} 
.navbar-default .navbar-nav > li > a{font-size:18px;}
.navbar-nav {float: left; margin: 30px 0 10px 80px;}
@media(max-width:767px){
	.navbar-nav{ float:none; margin:0 auto;}
	.navbar-nav .open .dropdown-menu { margin-bottom:25px;}
	.navbar-nav .open .dropdown-menu li{}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff;}
}










.pc{ display:block !important;}
.mobile{ display:none !important;}
 
 
 
.bg21{ background:url(../image/bg21.png) center top no-repeat;}
 



@media (max-width:767px) {
.pc{ display:none !important; }
.mobile{ display:block !important;}
  .navbar-default .navbar-header .navbar-brand .logo{height:35px !important;} 
  .navbar-toggle{ margin-top:0;}
  
  
  
  .inde-one ul li{ margin-bottom:20px;}
  .inde-three .inthL{ display:none;}
  .inde-three .inthR{ width:100%; float:none; padding:0;} 
   .focus{ display:block;}
   .focus .hd ul li{ display:none; }
   .navbar-nav > li > a{ padding-left:10px; padding-right:10px; text-align:center;border-bottom:1px #666 solid;}
   .dropdown-menu{ text-align:left; padding-left:15px;}
   
   .dropdown-menu>li>a { color:#fff;}
   .dropdown-menu>li>a img{ display:none;} 
   .foonL,.fotw{ display:none;}
   .support{ display:block;}
}
@media (max-width:500px) {
  .inde-two ul li{ padding-right:6px; margin-bottom:6px; width:50%; }
  .inde-two ul li:nth-child(1),.inde-two ul li:nth-child(7),.inde-two ul li:nth-child(4){ width:100%;}
}
@media (max-width:440px) {
 .inde-one ul li{ width:100%;}
 .twlist li{ margin-bottom:20px;}
 .twlist li .picbox{ width:100%; padding:0; margin-bottom:10px; float:none;}
 .twlist li .good{ width:100%; padding:0; float:none;}  
}
@media (min-width:768px) and (max-width:991px) {
.nav > li > a{ padding:0 27px;}
.nav-tabs > li > a{ padding:10px 27px;}
.inde-three .inthL{ display:none;}
.inde-three .inthR{ width:100%; float:none; padding:0;}
footer .foot-one .foonL{ padding-right:15px;}
}
@media (min-width:992px) and (max-width:1199px) {
	.twlist{ padding-top:5px;}
	.twlist li{ margin-top:3px;}
}



.pagelist-1{ padding:10px 0; text-align:left; margin:0 0 30px 0}
.pagelist-1 a,.pagelist-1 span{ padding:5px 10px; border-radius:4px; transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; -o-transition:all ease .5s; -webkit-transition:all ease .5s; background:#fff; color:#f7941d; margin:0 6px 6px 0;}
.pagelist-1 span,.pagelist-1 a:hover{ background:#f7941d; color:#fff;}
.pagelist-1 a.a2{ display:none;}
.pagelist-1.pagelist{margin:15px 0 30px -8px;}