body{ background: #fff;}
.layout{width: 750px;margin: 0 auto;overflow: hidden;position: relative;background: #fff;padding-top: 100px;}
.wap{ width:auto; margin: 0 auto;}
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
.header{height: 100px;background: #fff;padding: 0;overflow: initial;z-index: 11111;position: fixed;border-bottom: 1px solid #dfdfdf;box-sizing: border-box;left: 0;top: 0;width: 100%;}
.header .logo{ float: left; margin: 10px 0 0; height: 60px; padding: 0; margin-left: 40px;}
.header .logo a{ display:block;}
.header .logo img{ height: 100%;display: block; width:100%;}
.header .naver{overflow: hidden;line-height: 50px;float: none;height: auto;	margin: 0;position: absolute;	left: 0;right: 0;top: 100px;	padding-bottom: 60px;z-index: 11111;background: #fff;display: none;	padding-top: 30px;}
.header .naver li{text-align: center; width: 100%; float: left; color: #333; overflow: hidden; width: 100%;}
.header .naver li.on a, .header .naver li:hover a{ color: #38b34b;}
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
.banner{ overflow: hidden;position: relative;}
.banner .swiper-slide img{display: block;width: 100%;}
.banner .prev,
.banner .next{background: url(../images/x_ico5.png) no-repeat center;width: 36px;height: 67px;position: absolute;left: 50px;top: 36%;z-index: 1;transform: translateY(-50%);cursor: pointer;}
.banner .prev{transform: translateY(-50%) rotate(180deg);left: auto;right: 50px;}

.ban_list li:hover h4, .ban_list li:hover i{ position: relative;top: -8px;}
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*index-about*/
.h_about{margin: 0 auto;overflow: hidden;padding: 40px 30px;background: #38b34b;}
.h_about .wap{position: relative;}

.h_about .hd{overflow: hidden;margin: 0;position: relative;	z-index: 11;}
.h_about .hd .imgs{float: none;width: auto;height: auto;margin-top: 40px;overflow: hidden;}
.h_about .hd .imgs img{width: 100%;height: 100%;display: block;transition: all 0.3s;}
.h_about .hd .text{float: none;width: auto;} 
.h_about .hd .text h2{font-size: 30px;line-height: 1.4;color: #fff !important;margin: 20px 0;color: #7e7e7e;font-weight: bold;}
.h_about .hd .text p{font-size: 24px;line-height: 1.6;color: #fff;}
.h_about .hd .text h2:hover{color: #38b34b;}

.ly_slider{ overflow: hidden;}
.h_about .bd ul{margin-top: 30px;}
.h_about .bd li{float: left;width: 50%;margin: 0;padding: 20px;box-sizing: border-box;}
.h_about .bd li h4{color: #fff !important;font-size: 24px;line-height: 60px;text-align: center;height: 60px;overflow: hidden;transition: all 0.3s;}
.h_about .bd li a{display: block;}
.h_about .bd li .imgs{width: 100%;height:auto;overflow: hidden;}
.h_about .bd li img{width: 100%;height: 100%;display: block;transition: all 0.4s;}
.h_about .bd li:hover h4{color: #38b34b;}

.h_about .title{ text-align:center;}
.h_about .title:before{display: none;}
.h_about .title h3{ font-size: 60px; font-weight: bold; color: #fff; line-height: 88px;}
.h_about .title .txt{position: relative; z-index: 11;}
.h_about .title .more{ height: 50px; margin: 0 auto; text-align: center; padding: 0 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 24px; color: #fff; line-height: 50px; display: block; overflow: hidden; width: 150px; text-transform: uppercase;}
.h_about .title .more:hover{ background: #fff;color: #38b34b;padding: 0 20px;}
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*后期添加的产品展示！*/
/*index-pro*/
.mpro{ width:auto; margin:0 auto; padding:40px 30px;}
.mpro h1{font-size: 44px; text-align: center; color: #615f5f; line-height: 60px;}
.mpro p{font-size: 22px;line-height: 35px; text-align: center;  color: #989898;text-transform:uppercase;}
.mpro p span{width: 20%; height: 1px; background: #989898; display: inline-table; position: relative; margin: 0 2em 0.3em 2em;}
.mpro .mprolist{ width:100%; margin:0 auto; margin-top:2em;}
.mpro .mprolist ul{ text-align:center; font-size:0;}
.mpro .mprolist ul li{ width:49%; margin:0 2% 2% 0; display:inline-block; text-align:center; overflow:hidden;}
.mpro .mprolist ul li:nth-child(2n){ margin:0 0 2% 0;}
.mpro .mprolist ul li h2{ font-size:16px; margin-top:1em;}
.mpro .mprolist .mproimg{ overflow:hidden;}
.mpro .mprolist .mproimg img{width:100%; transition: all 800ms;}
.mpro .mprolist .mproimg img:hover{ transform: scale(1.05);}
.mpro .mprolist a:hover h2{ color:#38b34b;}
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*index-hon*/
.h_ation{ height: auto ;margin: 0; padding-bottom: 120px; overflow: hidden; text-align: center;}
.h_ation .txt{ position: relative; margin-top:80px;}
.h_ation .txt h3{ font-size: 40px; color: #ffffff; line-height: 1.2; position: relative; font-weight: bold; z-index: 11;}
.h_ation .txt h2{font-family: arial; font-size: 70px; color: rgba(255,255,255,0.13); font-weight: bold; margin-top: -45px; text-transform: uppercase; opacity: inherit; line-height: inherit; top: auto; position: relative; left: auto; right: auto;}
.h_ation .wap{ position: relative; margin-top:100px; width: auto;}
.h_ation .swiper-slide{ width: auto;margin: 0 10px;}
.h_ation .v_slider{ width: auto;overflow: hidden;}
.h_ation .v_slider .imgs{ width: 216px;overflow: hidden; height: 297px;}
.h_ation .v_slider .imgs img{ width: 100%;height: 100%;display: block;}
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*index-adv*/
.h_pzlist h2{font-size: 44px;text-align: center;color: #615f5f;line-height: 60px;}
.h_pzlist h2 span{color: #38b34b;}
.h_pzlist p{font-size: 22px;line-height: 35px;text-align: center;color: #989898;}
.h_pzlist{ padding: 60px 30px 85px 30px;overflow: hidden;}
.h_pzlist ul{overflow: hidden;margin-top: 40px;}
.h_pzlist li{ width: 100%; margin-bottom: 42px;}
.h_pzlist li a{ display: block; border: 1px solid #c3c4c5;}
.h_pzlist li i{ width: 94px; height: 94px; border-radius: 50%; border: 1px solid #c3c4c5; text-align: center; position: relative; display: inline-table; vertical-align: middle; margin: 20px;}
.h_pzlist li i img{text-align: center;position: absolute;left: 0;right: 0;top: 50%;display: block;margin: 0 auto;transform: translateY(-50%);}
.h_pzlist li i .x_img2{	opacity: 0;transition: all 0.3s;} 
.h_pzlist li:hover i .x_img2{opacity: 1;} 
.h_pzlist li:hover, .h_pzlist li:hover i{border-color: #38B34B}
.h_pzlist li:hover h4{	color: #38B34B;}
.h_pzlist li .txt{height: 96px; display: inline-table; vertical-align: middle; width:500px;}
.h_pzlist li h4{font-size: 22px;line-height: 40px;color: #bbbbbb;height: 40px;overflow: hidden;}
.h_pzlist li p{	font-size: 16px;color: #9c9c9c;line-height: 24px;min-height: 48px;overflow: hidden;text-align: left;}
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*index-case*/
.h_case {margin-bottom: 170px;}

.h_case h2{	font-size: 33px;color: #616161;line-height: 46px;text-align: center;}
.h_case h2 span{display: inline-block;border-left:4px solid #38b34b;border-right:4px solid #38b34b;padding: 0 28px;}
.h_case p{font-size: 22px;color: #989898;margin-top: 15px;line-height: 38px;text-align: center;}

.h_case .h_caslider{margin-top: 30px;position: relative;}
.h_case .h_caslider .swiper-slide{width: auto;margin: 0 34px;position: relative;}
.h_case .h_caslider .swiper-slide a{display: block;}
.h_case .h_caslider .swiper-slide img{width: 880px;height: 508px;display: block;}
.h_case .h_caslider .swiper-slide:before{content: "";display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 11;background: rgba(0,0,0,0.6);opacity: 1;transition: all 0.3s;}
.h_case .h_caslider .swiper-slide-active:before{opacity: 0;}

/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
.h_news{background: #38B34B;padding:30px 30px 40px ;}
.h_news .wap{position: relative;}

.h_news .title{ text-align:center;}
.h_news .title:before{display: none;}
.h_news .title h3{ font-size: 60px; font-weight: bold; color: #fff; line-height: 88px;}
.h_news .title .txt{position: relative; z-index: 11;}
.h_news .title .more{ height: 50px; margin: 0 auto; text-align: center; padding: 0 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 24px; color: #fff; line-height: 50px; display: block; overflow: hidden; width: 150px; text-transform: uppercase;}
.h_news .title .more:hover{ background: #fff;color: #38b34b;padding: 0 20px;}

.h_news .imgs{ margin:2em 0;}
.h_news .imgs img{width: 100%;height: auto;}

.h_news .h_slist{margin: 0 30px;}
.h_news .h_slist a{	display: block;}
.h_news .h_slist h4{font-size: 28px; line-height: 1.6; color: #fff;}
.h_news .h_slist h5{font-size: 24px; line-height: 1.6; color: #f2f2f2;}
.h_news .h_slist li{margin-bottom: 15px;}
.h_news .h_slist li:hover h4{ color: #ccc;}
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
.footer{ background: #313131;}
.footer .f_nav{	overflow: hidden;padding: 30px;}
.footer .wap{border-bottom: 1px solid #5e5e5e;}
.footer .f_nav dl{float: left;margin-right: 100px;}
.footer .f_nav dt{color: #fff;font-size: 32px;line-height: 1.8;margin-bottom: 22px;}
.footer .f_nav dd a{line-height:14px ;color: #fff;opacity: 0.55;line-height: 30px;display: inline-block;}
.footer .f_nav dd p{font-size: 28px;line-height: 2;color: #fff;opacity: 0.55;}
.footer .f_nav dd img{width: 180px;height: 180px;margin: 30px 0 0 0;}	
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/