@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
a { text-decoration: none; outline: none; color: #666; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;border: 0; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
dl,dt,dd{padding: 0;margin:0;}
i,em{font-style: normal;}
.clear { clear: both;}
.w1200 {width: 1200px;margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}

/*header start*/
.head {padding: 15px 0;}
.head-top {color: #fff;width: 100%;height: 40px;line-height: 40px;background: url(../images/head_top.jpg) no-repeat center;}
.top_left {font-size: 13px;padding-left: 4px;color: #fff;}
.top_right{color:#666;}
.top_right a{padding: 0 10px}

.nav > ul > li {float: left;height: 44px;line-height: 44px;color: #333333;font-size: 16px;text-align: center;padding: 0 15px;margin:13px 10px;position: relative;}
.nav > ul > li > a{font-weight: bold;border-bottom:3px solid #fff;}
.nav > ul > li:hover a,.nav > ul > li a.on{color: #009148;border-bottom:3px solid #009148;display: block;}

.nav ul.sub{position: absolute;top: 48px;z-index: 999;display: none;width: 100%;left: 0px}
.nav > ul > li:hover ul.sub{display: block;border-radius: 5px;overflow: hidden;}
.nav > ul > li:hover ul.sub li{line-height: 35px;height: 35px;background: rgba(0,0,0,0.7);}
.nav > ul > li:hover ul.sub li a{color: #fff;font-size: 14px;display: block;}
/*banner start*/
.flexslider {
    margin: 0px auto 0px;
    position: relative;
    width: 100%;
    height:520px;
    overflow: hidden;
    zoom: 1;
}

.flexslider .slides li {
    width: 100%;
    height: 100%;
}

.flex-direction-nav a {
    width: 70px;
    height: 70px;
    line-height: 99em;
    overflow: hidden;
    margin: -35px 0 0;
    display: block;
    background: url(../images/ad_ctr.png) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    border-radius: 35px;
}

.flex-direction-nav .flex-next {
    background-position: 0 -70px;
    right: 0;
}

.flex-direction-nav .flex-prev {
    left: 0;
}

.flexslider:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background:rgba(0,0,0,0.2);
    border-radius: 11px;
}

.flex-control-paging li.active{
    background: #009148;
}

.flex-control-paging li a {
    display: block;
    height: 11px;
    overflow: hidden;
    text-indent: -99em;
    width: 11px;
    cursor: pointer;
    -webkit-transition: all 0s ease;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
    background-position: 0 0;
}

.flexslider .slides a img {
    width: 100%;
    height: 550px;
    display: block;
}
/*banner end*/

.title{text-align: center;height: 80px;background: url(../images/titbg.png) no-repeat center 15px;padding-bottom: 30px}
.title b{font-size: 38px;color: #dfdfdf;font-family: Arial;line-height: 38px}
.title p{font-size: 28px;text-align: center;letter-spacing: 2px}

/*product start*/
.product{padding: 50px 0;}
.pro_l{ width: 280px;margin-right:21px; float: left; border: 1px solid #eee;}
/* .pro_l ul li{width: 140px;height:40px;background: #d9e9e1;border-bottom: 9.5px solid #fff; float: left;margin-right: 15px; text-align: center;}
.pro_l ul li a{display: block;line-height: 40px;font-size: 16px;color: #009148;}
.pro_l ul li img{width: 40px;height: 40px;display: inline-block;vertical-align:middle;margin:0 15px 0 25px;}
.pro_l ul li.on{background: #009148}
.pro_l ul li.on a{color: #fff}
.pro_l ul li.on img{background: #fff;border-radius: 50px} */

.pro_r{width: 890px; float: left;}
.pro_r ul li{float: left;position: relative; margin-bottom: 18px;margin-right: 13px;width: 278px;height: 216px;border:5px solid #dfdfdf; overflow: hidden;}
	.subscript{
		  z-index: 22;
	 	  color: #FFFFFF;
	 	  height: 30px;
	 	  width: 200px;
		  top: 22px;
	 	  position: absolute;
	 	  right: -63px;
	 	  text-align: center;
	 	  line-height: 30px;
	 	  background-color: red;
	 	  -moz-transform:rotate(45deg);
	 	  -webkit-transform:rotate(45deg);
	 	  -o-transform:rotate(45deg);
	 	  -ms-transform:rotate(45deg);
	 	  transform:rotate(45deg);}
.pro_r ul li:nth-child(3n){margin-right: 0;}
.pro_r ul li .img{width: 100%;height: 216px;overflow: hidden;}
.pro_r ul li .img img{ width: 100%; height: auto; display: block;transition:.5s ease-in;}
 
.pro_r ul li:hover {border-color: #009148}
.pro_r ul li p{position: absolute;bottom: 0px;width: 100%;height: 40px;text-align: center;line-height: 40px;background: rgba(0,0,0,0.6);color: #fff;font-size: 16px}
.pro_r ul li:hover p{background: #009148;}

/*company start*/
.company{padding: 50px 0 0;background: url(../images/combg.jpg) no-repeat center bottom;}
.comimg{display:block;height:326px;width:437px;float:left;margin-right:74px}
.comzi{height: 298px; margin:0 0 10px 0;}
.comcont{float: left;  width: 688px;}
.comzi span{display:block;font-size:18px;color:#009148;font-weight:700}
.comzi p{display:block;margin-top:13px;font-size:14px;line-height:28px;color:#646464;font-size: 15px;text-indent: 2em;}
.comzi em{display:block;margin-top:18px;color:#009148;font-weight:700}
.comzi em a{color:#009148;font-size:14px;}
.envir{width:1200px;height:205px;overflow:hidden;padding: 15px 0px;margin-top: 33px;}

.envir .picMarquee-left{ width:100%;overflow:hidden; position:relative; }

.envir .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.envir .picMarquee-left .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.envir .picMarquee-left .bd ul li img{ width:248px; height:180px; display:block; padding:2px; border:1px solid #ccc; }
.envir .picMarquee-left .bd ul li a:hover img{ border-color:#999;  }

/*company end*/


/*adv start*/
.youshi{background: url(../images/y5.jpg) no-repeat center bottom;height: 654px;padding-top: 40px;}
.ysa{width: 750px;}
.ysaa{width: 100%;margin-top: 25px;}
.ysaa p{float: right;text-align: right;color: #3e403f;line-height: 25px;margin-right: 25px;height: 100px;font-size: 15px}
.ysaa p span{font-size: 24px;color: #009148;font-weight: bold;line-height: 40px;}
.ysaa img{float: right;margin-top: 16px;}
.ysaa:nth-child(2){position: relative;right:35px;}
.ysaa:nth-child(3){position: relative;right:70px;}
.ysaa:nth-child(4){position: relative;right:105px;}

.ysb{margin-right: 48px;margin-top: 80px;position: relative;}
.ysb .tel{position: absolute;top: 200px;text-align: center;color: #fff;width: 391px;}
.ysb .tel img{padding: 10px 0}
.ysb .tel p{text-align: center;font-size: 16px;}
.ysb .tel p.p2{font-size: 34px;font-weight: bold;font-family: Arial;color: #FFB932;padding-top: 10px}
.ysaa:hover img{animation: dh1 2s linear infinite;}

/*new start*/
.new{padding-bottom: 50px;}
.new_body .new_r{width: 338px;padding: 25px;}
.new_body .nr_tit{padding-bottom: 25px;border-bottom: 1px dashed #e1e1e1}
.new_body .nr_tit b{font-size: 22px;padding-right: 10px;color: #009148;letter-spacing: 1px}
.new_body .nr_tit span{font-family: Arial;font-size: 22px;color: #cfcfcf}
.new_body .new_r .newstimg{height: 120px; overflow: hidden; width: 100%;justify-content: center;display: flex;align-items: center;}
.new_body .new_r .newstimg img{align-items: center;}
.new_body .new_r dl dt,.new_body .new_r dl dd{border-bottom: 1px dashed #e1e1e1;padding: 10px 0}
.new_body .new_r dl p{display: block;font-size: 16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new_body .new_r dl i{color: #aaa;line-height: 200%;padding-bottom: 10px;}
.new_body .new_r dl .con{line-height: 150%;font-size: 13px;color: #999}
.new_body .new_r dl dt:hover p,.new_body .new_r dl dd:hover p{color: #009148}
.new_body .new_r dl dt:hover i,.new_body .new_r dl dd:hover i{color: #009148}
.new_body .new_r dl dt:hover .con{color: #009148}
.new_body .more{display: block;width: 100px;height: 35px;border:1px solid #FFB932;margin-top: 25px;background: url(../images/more_jt.png) no-repeat center;}
.new_body .more:hover {background: url(../images/more_jt1.png) no-repeat center #FFB932;}

/*footer start*/
.footer{ border-bottom: 1px solid #333333;background: #171717;}
.footer a{ color: #aaa}
.footer_nav{ border-bottom: 1px solid #333333;}
.footer_nav ul{background: url(../images/line.jpg) no-repeat center left;}
.footer_nav ul li { float: left; width: 200px;height: 86px;line-height: 86px;font-size: 16px;color: #666666;text-align: center;background: url(../images/line.jpg) no-repeat center right;}
.footer_nav ul li:hover a{ color: #fff;}
.footer_introduce { padding: 40px 0;}
.dibu_logo { border-right: 1px solid #555;margin-top: 15px;}
.dibu_intro { padding: 15px 0 0 62px;color: #666;font-size: 15px;}
.dibu_intro span {display: inline-block;line-height: 200%;color: #aaa}
.dibu_intro span.span1 {width: 260px;}
.dibu_intro a:hover{color: #ffffff;}
.dibu_erweima img{margin-bottom: 10px;}
.dibu_erweima {font-size: 14px;text-align: center;width: 170px;}
.dibu_erweima p{writing-mode:tb-rl;color: #aaa;display: block;padding-left: 15px;width: 15px;letter-spacing: 1px;}
/*footer end*/