.g_pro{padding-top: 2.7rem;height:45.7rem; }
.g_pro h2{height: 5rem;text-align: center;font-size: 1.8rem;color: #333333;}
.g_pro h2 a{color: #333333;}
.g_pro h2 em{display: block;font-size: 1rem;color: #c3c3c3;text-transform: uppercase;}

.g_pro .flst{height: 8rem;padding-left: 3%;}
.g_pro .flst li{float: left;width: 46%;margin-right: 3%;height: 3rem;line-height: 3rem;background: #f2f2f2;text-align: center;font-size: 1rem;color: #4c4c4c;margin-bottom: 1rem;}
.g_pro .flst li a{color: #4c4c4c;}
.g_pro .cplst{padding-left: 3%;}
.g_pro .cplst li{float: left;width: 46%;margin-right: 3%;position: relative;margin-bottom:1rem;}
.g_pro .cplst li:nth-child(2n){margin-right: 0;}
.g_pro .cplst li img{width: 100%;display: block;}
.g_pro .cplst li em{position: absolute;left:0;bottom: 0;height: 2.6rem;line-height: 2.6rem;text-align: center;font-size: 1.1rem;color: #fff;background: #009946;width: 100%;}

.g_sl{background:url(../images/slbg.jpg) no-repeat;background-size: 100%;height: 37.5rem;padding-top: 2.5rem;}
.g_sl h2{height: 6rem;text-align: center;font-size: 1.8rem;color: #fff;}
.g_sl h2 a{color: #fff;}
.g_sl h2 em{display: block;font-size: 1rem;text-transform: uppercase;}
.g_sl .m_sl{margin-left: 8%;}
.g_sl dl{float: left;width: 46%;height: 9.2rem; padding-top: 0.5rem; border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
.g_sl .lastdl{border-right: none;}
.g_sl .dl08{border-bottom: none;}
.g_sl dt{width: 30%;margin: 0 auto;}
.g_sl dt img{width: 100%;display: block;}
.g_sl h3{height: 1.7rem;line-height: 1.7rem;font-size: 1.1rem;color: #fff;text-align: center;font-weight: bold;}
.g_sl p{margin-top: 0.5rem;padding: 0 3%;text-align: center;font-size: 1rem;line-height: 1.5rem;color: #fff;}

.g_an{padding-top: 2.7rem;height: 18rem;}
.g_an h2{height: 5.6rem;text-align: center;font-size: 1.8rem;color: #333333;}
.g_an h2 a{color: #333333;}
.g_an h2 em{display: block;font-size: 1rem;text-transform: uppercase;color: #c3c3c3;}
.g_an ul{padding-left: 3%;}
.g_an li{float: left;width: 30%;margin-right: 3%;height: 3rem;line-height: 3rem;background: #f2f2f2;font-size: 1rem;color: #4c4c4c;margin-bottom: 1rem;position: relative; padding-left: 17%;}
.g_an li a{color: #4c4c4c;}
.g_an li em{position: absolute;left:20%;top:0.4rem;width: 2.2rem;height: 2.2rem;}
.g_an li em img{width: 100%;display: block;}

.g_anlst{height: 32rem;position: relative;}
.g_anlst dl{margin: 0 3%;} 
.g_anlst dt{width: 100%;margin-bottom: 1rem;}
.g_anlst dt img{width: 100%;display: block;}
.g_anlst h3{height: 2rem;line-height: 2rem;overflow: hidden;font-size: 1.2rem;color: #333333;font-weight: bold;margin-bottom: 0.5rem;}
.g_anlst h3 a{color: #333333;}
.g_anlst p{font-size: 0.9rem;color: #666666;line-height: 1.5rem;height: 4.5rem;overflow: hidden;}
.g_anlst .swiper-button-next,.g_anlst .swiper-button-prev{position: absolute;width: 2.6rem;height: 4.6rem;top:9rem;}
.g_anlst .swiper-button-next{background: url(../images/rjt.png) no-repeat;background-size: 100%;right:3%;}
.g_anlst .swiper-button-prev{background: url(../images/ljt.png) no-repeat;background-size: 100%;left:3%;}


.g_ys{position: relative;height: 42rem;}
.g_ys h2{height: 4.6rem;text-align: center;font-size: 1.8rem;color: #333333;}
.g_ys h2 a{color: #333333;}
.g_ys h2 em{display: block;font-size: 1rem;text-transform: uppercase;color: #c3c3c3;}

.g_ys .tabs2{margin: 0 3%;height: 5.3rem;}
.g_ys .tabs2 a{position: relative; display: block;float: left;width: 25%;text-align: center;font-size: 1.2rem;color: #4d4d4d; padding-top: 2.6rem;}
.g_ys .tabs2 a:before{content: "";position: absolute;width: 2.4rem;height: 2.4rem;left:50%;margin-left: -1.2rem;top:0;}
.g_ys .tabs2 a:nth-child(1):before{background: url(../images/ysico1.jpg) no-repeat;background-size: 100%; }
.g_ys .tabs2 a:nth-child(2):before{background: url(../images/ysico2.jpg) no-repeat;background-size: 100%; }
.g_ys .tabs2 a:nth-child(3):before{background: url(../images/ysico3.jpg) no-repeat;background-size: 100%; }
.g_ys .tabs2 a:nth-child(4):before{background: url(../images/ysico4.jpg) no-repeat;background-size: 100%; }
.g_ys .tabs2 .active{color: #11a052;}
.g_ys .tabs2 .active:nth-child(1):before{background: url(../images/ysico1h.jpg) no-repeat;background-size: 100%; }
.g_ys .tabs2 .active:nth-child(2):before{background: url(../images/ysico2h.jpg) no-repeat;background-size: 100%; }
.g_ys .tabs2 .active:nth-child(3):before{background: url(../images/ysico3h.jpg) no-repeat;background-size: 100%; }
.g_ys .tabs2 .active:nth-child(4):before{background: url(../images/ysico4h.jpg) no-repeat;background-size: 100%; }

.g_ys dl{margin:0 3%;}
.g_ys dt{width: 100%;margin-bottom: 0.5rem;}
.g_ys dt img{width: 100%;display: block;}
.g_ys h3{height: 2rem;line-height: 2rem; position: relative;font-size: 1.2rem;color: #333333;font-weight: bold;}
.g_ys p{font-size: 0.9rem;line-height: 1.5rem;color: #666666;}
.g_ys .swiper-button-next,.g_ys .swiper-button-prev{position: absolute;width: 4rem;height: 4rem;top:37rem;}
.g_ys .swiper-button-next{background: url(../images/rjt2.jpg) no-repeat;background-size: 100%;right:16%;}
.g_ys .swiper-button-prev{background: url(../images/ljt2.jpg) no-repeat;background-size: 100%;left:16%;}
.g_ys .swiper-pagination-bullet{background: #999999;width: 1rem;height: 1rem;margin: 0 0.5rem;}
.g_ys .swiper-pagination-bullet-active{background: #009946;width: 3rem;border-radius: 2rem;}
.g_ys .swiper-pagination-bullets{bottom: 3rem;width: 100%;}



.g-news{height: 40.5rem;}
.g-news h2{height: 5.2rem;text-align: center;font-size: 1.8rem;color: #333333;}
.g-news h2 a{color: #333333;}
.g-news h2 em{display: block;font-size: 1rem;text-transform: uppercase;color: #c3c3c3;}

.news_nav{height:4rem; margin: 0 3% 1.5rem;}
.news_nav p{height: 4rem; float: left; font-size: 1.2rem; line-height: 4rem; color: #333333; width: 50%;text-align: center;  border:1px solid #ebebeb;box-sizing:border-box; }
.news_nav p.cur{background: #009946;color: #fff;}
.news_nav .ne_db{display: block;}

.g-news .newtj{margin: 0 3%;height: 7rem;margin-bottom: 0.7rem;}
.g-news .newtj dt{float: left;width: 40%;}
.g-news .newtj dt img{width: 100%;display: block;}

.g-news .newtj dd{float: left;width: 56%; background: #fff;border: 1px solid #d5d5d5;border-left: none; padding-top: 0.7rem; padding-left: 3%; height: 5.9rem;}
.g-news .newtj h3{height: 1.8rem;line-height: 1.8rem;font-weight: bold;font-size: 1.1rem;color: #303030;margin-bottom: 0.7rem; overflow: hidden;}
.g-news .newtj h3 a{color: #303030;}
.g-news .newtj p{font-size: 1.1rem;color: #606163;line-height: 1.5rem;height: 3rem;overflow: hidden;}
.g-news .newtj p a{color: #009946;}
.g-news .otdl{margin: 0 3%;height: 5.5rem;margin-bottom: 0.5rem;}
.g-news .otdl dt{float: left;width: 17%;height: 4.4rem;overflow: hidden; font-size: 0.8rem;color: #231815;text-align: center; padding-top: 1rem; line-height: 2rem;background: #ededed;}
.g-news .otdl dt em{display: block;font-size: 2.5rem;color: #666666;}
.g-news .otdl dd{float: left;padding-left: 5%;padding-top: 0.8rem;background: #fff;height: 4.5rem;border: 1px solid #d5d5d5;border-left: none; width: 77%;}
.g-news .otdl h3{height: 1.5rem;line-height: 1.5rem;font-weight: normal;font-size: 1.1rem;color: #303030;margin-bottom: 0.7rem; overflow:hidden;}
.g-news .otdl h3 a{color: #303030;}
.g-news .otdl p{font-size: 1.1rem;color: #606163;line-height: 1.5rem;height: 1.5rem;overflow: hidden;}
.g-news .otdl p a{color: #009946;}

.g_ab{height:36rem;}
.g_ab h2{height: 5rem;text-align: center;font-size: 1.8rem;color: #333333;}
.g_ab h2 a{color: #333333;}
.g_ab h2 em{display: block;font-size: 1rem;text-transform: uppercase;color: #c3c3c3;}
.g_ab dt{width: 100%;margin-bottom: 1.3rem;}
.g_ab dt img{width: 100%;display: block;}
.g_ab h3{height: 2.5rem;line-height: 2.5rem;font-weight: bold;color: #333333;font-size: 1.3rem;text-align: center;margin-bottom: 0.8rem;}
.g_ab h3 a{color: #333333;}
.g_ab p{font-size: 1rem;line-height: 1.5rem;color: #808080; height: 4.5rem;overflow: hidden; padding: 0 3%;}
.g_ab p a{color: #009946;}











html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:400px){html{font-size: 12.5px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:520px){html{font-size:    16.25px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:600px){html{font-size:  18.75px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}