@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; transition: 0.2s; }

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;}



.fl {float:left;}

.fr {float:right;}

.clear{clear:both;}

.w0{width: 100%;}

.w1200{width: 1200px;margin:0 auto;}

.w1140{width: 1140px;margin:0 auto;}



/*header start*/

.topWrap {background:#fff;position: relative; }



.twz { background: #ececec; height: 40px; color: #666666; line-height: 40px; font-size: 14px;}

.twz a { display: inline-block;  color: #666666; position: relative;padding:0 0 0 20px; }

.h_nr { height: 110px;padding:20px 0; box-sizing: border-box; }

.logo {overflow: hidden; box-sizing: border-box; float: left;}

.h_nr .logo_txt {font-size: 17px; color: #666666;  text-align: left; line-height: 33px;font-weight: normal;margin-top: 0px;margin-left: 24px;float: left;padding-left: 30px;background: url(../images/logo_txt.png)/*logo_txt.png*/ no-repeat left 7px;}

.h_nr .logo_txt i{font-weight: bold; font-size:25px; color: #333333; display: block; line-height: normal;padding-top: 8px}

.h_nr .sc{margin-top: 5px;height:52px; padding-left: 58px; background: url(../images/tel.png)/*tel.png*/ no-repeat left 3px; float: right; box-sizing:border-box;  font-size: 14px; color:#333333; position: relative;}

.h_nr .sc i{line-height: 160%}

.h_nr .sc p {overflow: hidden; color: #333333;font: 28px "Arial";  font-weight: bold; line-height: 28px;}

.nav{ height: 60px; background: #31343a;}

.nav > ul{  height: 60px; width: 1200px;margin:0 auto;}

.nav > ul > li { float: left;font-size: 18px; position: relative;z-index: 999;}

.nav > ul > li > a {height: 60px;line-height: 60px; display: block; position: relative;z-index: 2; color: #ffffff;box-sizing: border-box;width: 200px;text-align: center;}

.nav > ul > li:before{content:'';position:absolute;height:100%;width:1px;background:#4c4e53;background-size:100%; top:0;right:0;}

.nav > ul > li:after{content:'';position:absolute;height:0%;width:100%;background:#058934;bottom:0;left:0;-webkit-transition:height .5s;transition:height .5s;color: #fff; z-index: 1;;}

.nav > ul > li:hover:after,.nav >ul > li.cur:after{height:100%;color: #fff;z-index: 1;}

.nav > ul > li > a:hover, .nav .cur a { font-weight: bold; text-decoration: none;  color: #fff; }

.nav > ul > li.nones:before{background: none;}

.nav > ul .erji{position: absolute;top: 60px;width: 100%;z-index: 999999999;display: none;}

.nav > ul .erji li{background:rgba(0,0,0,0.7);border-bottom:1px solid #444;height: 50px;line-height: 50px;font-size: 16px;text-align: center;}

.nav > ul .erji li a{color: #fff}

.nav > ul > li:hover .erji{display: block;}

.nav > ul > li:hover .erji li a{display: block;}

.nav > ul > li:hover .erji li:hover {background: #058934}



/*banner start*/

.flexslider{

	position: relative;

	width: 100%;

	height:600px;

	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)/*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;

}

.flex-control-paging li a {

	background: rgba(0,0,0,0.3);

	display: block;

	height: 10px;

	overflow: hidden;

	text-indent: -99em;

	width: 10px;

	cursor: pointer;

	-webkit-transition: all 0s ease;

	border-radius: 10px;

}

.flex-control-paging li a.flex-active,.flex-control-paging li.active a{

	background: #058934d;

}

.flexslider .slides a img {

	width: 100%;

	height: 600px;

	display: block;

}



/*adv start*/

.title{text-align: center;}

.title p{font-size: 38px;color: #333;text-align: center;}

.title i{display:block;font-size: 16px;color: #777;padding-top: 5px}



.adv{padding: 50px 0 60px;background: url(../images/webg.jpg)/*webg.jpg*/ no-repeat center;}

.adv .adv_body .adv_con{width: 350px;text-align: center;padding-left: 75px;padding-top:40px;background: url(../images/line.png)/*line.png*/ no-repeat center left;}

.adv .adv_body .adv_con:nth-child(1) {padding-left: 0px;background: none}

.adv .adv_body b{color: #333;font-size: 24px;padding-bottom: 15px;display: block;height: 60px;background: url(../images/shou.png)/*shou.png*/ no-repeat center;}

.adv .adv_body p{line-height: 180%;text-align: center;font-size: 16px}

.adv .adv_body a{display: block;width: 30px;height: 30px;margin:15px auto 0 auto;background: url(../images/jia.png)/*jia.png*/ no-repeat center;}



/*产品优势*/

.g_cpys .title{padding-bottom: 100px}

.g_cpys .title p {color: #fff;}

.g_cpys .title i{color: #999}

.g_cpys{ height:810px; background:url(../images/cpysbg.jpg)/*cpysbg.jpg*/ no-repeat center top; padding-top:70px;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative; }

.g_cpys h2{margin-bottom: 100px; color: #fff;}

.g_cpys h2 b{color: #058934; font-size: 54px;}

.g_cpys h2 p{color: #fff;}

.cpys {width:1200px;margin:0 auto; height: 480px;position: relative;}

.cpys li{width:360px;position: absolute;}

.cpys li em{height: 73px;width:73px; float: left;overflow: hidden;position: relative;margin-right: 10px;}

.cpys li em img{position: absolute;left:0;top:0;}

.cpys li h4{font-size: 30px; color: #fff; font-weight: normal;line-height: 40px;float: left;}

.cpys li h4 p{ font-size: 17px; color: #ffffff;}

.cpys li:nth-child(1){left:0;top:230px;}

.cpys li:nth-child(2){left:260px;top:0px;}

.cpys li:nth-child(3){left:755px;top:0px;}

.cpys li:nth-child(4){left:940px;top:230px;}

.cpys li em img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}

.cpys li:hover em img{top: -73px;}



/*product start*/

.product{padding:0 0 50px 0;background: url(../images/probg.jpg)/*probg.jpg*/ no-repeat center top;}

.pro_l{width: 320px;background: #efefef}

.pro_l .pl_top{height:110px;margin:20px;background: #efefef;color: #666;text-align: center;border:1px solid #dfdfdf;}

.pro_l .pl_top i{font-size: 18px;display: block;padding-top: 20px}

.pro_l .pl_top b{font-size: 38px;color: #058934;letter-spacing: 2px}

.pro_l > ul{width: 320px;background: #efefef;padding:0 0 13px 0;border-top: 0;}

.pro_l > ul > li > a{width: 260px;height: 35px;padding-left:15px;background: #058934;color: #fff;margin: 9px auto;line-height: 35px;display: block;font-size: 16px;border-left:5px solid #F7C61A;}

.pro_l ul.two {width: 280px;margin:6px auto;}

.pro_l ul.two > li {font-size: 14px;line-height: 19px;width: 140px;float: left;text-indent: 1em;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}





.pro_r{width: 876px;}

.pro_r .pr_top{background: url(../images/prtopbg.png)/*prtopbg.png*/ repeat-x;height: 72px;padding-top: 50px;line-height: 72px;font-size: 18px;color: #fff;text-align: right;padding-right: 0px;letter-spacing: 1px}

.pro_cp{width: 876px;margin-top: 30px}

.pro_cp li{width: 252px;margin-left: 20px;background: #efefef;padding: 10px;float: left;margin-top: 30px;}

.pro_cp li a{display: block;border: 1px solid #fff;}

.pro_cp li .img{width: 250px;height: 188px;overflow: hidden;}

.pro_cp li .img img{width: 250px;height: 188px;cursor: pointer;transition: all 2s;}

.pro_cp li:hover .img img{transform: scale(1.2);}

.pro_cp li p{line-height: 40px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;color: #454545;padding: 0 30px;width: 200px;}

.pro_cp li:hover{background: #058934;}

.pro_cp li:hover p{color: #fff;}

/*product end*/



/*company start*/

.company{ padding:80px 0 ; position:relative; z-index:100;}

.company .baseTitle{ padding-bottom:30px;}

.company .about_t{ height:118px; background:url(../images/about_t.png)/*about_t.png*/ left center no-repeat;}

.company .about_t .span1{ line-height:50px; padding-left:100px; font-size:29px; color:#444;margin-top: 70px;}



.company .aboutBox .m{ display:block; height:33px; border:1px solid #ddd; color:#999; font-size:13px; padding:0 30px; line-height:33px; border-radius:33px; margin-top:30px;width: 90px;text-align: center;text-indent: 0rem;}

.company .aboutBox .m:hover{ background-color:#058934; border:1px solid #058934; color:#fff;}

.company .img{ width:410px; height:316px;position:relative; z-index:11;background-color:#058934; box-shadow:0 5px 10px rgba(0,0,0,0,1); }

.company .img img{ display:block; width:386px; height:292px; margin:12px;}

.company .content{width:540px;}

.company .content .aboutBox{ line-height:180%;font-size: 15px;color:#333333; width:100%; text-indent:2rem;margin-top:35px;}



.company .com_r{width: 540px;height: 320px;background: #058934;padding:25px 30px 35px}

.company .com_r b{font-size: 30px;color: #fff}

.company .com_r span{color: #fff;font-size: 15px}





		

.multipleLine .bd{height:340px; overflow:hidden;margin-top: 20px}

.multipleLine .bd ul{ overflow:hidden; zoom:1; margin-bottom:10px;  }

.multipleLine .bd ul li{ margin:0 7px; float:left; _display:inline; overflow:hidden; text-align:center;  }

.multipleLine .bd ul li .pic{ text-align:center; }

.multipleLine .bd ul li .pic img{ width:165px; display:block;   }

.multipleLine .bd ul li .pic a:hover img{ border-color:#999;  }







/*



.company .com_r ul li{width: 165px;float: left;margin-left: 22px;margin-top: 15px}

.company .com_r ul li:nth-child(3n+1) {margin-left: 0px}

.company .com_r ul li img{width: 100%}*/



/*new start*/

.new{padding: 50px 0 0 0;background: #f1f1f1}

.news_c{ width: 697px; overflow: hidden; padding-top: 30px;}

.new .new_title{ height: 72px;background:url(../images/n_h31.png)/*n_h31.png*/ no-repeat left 1px;}

.new .new_title span{ color: #058934; font-size: 18px;font-weight: bold;}

.new .new_title span small{color: #aaa;font-weight: normal}

.new .new_title a{ display: inline-block; float: right; font-weight: normal; padding-top: 2px; margin-right: 40px; font-size: 14px; color: #555; line-height: 20px;}



.news_c dl{overflow: hidden; width:344px; float: left;}

.news_c dl dt{width:344px; height:206px; overflow: hidden; position: relative;}

.news_c dl dt img{ width:344px;}

.news_c dl dd>a{width: 100%; display: inline-block; float:left; font-size: 16px; color: #333; font-weight: bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height: 55px; line-height:55px;}

.news_c dl dd a:hover{ color: #058934;}

.news_c dl dd p{ font-size: 14px; color: #555; padding-top:3px; line-height: 26px;}

.news_c ul{overflow: hidden; width:315px; float: right;}

.news_c ul li{ overflow: hidden;border-bottom:1px dashed #979797; height: 108px; margin-bottom: 26px;}

.news_c ul li b{ display: inline-block; float: left; color: #555555; font-family: Arial; font-size:28px; font-weight: normal;width:60px; text-align: center; height: 61px; border: 2px solid #e5e5e5; padding-top: 15px;}

.news_c ul li b span{ display: block; font-size: 14px; color: #555;}

.news_c ul li em{ display: inline-block; float: right; width:235px;}

.news_c ul li strong{ display: block; height: 26px; line-height: 26px;}

.news_c ul li strong a{ display: inline-block; float: left; font-size: 16px; color: #333;width: 235px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.news_c ul li i{ display: block; font-size: 14px; color: #555; line-height: 24px; padding-top: 6px;}

.news_c ul li:nth-child(3) {border-bottom: none;}

.news_c ul li.cur b{ background: #058934; color: #fff; border-color: #058934;}

.news_c ul li.cur span{ color: #fff;}



.news_r{width: 438px;overflow: hidden;padding-top: 30px;}

.news_r .new_title{background:url(../images/n_h32.png)/*n_h32.png*/ no-repeat left 1px;}

.news_r dl{ height: 108px; border-bottom: 1px dashed #adadad; margin-bottom: 26px;}

.news_r dl dt{background:url(../images/n_w.jpg)/*n_w.jpg*/ no-repeat; height: 40px; line-height:30px; padding-left: 55px;}

.news_r dl dt a{display:block;font-size: 16px; color: #333; font-weight: bold;width: 383px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.news_r dl dd{ padding-left: 55px; font-size: 14px; color: #555; line-height: 24px;}

.news_r dl dd p{position: relative;top: -5px}

.news_r dl:nth-child(4) {border-bottom: none;}

/*new end*/



/*footer*/

.footWrap{ background:url(../images/ftbg.jpg)/*ftbg.jpg*/ no-repeat center top;padding-top:40px;box-sizing: border-box;}

.footWrap .footer{width:1200px;margin:0 auto;}

.footWrap .ft-top{height:176px; box-sizing: border-box;}

.footer .f_lx{padding: 30px 0;font-size: 16px;color: #fff}

.footer .f_lx ul{width: 200px;padding-left: 130px;padding-right: 315px;line-height: 35px;background: url(../images/qz_icon.png)/*qz_icon.png*/ no-repeat 90px 5px;}

.footer .f_lx ul:nth-child(1) {margin-left: 0px;border-left: 0px;padding-left: 40px;background: url(../images/qz_icon.png)/*qz_icon.png*/ no-repeat left 5px;}

.footer .f_lx ul:nth-child(3) {padding-right: 30px}





.footWrap .ft-cen{height: 99px;padding-top:36px;box-sizing: border-box; border-top:1px solid rgba(207,207,207,0.33);border-bottom:1px solid rgba(207,207,207,0.33);}

.footWrap .ft-cen em{display: block;float:left;height:58px; line-height: 24px; position: relative; box-sizing: border-box;padding-right: 20px;margin-right: 20px}

/*.footWrap .ft-cen em:before{content:"/";font-size: 14px; color:rgba(255,255,255,0.5); position: absolute;top:5px; right:0;}*/

.footWrap .ft-cen em:last-child:before{display: none;}

.footWrap .ft-cen em i{display: inline-block;height:58px;padding-left:37px; line-height: 32px; font-size: 16px; color:#FFF;}

.footWrap .ft-cen em .ft1{background:url(../images/ftico2.png)/*ftico2.png*/ no-repeat left 0;}

.footWrap .ft-cen em .ft2{background:url(../images/ftico3.png)/*ftico3.png*/ no-repeat left 0;}

.footWrap .ft-cen em .ft3{background:url(../images/ftico4.png)/*ftico4.png*/ no-repeat left 0;}

.footWrap .ft-cen em .ft4{background:url(../images/ftico1.png)/*ftico1.png*/ no-repeat left 0;}

.footWrap .ft-cen em:nth-child(4) {padding-right: 0px;margin-right: 0px}



.footWrap .ft-bot{padding-top:20px;}

.footWrap .ft-bot .ft-xx{width:100%;padding-top:25px;}

.footWrap .ft-bot .ft-xx p{height:38px;}

.footWrap .ft-bot .ft-xx p em{display: inline-block; height:38px; line-height: 38px;font-size: 15px; color:#FFF;}

.footWrap .ft-bot .ft-xx p em a{font-size: 14px; color:#FFF;}

.footWrap .ft-bot .ft-code{float:right;}

.footWrap .ft-bot .ft-code span{display: block; float:left; width:105px; height:105px; line-height: 0; overflow: hidden; margin-left: 20px;}

.footWrap .ft-bot .ft-code span img{width:100%;}

.footWrap .ft-bot .ft-code p{text-align: center;color: #fff;padding-left: 20px;padding-top: 30px}