/* CSS3滚动条 */
/*::selection {background:none; text-shadow:none ;}*/
::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2;}
::-webkit-scrollbar{width:2px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background:#ccc;}
::-webkit-scrollbar-thumb:hover{background:#E60013 ; cursor:pointer}  

*{ padding:0; margin:0; }
body{ font-family:"微软雅黑"; font-size:16px; line-height:1.6; letter-spacing:0.6px;}
body, html { margin: 0;transition: opacity 400ms ease 0s; height:100%;}
a{ text-decoration:none; color:#000; outline:none}
a:hover{ color:#bfd500}
h1{ font-size:36px; margin-bottom:5px; line-height:34px;}
h2{ font-size:32px;}
h3{ font-size:22px;}
h5{ font-size:20px; color:#000000; font-weight:normal;}
li{ list-style:none}
.zuo{ width:20%;}
.you{ width:79%;}
.l{ float:left; box-sizing:border-box;}
.r{ float:right; box-sizing:border-box;}
img{ object-fit:cover; max-width:100%;}
#dituContent img{object-fit:auto; max-width:none;}
video{max-width:100%!important;  height:auto !important;}
table  
{  
	border-collapse: collapse; margin-top:5px; margin:auto;
}  
table td, table th  
{  
	border:2px solid #fff; text-align:center;
	color: #333;  
	height: 30px; padding:0 5px;
}  
table tr:nth-child(2n+1)  
{  
	background: #e0e3c5;  
}
table tr:nth-child(2n+2)  
{  
	background: #dde3f9;  
}  
.pad{ padding:80px 0;}
.clear{ clear:both}
.w{ width:85%; margin:auto; max-width:1450px;}
.filter-cen a{ display:none;}
.filter-cen .active{ display:block !important; font-size:22px; border-left:#bfd500 solid 5px; padding-left:10px; line-height:22px; margin-bottom:20px;}

.dherji{ width:100%; max-height:0px; overflow:hidden; background-color:#bfd500; position:absolute;display:block; z-index:999;}
.overlay li:hover .dherji{ max-height:500px;transition:0.6s;}
.overlay li:hover a{ background-color:#bfd500; color:#FFF;}
.dherji a{ display:block; color:#ddd; font-size:15px!important; text-align:center; border:none!important; line-height:22px!important; padding:15px!important;}
.dherji a:hover{ color:#fff;background-color:rgba(0,0,0, 0.1)!important;}

.button_container { display:none;/*PC端不显示*/
    position: relative; float:right;margin-top: 10px;height: 28px; width:30px; cursor: pointer; z-index: 999;
    -webkit-transition: opacity .25s ease;
            transition: opacity .25s ease;
}

.fuwuxm{ overflow:auto; margin-bottom:15px;}
.fuwuxm li{ float:left; background-color:#f2f2f2; margin-right:2px; margin-bottom:2px;}
.fuwuxm li a{ padding:5px 10px; display:block; font-size:12px; color:#333}

/* 手机导航 */
.button_container.active .top {
    -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
        -ms-transform: translateY(8px) translateX(0) rotate(45deg);
            transform: translateY(8px) translateX(0) rotate(45deg);
    background: #fff;
}

/* Set the middle hamburger bar's opacity to 0  */
.button_container.active .middle {opacity: 0;background: #FFF;}
.button_container.active .bottom {
    -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
        -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
            transform: translateY(-8px) translateX(0) rotate(-45deg);
    background: #fff;
}
.button_container span {
    background: #333; border: none;height: 3px;width: 100%;position: absolute;top: 0;left: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
}
.button_container span:nth-of-type(2) { top: 8px;}
.button_container span:nth-of-type(3) { top: 16px;}


#dituContent{ width:100%; max-width:600px; height:400px;}

.tengxun span{ display:block; float:left; margin-left:20px; position:relative; color:#FFF; font-size:14px;}
.tengxun span a{ color:#FFF; font-size:14px;}
.headtop{ background:#333; line-height:24px;}
.welcom{ font-size:14px; color:#FFF;}
.qq{ background:url(../images/qq.svg) center center no-repeat;margin-left:8px!important;}
.weixin{width:24px; height:24px;  background:url(../images/weixin.svg) center center no-repeat;}
.qq a{ width:24px; height:24px; display:block;}
.weixin img{ max-width:0; position:absolute; left:50%; margin-left:0px; top:24px; opacity:0; transition:0.2s;}
.weixin:hover img{   max-width:85px; position:absolute; left:50%; margin-left:-42.5px; top:24px; opacity:1; transition:0.2s;}
.logo img{ height:65px; margin-top:12px;}
.head2{}
.overlay li{ float:left; position:relative;}
.overlay li a{ padding:30px 20px; display:block; border-bottom:#FFF solid 2px;}
.overlay li a:hover{ border-bottom:#bfd500 solid 2px; color:#fff}

.head{ background:rgba(255,255,255,1);}
.yingyong{margin:auto; margin-top:-80px; position:relative; z-index:99; background:rgba(255,255,255,0.9); padding:20px;}
.yingyong li{ width:16.6%; float:left; padding:12px; box-sizing:border-box;}
.yingyong li span{ text-align:center; display:block; line-height:40px; border-bottom:#CCC solid 1px;}
.yingyong li img{ width:100%; height:160px;}

.cont img{ width:100% !important; height:auto !important;}
.aboutl{ width:50%;}
.aboutr{ width:50%;}
.aboutl span{ font-size:50px; display:block; line-height:60px; font-weight:bold;}
.aboutl p{ font-size:22px; margin-top:10px;}
.aboutl i{ width:50px; height:5px; display:block; background:#999; margin-top:50px;}

.kouhao{ background:url(../images/kouhaobg.jpg) center center fixed; background-size:cover;}
.khl{ font-size:20px; line-height:32px;}
.khr{ text-align:right; font-size:22px;} 
.khr span{ font-size:32px; font-weight:bold; display:block; margin-top:15px; line-height:40px; margin-right:-20px;}
.more{ display:block; color:#4A8537; margin-top:30px; background:url(../images/jiantou.svg) -25px 50% no-repeat;padding-left:0px; transition:0.2s;}
.more:hover{ background:url(../images/jiantou.svg) 0px 50% no-repeat; padding-left:28px;transition:0.2s; color:#4A8537;}


.seo{ padding-top:50px;}
.seo01{ width:64.6%;}
.seo02{ width:32.3%;}
.current a{ color:#bfd500;}

/* 本例子css */
.slideTxtBox{}
.slideTxtBox .hd{ position:relative; }
.slideTxtBox .hd ul{}
.slideTxtBox .hd ul li{ float:left; padding:2px 25px; cursor:pointer; line-height:40px; font-size:20px; border:#bfd500 solid 1px;}
.slideTxtBox .hd ul li.on{ background:#bfd500; color:#FFF;}
.slideTxtBox .bd ul{ padding:20px 0;  zoom:1;  position:relative;}
.slideTxtBox .bd li .date{ float:right; color:#999;  }

.news{ width:47%; float:left; margin-right:3%;}
.news p{ font-size:14px; color:#999;}
.news img{ width:100%;  height:280px;}
.newtit{ display:block; padding:8px 0;}
.gengduo{ position:absolute; right:40px; top:-33px;color:#999;}
.gengduo2{ float:right; font-size:16px; color:#999; font-weight:normal;}
.news{}
.jishu li{width:48%; float:left; margin-right:2%; margin-bottom:2%; background:#f7f7f7; box-sizing:border-box; padding:20px;}
.jishu li a{ font-size:18px; background:url(../images/dian.png) center left no-repeat; padding-left:30px;}
.jishu li p{ color:#999; font-size:14px; line-height:22px; margin-top:10px;}
.jishu li span{ display:block; color:#999; margin-top:16px;}
.seo02 h3{ line-height:40px; padding:4px 0;}


		/* 常见问答 */
		.sideMenu{  border:1px solid #ddd; margin-top:20px;}
		.sideMenu h3{padding:10px 0; padding-left:20px;  border-top:1px solid #ddd; margin-top:-1px; background-image: -webkit-linear-gradient(0deg, #f5f5f5 0%, #fff 100%); cursor:pointer;
			font:normal 14px/24px "Microsoft YaHei";
		}
		.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
		.sideMenu h3.on em{ background-position:16px -57px; }
		.sideMenu .on{ background:#bfd500; color:#fff;}
		.sideMenu ul{ padding:8px 20px; color:#999; font-size:14px; max-height:140px; overflow:auto; line-height:24px; display:none; /* 默认都隐藏 */}
		.sideMenu ul img{ max-width:100% !important; height:auto !important;}
		.sideMenu2 ul{ padding:20px 40px 40px; font-size:13px; max-height:none;}
		.sideMenu2 h3{padding:15px 0; padding-left:40px;}


.tittop{ text-align:center; background:url(../images/titbg.svg) center center no-repeat; padding-bottom:18px;}
.tittop h2{ font-size:38px;}
.tittop span{ display:block; margin-top:-6px; color:#bfd500;}
.prolist h3 a {color:#bfd500;line-height: 26px;margin-bottom: 15px;display: block; font-weight:normal; font-size:19px;}
.prolist h3 a b{ font-weight:normal;}
.prolist p {font-size: 14px;color: #999;line-height: 24px; word-break: break-all; height:72px; overflow:hidden;}
.prolist{ position:relative; z-index:999;transition:0.5s;}
.protu{ margin-top:20px; display:block; width:100%; overflow:hidden;}
.protu img{ width:100%;transition:0.5s;}

.hzhb{ background:#f7f7f7;}
.owl-item:nth-child(2n+1) .protu{ position:absolute; top:0; margin-top:0;}
.owl-item:nth-child(2n+1) .projs{ position:absolute; top:230px;}
		
.prolist:hover img{transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);transition:0.5s;}

.footer{ background:#333; padding:50px 0; color:#999;}
.footer a{color:#999;}
.f1 b{ display:block; font-size:18px; margin-bottom:15px;}
.f1{ width:22%}
.f2{ width:73%;}
.daohangft{ width:12.2%; float:left; text-align:center;}
.daohangft h3{ margin-bottom:10px;}
.daohangft h3 a{ font-size:16px; display:block;}
.daohangft a{ font-size:14px; display:block;}
.banquan{ text-align:center; font-size:14px; background-color:#000; color:#666;}
.dhej{ max-height:0px; overflow:hidden; transition:0.5s;}
.daohangft:hover .dhej{ max-height:88px; transition:0.5s;}
.links{ margin-bottom:20px;}
.links img{ height:22px; margin-top:0px; display:inline-block; float:left; margin-right:2px;}
.links span{display:inline-block; float:left;}
.links a{ display:inline-block; margin-right:5px;}

.ban{ height:320px; background-color:#CCC; position:relative; background-position: center center !important; background-size:cover !important;}
.mianbao{position:absolute; bottom:30px; float:right; left:0; right:0; margin:auto; }
.mianbao,.mianbao a{color:#FFF; text-shadow:#000 1px 1px 2px;}
.zhong{ min-height:550px; background:rgba(255,255,255,1); position:relative;  padding:60px 0; box-sizing:border-box; z-index:99;}


.erji li i{width: 40px; height: 2px;background: #999;display: block;margin-top:15px;transition: 0.4s;}
.erji li{cursor: pointer; display: block;font-size: 20px;padding: 20px 0;}
.erji li span{ padding-left:0;transition:0.4s; position:relative; display:table; color:#666;}
.erji li:hover span{ padding-left:30px; color:#000;transition:0.4s ; }
.erji li:hover i{ width:100%; background-color:#000;transition:0.4s ; }

.erji .sec span{padding-left:30px; color:#000;}
.erji .sec i{ background-color:#000;}
.you{ line-height:28px;}
.arc{ padding-right:80px;}
.arc h1{ font-weight:normal; font-size:32px; line-height:42px;}
.zuozhe{ border-bottom:#999 solid 1px; border-top:#999 solid 1px; color:#999; font-size:14px; margin:30px 0;}

.piclist{ width:11%; float:left; margin-right:1.5%; margin-bottom:2%;}
.piclist a{ display:block; text-align:center;}
.piclist img{ width:100%; height:180px; border:#CCC solid 1px;}
.pictit{ line-height:18px; height:40px; font-size:14px; overflow:hidden; padding:10px 0;}

.zixun{ box-sizing:border-box;  padding:30px; background:#f7f7f7; margin-bottom:20px;}
.zx{ width:75%;}
.zxtu{ width:20%;}
.zxtu img{ width:100%; height:195px;}
.zx a{ display:block; font-size:18px; padding:10px 0; font-weight:bold;}
.zx p{ margin-top:6px; color:#666; font-size:15px; line-height:22px;}
.more2{ font-size:16px!important; margin-top:15px;background:url(../images/jiantou3.svg) center right no-repeat ; background-size:26px; width:100px; display:block; transition:0.4s; font-weight:normal!important;}
.more2:hover{ color:#000; margin-left:30px;transition:0.4s;}
	
		/* 本例子css */
		.slideBox{ width:100%; overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative;}
		.slideBox .bd img{ width:100%; height:350px!important; display:block;  }
		.slideBox .bd li span{ position:absolute; bottom:0; background:rgba(0,0,0,0.5); width:100%; text-align:center; color:#FFF; line-height:40px; height:40px; overflow:hidden;}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

.gzh{ width:25%; margin-right:3%}
.newspic{ width:35%;}
.newsli{ width:35%; padding-left:30px; box-sizing:border-box;}
.newsli h3{ font-size:28px; font-weight:normal; margin-bottom:6px; margin-top:10px;}

.newslist2{ padding:10px 0; border-bottom:#ddd dashed 1px; margin-top:10px;}
.newslist2 p{ font-size:14px; color:#999; line-height:22px;}
.newslist2 a{ font-size:17px; margin-bottom:8px; display:block;}
.dianji span{ color:#666;}
.newsp1{background:url(../images/date.svg) center left no-repeat; padding:5px 0 5px 25px;color:#999; display:inline-block;}
.newsp2{background:url(../images/read.svg) center left no-repeat;  padding:5px 0 5px 25px; margin-left:20px;}
.newtop{ margin-bottom:30px;}
.zixun2 .zxtu{ border-radius:8px; overflow:hidden;}

.fenye{ overflow:auto; padding:20px 0; margin-top:20px;}
.fenye li{ float:left; margin-right:3px; background-color:#CCC; padding:2px 8px; color:#666; line-height:18px;}
.fenye li:hover{ background-color:#F8B62D;}
.thisclass{background-color:#bfd500!important;}
.fenye li a{color:#666;}	

.fenye2{ padding-top:30px; margin-top:30px; border-top:#CCC solid 1px; font-size:14px;}
.fenye2 a{ font-size:14px;}

.zwtop{ margin-bottom:50px; border-top:#CCC solid 1px;border-bottom:#ccc solid 1px;}
.zwtop img{ width:30%; height:302.2px; float:right;}
.projj{ width:70%; float:left; padding:50px 0; box-sizing:border-box;}
.projj h1{ margin-bottom:30px;}
.projj p{ color:#999; width:80%;}
.projj i{ width:40px; height:4px; background:#bfd500; display:block; margin-top:30px;}
.ttli{ margin-bottom:25px;}
.ttli2{ margin-bottom:25px; border-left:#bfd500 solid 3px; padding-left:15px; line-height:22px;}
.ttli img{ float:left; width:20%; border-radius:50px; overflow:hidden; display:block;}
.pjianjie{ float:right; width:80%; padding-left:15px; box-sizing:border-box;}
.tttit{ margin-top:0px; display:block;}
.xiangguan{ font-size:12px; line-height:16px;color:#999;}

.mtop{ padding:30px; background:#f7f7f7; margin-bottom:20px; height:880px; overflow:auto;}
.mtop h3{ margin-bottom:30px; color:#bfd500}
.mtop h3 span{ color:#CCC;}
.chanpin{ width:102%;}
.productli{ width:22.5%; float:left; margin-right:2.5%; margin-bottom:2.5%;}
.productli .projs{ margin-top:20px;}

.zhengwen{line-height:1.8; color:#444; font-size:14px;}
.zhengwen img{ max-width:100% !important; height:auto !important;}
.zhengwen strong{ color:#bfd500; padding-bottom:0px; display:inline-block;}

.erji2{ text-align:center; margin-bottom:30px; overflow:auto;}
.erji2 li{ display:inline-block; margin:0 8px;}
.erji2 li a{ padding:10px 30px; display:block; border:#000 solid 1px;}
.erji2 li a:hover{ border:#bfd500 solid 1px; background:#bfd500; color:#FFF;}
.sec2 a{ border:#bfd500 solid 1px!important; background:#bfd500; color:#FFF;}




		
@media screen and (max-width:1440px){
.ban{ height:240px;}
.piclist img{ height:160px;}
.owl-item:nth-child(2n+1) .projs{ top:290px;}
.prolist p{ height:72px; overflow:hidden;}
.jishu li a{ font-size:16px; line-height:32px; height:32px; overflow:hidden;}
.you{ font-size:15px; line-height:26px;} 
.projj p{ line-height:24px;}
.projj{ padding:40px 0;}
.zhengwen{ font-size:14px; line-height:1.6;}
.tttit{ font-size:15px;}
.fenye2,.fenye2 a{ font-size:14px;}
.fenye,.fenye a{ font-size:12px;}
.footer{ font-size:14px;}
.f1 b{ font-size:16px;}
.aboutr{ font-size:14px;} 
.prolist h3 a { font-size:15px;margin-bottom:10px;}
.productli .projs{ margin-top:10px;}
}
@media screen and (max-width:1360px){
.owl-item:nth-child(2n+1) .projs{ top:167px;}
.slideBox .bd img{ height:285px !important;}
.newsli h3{ font-size:22px; margin-top:0;}
.newslist2{ margin-top:5px;}
.newslist2 a{ font-size:14px;}
.newslist2 p{ font-size:12px; line-height:20px; height:40px; overflow:hidden;}
}


@media screen and (max-width:1024px){
.l,.r{ float:none;}
.head2{ padding:8px 0;}
.navbar-toggle{ display:block}
.links{ display:none;}

/*手机导航*/
.button_container{ display:block; z-index:9999;}
.overlay {
    position: fixed; z-index:9998; display: block;  background: rgba(0,0,0,0.95);  top: 0; border: 0;left: 0; width: 100%; height: 0%;opacity: 0; visibility: hidden;
    -webkit-transition: opacity .35s, visibility .35s, height .35s;
            transition: opacity .35s, visibility .35s, height .35s;
    overflow: auto;
}
.overlay.open { opacity: .95; visibility: visible; height: 100%;}
.overlay.open ul{ padding-top:60px;}
.overlay li{ float:none; width:100%;}
.overlay li a{ color:#FFF;}
.logo img{ height:40px; margin:0;}
.yingyong{ width:100% !important; padding:10px; box-sizing:border-box; margin-top:0; margin:auto;}
.yingyong li{ width:33.3%; padding:10px;}
.yingyong li img{ height:70px;}
.seo01,.seo02{ width:100%; float:none;}
.news img{ height:80px;}
.news{ margin-right:0; padding:10px; box-sizing:border-box; width:50%;}
.jishu li{ width:100%; margin-right:0;}
.aboutl{ width:100%;}
.aboutr{ width:100%; margin-top:20px;}
.aboutl i{ margin-top:20px;}
.f1{ width:100%; float:none;}
.f2{ display:none;}
.ban{ height:220px;}
.zuo,.you{ width:100%;}
.erji{ overflow:auto;}
.erji li{ width:25%; float:left; padding:0;}
.erji .sec span{ padding:0;}
.erji li i{ width:100%; margin-top:5px;}
.you{ margin-top:20px;}
.zhong{ padding:20px 0; min-height:0;}
.piclist{ width:47%;}
.prolist p{ line-height:22px; height:66px; overflow:hidden;}
.newspic{ width:100%;}
.newsli{ width:100%; padding-left:0; margin-top:30px;}
.newslist2{ margin-top:10px;}
.arc{ padding-right:0;}
.arc h1{ font-size:24px; line-height:30px;}
.zuoce{ display:none;}
.dherji{ max-height:60px; position:relative; background:rgba(255,255,255,0.2);}
.dherji a{ width:25%; float:left; padding:5px 0!important; margin:0;}
.overlay li a{ border-bottom:0; padding:0px 20px 0 20px;}
.overlay li{ border-bottom:#666 solid 1px; padding:20px 0;}
.zwtop img{ width:100%;}
.projj{ width:100%;}
.projj p{ width:100%;}
.mtop{ display:none;}
.about{ padding:30px 10px; box-sizing:border-box;}
.gengduo{ right:10px;}
.owl-item:nth-child(2n+1) .protu{ position:relative; margin-top:20px;}
.owl-item:nth-child(2n+1) .projs{ position:relative; top:auto;}
.overlay li:hover a{ background:none;}
.erji2{ margin-bottom:0px;}
.erji2 li{ width:31.3%; float:left; margin:1%;}
.erji2 li a{ padding:10px 0; font-size:14px;}
#dituContent{ max-height:220px;}
.filter-cen .active{ margin-bottom:0; margin-top:20px;}
.erji li span{ font-size:14px;}
.erji li:hover span{ padding-left:0px;}
}

@media screen and (max-width:768px){
.w{ width:95%;}
.aboutl span{ font-size:36px;}
.slideTxtBox .hd ul li{ line-height:30px;}
.ban{ height:80px;}
.mianbao,.mianbao a{ font-size:12px; bottom:0;}
.piclist img{ width:auto; height:260px;}
.pictit{ height:40px; overflow:hidden;}
.productli{ width:47.5%;}
.slideBox .bd img{ height:260px !important;}
.zx{ width:100%; float:none;}
.zxtu{ display:none;}
.tittop{transform:scale(0.8,0.8);
-moz-transform:scale(0.8,0.8);
-webkit-transform:scale(0.8,0.8);
-o-transform:scale(0.8,0.8); margin-top:20px;}
.pad{ padding:30px 0;}
.erji li{ font-size:18px;}
}