@charset "utf-8";
/* CSS Document */

html {height: 100%;}
body {
	font-family:"微软雅黑"; 
	font-size:14px; 
	color:#333; 
	line-height:24px; 
	color: #333;
	background-color: #fff;
	overflow-x: hidden;
	
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,em,dt,form,fieldset,blockquote,p,body,span{margin:0;padding:0; font-size:100%; font-family:inherit; list-style:none; font-weight: normal; font-style: normal;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#555555;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}


a {color: #333;text-decoration: none;transition: all .2s ease-in-out;}
a:hover {color: #0d8108; text-decoration: none;}
a:active,a:focus {outline: 0;color: #0d8108; text-decoration: none;}
img {border:0; vertical-align: middle;}

.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;} 
.clearfix { zoom:1;}

.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.fl{ float:left;}
.fr{ float: right;}

header{width:100%;position: relative;z-index: 10; height: 120px;}
.logo{float: left;width: 260px;margin: 32px 0;}
.logo img{display: block;max-width: 100%;}

.header-center{ border-left: 1px solid #dedede; color: #363636; margin: 30px 0; margin-left: 15px; padding-left: 15px;}
.header-center span{font-size: 24px;font-weight: bold;}
.header-center small{display: block; font-size: 18px;}
.header-right{float: right; margin: 24px 0;}
.header-right i{float: left; font-size: 50px; color: #0d8108;}
.header-right span{font-size: 18px;float: left;padding: 8px 0 0 10px;}
.header-right span p{font-size: 22px; font-weight: bold;}

.welcome{ height: 40px; line-height: 40px; background:#f3f3f3; border-bottom: 1px solid #E7E7E7;}
.welcome span{ float: left; color: #666;}
.welcome p{ float: right;color: #666;}
.welcome p a{color: #666;}
.welcome p a:hover{color: #0d8108;}

/*BANNER*/
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;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;
}
.swiper-slide img{max-width: 100%;}

.home-bt{overflow: hidden;  text-align: center;margin: 30px 0; }
.home-bt span{color: #0d8108; font-size: 30px; line-height: 50px; padding-bottom: 28px; margin-bottom: 10px; font-weight: bold;}
.home-bt span b{color: #333; }
.home-bt small{display: block;font-size: 16px; line-height: 36px; color: #666;}

@media(max-width:768px){
    .home-bt span{font-size: 22px;}
    .home-bt small{font-size: 14px;}
   
}

/*图片列表展示*/
.picbg{background: url(../images/probg.jpg) no-repeat center bottom; padding-bottom: 40px;}
.pic{overflow: hidden;}
.pic ul{margin: 0;overflow: hidden; }
.pic ul li{ float:left; margin-bottom: 30px;}
.pic ul li .list-img{border:1px solid #e7e7e7;height:220px; position: relative;overflow: hidden; background: #FFF; }
.pic ul li .list-img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0; transition: all 0.6s;}
.pic ul li .list-img img:hover{transform:scale(1.2);}
.pic ul li h2{font-size: 15px; text-align: center; padding: 15px 0; background: #FFF;}

@media(max-width:1599px){
    .pic ul li .list-img{height: 220px;}
}

@media(max-width:1400px){
	.pic ul li{margin-bottom: 20px;}
    .pic ul li .list-img{height: 220px;}
}

@media(max-width:1200px){
    .pic ul li .list-img{height: 200px;}
}

@media(max-width:991px){
    
    .pic ul li .list-img{height: 180px;}
}

@media(max-width:768px){
	.pic{margin-right: -15px;margin-left: -15px;}
    .pic ul li{margin-bottom: 15px;}

    .pic ul li .list-img{height: 130px;}
    .pic ul li h2{font-size: 13px;}
   
}

/*首页滚动图片*/
.owl-stage-outer{overflow: hidden;}
.home-casebg{background: #f3f3f3;}
.item{padding: 12px; border: 1px solid #f3f3f3; background: #FFF; cursor: pointer;}
.item:hover{ border: 1px solid #0d8108;}
.item span{ text-align: center; display: block;line-height: 40px; font-size: 14px;}
.item img{max-width: 100%;}

.item1{ background: #FFF; cursor: pointer;}
.item1 span{ text-align: center; display: block;line-height: 40px; font-size: 14px;}
.item1 img{max-width: 100%;}


.ad{overflow: hidden; background: url(../images/youshi-bt.jpg) no-repeat center left; height: 248px; text-align: right;}
.ad .text{overflow: hidden; color: #FFF;margin: 38px 0;}
.ad .text span{font-weight: bold; font-size: 48px; line-height: 80px;}
.ad .text small{display: block; font-size: 28px;padding: 4px 0;color: #FFF; }


@media(max-width:991px){
	.ad .text span{font-size: 40px;}
}

@media(max-width:768px){
	.ad{background: url(../images/youshi-bt.jpg) no-repeat center right; height: auto;}
	.ad .text{margin: 10px 0;}
	.ad .text span{font-size: 20px; line-height: 40px;}
	.ad .text small{font-size: 16px;}
}


/*首页三大优势*/
.youshi{overflow: hidden; background: url(../images/youshi.jpg) no-repeat center top;}
.ys01{overflow: hidden;padding: 30px 0;}
.ys01 img{max-width: 100%;}
.ys01 .ys-text{overflow: hidden; margin-top: 50px;}
.ys01 .ys-text span{float: left; color: #FFF; font-size: 32px; width: 550px; font-weight: bold;background: url(../images/ys-bt.jpg) no-repeat left; height: 98px; padding-left: 40px; padding-top: 6px;}
.ys01 .ys-text span em{display: block; text-transform: uppercase; font-weight: normal; font-size: 12px; line-height: 10px;}
.ys01 .ys-text p{display: block; font-size: 16px; line-height: 30px; clear: both;padding: 20px 0; color: #666; padding-left: 40px;}

.ys02{padding: 30px 0;}
.ys02 img{max-width: 100%;}
.ys02 .ys-text{overflow: hidden; margin-top: 50px;}
.ys02 .ys-text span{float: left; color: #FFF; font-size: 32px; width: 550px; font-weight: bold;background: url(../images/ys-bt.jpg) no-repeat left; height: 98px; padding-left: 40px; padding-top: 6px;}
.ys02 .ys-text span em{display: block; text-transform: uppercase; font-weight: normal; font-size: 11px; line-height: 10px; }
.ys02 .ys-text p{display: block; font-size: 16px; line-height: 30px; clear: both;padding: 20px 0; color: #666;padding-left: 40px;}




@media(max-width:991px){


}

@media(max-width:768px){

   .ys01 .ys-text{margin-top: 0;}
   .ys01 .ys-text span{ width: 100%;}
   .ys02{padding: 0;}
}



/*首页合作伙伴*/
.home-hezuobg{overflow: hidden; background: url(../images/hezuobg.jpg) no-repeat center top;}
.home-hezuobt{overflow: hidden;  text-align: center;margin: 30px 0; }
.home-hezuobt span{color: #FFF; font-size: 30px; line-height: 50px; padding-bottom: 28px; margin-bottom: 10px; font-weight: bold;}
.home-hezuobt small{display: block;font-size: 16px; line-height: 36px; color: #FFF;}

@media(max-width:768px){
    .home-hezuobt span{font-size: 22px;}
    .home-hezuobt small{font-size: 14px;}
   
}


/*首页关于我们*/
.home-aboutbg{overflow: hidden; background: url(../images/aboutbg.png) no-repeat center top;padding: 50px 0;}
.home-about{overflow: hidden;}
.home-about h2{ border-bottom: 1px solid #E7E7E7; padding-bottom: 15px; margin-bottom: 15px; font-weight: bold; color: #0d8108; line-height: 30px; font-size: 18px;}
.home-about h2 em{display: block; color: #333; font-size: 30px; font-weight: bold;} 
.home-about p{line-height: 26px; font-size: 14px; color: #666;}
.home-about .more{ width: 130px; height: 40px; line-height: 40px; text-align: center;  margin: 0 auto; float: left; margin-top: 30px; border-radius: 30px; border: 1px solid #053e95;}
.aboutline{padding:40px 20px; border: 1px solid #E7E7E7;background: #FFF;}
.home-aboutbg img{max-width: 100%;}

.home-about-ico{ overflow: hidden;padding: 3px 0; }
.home-about-ico ul li{color: #323232;background: #fff;text-align: center;border-left: #eae9ed 1px solid;position: relative; cursor: pointer; margin-top: 10px;}
.home-about-ico ul li em{display: block;width: 85px;height: 82px;line-height: 0;overflow: hidden;margin: 0 auto 15px;}
.home-about-ico ul li em img{width: 85px;height: 164px;-webkit-transition:all .5s;transition:all .5s;}
.home-about-ico ul li span{display: block; color: #333;font-size: 14px;}
.home-about-ico ul li:hover em img{margin-top: -82px;}
.home-about-ico ul li:first-child{border: none;}

/*首页新闻样式*/
.home-news-bt{overflow: hidden;line-height: 50px; border-bottom: 1px  solid #E7E7E7;}
.home-news-bt span{float: left; border-bottom: 2px solid #0d8108;font-size: 20px; font-weight: bold;}
.home-news-bt p{float: right;}

.home-news-img{overflow: hidden; padding: 15px 0; border-bottom: 1px solid #c6c6c6;}
.home-news-img dl{}
.home-news-img dl dd{float: left;}
.home-news-img dl dd h3{font-size: 18px; font-weight: bold;}
.home-news-img dl dd time{display: block; color: #999;padding: 8px 0;}
.home-news-img dl dd p{ color: #737373;margin: 0; line-height: 24px;}
.home-news-img dl dd img{max-width: 100%;}


.tab-content{overflow: hidden;}
.tab-content ul{margin: 10px 0;}
.tab-content ul li{height: 32px; line-height: 32px;}
.tab-content ul li a{color: #737373;}
.tab-content ul li a:hover{color: #0d8108;}
.tab-content ul li time{ float: right; color: #999;} 

.faq-bt{ background: #053e95; height: 50px;line-height: 50px; margin-bottom: 15px;text-align: center;}
.faq-bt span{ color: #FFF; font-size: 17px;}

.faq-tj{clear: both; max-height: 115px; overflow: hidden;}
.faq-tj img{ max-width: 100%;}
.faq-list{overflow: hidden; width: 100%; height: 280px; margin-top: 15px;}
.faq-list ul{margin: 0;}
.faq-list ul li{border-bottom: 1px dashed #c6c6c6; margin-bottom: 15px;}
.faq-list ul li h3{font-size: 16px; margin:0; line-height: 26px; padding-bottom: 10px; font-weight: bold;}
.faq-list ul li h3 i{padding-right: 10px;}
.faq-list ul li p{font-size: 13px; color: #666; line-height: 24px;}
.faq-list ul li p i{padding-right: 10px;}

 /*内页样式*/
.subnavbg{overflow: hidden; background: #F3F3F3; padding: 15px 0;}
.sub-banner{overflow: hidden;}
.sub-banner img{max-width: 100%;}


.here{float: left;color: #666;height: 42px; line-height: 42px;font-size: 15px;}
.here a{ color: #666;}
.here a:hover{ color: #d7000f;}

/*关于我们*/
.about{overflow: hidden;}
.about{line-height: 28px;text-align: justify; font-size: 16px;} 


/*企业文化*/
.Culture{overflow: hidden;}
.Culture ul{}
.Culture ul li{ height: 280px; text-align: center;padding: 0; padding-top: 60px;}
.Culture ul li span{font-size: 26px;}
.Culture ul li p{font-size: 16px; padding: 6px 0; line-height: 26px;}
.Culture ul li i{display: block; font-size: 48px;}
.Culture ul li:nth-of-type(1){background:#0d8108; color: #FFF;}
.Culture ul li:nth-of-type(3){ background: url(../images/wenhua01.jpg) no-repeat;}
.Culture ul li:nth-of-type(5){ background:#0d8108;color: #FFF;}
.Culture ul li:nth-of-type(6){ background:#F3F3F3;}

@media(max-width:991px){
	.Culture ul li{ height: 200px; padding-top: 25px;}
	.Culture ul li p{font-size: 15px; padding: 6px;}
	.Culture ul li:nth-of-type(3){ background-size: cover;}
}

@media(max-width:768px){
	.Culture ul li span{font-size: 22px;}
	.Culture ul li p{font-size: 14px; padding: 6px;}
	.Culture ul li:nth-of-type(3){ background-size: cover;}
}




/*新闻样式*/
.news{ overflow: hidden;}
.news ul{ margin: 0;}
.news ul li{overflow: hidden; border-bottom: 1px solid #E7E7E7; background: #F3F3F3; margin-bottom: 30px; padding:40px 60px;}
.news ul li h2{color: #333; font-size: 24px;}
.news ul li time{display: block; padding: 6px 0; color: #999;}
.news ul li p{ color: #666;line-height: 26px;}
.news ul li .news-img{overflow: hidden;}
.news ul li .news-img img{max-width: 100%;}
.news ul li .more{display: block; padding-top: 10px;}

/*联系我们*/
.contact-wx{overflow: hidden; text-align: center;}
.contact-wx img{max-width: 100%;}
.contact-wx span{display: block; font-size: 15px; line-height: 40px;}

.showTitle{overflow: hidden; border-bottom: 1px solid #E7E7E7; margin-top:20px ;}
.showTitle span{display: inline-block; line-height: 40px; font-size: 22px; color: #0d8108; border-bottom: 1px solid #0d8108;}

/*产品详情页多图*/
.con-FangDa{height: auto;}
.con-fangDaIMg{position: relative;}
.con-fangDaIMg > img{max-height: 100%;max-width:100%; }
/*设置选择图片容器*/
.con-FangDa-ImgList{margin-top:10px; overflow: hidden;}
.con-FangDa-ImgList > li{float: left;cursor: pointer;border: 1px solid #ccc;text-align:center; margin-bottom: 8px;margin-right:2%;}
.con-FangDa-ImgList > li:last-child{margin-right:0;}
.con-FangDa-ImgList > li > img{vertical-align:top;display:inline;width:80px;height:60px;}
.con-FangDa-ImgList > .active{border-color:#d70813;}
.pro-right{font-size: 16px;}
.pro-right h1{color: #0d8108; font-size: 28px; border-bottom: 1px solid #ccc; line-height: 48px; padding-bottom: 10px;}
.pro-right .gk{line-height: 26px;padding: 10px 0; font-size: 16px;}

.Details{overflow: hidden;}
.Details h1{ text-align: center; line-height: 38px; padding: 30px 0; font-size: 28px;}
.Details dt{ text-align: center; display: block; line-height: 60px; font-size: 15px; color: #666; border-top: 1px solid #E7E7E7;border-bottom: 1px solid #E7E7E7;}
.Details dt small{padding: 0 10px; font-weight: bold;}

.Details-conent{overflow: hidden; padding: 15px 0; line-height: 26px; font-size: 15px;}
.Details-conent img{max-width: 100%;}



.leftpro_tj{overflow: hidden;}
.leftpro_tj h2{color: #FFF; background: #0d8108; border-top: 5px solid #222; line-height: 28px; text-align: center;  padding: 18px 0; font-size: 28px;}
.leftpro_tj h2 i{font-size: 26px;}
.leftpro_tj ul{border:1px solid #E7E7E7; padding: 15px;}
.leftpro_tj ul li{border:1px solid #E7E7E7; margin-bottom: 30px; }
.leftpro_tj ul li .list-img{position: relative; height: 170px; overflow: hidden;}
.leftpro_tj ul li .list-img img{max-width:100%;max-height: 100%; top: 0; left: 0;right: 0; bottom: 0;position:absolute; margin:auto;transition: all 0.6s;}
.leftpro_tj ul li .list-img img:hover{transform: scale(1.2);}
.leftpro_tj ul li span{font-size: 13px; line-height: 40px; text-align: center; display: block;}


/*友情链接*/
.link{overflow: hidden; padding: 15px 0;border-top: 1px solid #F5F5F5;}
.link span{color: #0d8108; font-size: 18px; font-weight: bold;}
.link ul{margin: 0;}
.link ul li{float: left; color: #666; line-height: 30px;}
.link ul li a{color: #222;}
.link ul li a:hover{color: #0d8108;}
.link ul li i{padding: 0 8px; font-style: normal;}


/*左侧分类列表样式*/
.leftnav{overflow: hidden;background: #0d8108; border-top: 5px solid #222;}
.leftnav h2{color: #FFF; font-size: 28px;padding:18px 0; text-align: center;}
.leftnav h2 i{font-size: 26px;}
.leftnavlist { background: #FFF; border: 1px solid #E7E7E7;}
.leftnavlist ul{}
.leftnavlist ul li{}
.leftnavlist ul li h3{ background: #F3F3F3;border-bottom: 1px solid #dfdfdf;}
.leftnavlist ul li h3 a{display: block; height: 55px; line-height: 55px;color: #222; font-size: 15px; padding-left: 30px;}
.leftnavlist ul li h3 a:hover{color: #FFF; background: #0d8108;}
.leftnavlist ul li h3 .leftmenu_h{color: #FFF; background: #0d8108;}
.leftnavlist ul li h4{border-bottom: 1px dashed #dfdfdf;}
.leftnavlist ul li h4 a{display: block; height: 55px; line-height: 55px;color: #222; font-size: 15px; padding-left: 50px;}

@media(max-width:1200px){
	.leftnav h2{font-size: 22px;padding:15px 0; }
	.leftnav h2 i{font-size: 20px;}
}

.left_bot{padding: 20px; line-height: 26px; color: #333; background: #F3F3F3;}

@media(max-width:1200px){
	.left_bot {padding: 10px;}
}

/*底部版权*/
footer{overflow: hidden; background: #1e1e1e; padding-bottom: 20px;}

.footmenu{overflow: hidden; border-bottom: 1px solid #323232;}
.footmenu ul{}
.footmenu ul li{}
.footmenu ul li a{float: left; color: #ccc;line-height: 60px; height: 60px;padding: 0 36px;}
.footmenu ul li a:hover{color: #0d8108;}


.wx{ text-align: center;padding: 20px 0;}
.wx img{max-width: 80%;}
.wx span{color: #ccc; display: block; padding-top: 10px;}

.copy{color:#ccc; padding: 20px 0; line-height: 26px;}
.copy a{color:#ccc;}
.copy a:hover{color:#0d8108;}

@media(max-width:1599px){
    .footmenu ul li a{padding: 0 30px;}
}

@media(max-width:1400px){
    .footmenu ul li a{padding: 0 25px;}
}


@media(max-width:1200px){
    .footmenu ul li a{padding: 0 13px;}
}

@media(max-width:991px){
	.footmenu ul li a{padding: 0 12px;}
    .wx{ margin-left: -30px;}
}

@media(max-width:768px){
    .copy{ margin-left: -30px; margin-right: -30px; padding: 20px 0 40px 0;}
}