@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑","黑体";color:#666;line-height:25px; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}
@font-face {
 font-family: 'font1';
 src: url('../images/bah.TTF');
} 
.banner {position: relative; width: 100%; overflow: hidden; }
.banner img{width: 100%; transform: scale(1); transition: all 5s;}
.banner .swiper-slide-active img { transform: scale(1.2);}
.banner .swiper-slide { overflow: hidden;}
.banner_text{ z-index: 2; position: absolute; width: 100%;text-align: center;left: 0;z-index: 10;top:50%; transform: translateY(-50%);}
.banner_text h2{color: #fff; font-size: 64px;}
.banner_text p{font-size: 24px; color: #fff; padding: 35px 0; line-height: 1.6;}
.banner_text a{display: block; margin: 0 auto;text-align: center; width: 120px; line-height: 40px; color: #fff;background: #3fc298;transition: All 0.4s ease-in-out;font-size: 16px;}
.banner_text a:hover{background: #1ba176;}
.banner .swiper-pagination{bottom: 40px;}
.banner .swiper-pagination-bullet{background: #fff;width: 12px;height: 12px;}
.banner .swiper-pagination-bullet-active{background: #42c09a;}

.bannera{ width:100%; height:auto; text-align:center; overflow:hidden;}
.bannera img{ display:block; width:100%;transform: scale(1); transition: all 5s;}
.bannera img.act {transform: scale(1.13);}
.header{width: 100%; z-index: 50; position: fixed; top: 0; left: 0;z-index: 100;height: 100px;transition: All 0.4s ease-in-out;}
.headerbox{width: 1440px; margin: 0 auto;  border-bottom: 1px solid #7e8285;}
.headerbox:after { content: '\20'; clear: both; display: block; height: 0;}
.header.on{height: 80px;background: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1);  }
.header.on .logo{padding-top: 15px;}
.header.on .headerbox{border-bottom: none;}
.header.on  li{line-height: 80px;}
.header.on .lxdh{border: 1px solid #3FC298; margin-top: 17px;}
.header.on p{color: #3FC298;}
.header.on  a{color: #333;}
.logo{float: left; width: 151px; padding-top: 24px;}
.logo img{width: 100%;}
.lxdh{border: 1px solid #fff;float: right; width: 228px; height: 44px;border-radius: 22px; line-height: 42px; color: #fff; font-size: 18px;text-align: center;margin-top: 28px;}
.lxdh b{display: inline-block;height: 24px;vertical-align: 
middle; }
.header.on .lxdh b{background: url(../images/pic1a.png);}
.nav{float: right;}
.nav li{ position: relative; float: left; line-height: 99px;font-size: 18px; margin-right: 60px;}
.nav li a{color: #fff; position: relative;display: block;transition: All 0.4s ease-in-out;}
.nav li a:before{position: absolute; content: ""; border-bottom: 2px solid #49bf9a;width: 0%; bottom: 0;left: 50%; transform: translateX(-50%);transition: All 0.4s ease-in-out;}
.nav li.cur a:before{width: 100%;}
.nav li.cur a{color: #48e9b1;}
.nav li>a:hover{color: #48e9b1;}
.nav li>a:hover:before{width: 100%;}
.nav li dl { display: none; position: absolute; left: 50%; top: 99px; text-align: center; background: #ffffff; width:140px; margin-left: -70px;}
.nav li dt a{ transition: all 0.5s; color: #333333; line-height:3; font-size: 16px;}
.nav li dt:hover a { background:#48e9b1; color: #ffffff;}
.nav li:hover dl { display: block;}
.header.on li dl { top: 80px;}
.hxcp_tit{text-align: center; padding: 110px 0 100px;position: relative;}
.hxcp_tit h2{font-size: 32px; color: #000000; margin-bottom: 20px;position: relative; z-index: 10;}
.hxcp_tit p{font-size: 14px;color: #666666; line-height: 1.6;}
.hxcp_tit span{position: absolute;color: #EEEEEE; font-size: 48px; top: 78px;left: 50%;transform: translateX(-50%);}
.tpp{height:80px;}



.fwzx{width: 1440px; margin: 0 auto;}
.fwzx_nr{padding-bottom: 100px;}
.fwzx_nr ul{overflow: hidden; margin-left: -30px;}
.fwzx_nr li{float: left; width: 33.33%; padding-left: 30px;}
.fwzxbox{transition: All 0.4s ease-in-out;}
.fwzx_nr li:hover img { transform: scale(1.2);}
.news_qh li:hover img { transform: scale(1.2);}
.fwzxbox span{display: block; overflow: hidden;border: 1px solid #e1e1e1; border-bottom:0px;box-sizing: border-box; }
.fwzxbox img{width: 100%; display: block; transition: all 1s;}
.fwzxtext{border: 1px solid #e1e1e1;}
.fwzxtext h2{font-size: 20px; color: #333333; margin: 40px 20px 20px 20px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.fwzxtext p{font-size: 14px; line-height: 26px;color: #999999; margin: 0 20px ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 48px;}
.fwzxtext h3{border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1; margin-top: 30px;display: block; padding: 0 20px; line-height: 58px; font-size: 14px; color: #666666;transition: All 0.4s ease-in-out;}

.fwzxtext h3 b{float: right;background: url(../images/a4.png); width: 44px;height: 44px; margin-top: 7px;}
.fwzxbox a:hover h3{color: #fff;background: #3fc298;}
.fwzxbox a:hover b{background: url(../images/a6.png)}

.gsjj{overflow: hidden; background: #3fc298;}
.gsjj_left{float: left; width: 50%;overflow: hidden;}
.gsjj_left img{height: 615px;}
.gsjj_right{width: 720px;float: left; padding: 50px 0 0 80px;}
.gsjj_right h2{color: #fff; font-size: 36px; margin-bottom: 40px;}
.gsjj_right p{font-size: 16px; color: #fff; line-height: 30px;text-align:justify; word-break: break-all;}
.gsjj_right a{display: block; text-align: center; width: 120px; line-height: 40px;background: #fff; font-size: 16px; color: #3fc298; margin-top: 35px;transition: All 0.4s ease-in-out;}
.gsjj_right a:hover{color: #fff;background: #14996e;}
.gsjj_right ul{padding-top: 50px; overflow: hidden;display: flex;justify-content : space-between;}
.gsjj_right li{text-align: center; width: 25%;}
.gsjj_right h3{color: #fff; font-size: 20px; color: #fff;}
.gsjj_right span{color: #fff; font-size: 14px; display: block; margin-top: 23px;}
.gsjj_right b{font-size: 56px; font-weight: 400;font-family: font1;}

.hxcp_tita{text-align: center; padding: 110px 0 40px;position: relative;}
.hxcp_tita h2{font-size: 32px; color: #000000; margin-bottom: 20px;position: relative; z-index: 10;}
.hxcp_tita p{font-size: 14px;color: #666666; line-height: 1.6;}
.hxcp_tita span{position: absolute;color: #EEEEEE; font-size: 48px; top: 78px;left: 50%;transform: translateX(-50%);}

.hxcpbox{width: 100%; overflow: hidden;}
.mySwiper{width: 1440px; margin: 0 auto;}
.mySwiper p{font-size: 16px;color: #666666;padding-bottom: 55px;text-align: center;}
.mySwiper img{margin: 0 auto;max-width: 100%;cursor: pointer;transition: all 1.2s;}
.mySwiper img:hover{transform: scale(1.1);}
.hxcpnr{background: #3cbc93;}
.hxcp_box{width: 1440px; overflow: hidden; margin: 0 auto;}
.hxcp_right{width: 664px;float:right; }
.hxcp_right img{width: 100%;}
.hxcp_left{float: left;width: 40%; padding-top: 6vw;}
.hxcp_left h2{color: #fff;font-size: 36px;line-height:48px;}
.hxcp_left p{color: #fff; font-size: 16px;line-height: 1.6; margin: 40px 0;}
.hxcp_left li{color: #fff; font-size: 14px; line-height: 2;background: url(../images/a10.png) no-repeat left center; padding-left: 14px;}
.hxcp_left a{display: block; text-align: center; width: 120px; line-height: 38px; color: #fff; font-size: 16px;border: 1px solid #fff; margin-top: 50px;transition: All 0.4s ease-in-out;}
.hxcp_left a:hover{color: #fff;background: #109b6f;}
.mySwiper .swiper-slide-thumb-active p {color: #3cbc93; border-bottom: 4px solid #3cbc93;}


.news{width: 1440px; margin: 0 auto;}
.news_tit{text-align: center;}
.news_tit li{display: inline-block; font-size: 16px; color: #000;}
.news_tit span{padding: 0 10px; color: #000;cursor: pointer;}
.news_tit li.cur span{color: #3FC298;}
.news_qh{animation:fadeIn .25s, 100ms;}
.news_qh ul{overflow: hidden; margin-left: -30px; padding: 50px 0 120px; }
.news_qh li{width: 33.33%; padding-left: 30px;float: left;}
.fwzxbox h4{line-height: 58px; margin-top: 15px; font-size: 14px; padding: 0 20px;}
.fwzxbox_a:hover{ box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.fwzxbox_a:hover h4{color: #3FC298;}
.fwzxbox_a:hover h2{color: #3FC298;}

.footer{background: #3fc298;}
.footerbox{overflow: hidden; margin: 0 auto; width: 1440px; padding: 60px 0 70px;}
.dbdh{float: left; width: 185px;}
.dbdh img{width: 100%;}
.rwm{width: 120px;float: right;}
.rwm img{width: 100%;}
.rwm p{color: #fff;text-align: center; margin-top: 12px;}
.gsdz{float: left;width: 315px;}
.gsdz h2{font-size: 16px; color: #fff; margin-bottom: 15px;}
.gsdz p{font-size: 14px; line-height: 30px; color: #fff;}
.wzgn{float: left;width: calc(100% - 620px);padding-left: 80px;}
.wzgn ul{overflow: hidden;}
.wzgn li{float: left; width: 20%;}
.wzgn h2{font-size: 16px; color: #fff; margin-bottom: 15px;}
.wzgn li{line-height: 30px; font-size: 14px;}
.wzgn li a{color: #fff;}
.wzgn li a:hover{color: #ccc;}
.bqxx{width: 1440px; margin: 0 auto;}
.bqxx p{color: #fff;font-size: 14px; line-height: 56px;}

@media(max-width:1460px){
.headerbox{width: 100%; padding: 0 1%;}
.nav li{margin-right: 30px;}
.mySwiper{width: 100%; padding: 0 1%;}
.hxcp_box{width: 100%; padding: 0 4%;}
.fwzx{width: 100%; padding: 0 1%;}
.news{width: 100%; padding: 0 1%;}
.footerbox{width: 100%; padding: 60px 1%;}
.bqxx{width: 100%; padding: 0 1%;}
.gsjj_right{width: 50%; padding: 40px 30px 0 30px;}
.banner_text h2{font-size: 40px;}
.banner_text p{font-size: 18px;}
}
@media(max-width:1360px){
.nav li{margin-right: 25px;}
.banner_text h2{font-size:32px;}
.banner_text p{font-size: 16px;}

}
@media(max-width:1200px){
.nav li{margin-right: 15px;}
.hxcp_right{width: 50%;}
.gsjj_left{float: none; width: 100%;}
.gsjj_left img{width: 100%; height: auto;}
.gsjj_right{width: 100%; padding: 40px 3%; float: none;}
.wzgn{width: calc(100% - 600px); padding-left: 20px;}
.gsdz{width: 280px;}
.banner_text h2{font-size:24px;}
.banner_text p{font-size: 14px;}
}
@media(max-width:1000px){
.header li dl { text-align: left; text-indent: 20px; width: 100%; position: static; transform: translate(0); margin: 0;}
.header{background: #fff;height: 60px;}
.headerbox{height: 60px;border: none;}
.lxdh{display: none;}
.dhbtn{position: absolute;width: 30px;height: 30px; right: 3%;top: 15px;background: url(../images/d1.png) no-repeat center center #3cbc93;border-radius: 4px; background-size: 20px 20px;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center #3cbc93;border-radius: 4px; background-size: 20px 20px;}
.fgt{height: 60px;}
.tpp{ display:none;}
.logo{width: 120px; margin: 10px 0 0 3%;padding: 0 !important;}
.nav{position: fixed;width: 200px; top: 60px; overflow: auto;height: calc(100% - 60px); background: #fff;left: -200px;}
.header.on  li{line-height: 50px;}
.nav li{ padding: 0 3%; line-height:45px; float: none; width: 100%; font-size: 16px; border-bottom: 1px solid #eee;}
.nav li a{color: #333;}
.dhbj{position: fixed;z-index: 10;background: rgba(0,0,0,.7);width: 100%; height: 100%;left: 0;top: 0;display: none;}
.banner_text h2{font-size: 20px;}
.banner_text p{padding: 15px 0;}
.banner .swiper-pagination{bottom: 15px;}
.hxcp_tit{padding: 50px 0 25px;}
.hxcp_tit span{font-size: 24px; top: 35px;width: 100%;}
.hxcp_tit h2{font-size: 26px;}
.mySwiper p{font-size: 16px; padding-bottom: 20px;}
.hxcp_box{padding: 0 3%;}
.hxcp_tit p{font-size: 12px;}
.hxcp_left{float: none; width: 100%; padding:0 0 30px 0;}
.hxcp_left h2{font-size: 24px;}
.hxcp_left p{font-size: 14px; margin: 15px 0;}
.hxcp_left a{margin-top: 15px;}
.hxcp_right{float: none; width: 100%;}
.fwzx{padding: 0 3%;}
.fwzx_nr ul{overflow: hidden; margin-left:0px;}
.fwzx_nr li{float: left; width:49%; margin-right:2%; padding-left:0px; padding-bottom: 20px;}
.fwzx_nr li:nth-child(2n){ margin-right:0px;}
.fwzxtext h2{font-size: 18px; color: #333333; margin: 10px 8px 10px 8px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.fwzxtext p{font-size: 14px; line-height: 26px;color: #999999; margin: 0 8px }
.fwzxtext h3{border-top: 1px solid #e1e1e1; margin-top:20px;display: block; padding: 0 10px; line-height: 50px; font-size: 12px;}
.fwzx_nr{padding-bottom: 30px;}
.gsjj_right h2{font-size: 24px; margin-bottom: 15px;}
.gsjj_right a{margin-top: 15px;}
.gsjj_right b{font-size: 32px;}
.news{padding: 0 3%;}
.hxcp_tita{padding: 50px 0 25px;}
.hxcp_tita span{font-size: 24px; top: 35px; width: 100%;}
.hxcp_tita h2{font-size: 26px;}
.news_qh ul{padding: 30px 0;}
.news_qh li{float: none; width: 100%; padding-bottom: 20px;}
.footerbox{padding: 30px 3%;}
.dbdh {float: none; margin: 0 auto; width: 100px;}
.gsdz{float: none; width: 100%;text-align: center;padding: 20px 0;}
.gsdz h2{display: none;}
.rwm{float: none; margin: 0 auto;}
.wzgn{display: none;}
.bqxx{padding:0 3% 15px 3%;}
.bqxx p{line-height: 1.6;text-align: center;}
.bqxx span{display: block; width: 100%;}
.hxcp_right img{margin: 0 auto; width: 80%;}
.header.on{height: 60px;}
}






