img{max-width: 100%;}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{pointer-events:inherit!important;}

.inwrap{max-width: 1280px; margin: 0 auto; width: 94%;}
.ellipsis{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%;}
.clamp{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height: 1.5; max-height: 3em;height: 3em;overflow:hidden;}
.clamp_3{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em;height: 4.5em;overflow:hidden;}
.clamp_4{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4; line-height: 1.5;  max-height: 6em;height: 6em;overflow:hidden;}
.clamp_5{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 5; line-height: 1.5;  max-height: 7.5em;height: 7.5em;overflow:hidden;}
.clamp_6{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 6; line-height: 1.5;  max-height: 9em;height: 9em;overflow:hidden;}

.site{margin: 2% 0 3.5%; position: relative; padding-left: 25px;}
.site::before{content: ""; position: absolute; lefT:0; top:7px; width:10px; height: 10px; border:2px solid #00E71F; border-radius: 100%;}
.site span{color: #000; font-weight: bold;}

.trend-top{ background: #F0F4FA;margin-bottom:4%; overflow: hidden;}
.trend-top dt{float: left; width: 58.75%;position: relative;}
.trend-top dd{ float: right; width: 41.25%; padding:8% 6%; box-sizing: border-box;}
.trend-top dd span{ display: block; font-weight: bold; color: #84888D; margin-bottom:3%;}
.trend-top dd h2{margin-bottom: 5%; line-height:1.2; max-height: 2.4em; height: 2.4em;}
.trend-top dd h2 a{color: #000;}
.trend-top dd .c{ margin-bottom: 15%;}
.trend-top dd p{color: #84888D; line-height: 2; max-height: 6em; height: 6em; margin-bottom:2%;}
.trend-top dd p.p1{ line-height: 1.5;max-height: 7.5em; height: 7.5em;}
a.more{ display: inline-block; height: 20px; line-height: 20px;}
a.more i{ margin-left: 10px;}

.trend-list{margin-bottom:3%;}
.trend-list ul{margin: 0 -1.2%; margin-bottom:3%;}
.trend-list li{ float: left; width: 30.93%; margin: 0 1.2% 2.5%; border-bottom: 1px solid #D6D6D6; background: #fff;overflow: hidden;}
.trend-list li dt a{display: block;width:100%;height: 100%;}
.trend-list li dd{padding: 5% 0 8%;}
.trend-list li dd span{display: block;font-weight: bold; color: #84888D; margin-bottom:3%;}
.trend-list li dd h2{margin-bottom: 5%;}
@media only screen and (max-width: 1279px) {
.site::before{top:5px;}
.trend-top dd{padding: 5%;}
}
@media only screen and (max-width: 1023px) {
    .trend-top dd{padding: 5%;}
}
@media only screen and (max-width:767px) { 
    .trend-top dt,.trend-top dd{ width: 100%;}
    .trend-top dd h2,.trend-list li dd h2{max-height: auto; height: auto;}
    .trend-top dd .c{margin-bottom: 5%;}
    .trend-list ul{margin: 0 0 1%;}
    .trend-list li{ width: 100%; margin: 0 0 5%;}
    .trend-list li dd{padding: 5% 0;}
}

.notice-list{margin-bottom:3%;}
.notice-list ul{margin: 0 -1.2%; margin-bottom:3%;}
.notice-list li{border:1px solid #D6D6D6; padding:2.5% 4%; margin-bottom: 2.5%; font-weight: bold; background: #fff; overflow: hidden;}
.notice-list li:nth-child(2n){background: #F1F4FB; bordeR:1px solid #F1F4FB;}
.notice-list li h2{ float: left; width: calc(100% - 120px);font-weight: bold;}
.notice-list li span{ float: right; color: #84888D;}
@media only screen and (max-width:767px) { 
.notice-list li h2{ width: calc(100% - 100px);}
}


.media-list{margin-bottom:3%;}
.media-list ul{ margin-bottom:5%;}
.media-list li{padding:1px 0;border-bottom: 1px solid #D6D6D6;}
.media-list li dt{ float: right; width: 22.34%;}
.media-list li dd{ float: left; width: 75%; padding:2% 0 0;}
.media-list li dd span{display: block;font-weight: bold; color: #84888D; margin-bottom: 1%;}
.media-list li dd h2{margin-bottom: 2%;}
@media only screen and (max-width: 1023px) {
    .media-list li dd{padding-top: 1%;}
}
@media only screen and (max-width: 767px) {
.media-list li{padding: 3% 0;}
}

.fnt_100{ font-size: 100px;}
@media only screen and (max-width:1800px) {
.fnt_100{ font-size: 90px;}
}
@media only screen and (max-width:1660px) {
.fnt_100{ font-size: 80px;}
}
@media only screen and (max-width:1440px) {
.fnt_100{ font-size: 70px;}
}
@media only screen and (max-width:1366px) {
.fnt_100{ font-size: 60px;}
}
@media only screen and (max-width:1280px) {
.fnt_100{ font-size: 50px;}
}
@media only screen and (max-width:1024px) {
.fnt_100{ font-size: 40px;}
}
@media only screen and (max-width:767px) {
.fnt_100{ font-size: 36px;}
}


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

.more1{ display: block; width: 170px; margin: 0 auto; text-align: center; height: 50px; line-height: 50px; border:1px solid #000000; border-radius: 30px;}
.more1 i{margin-left: 3px;}
.more2{display: inline-block;padding: 0 12px;height: 28px;line-height: 28px;background: #000;color: #fff;border-radius: 30px}


.innovate-part01{ padding: 0 0 9%; margin: 0 0 5%; background: url(../images/innovate_bg01.jpg) center bottom no-repeat;}
.innovate-part01 .p_more{text-align: center;}
.innovate-tit{ text-align: center; margin-bottom:1%; color: #000;}
.innovate-con{text-align: center; margin-bottom:5%;}
.innovate_list{margin-bottom: 7%;}
.innovate_list li{ float: left; width: 25%; text-align: center;}
.innovate_list li span{color:#32973F; display: block; line-height: 1.2; font-family: Arial, Helvetica, sans-serif;}
.innovate_list li p{color: #000000;}

.innovate-part02{margin-bottom: 7%;}
.innov-tabt{ height: 70px; line-height: 70px; margin:2% 0 3%; border-bottom:1px solid #CCCCCC;}
.innov-tabt ul{padding: 0 5%;}
.innov-tabt li{ float: left; cursor: pointer; width: 25%; text-align: center; color: #8D8D8D; position: relative;}
.innov-tabt li::after{opacity: 0; content: "";position: absolute; lefT:50%; margin-left: -10px; bottom:-9px; width: 12px; height: 12px; border:3px solid #00E71F; background: #fff; border-radius: 100%;}
.innov-tabt li.on::after{opacity: 1;}
.innov-tabt li.on{color: #3F9949; font-weight: bold;}
.innov-tabc .innov-item{ height: 0; visibility: hidden; opacity: 0; overflow: hidden;}
.innov-tabc .innov-item.on{ height: auto; visibility: visible; opacity: 1;}
.innov-item dl{ background: #F0F4FA;}
.innov-item dt,.innov-item dd{ float: left; width: 50%;}
.innov-item dd{ padding:8%; box-sizing: border-box;}
.innov-item dd h2{margin-bottom: 2%;}
.innov-item dd .c{ height: 17.6em; line-height: 1.8; margin-bottom:5%; color: #8D9196;}

.innovate_list3{margin-top: 2%;}
.innovate_list3 li dl{overflow: hidden;}
.innovate_list3 li dt,.innovate_list3 li dd{ float: left; width: 50%;}
.innovate_list3 li dd{padding: 5% 7% 0; padding-right: calc(50% - 640px); box-sizing: border-box;}
.innovate_list3 li dd .p_more{ margin-top: 8%;}
.innovate_list3 li dd h3{ color: #2F2F2F; margin-bottom:1.5%; max-height: 3em; overflow: hidden;}
.innovate_list3 li dd h2{ max-height:1.5em; overflow: hidden;}
.innovate_list3 li:nth-child(2n) dt{ float: right;}
.innovate_list3 li:nth-child(2n) dd{padding-right:7%; padding-left: calc(50% - 640px); }
.innovate_list3 li:nth-child(3n+1) dl{ background: #32973F;}
.innovate_list3 li:nth-child(3n-1) dl{ background: #F0F4FA;}
.innovate_list3 li:nth-child(3n) dl{ background: #FFFFFF;}
.innovate_list3 li:nth-child(3n+1) dl dd,.innovate_list3 li:nth-child(3n+1) dl dd h3{color: #fff;}
.innovate_list3 li:nth-child(3n+1) dl dd h2 a{color: #fff!important;}
.innovate_list3 li:nth-child(3n+1) dl dd a.more2{color: #000!important; background: #fff;}

@media only screen and (max-width:1365px) {
    .innovate_list3 li dd{padding: 3%!important;}
}
@media only screen and (max-width:1023px) {
    .innovate-con{  text-align: left;}
    .innovate_list3 li dt, .innovate_list3 li dd{ width: 100%;}
    .innovate_list3 li dd{padding: 5%!important;}
}
@media only screen and (max-width:767px) {
    .innovate_list li{ width: 50%;}
    .innov-tabt{ height: auto; line-height: 1.5; border-bottom: none;}
    .innov-tabt ul{padding: 0;}
    .innov-tabt li{width:50%; height: 40px; line-height: 40px; overflow: hidden;}
    .innov-tabt li::after{ display: none;}
    .innov-item dt, .innov-item dd{ width: 100%;}
    .innov-item dd{padding: 5%;}
    .innov-item dd .c{height: auto;}
}


.overview-part02{ margin-bottom:5%;}
.overv-honor{margin-top: 2%;}
.overv-honor .swiper-slide{ width: 48%!important; background: #F0F4FA; opacity: 0.5;}
.overv-honor .swiper-slide .img{width: 55%; margin:7% auto 5%; text-align: center;}
.overv-honor .swiper-slide.swiper-slide-active{opacity: 1;}
.overv-honor .swiper-slide h2{ text-align: center; margin-bottom: 5%; max-height: 3em; overflow: hidden; padding: 0 5%;}
.overv-honor .swiper-button-prev,.overv-honor .swiper-button-next{ color: #32973F; left:18%; width: 60px; text-align: center; height: 100px; line-height: 100px; margin-top: -50px; background: none;}
.overv-honor .swiper-button-next{ left:auto; right:18%;}
.overv-honor .swiper-button-prev.swiper-button-disabled,.overv-honor .swiper-button-next.swiper-button-disabled{color: #AAAAAA;}
.overv_list{ margin: 3% -1% 8%;}
.overv_list li{ float: left; width: 31.33%; margin: 0 1% 2%;}
.overv_list li dt{width: 100%; margin-bottom:5%;}
.overv_list li dd{ padding:0 1.5% 10%; border-bottom: 1px solid #D6D6D6;}
@media only screen and (max-width:1023px) {
    .overv-honor .swiper-button-prev,.overv-honor .swiper-button-next{ left:14%; width: 40px; height: 40px; line-height: 40px; margin-top: -20px;}
    .overv-honor .swiper-button-next{left:auto; right:14%;}
}
@media only screen and (max-width:767px) {
    .overv-honor .swiper-slide{ width: 100%!important;}
    .overv_list{ margin: 3% 0 5%;}
    .overv_list li{ width: 100%; margin: 0 0 5%;}
    .overv_list li dd{ padding-bottom: 5%;}
    .overv-honor .swiper-button-prev{ lefT:0;}
    .overv-honor .swiper-button-next{ right:0;}
    .overv-honor .swiper-slide .img{ width: 80%;}
}


.platform-list li dl{overflow: hidden;}
.platform-list li dt,.platform-list li dd{ float: left; width: 50%;}
.platform-list li dd{padding: 4% 7% 0; padding-right: calc(50% - 640px); box-sizing: border-box;}
.platform-list li dd h2{ margin-bottom:4%;}
.platform-list li dd .c{ line-height:1.5; height: 17em;}
.platform-list li dd .c p{ margin-bottom:4%;}
.platform-list li dd .c p:last-child{ margin-bottom: 0;}
.platform-list li:nth-child(2n) dt{ float: right;}
.platform-list li:nth-child(2n) dd{ padding-right:7%; padding-left: calc(50% - 640px);}
.platform-list li:nth-child(3n+1) dl{ background: #32973F;}
.platform-list li:nth-child(3n-1) dl{ background: #F0F4FA;}
.platform-list li:nth-child(3n) dl{ background: #FFFFFF;}
.platform-list li:nth-child(3n+1) dl dd{color: #fff;}

@media only screen and (max-width:1365px) {
    .platform-list li dd{padding: 3%!important;}
    .platform-list li dd .c{ height: 13.2em;}
}
@media only screen and (max-width:1023px) {
    .platform-list li dt, .platform-list li dd{ width: 100%;}
    .platform-list li dd{padding: 5%!important;}
}

.center-part01{ margin-bottom: 5%;}
.center-part02{ padding: 5% 0; background: #F0F4FA;}
.center-part03{ padding: 5% 0; background: #fff;}
.center-honor{position: relative;}
.center-honor .swiper-button-prev,.center-honor .swiper-button-next{ color: #32973F; text-align: center; width: 100px; height: 100px; line-height: 100px; margin-top: -50px; top:35%; background: none; left:-150px;}
.center-honor .swiper-button-next{ lefT:auto; right:-150px;}
.center-honor .swiper-button-prev.swiper-button-disabled,.center-honor .swiper-button-next.swiper-button-disabled{color: #AAAAAA;}
.center-honor li dt{width: 100%; margin-bottom:5%; text-align: center;}
.center-honor li dt img{width: 84%;}
.center-honor li dd{ padding:0 1.5% 10%; border-bottom: 1px solid #D6D6D6;}
.center-part04{ padding:10% 0 12%;}
.center-part04 .con{ width: 55%;}
.center-part04 .con h2{ margin-bottom: 3%;}

@media only screen and (max-width:1600px) {
    .center-honor .swiper-button-prev{lefT:-80px;}
    .center-honor .swiper-button-next{ right:-80px;}
}
@media only screen and (max-width:1439px) {
    .center-honor .swiper-button-prev{lefT:-60px;}
    .center-honor .swiper-button-next{ right:-60px;}
}
@media only screen and (max-width:1399px) {
    .center-honor .swiper-button-prev,.center-honor .swiper-button-next{ width: 50px; height: 50px; line-height: 50px; margin-top: -25px;}
    .center-honor .swiper-button-prev{lefT:-30px;}
    .center-honor .swiper-button-next{ right:-30px;}
}
@media only screen and (max-width:1023px) {
    .center-honor .swiper-button-prev,.center-honor .swiper-button-next{ width:36px; height: 36px; line-height: 36px; margin-top: -18px;}
    .center-honor .swiper-button-prev{lefT:-20px;}
    .center-honor .swiper-button-next{ right:-20px;}
}
@media only screen and (max-width:767px) {
    .center-honor{ margin: 3% 0 5%;}
    .center-honor li{ width: 100%; margin: 0 0 5%;}
    .center-honor li dd{ padding-bottom: 5%;}
    .center-honor .swiper-button-prev{lefT:-10px;}
    .center-honor .swiper-button-next{ right:-10px;}
    .center-part04 .con{ width: 100%;}
}


.contact-part{position: relative; margin-bottom: 8%;}
.cmap{width:100%;height: 635px;}
.cinfo{position: absolute; right:4%; top:0px; z-index: 2; width:48.6%; background:rgba(50,151,63,0.8); }
.cinfo dl{padding:8% 10%; color:#fff;}
.cinfo dt{margin-bottom: 5%;}
.cinfo dd{position: relative; float: left; box-sizing: border-box; width: 40%; margin-bottom: 10px; padding-left:35px; padding:10px 0 10px 35px; line-height:1.5;}
.cinfo dd:nth-child(2n){ width: 60%;clear: both;}
.cinfo dd i{position: absolute; left:0; top:10px; font-size: 24px;}
.cinfo dd a{color:#fff!important;}
@media only screen and (max-width:1279px){
    .cmap{width:100%; height: 450px;}
    .cinfo dd i{ font-size: 20px;}
}
@media only screen and (max-width:1023px){
    .cinfo{width:100%; position: static;}
    .cinfo dl{padding:5%;}
}
@media only screen and (max-width:767px){
    .cmap{height: 300px;}
    .cinfo dd{ width: 100%!important; margin-bottom: 0;}
}






.notice-list li,.innov-tabt li,.innov-tabc .innov-item,.overv-honor .swiper-button-prev,.overv-honor .swiper-button-next{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
@media only screen and (min-width:1025px) {
    .notice-list li:hover{background: #32973F; border: 1px solid #32973F;}
    .more1:hover{border: 1px solid #32973F;}
    .more1:hover,.more2:hover{opacity: .8;color: #fff!important;
        background: linear-gradient(-45deg, #32973f 40%, #47c757 50%, #32973f 70%);
        background-size: 700% 100%;
        animation: shine 15s linear infinite;}
    .notice-list li:hover h2 a,.notice-list li:hover span{color: #fff!important;}
.cinfo{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .cinfo:hover{background:rgba(50,151,63,1);}

}

@keyframes shine {
    0% {
        background-position-x:400%;
    }
    50% {
        background-position-x:0%;
    }
    100% {
        background-position-x:-400%;
    }
}