@charset "utf-8";

/*全局控制*/
body{margin:0px;padding:0px;font-family:"微软雅黑";color:#000;font-size:12px;line-height:22px;-webkit-text-size-adjust: none;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select{font-size:12px;line-height:16px;font-family:"微软雅黑";}
img{border:0;vertical-align:top;}
ul,li{list-style:none;}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.cl{clear:both;}.fb{font-weight:bold;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
input {-webkit-appearance:none; /*去除input默认样式*/}
input[type="submit"],
input[type="reset"],
input[type="button"],
.abs{position:absolute;}
.rel{position:relative;}


/*header*/
.header{width: 1000px; margin: 0 auto;}
.logo{float: left; width: 600px;}
.tel{float: right; width: 210px; height: 54px; padding: 10px 0 0 73px; background: url(../images/tel.jpg) no-repeat left top; margin-top: 46px; color: #21211f; font-size: 24px; font-weight: bold; line-height: 28px;}
.tel h4{color: #4b4b4b; font-size: 14px; font-weight: normal; line-height: 20px;}
.nav_bg{min-width: 1000px; background: #4b9b04;}
.nav{width: 1000px; height: 50px; margin: 0 auto;}
.nav li{float: left; width: 105px; text-align: center; line-height: 50px; font-size: 16px; font-weight: bold; margin: 0 10px;}
.nav a{display: block; color: #fff;}
.nav .nav_on a{background: url(../images/nav_hover.jpg) no-repeat;}
.nav li:first-child{margin: 0 0 0 10px;}

/*banner*/
.unslider{overflow:auto}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel li{float:left}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}
.unslider-arrow.next{left:auto;right:20px}
.unslider{position: relative;}
.banner { position: relative; overflow: hidden; text-align: center; height: auto!important;}
.banner li { list-style: none;}
.banner ul li { float: left;}
.banner ul li img{width: 100%;}
.unslider-nav{position: relative;}
.unslider-nav ol { position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; z-index: 100;}
.unslider-nav ol li{display: inline-block; width: 50px; height: 5px; margin: 0 10px; text-indent: -999em; background: #38ae00;cursor: pointer;}
.unslider-nav .unslider-active{background: #ff9600;}


/*mainbody*/
.int_bg{min-width: 1100px; padding: 60px 0; background: url(../images/int_bg.jpg) repeat left top;}
.int_tit{width: 1100px; text-align: center; color: #2f2f2f; font-size: 18px; line-height: 48px; margin: 0 auto 60px;}
.int_tit h4{color: #00c30b; font-size: 48px; line-height: 64px;}
.int_part{width: 1100px; height: 423px; margin: 0 auto 66px; position: relative;}
.int_pic{width: 291px;}
.int_pic img{width: 291px; height: 423px;}
.int_01{width: 328px; position: absolute; top: 16px; left: 310px;}
.int_02{width: 346px; position: absolute; top: 16px; right: 0;}
.int_03{width: 350px; position: absolute; top: 280px; left: 310px;}
.int_04{width: 337px; position: absolute; top: 280px; right: 0;}
.int_05{width: 190px; text-align: center; line-height: 16px; color: #979797; text-transform: uppercase; font-weight: bold; position: absolute; top: 144px; right: 300px;}
.int_05 h4{line-height: 32px; font-weight: normal; font-size: 18px; color: #2f2f2f;}
.int_05 img{width: 72px; height: 72px; margin-bottom: 2px;}
.int_left{background: url(../images/int_line.jpg) no-repeat right 26px; line-height: 16px; color: #979797; text-transform: uppercase; font-weight: bold;}
.int_left h4{line-height: 32px; font-weight: normal; font-size: 18px; color: #2f2f2f;}
.int_right{float: right; width: 160px; line-height: 26px; color: #2f2f2f; font-size: 16px;}
.inf_rm01{margin-top: 20px;}
.inf_rm02{margin-top: 8px;}
.inf_rm03{margin-top: 34px;}
.int_sjfm{float: left; width: 148px; text-align: center; height: 124px;}
.int_sjfm img{width: 69px; height: 69px; margin-bottom: 2px;}
.int_wgzl{float: left; width: 170px; text-align: center; height: 124px;}
.int_wgzl img{width: 72px; height: 72px; margin-bottom: 2px;}
.int_gb{float: left; width: 175px; text-align: center; height: 124px;}
.int_gb img{width: 72px; height: 72px; margin-bottom: 2px;}
.int_zlcp{float: left; width: 162px; text-align: center; height: 124px;}
.int_zlcp img{width: 72px; height: 72px; margin-bottom: 2px;}

.neib_bg{width: 610px; height: 760px; position: relative; margin: 0 auto;}
.neib_pic{width: 310px; position: absolute; top: 86px; left: 154px;}
.neib_pic img{width: 310px; height: 436px;}
.neib_01{width: 528px; position: absolute; top: -110px; left: 280px;}
.neib_02{width: 292px; position: absolute; top: -14px; left: -220px;}
.neib_03{width: 220px; position: absolute; top: 232px; left: -242px;}
.neib_04{width: 315px; position: absolute; top: 466px; left: -242px;}
.neib_05{width: 440px; position: absolute; top: 660px; left: -90px;}
.neib_06{width: 292px; position: absolute; top: 36px; right: -248px;}
.neib_07{width: 226px; position: absolute; top: 248px; right: -248px;}
.neib_08{width: 312px; position: absolute; top: 458px; right: -264px;}
.neib_img{width: 72px;}
.neib_img img{width: 72px; height: 72px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.neib_fon{color: #242134; font-size: 16px; line-height: 28px;}
.neib_fon h4{color: #00ca0c; font-size: 18px; font-weight: normal; margin-bottom: 5px;}
.neib_f01{float: right; width: 434px;}
.neib_f02{float: left; width: 162px;}
.neib_f03{float: left; width: 126px;}
.neib_f04{float: left; width: 205px;}
.neib_f05{float: left; width: 325px; margin-top: 5px;}
.neib_f06{float: right; width: 197px;}
.neib_f07{float: right; width: 130px;}
.neib_f08{float: right; width: 214px;}
.neib_m01{margin-top: 36px;}
.neib_m02{margin-top: 30px;}
.neib_m03{margin-top: 3px;}
.neib_m04{margin-top: 22px;}
.neib_m05{margin-top: 28px;}

.tel_img{min-width: 1000px;}
.tel_img img{width: 100%;}
.pic{min-width: 1000px; margin-bottom: 20px;}
.pic img{width: 100%;}

.com_bg{min-width: 1100px; height: 495px; padding-top: 64px; background: url(../images/com_bg.jpg) no-repeat center top; margin-bottom: 60px;}
.com_tit{width: 1100px; text-align: center; color: #2f2f2f; font-size: 18px; line-height: 46px; margin: 0 auto 60px;}
.com_tit h4{color: #ff4a01; font-size: 48px; line-height: 62px;}
.com{width: 1100px; margin: 0 auto; overflow: hidden;}
.com ul{width: 1125px;}
.com li{float: left; width: 198px; margin-right: 27px; line-height: 18px; color: #414141; font-size: 14px;}
.com h4{color: #414141; font-size: 20px; font-weight: normal; line-height: 38px; padding: 5px 0 10px 0; text-align: center;}
.com_t{width: 110px; height: 126px; line-height: 126px; text-align: center; background: url(../images/com_t.png) no-repeat; color: #ff4a01; font-size: 30px; font-weight: bold; margin: 0 auto;   transition: all 1s; cursor: pointer;}
.com li:hover .com_t{transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);}
.com_fon01{width: 124px; margin: 0 auto;}
.com_fon02{width: 154px; margin: 0 auto;}

.product_part{width: 1100px; margin: 0 auto 72px;}
.product_tit{width: 1100px; text-align: center; color: #2f2f2f; font-size: 18px; line-height: 48px; margin: 0 auto 36px;}
.product_tit h4{color: #79ad00; font-size: 48px; line-height: 64px;}
.blk_29 {float: left; width: 354px; height: 379px; OVERFLOW: hidden; POSITION: relative}
.blk_29 .LeftBotton {width: 47px; height: 69px; background: url(../images/pro_left.jpg) no-repeat; position: absolute; left: 0; bottom: 0; cursor: pointer;}
.blk_29 .RightBotton {width: 47px; height: 69px; background: url(../images/pro_right.jpg) no-repeat; position: absolute; right: 0; bottom: 0; cursor: pointer;}
.blk_29 .Cont {OVERFLOW: hidden; WIDTH: 354px;}
.blk_29 .box {FLOAT: left; WIDTH: 354px;}
.blk_29 .box img{width: 354px; height: 379px;object-fit: cover;}
.product{float: right; width: 736px; height: 380px; overflow: hidden;}
.product ul{width: 747px; height: 390px;}
.product li{float: left; width: 238px; height: 185px; margin: 0 11px 10px 0; position: relative;}
.product img{width: 238px; height: 185px;}
.product li span { position: absolute; padding:0 15px;height: 30px;transition: all 0.5s ease; background: rgba(0,0,0,.6); left: 10px;top: 10px;border-radius: 30px; line-height: 30px; color: #fff;text-align: center; font-size: 14px;}
.product li:hover span{border-radius:0;width: 100%;height: 100%; left: 0;top:0; padding: 0;}

.product li:hover span h4{padding-top: 30%;}
.product_bg{background: #8ac403; text-align: center;}
.product_bg h4{color: #fff; font-size: 24px; font-weight: normal; line-height: 40px; padding: 24px 0 16px 0;}
.product_more{width: 125px; height: 35px; line-height: 35px; text-align: center; border: solid 1px #fff; border-radius: 3px; font-size: 18px; margin: 0 auto;}
.product_more a{color: #fff;}

.video{min-width: 1000px;}
.video img{width: 100%;}
.video_bg{min-width: 1100px; height: 680px; padding-top: 42px; background: url(../images/video_bg.jpg) no-repeat center top;}
.video_part{width: 1015px; height: 670px; padding-top: 10px; background: url(../images/video_bg02.jpg) no-repeat center top; margin: 0 auto;}
.video{width: 991px; height: 561px; margin: 0 auto;}

.about_bg{min-width: 1100px; background: #eee; padding: 67px 0 71px 0;}
.about_part{width: 1100px; margin: 0 auto;}
.about_left{float: left; width: 504px;}
.about_pic{width: 480px; padding: 9px 12px; background: #8ac403; margin-bottom: 42px;}
.about{color: #303030; font-size: 14px; line-height: 30px;}
.about_img{float: right; width: 505px; height: 431px; margin-top: 28px; background: url(../images/about_imgbg.gif) no-repeat; position: relative;}
.about_01{width: 253px; position: absolute; top: -44px; left: 56px; z-index: 1;}
.about_01 img{width: 253px; height: 302px;}
.about_02{width: 135px; position: absolute; top: 305px; left: -60px; z-index: 1;}
.about_02 img{width: 135px; height: 163px;}
.about_03{width: 271px; position: absolute; top: 150px; left: 160px; z-index: 2;}
.about_03 img{width: 271px; height: 231px;}


/*footer*/
.foot_bg{min-width: 1000px; background: #2c2c2c; padding: 54px 0;}
.foot{width: 1000px; margin: 0 auto;}
.contact{float: left; width: 520px; color: #fff; line-height: 40px; font-size: 14px;}
.contact h4{color: #969696; font-size: 18px; line-height: 30px; font-weight: normal; margin-bottom: 7px;}
.code{float: right; width: 187px; text-align: center; color: #fff; font-size: 24px; line-height: 50px; margin-left: 49px;}
.code img{width: 187px; height: 187px; margin-bottom: 15px;}

.copyright{min-width: 1100px; text-align: center; line-height: 67px; background: #5abf00; color: #fff; font-size: 24px;}


/*case*/
.main{width: 1000px; min-height: 400px; _height:400px; padding: 6px 0 56px 0; margin: 0 auto;}
.case_title{width: 100%; text-align: center; line-height: 84px; border-bottom: solid 1px #c9c9c9; color: #4fa700; font-size: 48px; font-weight: bold; margin-bottom: 29px;}
.case_list{width: 100%; text-align: center; padding-bottom: 28px;}
.case_list li{width: 188px; height: 45px; line-height: 45px; border: solid 1px #4b9b04; font-size: 16px; display: inline-block; margin: 0 8px 10px 8px;}
.case_list a{color: #636363;}
.case{width: 1000px; overflow: hidden;}
.case ul{width: 1026px;}
.case li{float: left; width: 315px; text-align: center; margin: 0 27px 39px 0; display: inline; color: #404040; font-size: 16px; line-height: 32px;}
.case img{width: 301px; height: 522px; border: solid 1px #8f8f8f; padding: 6px; margin-bottom: 29px;}
.page{width: 100%; text-align: center; padding-top: 18px; font-size: 14px;}
.page a{border: solid 1px #dfdfdf; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px 12px; margin: 0 2px; color: #2d2d2d;}


/*product*/
.pro_list{width: 100%; text-align: center; padding-bottom: 28px;}
.pro_list li{width: 150px; height: 45px; line-height: 45px; border: solid 1px #4b9b04; font-size: 16px; display: inline-block; margin: 0 8px 10px 8px;}
.pro_list a{color: #636363;}

.jssora05l{
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 70px;
	height: 134px;
	cursor: pointer;
	background: url(../images/p_left.png) no-repeat;
	overflow: hidden;
}
.jssora05r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 70px;
	height: 134px;
	cursor: pointer;
	background: url(../images/p_right.png) no-repeat;
	overflow: hidden;
}
.jssort01 .p {
	position:absolute;
	top:0;
	left:0;
	width:132px;
	height:88px;
}
.jssort01 .t {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
}
.jssort01 .w {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.jssort01 .c {
	position:absolute;
	top:0px;
	left:0px;
	width:130px;
	height:86px;
	border:#8c8c8c 1px solid;
}
.jssort01 .pav .c {
	top:0;
	left:0;
	width:130px;
	height:86px;
	border:#8c8c8c 1px solid;
	background: url(../images/m.png) no-repeat center 30px;
}
.jssort01 .p:hover .c {
	top:0px;
	left:0px;
	width:130px;
	height:86px;
	border:#8c8c8c 1px solid;
	background: url(../images/m.png) no-repeat center 30px;
}
.jssort01 .p.pdn .c {
	width:130px;
	height:86px;
	border:#8c8c8c 1px solid;
}
* html .jssort01 .c,* html .jssort01 .pdn .c,* html .jssort01 .pav .c {
	/* ie quirks mode adjust */    width /**/:130px;
	height /**/:86px;
}


/*about*/
.about_list{width: 100%; text-align: center; padding-bottom: 25px;}
.about_list li{width: 127px; height: 45px; line-height: 45px; border: solid 1px #4b9b04; font-size: 16px; display: inline-block; margin: 0 8px;}
.about_list a{color: #636363;}
.main_about{color: #636363; font-size: 18px; line-height: 30px;}
.about_img01{float: right; margin: 15px 0 0 38px;}
.about_img02{margin: 40px 0;}


/*contact*/
.contact_title{width: 100%; line-height: 104px; border-bottom: solid 1px #c9c9c9; color: #4fa700; font-size: 48px; font-weight: bold; margin-bottom: 30px;}
.con{width: 100%; line-height: 30px; color: #747069; font-size: 18px;}
.con_pic{float: right; margin: 10px 270px 0 0;}
