/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:' '; color:#666;}
a{color:#666;}
a:hover{ color:#f60;}
p{line-height:1.8em; padding:5px 0;}
img{outline-width:0px;vertical-align:top;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}

.header{ position:relative; z-index:8; border-top:2px solid #32a129; border-bottom:1px solid #e0e0e0; height:160px;}
.head{ height:120px;}
.head .logo{ float:left;}
.head .logo img{ height:80px; padding-top:20px;}
.head .tel{ line-height:120px; color:#32a129; font-size:32px; font-weight:bold; font-family:"楷体"; float:right;}
.nav{ height:40px;}
/*menu*/
.menu{height:40px;line-height:40px; float:left;}
.menu ul li{ float:left; position:relative; width:120px;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:40px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:15px;color:#333; text-decoration:none; display:block;text-align:center;}
.menu a:hover{color:#32a129;}
a.menu_hover{ color:#32a129;}
.navChildSearch{ float:right;}
.navChildSearch img{margin-top: 13px;}

.header .searchContent{display:none;position:absolute;bottom:-80px;right:0px;padding:25px;  background-color: #f2efef;border-bottom:1px solid #dcdadb;border-left:1px solid #dcdadb;}
.header .searchContent .seach{margin:0;}
.seach{position:relative;margin-top:40px;width:300px;height:30px;background:#fff;}
.seach .seachText{width:260px;color:#999999;font-size:12px;padding:0 0 0 6px;line-height:1;margin:0;border:0;height:30px;}
.seach .btn{cursor:pointer;position:absolute;top:0;right:0;width:30px;height:30px;text-align:center;line-height:30px;background:#474747; background-image:url(../images/footSearch.png); background-repeat:no-repeat; background-position:center;}
.seach .btn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.seach .btn:hover{background-color:#000;}
.seach .btn img{ vertical-align:middle;margin-top: 6px;}


/*banner_02*/
.banner_02{ height:500px; overflow:hidden;}
.banner_02 #banner_02_con{ display:none;}

.con1{ padding:80px 0px; height:284px;}
.c1_left{ float:left; width:600px;}
.c1_left img{ width:600px; height:284px;}
.c1_right{ float:right; width:524px;}
.c1_right strong{ display:block; font-weight:normal; font-size:26px; color:#39b021; line-height:30px; padding-bottom:20px;}
.c1_right span{ display:block; font-size:18px; line-height:32px;}
.c1_right a{ display:block;width:142px;height:38px;border:1px solid #dcdcdc;line-height:38px;text-align:center;color:#999999;font-size:14px;border-radius: 20px; }
.c1_right a{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.c1_right a:hover{color:#fff;border:1px solid #fff;background:#39b021;}

.con2bg{ background:#f7f7f7; padding:40px 0px;}
.con2{ overflow:hidden;}
.con2 h2{line-height:40px;font-size:30px;text-align:center;}
.con2 h3{ font-weight:normal; line-height:20px; font-size:14px; text-align:center;}
.con2 i{ text-align:center; font-style:normal; display:block; font-weight:bold; height:20px; line-height:20px;}
.con2 h1{ text-align:center; color:#ff0000; font-size:16px}
.con2 ul{ margin-top:56px; width:1223px;}
.con2 ul li{ float:left; width:382px; margin-right:23px;margin-bottom: 20px;}
.con2 ul li img{ width:282px; height:228px;}
.con2 ul li strong{ display:block; font-weight:normal;line-height:30px;padding-top:20px;color:#000;font-size:20px;}
.con2 ul li span{ display:block;color:#878787;font-size:14px;line-height:22px;}
.con2 ul li a{ display:block; margin-top:10px;margin-bottom: 20px; color: #999999; width: 90px; height: 35px; line-height: 35px; text-align: center;border-radius: 20px; padding:0px 15px;border:1px solid #dcdcdc;}
.con2 ul li a:hover{color:#fff;border:1px solid #fff;background:#39b021}


.pic img{ width:100%;}

.con3{ padding:60px 0px;}
.con3 h2{line-height:40px;font-size:30px;text-align:center;}
.con3 h3{ font-weight:normal; line-height:20px; font-size:14px; text-align:center;}
.con3 i{ text-align:center; font-style:normal; display:block; font-weight:bold; height:20px; line-height:20px;}
.c3_left{ float:left; width:576px; margin-top:10px;}
.c3_left img{ height:395px; width:576px;object-fit: contain;}
.c3_right{ float:right; width:600px; margin-top:10px;}
.c3_right ul{text-align:left; list-style:none; margin-left:40px;}
.c3_right ul li{width:90%; border-bottom: 1px dashed #e0e0e0; line-height:43px; font-size: 15px; height:43px;}
.c3_right ul li a{ float:left;}
.c3_right ul li span{ float:right;}


.con4_titbg{ background:#f7f7f7; padding:40px 0px;}
.con4_tit h2{line-height:40px;font-size:30px;text-align:center;}
.con4_tit h3{ font-weight:normal; line-height:20px; font-size:14px; text-align:center;}
.con4_tit i{ text-align:center; font-style:normal; display:block; font-weight:bold; height:20px; line-height:20px;}
.con4{ overflow:hidden; margin-top:50px;}
.con4 ul{ width:1222px;}
.con4 ul li{ float:left; width:385px; height:257px; position:relative; margin-right:22px; margin-bottom:22px;}
.con4 ul li img{ width:385px; height:257px;object-fit: cover;}
.con4 ul li span{ display:block; position:absolute; bottom:0px; left:0px; width:367px;color:#fff;font-size:20px;padding-left:18px;line-height:36px; background-color: rgba(51, 51, 51, 0.64);}

.con5_titbg{background:url(../images/youshi.png) center no-repeat; background-size:cover; margin-top:20px; padding:64px 0px;}
.con5_tit h2{font-size:30px; font-family: ; color:#ff0; font-weight:normal; text-align:center;}
.con5_tit h3{font-size:35px; font-family: ; color:#fff;   font-weight:normal; text-align:center;}

.youshi1 dl dt{ float:left; width:439px;}
.youshi1 dl dt img{ width:439px;}
.youshi1 dl dd{ float:right; width:605px;}


.youshi2 dl dt{ float:right; width:495px;}
.youshi2 dl dt img{ width:495px;}
.youshi2 dl dd{ float:left; width:605px;}


.youshi3 dl dt{ float:left; width:495px;}
.youshi3 dl dt img{ width:495px;}
.youshi3 dl dd{ float:right; width:605px;}


.youshi4 dl dt{ float:right; width:477px;}
.youshi4 dl dt img{ width:477px;}
.youshi4 dl dd{ float:left; width:605px;}

.con5 dl dd b{ display:block; text-align:center; border-bottom:1px dashed #b2b2b2; padding-bottom:15px;}
.con5 dl dd b i{ display:inline-block; background:#30a12a; width:60px; height:60px; border-radius:10px; line-height:60px; color:#fff; font-style:normal; font-size:46px; font-weight:normal;}
.con5 dl dd strong{ display:block; padding-top:20px; font-size:24px; color:#30a12a; line-height:36px;}
.con5 dl dd span{ display:block; padding-top:10px; font-size:14px; color:#000;} 
.con5 dl dd p{ display:block; padding:0px; font-size:16px; line-height:21px;}


.footer{ background:#39b021; padding:20px 0px;}
.ft_left{ float:left; line-height:38px; color:#fff; font-size:14px;}
.ft_left a{ color:#fff;}
.ft_right{ float:right; text-align:center;}
.ft_right img{ width:142px; height:142px;}
.ft_right span{ display:block; color:#fff; font-size:14px; line-height:14px; padding-top:10px;}

.ftbg{ color:#b7b7b7; background:#1c7f08; height:40px; line-height:40px; text-align:center;}
.ftbg a{ color:#b7b7b7;} 




/*Add------------------------------------------------------------------------------*/

.sub-tabBar{line-height:60px;padding:40px 0;border-bottom:1px solid #ccc}
.sub-tab{ height:60px; line-height:60px;}
.sub-tab p{ font-size:40px; padding:0px; float:left; font-weight:bold; color:#000; padding-left:15px;}
.sub-tab span{ color:#39b021;}
.sub-tab strong{ position:relative; padding:6px 0px 0px 30px; float:left; color:#000;}
.sub-tab strong:before {position:absolute;content:"";margin-top:-2px;margin-left:-2px;top:50%;left:50%;width:4px;height:4px;background-color:#39b021;left:15px}
.sub-tab strong b {font-size:30px;}

.inside_con{ padding:40px 0 90px 0;}

.inside_news ul li{padding:30px;border-bottom:1px dashed #c7c7c7; height:130px;}
.inside_news ul li:hover {box-shadow:0 2px 6px rgba(0,0,0,0.25);border-bottom:none}
.inside_news ul li .news_left{ float:left;height:130px; width:230px;}
.inside_news ul li .news_left img{height:130px; width:230px;object-fit: cover;}
.inside_news ul li .news_right{ float:right; width:890px;}
.inside_news ul li .news_right strong{ display:block;font-size:18px; font-weight:normal;}
.inside_news ul li .news_right strong a{color:#333}
.inside_news ul li .news_right strong a:hover {color:#39b021}
.inside_news ul li .news_right .news-property {padding:10px 0 10px 0;}
.inside_news ul li .news_right .news-property b{ font-weight:normal; margin-right:20px}
.inside_news ul li .news_right span{ display:block; font-size:14px;}
.inside_news ul li .news_right span a:hover {color:#39b021}

.inside_case{ overflow:hidden;}
.inside_case ul{ width:1220px; padding:40px 0px;}
.inside_case ul li{ float:left; width:285px; margin-right:20px; margin-top:20px;}
.inside_case ul li img{ width:285px; height:190px;}
.inside_case ul li strong{ display:block; font-weight:normal; padding-top:10px; line-height:24px; font-size:14px;}
.inside_case ul li strong a{ color:#333;}
.inside_case ul li span{ display:block; padding:6px 0px; color:#999; line-height:22px;}
.inside_case ul li span i{ font-style:normal; padding-right:6px;}

/*contact*/
.contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.contact{ margin-top:15px; }
.contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
.contact ul li{ line-height:20px; padding:3px 0;}

/*proShow*/
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}

/*product_list*/
.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}


