﻿@charset "utf-8";
/* CSS Document */
.empty-30 {height: 30px;}
.empty-20 {height: 20px;}
.empty-10 {height: 10px;}
.empty-5 {height: 5px;}
.empty-25 {height: 25px;}
.empty-40 {height: 40px;}

ul {padding: 0px;margin: 0px;}
body {
	font: 12px/22px Verdana, "微软雅黑", Arial, sans-serif, "Times New Roman";
	color: #333; 
}
* {
	text-decoration: none;
	font-style: normal;
	list-style: none;.xccp-list li
}
a:hover {text-decoration: none;}
.main-wrap {max-width:1000px;margin: 0 auto;}

.nav>li>a{ padding:0}


.logo { margin:10px 0px; }
.logo img{ width:100%;}
.r-top{ margin:5px 0px; }
.tel{ background:url(../images/tel-1.jpg) no-repeat left center; height:75px; text-indent:85px; color:#2b2b2b;font-size:20px; font-style:italic; font-family:微软雅黑;}
.tel i{ font-size:14px; font-style:italic;}
.tel span{ color:#e56b28; font-size:28px; font-weight:bold;}



.menu-warp {  height:50px; line-height:50px; margin: 0 -15px;background:#171717;}

/*导航下拉开始*/
.menu .nLi { display: block;  text-align: center; font-size: 14px;  width: 10%; font-family:微软雅黑;}
.menu .nLi a:link, .menu .nLi a:visited{ display:block;height: 50px; line-height: 50px; width:100%; color:#fff;}
.menu .nLi a:hover, .menu .nLi a:active{ display:block;height: 50px; line-height: 50px; width:100%; color:#fff; background:#8ab822;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{  position:relative; z-index:1; }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block;  font-size:14px; font-family:微软雅黑;   }
.nav .sub{ display:none; width:100%;left:0; top:50px;  position:absolute;   line-height:30px; z-index:999;}
.nav .sub li{ zoom:1; text-align:center; padding-top:10px;  font-family:微软雅黑;background:#171717; opacity: 0.6; filter: alpha(opacity=50);}
.nav .sub a{ display:block;  }
.nLi .sub a:link, .nLi .sub a:visited{ display:block;width:100%; height:30px; line-height:30px;  color:#fff;   }
.nLi .sub a:hover, .nLi .sub a:active{ display:block;width:100%; height:30px; line-height:30px;  color:#fff; background:#8ab822;  }


/*导航下拉结束*/



.dh { height: 60px; position: absolute; top: 20; right: 0; z-index: 2; }
#xx { width: 50%; display: none; position: absolute; top: 50px; right: 0; z-index: 99999; }
#xx ul { margin: 0; padding: 0; }
#xx ul li { width: 100%; height: 30px; line-height: 30px; border-bottom: solid 1px #9d9d9e; float: left; background: #000;  text-align: center; font-size: 16px; font-family: 微软雅黑; }
#xx ul li a:link, #xx ul li a:visited { color: #fff; display: block; width: 100%; height: 30px; line-height: 30px; }
#xx ul li a:hover, #xx ul li a:active { color: #FFFFFF; display: block; width: 100%; height: 30px; line-height: 30px; }


.prod-title {text-align: center;font-size:14px; color:#444444; font-family:微软雅黑;  height:44px; line-height:25px; background:url(../images/tit-1.png) no-repeat top center;}
.prod-title span { color:#353535; font-size:26px;}

.prod-list li{ height:265px; position:relative; margin-bottom:15px;}
.prod-list .li1{ width:245px; height:265px; position:relative; }
.prod-list .li1 img{ width:100%;}

.prod-list .li2{position:absolute; bottom:0; left:0; width:100%; text-align:center;height:40px; line-height:40px;z-index:3000; background:#4c383a;opacity: 0.6; filter: alpha(opacity=50); color:#fff;
 font-size:14px;font-family:微软雅黑; background-size:100% 100%; }





.xccp-title {text-align: center;font-size:14px; color:#444444; font-family:微软雅黑;  height:44px; line-height:22px; background:url(../images/tit-1.png) no-repeat top center;}
.xccp-title span { color:#353535; font-size:26px;}
.xccp-list li{ margin-bottom:20px; text-align:center;}
.xccp-list img{ width:100%;}





.about .tit span{ color:#353535; font-size:26px;}
.about .tit{ color:#8ab822; font-size:20px;font-family:微软雅黑; background:url(../images/tit-line-1.jpg) no-repeat bottom left; line-height:50px;}
.about .new-img img{ width:100%;}
.about .new-text li{ background:url(../images/n-tu.jpg) no-repeat left center; text-indent:10px; line-height:26px; font-size:14px; font-family:微软雅黑; height:26px; overflow:hidden;}
.about .new-text span{ float:right;}
.about .new-text a{ color:#222222;}
.about .new-text{ background:#f5f5f5;}

.news .tit span{ color:#353535; font-size:26px;}
.news .tit{ color:#d93f33; font-size:20px;font-family:微软雅黑; background:url(../images/tit-line-1.jpg) no-repeat bottom left; line-height:50px;}
.news .new-img img{ width:100%;}
.news .new-text li{ background:url(../images/n-tu.jpg) no-repeat left center; text-indent:10px; line-height:26px; font-size:14px; font-family:微软雅黑; height:26px; overflow:hidden;}
.news .new-text span{ float:right;}
.news .new-text a{ color:#222222;}
.news .new-text{ background:#f5f5f5;}


.service .tit span{ color:#353535; font-size:26px;}
.service .tit{ color:#d93f33; font-size:20px;font-family:微软雅黑; background:url(../images/tit-line-1.jpg) no-repeat bottom left; line-height:50px;}
.service .txt img{ width:100%;}






.ab-warp{ background:url(../images/bj-01.jpg) no-repeat top center; height:155px; width:100%; background-size:100% 100%; margin-top:30px;}
.ab-title {text-align: center;font-size:14px; color:#fff; font-family:微软雅黑;  height:44px; line-height:22px; background:url(../images/tit-1.png) no-repeat top center;}
.ab-title span { color:#fff; font-size:26px;}
.ab-list{ width:260px; margin:0 auto;}
.ab-list li{ float:left; margin-right:30px; font-size:14px; font-family:微软雅黑; text-align:center;}
.ab-list a:link, .ab-list a:visited{ display:block; width:100%; height:30px; line-height:30px; color:#fff;}
.ab-list a:hover, .ab-list a:active{ display:block; width:100%; height:30px; line-height:30px; color:#fff; border-bottom:2px solid #fff;}

.clear {
    clear:both;
}
/*分页样式*/
div.page {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin:10px 3px; padding-top: 3px; text-align: center;}
div.page a {border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #eb5914; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none;}
div.page a:hover {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777;}
div.page a:active {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777;}
div.page span.current {padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #eb5914; margin-right: 3px; padding-top: 2px;}
div.page span.disabled {padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px;}





.cp-list{ margin-bottom:30px;}
.fwxm_contect{width:100%; padding-top:30px; position:relative;}

/*响应式轮播图*/
#responsive-shuffling { width:100%;height:100%;}
#responsive-shuffling .swiper-slide {width:100%; text-align:center; position:relative; padding:0px ;}

#responsive-shuffling .swiper-slide img{ height:195px; width:100%;}
#responsive-shuffling .swiper-slide .s-name{ background:#e6e6e6; height:50px; line-height:20px; text-align:center; color:#000px; font-family:微软雅黑; font-size:14px;}
.swiper-button-next{right:0px; width:19px; height:47px; background:url(../images/rigt-1.jpg) no-repeat 0 0; overflow:hidden; opacity:1; margin-top:0;}
.swiper-button-prev{left:0px; width:19px; height:47px; background:url(../images/left-1.jpg) no-repeat 100% 0; overflow:hidden; opacity:1;margin-top:0;}
#responsive-shuffling:hover .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ display:block;}
#responsive-shuffling:hover .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ display:block;}



.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; }
@media ( min-width : 768px) {
.col-sm-5ths { width:  19.3%; float: left; }
}
@media ( min-width : 992px) {
.col-md-5ths { width:  19.3%; float: left; }
}
@media ( min-width : 1200px) {
.col-lg-5ths { width: 19.98%; margin:0.01%; float: left; }
}



.cont-title {text-align: center;font-size:14px; color:#444444; font-family:微软雅黑;  height:44px; line-height:22px; background:url(../images/tit-1.png) no-repeat top center;}
.cont-title span { color:#353535; font-size:26px;}
.cont-list .l-cont {
	float: left;
}
.cont-list .l-text {
font-size: 14px;
	color: #222222;
}
.cont-list .l-list li {
	line-height:26px;
	color: #222222;
	height:33px; overflow:hidden;
}
.cont-list .l-list .c1 {
	background: url(../images/tu5.jpg) no-repeat left center;
	text-indent: 30px;
}
.cont-list .l-list .c2 {
	background: url(../images/tu1.jpg) no-repeat left center;
	text-indent: 30px;
}
.cont-list .l-list .c3 {
	background: url(../images/tu5.jpg) no-repeat left center;
	text-indent: 30px;
}
.cont-list .l-list .c4 {
	background: url(../images/tu1.jpg) no-repeat left center;
	text-indent: 30px;
}


.cont-list .l-list .c5 {
	background: url(../images/e-2.jpg) no-repeat left top 5px;
	text-indent: 30px;
	
}
.cont-list .l-list .c6 {
	background: url(../images/tu5.jpg) no-repeat left top 5px;
	text-indent: 30px;
	
}

.cont-list .r-cont {
	float: right;
	color: #222222;
}
.cont-list .r-cont .tit {
	text-align: center;
	color: #222222;
	font-size: 21px;
}
.cont-list .r-cont .tit span {
	color: #222222;
	font-size: 24px;
	font-weight: bold;
}
.cont-list .r-list li {
	color: #222222;
}
.cont-list .r-input input {
	border: 1px dotted #616161;
	border-radius: 5px;
	background: #f4f4f4;
	height: 35px;
	width: 100%;
}
.cont-list .r-input textarea {
	border: 1px dotted #616161;
	border-radius: 5px;
	background: #f4f4f4;
	height: 120px;
	width: 100%;
}
.cont-list .butt input {
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background: #90bc2d;
	border: none;
}




.footer{ background:#171717; padding-bottom:20px; color:#fff; font-size:14px; font-family:微软雅黑; color:#7d7d7d;}
.footer .foot-text{ text-align:center;}






.ncont-title {text-align: center;font-size:14px; color:#444444; font-family:微软雅黑;  height:44px; line-height:22px; background:url(../images/tit-1.png) no-repeat top center;}
.ncont-title span { color:#353535; font-size:26px;}

.n-prolist .tit { background:#8ab822; background-size:100% 100%; width:100%; height:65px; line-height:65px;  text-align:center; color: #fff; font-size:24px; font-family: 微软雅黑; }
.n-prolist .txt li {  margin-top: 2px; font-family: 微软雅黑; font-size:17px; text-align:center; height:55px; background:url(../images/n-txt-1.jpg) no-repeat;background-size:100% 100%; width:100%; }
.n-prolist .txt a:link, .n-prolist .txt a:visited{ display:block; width:100%; height:55px; line-height:55px;  color:#333333;background:url(../images/l-txt-l.jpg) no-repeat;background-size:100% 100%; width:100%; }
.n-prolist .txt a:hover, .n-prolist .txt a:active{ display:block; width:100%; height:55px; line-height:55px;font-weight:bold;  color:#8ab822;background:url(../images/l-txt-h.jpg) no-repeat;background-size:100% 100%; width:100%; }

.n-contact .tit { background:#8ab822; background-size:100% 100%; width:100%; height:65px; line-height:65px;  text-align:center; color: #fff; font-size:24px; font-family: 微软雅黑; }
.n-contact .txt{ color:#222222; font-size:13px; font-family:微软雅黑;}



.content .tit { border-bottom: 1px solid #cccccc; line-height: 35px; color: #222222;font-family:微软雅黑;font-size: 16px; height: 35px; overflow: hidden; }
.content .title{ height:75px; line-height:75px; border:2px solid #1353ad; text-align:center; color:#1353ad; font-size:34px;font-family:微软雅黑; }
.content .more { font-size: 14px; float: right; color:#666666; font-weight:bold; }
.content .more span{ color:#8ab822;}
.content .txt { color: #333333; font-size: 14px; font-family:微软雅黑; line-height:26px;}


/*about*/
.n-about .txt img{ width:100%;}

/*anli*/

.n-anli li{ margin-bottom:20px;}
.n-anli img{ width:100%;}

/*cont*/
.n-cont .txt img{ float:right;width:40%;}


/*hj*/
.n-hj .txt img{ width:100%;}


/*news*/

.n-news .news-img img{ width:100%;}
.n-news .news-text span{ font-size:16px; color:#0a2d47; font-weight:bold; }
.n-news .news-text { color:#222222; font-family:微软雅黑; height:125px; overflow:hidden; font-size:14px;}
.n-news .txt li{ margin-bottom:20px;}

/*newsnei*/
.n-newsnei .nei-name {
	text-align: center;
	font-size: 16px;
}
.n-newsnei .txt {
	color: #333333;
	font-size: 13px;
}


/*cp*/

.n-cp .txt li{ margin-bottom:20px;text-align:center;}
.n-cp img{ width:100%;}

/*cpnei*/

.n-cpnei .txt{ text-align:center;}


/*yh*/

.n-yh .txt li{ margin-bottom:20px;}
.n-yh img{ width:100%;}



/*zj*/

.n-zj .txt li{ margin-bottom:20px;}
.n-zj img{ width:100%;}


/*cstc*/

.n-cstc .txt li{ margin-bottom:20px;}
.n-cstc img{ width:100%;}



.bottomqq {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 2000;
	right: 0px;
	width: 100%;
	height: 49px;
	overflow: hidden;
	cursor: default;
	padding-top: -61px;
	background:#90bc2d;
}
.bottom1 {
	width: 300px;
	margin: 0 auto;
}
.bottom1 a {
	float: left;
	width: 43px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	height: 44px;
	margin: 5px 15px 0 15px;
	font-size: 16px;
	font-family:微软雅黑;
}
.bottom1 a:hover{ background:#000;}
.bottom1 a img {
	margin-bottom: 5px;
}
.bottom1 a.xianqd {
	border: 0px;
}






.picMarquee-left {
	width:94%;
	float:left;
	margin:15px 0 0 3%;
	padding:0;
	overflow:hidden;
	position:relative;
}
.picMarquee-left .bd {
	padding: 0;
}
.picMarquee-left .bd ul {
	overflow:hidden;
	zoom:1;
}
.picMarquee-left .bd ul li {
	margin:0 8px;
	float:left;
	_display:inline;
	overflow:hidden;
	text-align:center;
}
.picMarquee-left .bd ul li .pic {
	text-align:center;
}
.picMarquee-left .bd ul li .pic img {
	
	height:auto;
	display:block;
	
	
}
.picMarquee-left .bd ul li .pic a:hover img {
	border-color:#999;
}
.picMarquee-left .bd ul li .title {
	line-height:24px;
}


#content1 {
	padding:0px 0;
	float:left;
	width:100%;
}
.slideBox {
	position:relative;
	overflow:hidden;
	margin:0px auto;
	width:100%;/* 设置焦点图最大宽度 */
	
}



.slideBox .hd {
	position:absolute;
	height:28px;
	line-height:28px;
	bottom:0;
	right:0;
	z-index:1;
}
.slideBox .hd li {
	display:inline-block;
	width:7px;
	height:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	background:#333;
	text-indent:-9999px;
	overflow:hidden;
	margin:10px 6px 0 6px;
}
.slideBox .hd li.on {
	background:#fff;
}
.slideBox .bd {
	position:relative;
	z-index:0;
}
.slideBox .bd li {
	position:relative;
	text-align:center;
}
.slideBox .bd li img {
	background:url(images/loading.gif) center center no-repeat;
	vertical-align:top;
	width:100%;/* 图片宽度100%，达到自适应效果 */ 
}
.slideBox .bd li a {
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
/* 去掉链接触摸高亮 */
 .slideBox .bd li .tit {
	display:block;
	width:100%;
	position:absolute;
	bottom:0;
	text-indent:10px;
	height:28px;
	line-height:28px;
	background:url(images/focusBg.png) repeat-x;
	color:#fff;
	text-align:left;
}


.ewm-bj{ background:#e4c400; width:70px;}
.ewm-bj ul{ padding:10px 0px 10px 13px;}
.ewm-bj li{ margin-bottom:10px; font-size:14px; font-family:微软雅黑;}


/*产品下拉开始*/
.n-prolist1{ margin-top:15px;}
.n-prolist1 .left{width:100%;height:auto;}
.n-prolist1 .div1{width:100%; }
.n-prolist1 .div6{cursor:pointer;position:relative; }
.n-prolist1 .div6{ width:100%; height:40px; line-height:40px; color:#fff; font-family:微软雅黑; font-size:16px;background:url(../images/e.jpg) no-repeat center right 20px #8ab822; text-indent:20px;}

.n-prolist1 .div7{display:none;font-family:微软雅黑;}
.n-prolist1 .div7 ul{margin:0;padding:0;}
.n-prolist1 .div7 li{ width:100%;height:25px; line-height:25px;  font-family:微软雅黑; text-align:center; background:#222;  margin-top:1px;}
.n-prolist1 .div7 li a{color:#fff;}

/*产品下拉结束*/


/*banner*/
.banner{  overflow:hidden;}
.banner a.active{ outline:0;}
.banner .bannerc { position: relative; height: 100%; overflow-x: hidden; overflow-y: auto;}
.banner .ck-slide { width:100%;height:590px;position: relative; overflow: hidden; transition:all 0.3s;}
.banner .ck-slide ul { margin: 0; padding: 0; list-style-type: none;}
.banner .ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0;  margin: 0; padding: 0;width:100%;height:5910px; transition:all 0.3s;}
.banner .ck-slide ul.ck-slide-wrapper li { display:none; position: absolute; width:100%; height:100%; text-align:center;}
.banner .ck-slide ul.ck-slide-wrapper li a{ height:100%;}
.banner .ck-slide ul.ck-slide-wrapper li div{ width:100%; height:590px;}
/*.banner .ck-slide ul.ck-slide-wrapper li .img01{background:url(../images/1.jpg) no-repeat center center;}
.banner .ck-slide ul.ck-slide-wrapper li .img02{background:url(../images/2.jpg) no-repeat center center;}
.banner .ck-slide ul.ck-slide-wrapper li .img03{background:url(../images/3.jpg) no-repeat center center;}*/
.banner .ck-slide ul.ck-slide-wrapper li .img01{background:url(../images/1.jpg) no-repeat 50% 50%;background-size:cover}
.banner .ck-slide ul.ck-slide-wrapper li .img02{background:url(../images/2.jpg) no-repeat 50% 50%;background-size:cover;}
.banner .ck-slide ul.ck-slide-wrapper li .img03{background:url(../images/3.jpg) no-repeat 50% 50%;background-size:cover;}

.banner .ck-slide ul.ck-slide-wrapper li.active{ display:block;}
.banner .ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 2; width: 35px; height: 70px; margin-top: -35px; border-radius: 3px; opacity: .15; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}
.banner .ck-slide .ck-prev { left: 5px; background: url(../images/arrow-left.png) #000 50% no-repeat;}
.banner .ck-slide .ck-next { right: 5px; background: url(../images/arrow-right.png) #000 50% no-repeat;}
.banner .ck-slidebox { position: absolute; left: 50%; bottom: 12px; z-index: 30;}
.banner .ck-slidebox ul { height: 20px; padding: 0 4px; border-radius: 8px; background: rgba(0,0,0,0.5);}
.banner .ck-slidebox ul li { float: left; height: 12px; margin: 4px 4px;}
.banner .ck-slidebox ul li em { display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; text-indent: -9999px; cursor: pointer;}
.banner .ck-slidebox ul li.current em { background-color: #fe6500;}
.banner .ck-slidebox ul li em:hover { background-color: #fe6500;}

.zero-padding{ padding:0}
.zero-margin{ margin:0}




@media (max-width:1024px){
.prod-list li{ height:auto;padding:0px 5px;}
.prod-list .li1{ width:100%; height:auto;}
.prod-list .li1 img{ width:100%;}

.cp-list1 li{ float:left; width:48%; margin:1%; border:1px solid #ccc;}
.cp-list1 img{ width:100%;}

.anli-list li { padding:0px 5px;}


}

@media (max-width:768px){

.banner .ck-slide{height:283px;}
.banner .ck-slide ul.ck-slide-wrapper {height:283px;}
.banner .ck-slide ul.ck-slide-wrapper li div{ height:283px;}



.prod-list li{ height:auto;padding:0px 5px;}
.prod-list .li1{ width:100%; height:auto;}
.prod-list .li1 img{ width:100%;}

.cp-list1 li{ float:left; width:48%; margin:1%; border:1px solid #ccc;}
.cp-list1 img{ width:100%;}



lg>.btn, .btn-lg { font-size:26px;margin-top:10px;}
#xx { width: 100%; display: none; position: absolute; top: 75px; right: 0; z-index: 99999; }
.xccp-list li{ padding:0px 5px;}
.ab-list{ margin-left:0px;}
.n-anli li{ padding:0px 5px;}
.n-cp li{ padding:0px 5px;}
.n-cp li{ margin-bottom:0px;}
.n-yh li{padding:0px 5px;}
.n-zj li{padding:0px 5px;}
.n-cstc li{padding:0px 5px;}
.n-cpnei .txt img{ width:100%;}
.ab-list{ width:240px; margin:0 auto;}
.ab-list li{ margin-right:15px;}

}

@media (max-width:340px){
/*banner*/
.banner .ck-slide{height:100px}
.banner .ck-slide ul.ck-slide-wrapper {height:100px}
.banner .ck-slide ul.ck-slide-wrapper li div{ height:100px;}
.prod-list li{ padding:0px 5px;}
.prod-list .li1{ width:100%; height:auto;}
.prod-list .li1 img{ width:100%;}

.cp-list1 li{ float:left; width:48%; margin:1%; border:1px solid #ccc;}
.cp-list1 img{ width:100%;}


lg>.btn, .btn-lg { font-size:18px;margin-top:0px;}
#xx { width: 100%; display: none; position: absolute; top: 50px; right: 0; z-index: 99999; }
.about .txt img{ width:100%;}
.n-cont .txt img{ width:100%;}
}

