@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1400px;color:#444; font-family: arial; font-size: 14px;}
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;}
.w1300{width: 1300px;margin:0 auto;}

/*header start*/
.header{position: fixed;z-index: 999999;background: #fff}
.header .head_top{height: 35px;background: #eee;color: #666;line-height: 35px;}
.header .head_top .ht_r > a{line-height: 35px;color: #fff;padding-right: 30px;}
.header .head_top .lan{position: relative;margin-left: 30px;}
.header .head_top .lan a{margin-left: 5px;display: inline-block;width: 35px;height: 20px;line-height: 20px;text-align: center;color: #fff}
.header .head_top .lan a.cn{background: #E50014}
.header .head_top .lan a.en{background: #0117FF}
.header .head_body{height:84px;padding: 15px 0}
.header .head_body .hb_con{padding: 18px 0 0 15px}
.header .head_body .hb_con p{font-size: 18px;line-height: 28px;color: #999}
.header .tel{padding: 15px 0 15px 70px;background: url(../images/mail.png) no-repeat center left;}
.header .tel p{font-size: 16px;line-height:20px;}
.header .tel b{font-size: 24px;color: #37B54A;font-family: Arial;line-height: 34px;}
.header .head_nav{height: 60px;background: url(../images/navbg.png) no-repeat center;}
.header .head_nav > ul > li{float: left;width:190px;text-align: center;position: relative;z-index: 999999}
.header .head_nav > ul > li:nth-child(1) {width: 250px;}
.header .head_nav > ul > li > a{text-align: center;height: 50px;line-height: 50px;margin-top: 10px;display: block;color: #fff;font-size: 17px;}
.header .head_nav > ul > li:nth-child(1) a {height: 60px;line-height: 60px;padding: 0 20px 0 20px;background: url(../images/icon.png) no-repeat 35px center;text-indent: 15px;margin:0;color: #fff}
.header .head_nav > ul > li:hover > a{background: #37B54A;color: #fff}
.header .head_nav > ul > li:nth-child(1):hover a{background: url(../images/icon.png) no-repeat 35px center;}
.header .head_nav .sub{display:none;width:100%;left:0;top:60px;position:absolute;z-index:9999;background:rgba(0,0,0,0.6);line-height:45px;}
.header .head_nav .sub li{zoom:1;}
.header .head_nav .sub a{display:block;padding:0 10px;text-align:center;color:#fff;font-weight: normal;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.header .head_nav .sub a:hover{background:#2CAD42;color:#fff;}
/*header end*/

/*banner start*/
.banner{padding-top: 209px;position: relative;}
.banner .banimg{position: absolute;z-index: 9999;top: 220px}
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	height: 500px;
	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;
}
.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: #2CAD42;
}
.flexslider .slides a img {
	width: 100%;
	height: 500px;
	display: block;
}
/*banner end*/

/*advtop start*/
.advtop{padding-top: 50px}
.advtop .title1{padding-bottom: 20px}
.advtop ul li{width: 300px; height: 260px;padding: 50px 0;background: #f1f1f1;text-align: center;}
.advtop ul li:nth-child(2n) {background: #e6e6e6}
.advtop ul li img{width: 120px;height: 120px;padding-bottom: 20px}
.advtop ul li b{display: block;font-size: 19px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.advtop ul li p{display: block;padding: 15px 25px 0;text-align: left;}
.advtop ul li:hover {background: #e0f0e2}

/*advtop end*/

/*product start*/
.product{padding:50px 0;}
.title1{text-align: center;}
.title1 b{font-size: 35px;line-height: 50px;color: #333;text-transform: uppercase;}
.title1 em{width: 60px;height: 3px;background: #41AA50;margin: 10px auto;display: block;}
.title1 p{text-align:center;line-height: 160%;color: #888;}
ul.pro_list{margin-top: 30px}
ul.pro_list > li{width: 195px;float: left;text-align: center;height: 50px;background: #e1e1e1;border-bottom: 3px solid #2CAD42;line-height: 50px;font-size: 17px;margin-left: 10px;position: relative;}
ul.pro_list > li > a{display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.pro_list > li:nth-child(1) {margin-left: 0px}
ul.pro_list > li:nth-child(3) {width: 200px}
ul.pro_list > li:nth-child(4) {width: 260px}
ul.pro_list > li:nth-child(5) {width: 310px}
ul.pro_list .erji{display: none;width: 100%;position: absolute;z-index: 99999;top: 53px;padding: 10px 0;background:rgba(220,220,220,0.9);}
ul.pro_list .erji li{height: 30px;line-height: 30px;text-align: center;font-size: 14px;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.pro_list > li:hover .erji{display: block}

.pro_con{ overflow:hidden; zoom:1; padding:40px 0 0px 71px; position:relative;}
.pro_con .sPrev,.pro_con .sNext{ position:absolute; left:5px; top:40px; display:block; width:46px; height:485px; background: url(../images/arrow-left.png) no-repeat center;}
.pro_con .sNext{ left:auto; right:5px; background: url(../images/arrow-right.png) no-repeat center;}
.pro_con .sPrev:hover,.pro_con .sNext:hover{ border-color:#f60;}
.pro_con  ul{ overflow:hidden; zoom:1;}
.pro_con  ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center;position: relative;}
.pro_con  ul li .pic{ text-align:center; }
.pro_con  ul li .pic img{ width:380px; height:285px; display:block; }
.pro_con  ul li .pic a:hover img{ border-color:#999;}
.pro_con  ul li em {display: block;width: 68px;height: 77px;position: absolute;top: 245px;left: 156px;background: url(../images/iconbg.png) no-repeat center;}
.pro_con  ul li .zi{width: 380px;height: 200px;background: #f1f1f1;text-align: center;}
.pro_con  ul li .zi b{text-align: center;font-size: 22px;color: #444;position: relative;top: 45px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro_con  ul li .zi p{font-size: 14px;padding: 0 70px;position: relative;top: 60px;line-height: 160%;color: #666;}
/*product start*/

/*case start*/
.case{padding:50px 0 50px;}
.case ul li{float: left;width: 280px;margin: 30px 0 0 26px;position: relative;background: #000}
.case ul li .img{width: 280px;height:152px;overflow: hidden;}
.case ul li img{width: 280px;height:152px;opacity: 0.4;display: block;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;}
.case ul li:hover img {opacity: 1;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)}
.case ul li p{display: block;width: 210px;height: 50px;line-height: 50px;text-align: center;position: absolute;top: 0px;color: #fff;font-size: 17px;border: 1px solid #fff;border-width:1px 0 1px 0;margin: 50px 34px;}
.case ul li:nth-child(4n+1) {margin-left: 0px;}
.case ul li:hover p{display: none;}
/*case end*/

/*adv start*/
.youshi{height: 630px;padding: 50px 0;background: url(../images/en_youshi.jpg) no-repeat center #efefef;}
.youshi ul{padding-top: 195px;}
.youshi ul li{width: 700px;padding-left: 70px;margin-bottom: 20px;}
.youshi ul li b{font-size: 21px;line-height: 170%;color: #444;text-transform: uppercase;}
.youshi ul li p{font-size: 14px;line-height: 140%;color: #777;display: block;width: 545px}
.youshi ul li:nth-child(1) p{width: 680px;}
/*adv end*/

/*liuyan start*/
.login{background: url(../images/liuyanbg.jpg) no-repeat center;position: relative;}
.login img.jt{position: absolute;z-index: 9999;top: calc(50% - 17px);left: calc(50% - 17px)}
.login_l {width:50%;height: 265px;float:left;}
.login_l b{display: block;color: #2CAD42;font-size: 40px;padding-top: 35px;text-shadow:2px 2px 0px #fff}
.login_l p{color: #666;font-size: 22px;font-family: Arial;line-height: 32px}
.login_r {width:50%;height: 265px;float:left;background: #2CAD42;}
.login_r form{padding-top: 20px}
.inputs{width: 60%;padding-left:52px;float: left;padding-top: 5px}
.inputs input{background: #fff url(../images/login-sprite.png) no-repeat;padding: 11px 15px 11px 30px;margin: 0 0 8px 0;width: 78%; border: 1px solid #eaeaea;}
#company{background-position: 5px -34px !important;}
#name{background-position: 5px 0px !important;}
#tel{background-position: 5px -65px !important;}
#e-mail{background-position: 5px -31px !important;}
.inputs input:focus{outline: none;}
.inputs textarea{padding: 11px 15px 11px 30px;margin: 0 0 8px 0;width: 78%; border: 1px solid #eaeaea;height: 50px;background: url(../images/lyicon.png) no-repeat 6px 10px #fff;font-family: 'Arial'}
.submit{width: 25%;float: left;padding-top: 5px}
.submit .input-code {outline: none;width: 128px;;height: 35px;line-height: 35px;border: none;text-indent: 10px;border: 1px solid #eaeaea;}
.indexcode{vertical-align: top;height: 39px;margin-top: 8px;width: 130px;}
.submit .btn_sub{display: block;width: 130px;;height: 39px;background: #444;padding: 0;border:none;color: #fff;font-size: 15px;margin-top: 90px;}
/*liuyan end*/

/*point start*/
.point{padding: 100px 0 50px 0;height: 500px;background: url(../images/pointbg.jpg) no-repeat center top;}
.point ul{position: relative;height: 500px;background: url(../images/pointbg.png) no-repeat center;}
.point ul li{font-size: 16px;padding: 20px 0;width: 370px;background: url(../images/libg.jpg) no-repeat center left;box-shadow: 5px 5px 5px 0px #999;}
.point ul li em{display: inline-block;width: 70px;line-height: 50px;float: left;color: #fff;font-size: 40px;font-family: Arial;text-indent:15px}
.point ul li span{display: block;float: left;line-height: 25px;color: #fff}
.point ul li:nth-child(1) {position: absolute;top: -30px;left: 395px;}
.point ul li:nth-child(2) {position: absolute;top: 170px;left: 5px;}
.point ul li:nth-child(3) {position: absolute;top: 170px;right: 00px;}
.point ul li:nth-child(4) {position: absolute;top: 400px;left: 65px;}
.point ul li:nth-child(5) {position: absolute;top: 400px;right: 60px;}
/*point end*/

/*company start*/
.company .title .title_l{width: 70%;}
.company .title .title_l p{display: block;font-size: 35px;color: #333;font-weight: bold;}
.company .title .title_l i{display: block;color: #999;padding: 8px 0 12px;font-size: 14px;}
.company .title .title_l em{display: block;width: 52px;height: 3px;background: #2CAD42;}
.company .title .title_r a{display: block;width: 120px;height: 35px;background: #2CAD42;line-height: 35px;border-radius: 17px;text-align: center;color: #fff;margin-top: 25px;}

.company{padding: 50px 0;background: url(../images/com_bg.jpg) no-repeat center;}
.company .com_body{padding: 40px;background:url(../images/combgline.jpg) repeat-y center;}
.company .com_body .com_r{width: 700px;height: 300px;overflow: hidden;}
.company .com_con{margin-top: 20px;}
.company .com_con p{line-height: 170%; margin-bottom: 20px;}
/*company end*/

/*hezuo start*/
.hezuo{padding: 30px 0;background: #ebebeb}
.hezuo{overflow:hidden; position:relative;}
.hezuo .bd{}
.hezuo .bd ul{ overflow:hidden; zoom:1; }
.hezuo .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.hezuo .bd ul li .pic{ text-align:center; }
.hezuo .bd ul li .pic img{ width:170px; height:85px; display:block; padding:2px; border:1px solid #ccc; }
.hezuo .bd ul li .title{ line-height:24px;}
/*hezuo end*/


/*new start*/
.new{padding: 50px 0;}
.new .new_body{padding-top: 20px;}
.new .new_body .new_l{width: 650px;}
.new .new_body .new_l .new_con{width: 650px;margin-top: 20px;background: #f1f1f1}
.new .new_body .new_l .new_con .title{display: inline-block;width:70px;height:75px;background: #aaa;color: #fff;padding-top: 5px;float: left;text-align: center}
.new .new_body .new_l .new_con .title b{color:#fff;line-height: 45px;font-size: 38px;}
.new .new_body .new_l .new_con .cont{display: inline-block;height: 80px;width: 550px;float: right;margin-right: 10px}
.new .new_body .new_l .new_con .cont .xwtitle{clear: both;}
.new .new_body .new_l .new_con .cont p{line-height: 200%;font-size: 17px;color: #333;padding-top: 7px;display: block;width: 480px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float: left;}
.new .new_body .new_l .new_con .cont font{line-height: 160%;color: #777;font-size: 15px;display: block;width: 550px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new .new_body .new_l .new_con:hover .title{background: #2CAD42}
.new .new_body .new_l .new_con .xwtitle em{display:block;width: 20px;height: 20px;background: #aaa;color: #fff;text-align: center;line-height: 20px;float: right;margin-top: 15px}
.new .new_body .new_l .new_con:hover .xwtitle em{background: #2CAD42}

.new .new_body .new_r{width: 470px;}
.new .new_body .new_r .top{width: 470px;height: 14px;background: url(../images/line.jpg) no-repeat center;}
.new .new_body .new_r ul{padding-top: 10px}
.new .new_body .new_r ul li{height: 48px;line-height: 48px;border-bottom: 1px dashed #dfdfdf}
.new .new_body .new_r ul li p{width: 340px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 48px;padding-left: 30px;background: url(../images/jt.png) no-repeat center left;font-size: 15px;}
.new .new_body .new_r ul li:hover p{color: #2CAD42;background: url(../images/jt1.png) no-repeat center left;}
/*new end*/

/*footer start*/
.footer{padding:35px 0 25px 0;background: #222}
.footer ul{margin-right:40px;}
.footer ul li b{font-size: 16px;color: #fff;margin-bottom: 10px;font-weight: normal;}
.footer ul li:nth-child(1){margin-bottom: 10px;border-bottom: 1px solid #2CAD42}
.footer ul li{line-height: 35px;color: #999;font-size: 15px;}
.footer ul li a{color: #999}

.footer .foot_r > p{line-height: 30px;color: #aaa}
.footer .foot_r p > span{display: block;line-height: 30px;}
.footer .foot_r .tel p{font-size: 16px;color: #2CAD42}
.footer .foot_r .tel b{font-size: 30px;font-family: Arial;color: #ccc;position: relative;}
.footer .foot_r .tel{height:60px;padding-left: 70px;background: url(../images/tel1.png) no-repeat center left;}
.footer .ewm{text-align: center;}
.footer .ewm font{color: #ddd;text-align: center;font-size: 15px;line-height: 20px;padding-top: 5px;display: block;}
.footer .ewm .but_box{padding-top: 20px;}
.footer .ewm .but_box a{display: inline-block;padding: 0 7px}
.footer .ewm .but_box a img{border-radius: 4px}
.footer .ewm span{ display: block; float: left; padding: 15px 7px;}
.foot_bot{height:35px;background: #000;line-height: 35px;color: #fff;}
.foot_bot p{text-align: center;}
.foot_bot a{color: #fff}
/*footer end*/