@charset "utf-8";
/* CSS Document */


.w1200{ max-width:1200px; margin:0 auto;}
.w1600{ max-width:1600px; margin:0 auto;}
.w600{ max-width:600px; float:right;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}


.header { position:relative;}
.header ul{ padding-right:25px;}
.header li a{ transition:all .3s; line-height:100px; display:block; padding:0 20px; font-size:16px; color:#333;}
.header li.on> a,.header li:hover> a{ background:#14a83b; color:#fff;}

.news_listsny,.joinlist{ padding:60px 0 0;}

.sousuo .line{ width: 1px; height: 20px; background-color: #dcdcdc; margin-right: 20px;}
.sousuo > a.lang{ font-size: 14px; text-align: center; display: inline-block; line-height: 30px; height: 30px; width: 30px; border: 1px solid #c1c1c1; color: #c1c1c1; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
.sousuo .ewm{ position:relative; padding-left:22px; height:20px; border-left:1px solid #dcdcdc;}
.sousuo .tc{ position:absolute; top:120%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);z-index:10;opacity:0; visibility:hidden; transition:all .4s;}
.tc2{ border-top:1px solid #eee; position:absolute; top:110%; left:0; opacity:0; visibility:hidden; transition:all .4s; width:100%; padding:40px 0; background:#fff; z-index:10;}
.tc2 form{ max-width:500px; margin:0 auto;}
.tc2.open{ top:100%; opacity:1; visibility:visible;}
.ssk{ cursor:pointer; height:100px; line-height:100px; padding-left:20px;}
.ssk img{ vertical-align:middle; display:inline-block; line-height:100px;}
.sousuo a.lang:hover{ color: #14a83b; border: 1px solid #14a83b;}


.xiala{ border-top:1px solid #eee; z-index:20; position:absolute;top:120px; left:0; width:100%; padding:40px 0; background:#fff; opacity:0; visibility:hidden; transition:all .3s;}
.xialale{ width:60%; padding-right:60px;flex-wrap: nowrap; }
.xialale b a{ margin-bottom:10px; font-weight:normal; font-size:16px; color:#000; display:block;    line-height: 1.3;    padding: 0;}
.header li .xialale .nav>a{ color:#686868; font-size:14px; display:block; line-height:1.3; padding:0; margin-top:5px;}
.xialari{width:40%; padding-left:40px; border-left:1px solid #eee;}
.xialari img{ width:100%;}
.header li:hover .xiala{ top:100px; visibility:visible; opacity:1;}
.xialale b a:hover,.header li .xialale .nav>a:hover{ background:none; color:#14a83b}

.tc2 form input{ width:calc(100% - 100px); height:40px; border:1px solid #eee; padding:0 25px;}
.tc2 form button{ width:100px; height:40px; cursor:pointer; background:#14a83b; cursor:pointer; color:#fff;}

.sousuo .ewm:hover .tc{ top:100%; opacity:1; visibility:visible;}

.banner .swiper-slide{ height:400px; background-size: cover; background-position: center;}
.banner img{ width:100%; height:100%; object-fit:cover;}
.banner .table{ max-width: 1200px; margin: 0 auto; text-align: center;}
.banner b{ line-height: 1.4; display: block; text-align: center; color: #fff; font-size: 48px;}
.banner p{ font-size: 24px; color: #fff;}

.banner{ position:relative;}
.banner .swiper-pagination{ height:40px; max-width:1200px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%); text-align:center;}
.banner .swiper-pagination-bullet{ background:#fff; width:40px; height:4px; margin-right:10px; margin-left:0; border-radius:0}
.banner .swiper-pagination-bullet-active{ background:#fff;}

.video-js .vjs-big-play-button{ background-color: rgba(0,0,0,.2); width:55px; height:55px; border-radius:100%; top:50%; left:50%; margin-left:-27px; margin-top:-27px;}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play{ line-height:55px;}

.vjs-poster{ background-size:cover;}

.titleindex{ text-align:center; padding-top:65px; padding-bottom:40px; position:relative;}
.titleindex b{ text-transform: uppercase; line-height:1; font-weight:normal; font-size:36px; color:#010101; display:inline-block;}
.titleindex span{ font-size:60px; color:#000; position:absolute; line-height:1; display:block; text-transform:uppercase; font-weight:bold; opacity:.07; top:54px; left:50%; transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.titleindex  p{ font-size:14px; color:#9d9d9d; margin-top:20px;}

.pro_tabindex{ margin-bottom: 50px;}
.pro_tabindex li a{ font-size: 16px; color: #000; display: block; padding: 0 20px; line-height: 32px;}
.pro_tabindex li{ background-color: #eee;}
.pro_tabindex ul{ justify-content:center; border-radius: 100px; overflow: hidden; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; }
.pro_tabindex li:first-child{ border-top-left-radius: 100px; border-bottom-left-radius: 100px;}
.pro_tabindex li:last-child{ border-top-right-radius: 100px; border-bottom-right-radius: 100px;}
.pro_tabindex li.on a{ background-color: #14a83b; color: #fff; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; }

.main1{ background:#f9f9f9; padding-bottom:40px;}
.main1 .indexpro_tap li{ width:32%; margin-bottom:1%;}


.prolist li .imgs{ height:300px; border:1px solid #cccccc; transition:all .5s;}
.prolist li .imgs img{ width:100%; height:100%; object-fit:cover; transition:all 1s;}
.prolist li:hover .imgs{ border:1px solid #14a83b; border-bottom:8px solid #14a83b;}
.prolist li .txts b{ font-size:18px; color:#333333; margin-bottom:10px;}
.prolist li .txts { padding:20px; text-align:center;}
.prolist li .txts p{ font-size:14px; color:#333333;}
.prolist li:hover .txts b{ color:#14a83b}

.mores{ text-align:center;}
a.more{ display:inline-block; padding:0 45px; line-height:45px; transition:all .3s; background:#14a83b; color:#fff; border-radius:100px;}
a.more i{ font-weight:lighter; margin-left:15px; transition:all .3s;}
a.more:hover i{ margin-left:20px;}



.lunbopic{ margin-bottom:30px; position:relative; padding:0 50px;}
.lunbopic .swiper-slide { text-align:center; border-right:1px solid #eee;}
.lunbopic .swiper-slide b{ font-size:16px; color:#383838; font-weight:normal;}
.lunbopic .swiper-slide.swiper-slide-active b{ color:#14a83b;}

.lunbopic .swiper-slide .img{ height:60px; width:100%; position:relative; margin-bottom:10px;}
.lunbopic .swiper-slide .img img{ position:absolute; max-height:100%; max-width:100%; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}

.main2le{ width:50%; background-color:#14a83b; padding-top:65px; padding-right:60px;}
.main2ri{ width:50%;}
.main2ri .img{ display:none; width:100%; height:550px;}
.main2ri .img img{ width:100%; height:100%; object-fit:cover;}

.main2le li{ display:none;}
.main2le li b{ display:block; font-size:24px; color:#fff; font-weight:normal;}
.main2le li span{ font-size:14px; color:#fff;}
.main2le li .line{ width:40px; height:4px; margin-top:15px; background:#fff;}
.main2le li .intros{ padding:35px 0;}
.main2le li .intros p{ font-size:14px; color:#fff; line-height:2;}
.main2le li  a{ display:inline-block; padding:0 45px; line-height:45px; background:#fff; color:#14a83b; border-radius:100px;}
.main2le li  a i{ margin-left:15px; transition:all .3s;}
.main2le li  a:hover i{ margin-left:20px;}
.lunbopic .swiper-button-next:after,.lunbopic .swiper-button-prev:after{ color:#5f5f5f;}



.about03{ padding-bottom:55px;}
.about3le,.about3ri{ width:50%;}
.about3ri{ padding-left:50px; padding-top:20px;}
.about3ri p{ font-size:14px; color:#626262; line-height:2;}
.about3ri a{ margin:70px 0;}

.about3ri li{ width:23%; text-align:center; max-width:90px;}
.about3ri li img{ margin:0 auto;}
.about3ri li span{ font-size:14px; color:#14a83b; display:block; margin-top:10px;}

.about3le img{ width:100%;}
.about3le{ position:relative;}
.about3le .swiper-button-next:after,.about3le .swiper-button-prev:after{ color:#dbdbdb;}
.about3le .swiper-pagination{ text-align:right; padding-right:40px; padding-bottom:10px;}
.about3le .swiper-pagination .swiper-pagination-bullet{ background:#fff;}
.about3le .swiper-pagination .swiper-pagination-bullet-active{ background:#14a83b;}


.main4{ background:#f9f9f9;}
.tabnew{ text-align:center; margin-bottom:35px;}
.tabnew a{ padding:0 25px; line-height:35px; display:inline-block; background:#eeeeee; color:#000; border-radius:100px;}
.tabnew a.on{ background:#14a83b; color:#fff;}


.newli{ display:none;}
.newli li { width:32%; background:#fff;}
.newli li .imgs{ height:225px;}
.newli li .imgs img{ width:100%; height:100%; object-fit:cover;}
.newli li .txts{ padding:20px;}
.newli li .txts b{ font-weight:normal; margin-bottom:15px; font-size:16px; color:#000;}
.newli li .txts p{ font-size:14px; color:#999999;}
.newli li:hover .txts b{ color:#14a83b}


.main4 .mores{ padding:45px 0;}

.fottop{ padding:40px 0; background:#1b1b1b;}

.fotle{ width:55%;}
.fotle li{width:25%; position:relative; }
.fotle li a{ display:block; color:#fff; font-size:14px; margin-bottom:10px;}
.fotri{ width:40%;}

.fotri p{ font-size: 14px; color: #fff; padding: 5px 0; background-position: left center; background-repeat: no-repeat; padding-left: 30px;}
.fotri p.tels{ background-image: url(../images/indexpng_05.png);}
.fotri p.mails{ background-image: url(../images/indexpng_08.png);}
.fotri p.adds{ background-image: url(../images/indexpng_10.png);}
.icon_sj{ padding-top: 40px; text-align: right;}
.icon_sj img{display: inline-block; margin-left: 30px;}


.fotle li:last-child:after{ display:none;}

.fotri .ewms{ width:120px; text-align:center;}
.fotri .ewms span{ font-size:16px; color:#ffffff; margin-top:10px; display:block;}
.fotri .fotcon{ width:calc(100% - 150px); text-align:right;}
.fotri .fotcon b{ font-size:30px; display:block; margin-bottom:15px; color:#fff;}
.fotri .fotcon span{ display:block;font-size:14px; color:#ffffff; line-height:2;}
.fotri .fotcon span a{ display:inline-block; font-size:14px; color:#ffffff;}


.fotcopy{ padding:15px 0; border-top:1px solid #fff;background:#1b1b1b; text-align:center;}
.fotcopy p{ font-size:14px; color:#ffffff;}
.fotcopy p a{ display:inline-block; color:#fff;}
.fotcopy p span{ padding:0 20px;}

.fotle li a:hover,.fotcopy p a:hover,.fotri .fotcon span a:hover{ color:#14a83b}

.ban_ney { background-size:cover; background-position:center; background-repeat:no-repeat; }

.ban_ney .table .tbc{ height:440px;}
.ban_ney .table .tbc b{ font-size:36px; display:block; color:#fff; text-transform:uppercase;}
.ban_ney .table .tbc span,.ban_ney .table .tbc span a{ font-size:14px; color:#fff;}
.ban_ney .table .tbc span i{ margin-right:10px;}

.subnav_ny{ padding:0;}


.mainprole{ width:230px;}
.lebox{ background:#fff;border-top-left-radius:50px;}
.mian_pro_02{ padding:35px 0; background:#f2f2f2;}
.letit{ padding:30px 20px 20px 20px; line-height:1.3; border-bottom:1px solid #14a83b; }
.letit .img{ width:36px; height:auto;}
.letit .txt{ width:calc(100% - 46px); font-weight:bold; color:#14a83b; font-size:20px; text-transform:uppercase;letter-spacing: -1px;}
.le_chan{ margin-top:3px; border-top:3px solid #14a83b; padding:15px 0;}
.le_chan>ul>li{ border-bottom:1px solid #eeeeee;}
.le_chan>ul>li>a{ transition:all .3s; padding:10px 20px; font-size:14px; color:#010101; display:block;}
.le_chan>ul>li.on >a,.le_chan>ul>li>a:hover{ background:#14a83b; color:#fff;}
.le_chan>ul>li:last-child{ border:none;}

.le_chan>ul>li ul li{ padding:5px 0 5px 40px;}
.le_chan>ul>li ul li a{ font-size:14px; color:#a3a3a3;}
.le_chan>ul>li ul li.on a,.le_chan>ul>li ul li a:hover{ color:#14a83b;}


.mainprori{ width:calc(100% - 260px); padding:0 20px; background:#fff;}

.prorititle { line-height:1; padding:30px 0; border-bottom:2px solid #14a83b; font-size:24px; color:#14a83b; font-weight:bold; margin-bottom:35px;}

.chanpinliebiao li{ margin-bottom:1%; width:48%;}
.chanpinliebiao li .imgs{ height:250px; position:relative;}
.chanpinliebiao li img{ width:100%; height:100%; object-fit:cover;}
.chanpinliebiao li .imgs .zhezhao{ top:110%; transition:all .5s; position:absolute; left:0; opacity:0; visibility:hidden; background:rgba(20,168,59,.9); width:100%; height:100%;}
.chanpinliebiao li .imgs .zhezhao em{ display:block; width:50px; height:50px; border-radius:100%; border:1px solid #fff; color:#fff; font-size:30px; font-style:normal; text-align:center; position:absolute; left:50%; top:50%; margin-top:-25px; margin-left:-25px; line-height:45px;}
.chanpinliebiao li .imgs .zhezhao em i{ font-size:18px;line-height:35px;}
.chanpinliebiao2 li .imgs .zhezhao em{ line-height:37px;}
.chanpinliebiao li:hover .imgs .zhezhao{ top:0; opacity:1; visibility:visible;}

.chanpinliebiao li span{ display:block; padding:15px 0; text-align:center; font-size:16px; color:#000000;}
.chanpinliebiao li:hover span{ color:#14a83b}

.pro_article01{ padding-top:50px; padding-bottom:20px;}
.pro_article01 .img{ width:46%;}
.pro_article01 .img img{ width:100%;}
.pro_article01 .txt{ width:50%;}
.pro_article01 .txt h1{ font-size:22px; color:#14a83b; padding-top:10px;}
.pro_article01 .txt .txtintro{ padding:30px 0;}
.txtintro p{ font-size:14px; color:#666666;}

.a_links a{ display:inline-block; padding:7px 10px; background:#14a83b; color:#fff; font-size:14px; margin-right:10px;}
.a_links a img{ vertical-align:middle; margin-right:10px;}

.view_chanpin{ padding-bottom:30px;}
.view_chanpin img{ max-width:100%;}

.xgchanpin{ padding-bottom:40px;}
.xgchanpin li{ width:32%; text-align:center;}
.xgchanpin li .imgs{ height:170px;}
.xgchanpin li img{ width:100%; height:100%; object-fit:cover;}
.xgchanpin li span{ color:#000; font-size:16px; margin-top:15px; display:block;}
.xgchanpin li:hover span{ color:#14a83b}
.shebeiintro{ margin-bottom:35px;}
.shebeiintro p{ font-size:14px; color:#000;}


.nav_le{ margin-top:-40px;}
.nav_le a{ background:#fff; display:inline-block; transition: all .4s; margin-right:10px;  font-size:14px; color:#222; padding:0 15px; line-height:40px;}
.nav_le a:hover,.nav_le a.on{ background:#14a83b; color:#fff;}

.posi{}
.posi,.posi a{ font-size:14px; color:#666;}
.posi a{ padding:0 5px;}
.posi a:last-child{ color:#222}
.posi i{ margin-right:5px; color:#666}
.posi a:hover{ color:#14a83b}

.prolistny{ padding:40px 0;justify-content: flex-start;}
.prolistny li{ width:32%; margin-right:2%;}
.prolistny li:nth-child(3n){ margin-right:0}

.aboutbox{ padding:40px 0; margin-bottom:40px;}
.pages{ margin-bottom:80px;}
.pages ul{    justify-content: center;}
.pages ul li{ margin:0 3px;}
.pages ul a{ display:block;border:1px solid #eee; padding:0 15px; line-height:30px; font-size:14px; color:#333;}
.pages ul span{ display:block; border:1px solid #eee;padding:0 15px; line-height:30px;}
.pages ul li.active a,.pages ul li a:hover{ background:#14a83b; color:#fff;}


.about_ri{ width:46%;}
.about_ri span{ font-size:36px; color:#333; opacity:.2; line-height:1; display:block;}
.about_ri  b{ font-size:28px; font-weight:normal; color:#333;}
.about_ri .line{ height:2px; width:40px; background:#14a83b; margin:20px 0;}
.about_ri p{ line-height:2; font-size:14px;}

.singles img{ max-width: 100%; display: block; margin: 0 auto;}
.singles{ padding:50px 0; width: 100%;}
.singles p{ font-size:14px; line-height:2;}
.singlesri{ width: 49%;}
.singlebox{ padding: 40px 0;}
.singlesri p{ display: block;}
.singlesri p iframe{ height: 400px !important;}

.lingyulist li{ width:31.33%; margin:1%;}


.contents img{ max-width:100%;}


.newsartibox{ box-shadow:0 0 15px rgba(0,0,0,.1); padding:40px; margin-top:70px; margin-bottom:40px;}
.title_new h1{ font-size:30px; font-weight:normal; text-align:center; display:block;}
.times{ text-align:center; padding-bottom:20px; border-bottom:1px solid #eee; margin-bottom:40px;}
.times span{ font-size:14px; color:#999;}


.contents p{ font-size:14px; color:#666;}

.page_next{ margin-bottom:80px;}
.page_next span{ max-width:48%; font-size:14px; color:#666}
.page_next span a{color:#666}
.page_next span a:hover{ color:#14a83b}

.newl{ padding-bottom:40px;}
.newl li{ margin:0 0 50px 0; background:#f2f2f2; padding-right:30px; transition:all .4s;}
.newl li:hover{ background:#fff; box-shadow:0 0 20px rgba(0,0,0,.2);}
.newl .imgs{ width:350px; height:240px;}
.newl .imgs img{ width:100%; height:100%; object-fit:cover;}
.newl .txts{ width:calc(100% - 420px); padding:0 40px;}
.newl .txts b{ font-size:24px; font-weight:normal; color:#333; margin-bottom:15px; display:block; line-height:1.5;}
.newl .txts p{ font-size:14px; color:#666}
.newl .time{ width:70px; text-align:center;}
.newl .time b{ font-size:26px; color:#333; line-height:1.5;}
.newl .time em{ font-size:14px; color:#666; font-style:normal;}
.newl li:hover .txts b{ color:#14a83b}


.hezuohuoban{ padding-bottom:50px;}
.hezuohuoban li{ width:23%; margin:1%;  box-shadow:0 0 10px rgba(0,0,0,.1); transition:all .3s;}
.hezuohuoban li .imgs{ height:120px; position:relative;}
.hezuohuoban li .imgs img{ position:absolute; left:50%; top:50%; max-width:90%; max-height:80%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.hezuohuoban{justify-content: flex-start;}

.hezuohuoban li:hover{ box-shadow:0 0 20px rgba(0,0,0,.3);}



.pro_article .pro_img{ width:40%;}
.pro_article .about3le  .swiper-slide{ height:380px;}
.pro_article .about3le  .swiper-slide img{ position:absolute; max-width:100%; max-height:100%; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}


.pro_article{ padding:40px 0;}

.pro_txt{ width:55%;}
.pro_txt .protit{ border-bottom:1px solid #eee; padding:20px 0;}
.pro_txt .protit h1{ font-size:20px; font-weight:normal; color:#14a83b;}

.chanpinjianjie{ padding:30px 0;}
.chanpinjianjie b{ font-size:16px; color:#14a83b; display:block;}
.chanpinjianjie .intros p{ font-size:14px; color:#666}
.chanpinjianjie .intros { padding:20px 0;}
.chanpinjianjie a{ display:inline-block; line-height:40px; padding:0 20px; background:#14a83b; color:#fff; font-size:14px; border-radius:3px;}


.xqtit{ border-bottom:1px solid #eee;  font-size:20px; color:#14a83b; font-weight:bold;}
.xqtit span{ display:inline-block; padding:20px 0; border-bottom:2px solid #14a83b}

.pro_xiangqing .contents p img{ display:block; max-width:100%; margin:0 auto;}
.pro_xiangqing{ margin-bottom: 40px;}

.aboutnewbox01,.aboutnewbox02,.aboutnewbox03{ padding: 60px 0;}
.abouttitle{ margin-bottom: 20px; font-size: 36px; color: #000; text-transform: uppercase; font-weight: bold;}
.about01boxle{ width: 48%;}
.about01boxle b{font-size: 90px; line-height: 1; color: #14a83b; text-transform: uppercase}
.about01boxle span{ font-size: 18px; color: #000; font-weight: normal; text-transform: uppercase}
.about01boxle a{ font-size: 24px; color: #14a83b; text-transform: uppercase; line-height: 1;}
.about01boxri{width: 48%;}
 .about01boxle img{ width: 100%;}
 .about01boxle p, .about01boxri p{ text-align: justify; line-height:1.4; font-size:14px;}
 .about01box{ margin-bottom: 30px;}


 .aboutnewbox02{background-color: #fafbfe;}
.abouthis{position: relative; max-width: 930px; margin: 0 auto; padding-bottom: 100px;}
.abouthis .line{ position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #14a83b;}
.abouthis:after{ content: ""; display: block; margin-left: -7px; position: absolute; bottom: 0; left: 50%; width: 15px; height: 15px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; background-color: #14a83b;}

.abouthis:before{ content: ""; display: block; margin-left: -7px; position: absolute; top: 0; left: 50%; width: 15px; height: 15px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; background-color: #14a83b;}

.abouthis .year{ width: 46%; text-align: right;}
.abouthis .year img{ width:100%;}
.abouthis .year span{ position: relative; background-color: #14a83b; line-height: 90px; text-align: center; font-size: 30px; color: #fff; width: 90px; height: 90px; display: inline-block; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
.abouthis .his{ width: 46%; padding:20px; background:#fff;}
.abouthis .his span{ font-size:30px; display:block; margin-bottom:20px; line-height:1;}
.abouthis .his .hisbox{ }
.abouthis .year span:after{content: ""; display: block; width: 16px; position: absolute; right: -16px; top: 50%; height: 1px; background-color: #cbead7;}
.abouthis li{ padding:20px 0; position: relative;}
.abouthis li:after{ left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute; content: ""; display: block; width: 9px; height: 9px; background-color: #14a83b; z-index: 2; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.abouthis li:before{ left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute; content: ""; display: block; width: 21px; height: 21px; background-color: #b4e1c3; z-index: 1; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.abouthis li:nth-child(2n) .year{ text-align: left;}
.abouthis li:nth-child(2n) .year span:after{ right: auto; left: -16px;}


.more_jz{ color: #fff; cursor: pointer; line-height: 90px; z-index: 10; width: 90px; height: 90px; border-radius: 100%; background-color: #14a83b; text-align: center; display: inline-block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }

.abouttitlep{ text-align: center;}
.abouttitlep{ font-size: 14px; margin-bottom: 50px;}
.aboutnewbox03 li{ width: 50%;}
.aboutnewbox03 li .img{ height: 44px;}
.aboutnewbox03 li .img img{ width: 100%;}
.aboutnewbox03 li .txt{ width: 100%;}
.aboutnewbox03 li .txt b{ font-size: 16px; color: #14a83b; display: block; margin-bottom: 10px;}
.aboutnewbox03 li .txt p{ color: #000; font-size: 14px;}

.zizhilist li .imgs{ position: relative; height: 540px;}
.zizhilist li .imgs img{ width: 100%; height: 100%;}

.aboutnewbox03 ul{ position:relative;}
.aboutnewbox03 ul:after{ content:""; display:block; width:100%; height:1px; background:#e5e5e5; position:absolute; top:50%; left:0;}
.aboutnewbox03 ul:before{ content:""; display:block; width:1px; height:100%; background:#e5e5e5; position:absolute; top:0; left:50%;}

.aboutnewbox03 li{ padding-right:20px; padding-bottom:30px;}
.aboutnewbox03 li:nth-child(2n){ padding-left:25px;}
.aboutnewbox03 li:nth-child(3),.aboutnewbox03 li:nth-child(4){ padding-bottom:0; padding-top:30px;}

.ban_ney2{ height:440px; background-size:cover; background-position:center; background-repeat:no-repeat;}

.contacban{ border-radius:10px; background:#14a83b; padding:25px 20px; display:inline-block; padding-right:40px;}
.contacban span{ font-size:14px; color:#fff; display:block;}
.contacban b{ color:#fff; font-size:36px; color:#fff; text-transform:uppercase; margin-bottom:10px; display:block; line-height:1.3;}
.contacban .tl{ font-size:20px; line-height:1.4; color:#fff; font-weight:bold; padding-left:32px; background-image:url(../images/con_icon_03.jpg); background-position:left center; background-repeat:no-repeat;}
.contacban .em{font-size:20px; color:#fff; font-weight:bold; padding-left:32px; background-image:url(../images/con_icon_07.jpg); background-position:left center; background-repeat:no-repeat; margin-bottom:10px;}
.contacban .em a{ color:#fff; line-height:1.4;}

.contact01{ padding:60px 0 40px;}

.contact01 li{ margin-bottom:20px; transition:all .5s; width:49%; padding:25px 10px; background:#fcfcfc;}
.contact01 li b{transition:all .5s; display:block; color:#14a83b; text-transform:uppercase; font-size:20px; border-bottom:2px solid #14a83b; padding:10px 0; margin-bottom:15px;}
.contact01 li .con01txt{ font-size:14px; color:#000;}
.contact01 li .con01txt p{ margin-bottom:5px;}
.contact01 li:hover{ background:#14a83b}
.contact01 li:hover b{ color:#fff; border-bottom:2px solid #fff;}

.contact01 li:hover .con01txt p{ color:#fff;transition:all .5s;}


.contact02{ padding:60px 0;}

.con02title{ margin-bottom:50px; text-align:center;}
.con02title b{ font-size:30px; font-weight:normal; color:#fff; display:block;}
.con02title p{ font-size:18px; color:#fff;}

.formle{ width:48.5%;}

.formle input{ width:100%; padding:0 10px; background:rgba(255,255,255,.5); line-height:40px; height:40px; color:#fff; font-size:14px; margin-bottom:18px;}
.formle textarea{ width:100%; height:156px; margin-bottom:9px; padding:10px;background:rgba(255,255,255,.5);}
.formle button{ font-size:18px; cursor:pointer; height:40px; background:#14a83b; color:#fff; display:block; width:100%;}
.formle input::-webkit-input-placeholder,.formle  textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #fff !important; font-family:Arial, Helvetica, sans-serif;
}
.formle input:-moz-placeholder,.formle  textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #fff !important;font-family:Arial, Helvetica, sans-serif;
	opacity: 1;
}
.formle input::-moz-placeholder,.formle  textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #fff !important;font-family:Arial, Helvetica, sans-serif;
	opacity: 1;
}
.formle input::-ms-input-placeholder,.formle textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #fff !important;font-family:Arial, Helvetica, sans-serif;
}
.contact03{ padding:40px 0;}
.contact03 iframe{ width:100% !important; height:440px !important; border:none;}



.singlebox{ padding:50px 0;}
.singlebox p{ font-size:14px; color:#000}
.singlebox p img{ max-width:100%;}

.honor{ padding:50px 0;}
.honor ul{justify-content: flex-start;}
.honor li{ width:31.33%; margin:1%; background:#f9f9f9; text-align:center;}
.honor .honorlist  li .img{ height:285px; position:relative;}
.honor .honorlist li .img img{ max-width:95%; max-height:95%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.honor li .txt{ transition:all .5s; padding:15px 10px; font-size:14px; color:#000}
.honor li:hover .txt{ background:#14a83b; color:#fff;}

.honorlist2 li .img{ height:285px; padding:15px;}
.honorlist2 li .img img{ width:100%; height:100%; object-fit:cover;}


.joinlist li{ margin-bottom:20px;}
.joinlist li .jointitle{ cursor:pointer; padding:15px 30px; border:1px solid #eeeeee;}
.joinlist li .jointitle em i{ width:32px; height:32px; text-align:center; line-height:30px; border:1px solid #333333; border-radius:100%; cursor:pointer; font-size:20px;}
.joinlist li .jointitle em{ transition:all .3s;}

.jointile{ width:calc(100% - 115px);}
.jointile span{ font-size:18px; color:#333}
.joinlist li.on .jointitle em{ transform:rotate(90deg);}

.text_join{ padding:25px 30px; display:none;}
.text_join p{ font-size:16px; color:#333333;}
.text_join a.toudi{ margin-top:40px; padding:10px 25px; display:inline-block; border-radius:5px; background:#14a83b; color:#fff;}
.text_join a.toudi img{ vertical-align:middle; margin-right:10px;}


.tap01{ display:none; position:relative;}


.abouttap .swiper-slide{ text-align:center;}
.abouttap .swiper-slide img{ width:100%;
  
}
.abouttap .swiper-slide span{ display:block; margin-top:10px; font-size:14px; color:#000}
.abouttap .swiper-slide:hover span{ color:#14a83b}


.culture03{ padding:40px 0}
.culture03 .w1200 .cul3box{ padding:30px 20px; background:#f9f9f9;}

.abouttab{ margin-bottom:40px; text-align:center; border-bottom:1px solid #14a83b;}
.abouttab span{ display:inline-block; padding:0 20px; cursor:pointer; line-height:40px; font-size:16px; color:#000}
.abouttab span.on{ background:#14a83b; color:#fff;}
.tap01{ padding-bottom:80px;}

.tap01 .swiper-pagination{ margin-top:20px; width:100%; text-align:center; }
.tap01 .swiper-pagination span{width:5px; height:5px; background:#bfbfbf; margin:0 5px; opacity:1;}
.tap01 .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; border-radius:5px; background-color:#14a83b;}


.culture01{ padding:60px 0;}
.culture01 li{ width:23%; background:#fcfcfc; padding:30px 15px; min-height:300px; text-align:center;}
.culture01 li .img{ height:70px; background-position:top center; background-repeat:no-repeat;}
.culture01 li .img01{ background-image:url(../images/culture_05b.png);}
.culture01 li:hover .img01{ background-image:url(../images/culture_05.png);}
.culture01 li:hover{ background-color:#14a83b;}
.culture01 li b{ display:block; font-size:16px; color:#14a83b; margin-bottom:10px;}
.culture01 li p{ font-size:14px; color:#000}
.culture01 li:hover b,.culture01 li:hover p{ color:#fff;}


.culture01 li .img02{ background-image:url(../images/culture_07b.png);}
.culture01 li:hover .img02{ background-image:url(../images/culture_07.png);}
.culture01 li .img03{ background-image:url(../images/culture_09b.png);}
.culture01 li:hover .img03{ background-image:url(../images/culture_09.png);}
.culture01 li .img04{ background-image:url(../images/culture_12b.png);}
.culture01 li:hover .img04{ background-image:url(../images/culture_12.png);}

.culture02 .contents p{ color:#000; font-size:14px;}


.aboutxin01{ position:relative;}
.aboutxin01 .aboutxin01bac{ position:absolute; left:0; width:56%; height:100%; background:#14a83b; z-index:1;}
.aboutxin01  .w1200{ position:relative; z-index:2; padding:60px 0;}
.aboutxin01 .aboutxin01le{ width:53%;}
.aboutxin01 .aboutxin01le p{ color:#fff; font-size:14px;}
.aboutxin01ri{ width:50%; z-index:0; position:absolute; top:40px; height:105%; right:0;}
.aboutxin01ri img{ width:100%; height:100%; object-fit:cover;}

.aboutxin02le{ width:50%;}
.aboutxin02le img{ width:100%;}
.aboutxin02ri{ width:47%; padding-top:5%;}
.aboutxin02ri p{ font-size:14px; color:#000;}

.aboutnewbox02 .abouttitle,.aboutnewbox03 .abouttitle{ text-align:center; margin-bottom:40px;}
.aboutne03box >.img{ width:34%;}
.aboutne03box> .img img{width:100%; height:100%; object-fit:cover;}
.aboutne03box ul{ width:61%;}





@media screen and (max-width:1640px){
	.w1600{ padding-left: 40px; padding-right: 40px;}
	
	.header li a{ padding: 0 10px; font-size:14px;}
	.logo img{ max-height:70px;}
	
	.header ul{ padding-right:15px;}
	.main2le{ padding-left:40px;}
   }
   @media screen and (max-width:1440px){
	   
	.sousuo .line{ margin-right:10px;}
	.sousuo  img{ margin-left:10px !important;}
	   }
   @media screen and (max-width:1280px){
	.header li a{ font-size: 14px;}
	.w1200{ padding-left:30px; padding-right:30px;}
	.main2le{ padding-left:30px;}
	
   }
@media screen and (max-width:768px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 .w1200,.w1600{ padding-left:15px; padding-right:15px;}
	 
	.main2le{ padding-left:15px;}
	 .banner b{ font-size:24px;}
	 .banner p{ font-size:14px;}
	 .banner .swiper-slide{ padding:0 15px; height:240px;}
	 .titleindex span{ font-size:20px;}
	 .titleindex b{ font-size:26px;}
	 .titleindex p{ font-size:12px; margin-top:10px; line-height:1.5;}
	 .about3le,.about3ri{ width:100%; padding:0;}
	 .about3le{ margin-bottom:20px;}
	 .titleindex{ padding-top:30px; padding-bottom:20px;}
	 .titleindex span{ top:24px;}
	 .about3le{ height:300px;}
	 .about3ri a.more{ padding:0 25px; line-height:35px; margin:30px 0}
	 .about3ri li img{ width:50px; margin:0 auto;}
	 .about3ri li{ width:48%; max-width:none; margin-bottom:20px;}
	 .about03{ padding-bottom:30px;}
	 .pro_tabindex li { margin-bottom:5px;}
	 .pro_tabindex li a{ font-size:14px;}
.main1 .indexpro_tap li{ width:100%; margin:1% 0;}
.prolist li .imgs{ height:auto;}
.prolist li .txts{ padding:10px;}
.prolist li .txts b{ font-size:14px;}

.pro_tabindex ul{     -webkit-border-radius: 0;border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;}
	
	.pro_tabindex li{    border-radius: inherit !important;}
	.pro_tabindex{ margin-bottom:20px;}
	.lunbopic .swiper-slide .img{ height:30px;}
	.lunbopic .swiper-slide b{ font-size:12px;}
	.lunbopic .swiper-button-next:after, .lunbopic .swiper-button-prev:after{ font-size:20px;}
	.main2le{ width:100%; padding:25px 15px;}
	.main2le li .intros{ padding:15px 0;}
	.lunbopic{ padding:0 25px;}
	.main2le li a{ padding:0 20px; line-height:35px;}
	.main2ri,.main2ri .img{ width:100%; height:150px;}
	.lunbopic .swiper-button-next{ right:0;}
	.lunbopic .swiper-button-prev{ left:0;}
	.main2le li .line{ margin-top:8px;}
	.tabnew a{ font-size:14px; padding:0 15px;}
	.newli li{ width:100%; margin-bottom:15px;}
	.newli li .txts{ padding:15px;}
	.newli li .txts b{ margin-bottom:5px;}
	.main4 .mores{ padding:30px 0;}
	a.more{ padding:0 20px; line-height:35px;}
	.fotle{ display:none;}
	.fotri{ width:100%;}
	.icon_sj img{ width:30px; margin-left:15px;}
	.fotcopy p{ font-size:12px;}
	
	.ban_ney .table .tbc{ height:260px;}
	.ban_ney .table .tbc b{ font-size:20px;}
	.nav_le{ margin-top:15px;}
	.nav_le a{ padding:0 10px; font-size:14px; margin-right:5px; background:#eee; margin-bottom:5px;}
	.about01boxle{ width:100%;}
	.about01boxri{ width:100%;}
	.abouttitle{ font-size:20px; margin-top:20px; margin-bottom:5px;}
	.aboutxin01 .aboutxin01le{ width:100%; position:static;}
	.aboutxin01 .w1200{ padding:20px 15px;}
	.aboutxin02le{ width:100%;}
	.aboutxin02ri{ width:100%; padding-top:20px;}
	.abouthis .his .hisbox{ font-size:12px;}
	.abouthis .his span{ font-size:20px;}
	.abouthis .his{ padding:10px;}
	.aboutne03box >.img{ display:none;}
	.aboutnewbox03 li{ width:100%;}
	.aboutnewbox01, .aboutnewbox02, .aboutnewbox03{ padding:30px 0;}
	.aboutne03box ul{ width:100%;}
	.aboutne03box ul li,.aboutnewbox03 li:nth-child(2n){ padding:15px 0; border-bottom:1px solid #e5e5e5;}
	.aboutnewbox03 li .img img{  height:100%;}
	.aboutnewbox03 li .img{ height:50px;margin-bottom:5px;}
	.aboutnewbox03 ul:before{ display:none;}
	.aboutnewbox03 ul:after{ display:none;}
	
	.aboutxin01 .aboutxin01bac{ display:none;}
	.aboutxin01ri{ position:static; width:100%; height:auto;}
	.aboutxin01 .aboutxin01le p{ font-size:14px; color:#333;}
	.aboutnewbox01{ padding-bottom:0;}
	.aboutxin01ri{ padding:15px;}
	.culture01{ padding:30px 0;}
	.culture01 li{ padding:15px; width:100%; margin-bottom:15px;}
	.culture01 li b{ font-size:16px;}
	.culture01 li p{ font-size:14px;}
	.culture01 li{ min-height:inherit;}
	.culture01 li .img{ height:50px; background-size:auto 45px;}
	.culture01 li .img img{ height:45px;}
	.honor li{ width:48%;}
	.pages{ margin-bottom:40px;}
	.honor{ padding:30px 0;}
	.singlebox{ padding:30px 0;}
	.mainprole{ display:none;}
	.honor li .img{ height:180px;}
	.mainprori{ width:100%;}
	.chanpinliebiao li{ width:48%;}
	.prorititle{ padding:20px 0;}
	.chanpinliebiao { margin-bottom:20px;}
	.chanpinliebiao li span{ font-size:14px; padding:5px 0;}
	.chanpinliebiao li .imgs{ height:5.2rem;}
	.pages ul li{ margin-bottom:5px;}
	.pages ul li a,.pages ul li span{ font-size:12px;}
	.pro_article01 .img{ width:100%; margin-bottom:15px;}
	.pro_article01 .txt{ width:100%;}
	.pro_article01{ padding-top:20px;}
	.pro_article01 .txt .txtintro{ padding:15px 0;}
	.a_links a{ margin-bottom:10px;}
	.prorititle{ padding:15px 0; font-size:20px;}
	.xgchanpin li{ width:100%; margin-bottom:15px;}
	.xgchanpin li span{ font-size:14px;}
	.xgchanpin li .imgs{ height:auto;}
	.ban_ney .table .tbc span, .ban_ney .table .tbc span a{ font-size:12px;}
	.view_chanpin td{ padding:5px; font-size:12px;}
	.view_chanpin p{ font-size:14px;}
	.singlebox p{ font-size:14px !important;}
	.singlebox span{ font-size:14px !important; }
	.singlebox p strong span{ font-size:20px !important;} 
	.chanpinliebiao2 li .imgs{ height:auto;}
	.chanpinliebiao li .imgs img{ object-fit: inherit;}
	.news_listsny, .joinlist{ padding:30px 0;}
	.newl li{ margin:0; padding:15px; margin-bottom:15px;}
	.newl .imgs{ width:100%; height:auto;}
	.newsartibox{ padding:20px 15px; margin-top:30px;}
	.title_new h1{ font-size:20px;}
	.newl .txts{ width:calc(100% - 85px); padding:15px 0;}
	.newl .txts b{ font-size:16px; margin-bottom:5px;}
	.contents p{ font-size:14px;}
	.contents p span{ font-size:14px !important;}
	.times{ margin-bottom:20px;}
	.page_next span{ max-width:100%; margin-bottom:10px;}
	.joinlist li .jointitle{ padding:10px 15px;}
	.text_join{ padding:15px;}
	.text_join p{ font-size:12px;}
	.jointile span{ font-size:14px;}
	.ban_ney2{ height:330px;}
	.contacban b{ font-size:26px;}
	.contacban .em{ font-size:14px;}
	.contacban .tl{ font-size:14px;}
	.contact01{ padding:30px 0;}
	.contact01 li{ width:100%; margin-bottom:15px; padding:15px;}
	.contact02{ padding:30px 0;}
	.con02title b{ font-size:20px;}
	.con02title p{ font-size:14px;}
	.formle{ width:100%;}
	.con02title{ margin-bottom:20px;}
	.contact03 iframe{ height:300px !important; }
	.contact02{ background-size:cover;}
	.contact01 li b{ padding-top:0}
	}