/* 
    author:Richarc.Lu;
    date:2025-3-16;
*/
body{background:#fff;}

@media(max-width:1200px){
body{padding-bottom:60px}
}

/* top center */
.top_center{ margin: 20px 0 auto; overflow:hidden;}
.top_center .cont_left{ width: 73%; float: left;}
.top_center .cont_right{ width: 25%; float: right; background: #deefe5; height: 500px; padding: 10px 15px;border-radius: 5px;}

.top_center .act-data .act-data__head .act-data__head--refresh {
 color:#999;
 cursor:pointer;
 margin-left:10px;
 font-size:12px
}
.top_center .act-data .act-data__head .refresh-rotate {
 -webkit-animation:refresh .5s linear infinite;
 animation:refresh .5s linear infinite;
}

@media(max-width:1200px){
.top_center{ margin: 15px 10px; }
.top_center .cont_left{ width: 100%;}
.top_center .cont_right{ width: 100%; background: #deefe5; height: 531px; padding: 15px;border-radius: 10px; margin-bottom: 10px;}
.top_center .act-data .act-data__head{ padding: 10px 0;}
}

.act-data .act-data__body{ 
 margin-top:10px;
 height:calc(100% - 39px);
 padding-bottom:30px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
    height: 450px;
    overflow: hidden;
}

.act-data .act-data__body .item-left {
 position:relative;
 -webkit-box-flex:0;
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 width:22px;
 float: left;
}
.act-data .act-data__body .item-left .item-left-line {
 height:100px;
 width:-webkit-fit-content;
 width:-moz-fit-content;
 width:fit-content;
 border-left: 1px dashed #20c14f;
 margin:0 auto
}
.act-data .act-data__body .item-left .item-left-circle {
 width:10px;
 height:10px;
 -webkit-border-radius:50%;
 border-radius:50%;
 border:2px solid #20c14f;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 position:absolute;
 top:5px;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 background:#fff;
 z-index:10
}

.act-data .act-data__body .item-right {
 padding-bottom:15px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 margin-left: 25px;
}

.act-data .act-data__body .item-right-time {
 font-size:14px;
 color: #20c14f;
}
.act-data .act-data__body .item-right-title {
 font-size:16px;
 color:#333;
 line-height:21px;
 margin-top:6px
}
.act-data .act-data__body a{overflow: hidden;}
.act-data .act-data__body .item-right-title:hover a{color:#20c14f;}

/*end top center*/

/*--banner--*/
.banner{position:relative;z-index:2;width:100vw;overflow:hidden;height: 580px;}
.banner .swiper-wrapper,.banner .swiper-slide{height:100%;}
.banner .swiper-slide a{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center; background-size: cover;}
.banner .ctrl{position:absolute;z-index:9;left:50%;bottom: 20px;height:50px;overflow:hidden;transform:translateX(-50%);text-align: center;}
.banner .swiper-pager span{position:relative;display:inline-block;margin: 10px 8px!important;width: 50px;height: 6px;background: #d5d5d5;opacity:1;border-radius: 2px;}
.banner .swiper-pager span.swiper-pagination-bullet-active{ background: #20c14f;}
.banner .swiper-prev,.banner .swiper-next{position:absolute;top: 50%;width:70px;height:70px;line-height:70px;color:#fff;text-align:center;cursor:pointer; border: 1px solid #fff; z-index: 3;}
.banner .swiper-prev i,.banner .swiper-next i { font-size: 28px;}
.banner .swiper-prev{left:100px;}
.banner .swiper-next{right:100px;}
.banner .swiper-prev:hover,.banner .swiper-next:hover{color:#333;background:#fff;}
@media(max-width:1400px){
    .banner .ctrl{width:1200px;}
}
@media(max-width:1200px){
    .banner{display:block; height: 170px; margin-top: 48px;}
    .banner .ctrl{bottom: 0; height: 25px;}    
    .banner .swiper-slide a{background-size: 140%;}
    .banner .swiper-pager span{width: 30px;height: 4px;}
}
/*--end banner--*/

/*--mBanner--*/
.mBanner{position:relative;overflow:hidden; height: 500px;}
.mBanner .swiper-slide img{display:block;width:100%;border-radius: 0px; height: 100%; border-radius: 5px;}
.mBanner .swiper-pager{position:absolute;z-index:9;bottom:20px;text-align:center; margin-left: 38%;}
.mBanner .swiper-pager span{display:inline-block;margin:0 5px;width:40px;height: 6px;background:#fff;opacity:1;border-radius: 2px;}
.mBanner .swiper-pager span.swiper-pagination-bullet-active{background:#20c14f;}
@media(max-width:1200px){
    .mBanner{display:block; height: 200px;}
    .mBanner .swiper-pager{ margin-left: 0px;}
}
/*--end mBanner--*/


/*--xianpinBanner--*/
.xianpinBanner{position:relative;overflow:hidden; margin-top: 20px;}
.xianpinBanner .swiper-slide img{display:block;width:100%;border-radius: 1px;}
.xianpinBanner .swiper-pager{position:absolute;z-index:9;bottom:20px;text-align:center; margin-left: 380px;}
.xianpinBanner .swiper-pager span{display:inline-block;margin:0 5px;width:40px;height: 6px;background:#fff;opacity:1;border-radius: 2px;}
.xianpinBanner .swiper-pager span.swiper-pagination-bullet-active{background:#20c14f;}
@media(max-width:1200px){
    .xianpinBanner{display:block;}
}
/*--end xianpinBanner--*/

/*-- product --*/
.product{ padding: 80px 0; background: #fff; overflow: hidden;}
.product .product-con { overflow: hidden;}
.product .product-con .item { margin: 50px 12px 0; float: left; width: calc(100%/3 - 24px);}
.product .product-con .item .pic { display: block; width: 100%;overflow: hidden; border: 1px solid #d7d7d7; box-sizing: border-box;}
.product .product-con .item .pic img { display: block; width: 100%; transition: all 1s;}
.product .product-con .item .pic:hover img { transform: scale(1.1);}
.product .product-con .item .text { padding-top: 30px;}
.product .product-con .item .text h3 { font-size: 24px; color: #333;}
.product .product-con .item .text h3 a { color: #333;}
.product .product-con .item .text h3:hover a { color: #20c14f;}
.product .product-con .item .text p { margin-top: 10px; height: 45px; font-size: 16px; color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.product .product-con .item .product-btn { margin-top: 20px; overflow: hidden;}
.product .product-con .item .product-btn a { font-size: 16px;  text-align: center; margin-right: 34px; display: inline-block; width: 120px; height: 45px; line-height: 45px; border: 1px solid #666;}
.product .product-con .item .product-btn a i { margin-left: 5px; font-size: 16px; color: #666;}
.product .product-con .item .product-btn a:hover { background: #20c14f; color: #fff;}
.product .product-con .item .product-btn a:hover i { color: #fff;}
.product .product-more { font-size: 14px; display: none; margin: 20px auto 0; width: 100px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #666; text-align: center;}
.product .product-more i { margin-left: 5px; vertical-align: middle; color: #666; font-size: 14px;}
.product .product-more a { display: block;}
@media (max-width:992px) {
    .product { padding: 40px 0;}
    .product .product-more { display: block;}
    .product .product-con .item { margin: 20px 6px 0; width: calc(100%/2 - 12px);}
    .product .product-con .item .text { padding-top: 15px;}
    .product .product-con .item .text h3 { font-size: 16px;}
    .product .product-con .item .text p { font-size: 14px; height: auto;}
    .product .product-con .item .product-btn { display: none;}
    .product .product-con .item:nth-child(n+5) { display: none;}
}
/*-- product end --*/


/* case */
.case { min-width: 1200px; position: relative; padding: 80px 0; overflow: hidden; background: #f1f1f1;}
.case .wrap-title { position: relative; z-index: 3;}

.case .case-slide {margin-top: 45px;overflow: hidden;position: relative;z-index: 2;}
.case .case-slide .case-menu { display: block; text-align: center; margin-bottom: 50px;}
.case .case-slide .case-menu ul { display: inline-block;}
.case .case-slide .case-menu li {float: left; margin: 0 8px; }
.case .case-slide .case-menu li a { display: block; font-size:18px; color: #333; border: 1px solid #dcdcdc; width: 135px; height: 50px; line-height: 50px;}
.case .case-slide .case-menu li a:hover,.case .case-slide .case-menu li.cur a { background: #20c14f; color: #fff; border: 1px solid #20c14f;}
.case .case-main { display: block; overflow:hidden;}
.case .case-main  .case-fl {position: relative;padding: 35px;box-sizing: border-box;float: left;width: 32%;height: 568px;background: #20c14f;}
.case .case-main  .case-fl h3 { padding: 30px 0; border-bottom: 1px solid #344168; line-height: 1; font-size: 24px; color: #fff;}
.case .case-main  .case-fl h3 a { color: #fff;}
.case .case-main  .case-fl p { margin-top: 30px; font-size: 16px; color: rgba(255,255,255,.5);line-height: 1.75;}
.case .case-main .left-btn { position: absolute; left: 0; bottom: 110px;}
.case .case-main .left-btn a { float: left; margin-left: 35px; display: block; width: 120px; height: 40px;line-height: 40px; text-align: center; background: #fff; color: #20c14f; font-size: 16px;}
.case .case-main .left-btn a:hover { background: #fff200; color: #000;}
.case .case-main .case-fr { float: left; width: 68%;}
.case .case-main .case-fr li {position: relative;float: left;margin-left: 3%;margin-bottom: 3%;width: 46%;}
.case .case-main .case-fr li .pic { display: block; width: 100%; overflow:hidden;}
.case .case-main .case-fr li .pic img { display: block; width: 100%; transition: all 1s;}
.case .case-main .case-fr li:hover img { transform: scale(1.1);}
.case .case-main .case-fr li .tit { padding: 0 25px; box-sizing: border-box; position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; background: rgba(0,0,0,.5);}
.case .case-main .case-fr li .tit span { width: 100%; text-align: center; font-size: 16px; color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.case .case-main .case-fr li .tit em { font-size: 16px; color: #fff; display: none;}
.case .case-main .case-fr li:nth-child(n+3) { margin-bottom: 0;}
.case .ctrl { display: none; margin-top: 20px; text-align: center;}
.case .ctrl .swiper-pagination-bullet { margin: 0 5px;}
.case .ctrl .swiper-pagination-bullet-active { background: #20c14f;}
.case .honor-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.case canvas {width: 100%; height: 100%; background: none!important;}
@media (max-width:1440px) {
    .case .case-main .case-fl { height: 537px;}
    .case .case-main .left-btn { bottom: 70px;}
}
@media (max-width:992px) {
    .case { padding: 40px 15px; min-width:auto;}
    .case .honor-bg { display: none;}
    .case .ctrl { display: block;}
    .case .case-slide .case-menu { display: none;}
    .case .case-slide { margin-top: 20px;}
    .case .case-main .case-fl { margin-bottom: 4%; padding: 15px; float: none; width: 100%; height: 380px;}
    .case .case-main .case-fl h3 { padding: 15px 0 20px; font-size: 18px;}
    .case .case-main .case-fl p { font-size: 14px;}
    .case .case-main .left-btn { bottom: 40px;}
    .case .case-main .left-btn a { width: 100px; height: 35px; line-height: 35px; margin-left: 15px;}
    .case .case-main .case-fr { width: auto; margin: 0 -3%;}
    .case .case-main .case-fr li .tit { padding: 0 5px; height: 35px; line-height: 35px;}
    .case .case-main .case-fr li .tit span { width: 100%; font-size: 12px;}
    .case .case-main .case-fr li .tit em { font-size: 12px; display: none;}

}
/* case end */


/* super */
.super { padding: 60px 0 50px; background: #fff;}
.super .super-con { margin-top: 25px; overflow: hidden;}
.super .super-con .item {padding: 20px;box-sizing: border-box;background: #20c14f;border-radius: 80px;margin: 10px;float: left;width: calc(100%/3 - 20px);height: 165px;}
.super .super-con .item:nth-child(odd) {animation: fadeinL 1s ease-out backwards;}
.super .super-con .item:nth-child(even) {animation: fadeinR 1s ease-out backwards;}
.super .super-con .item .pic {float: left; width: 114px; height: 114px; border-radius: 50%; overflow: hidden;}
.super .super-con .item .pic img { display: block; width: 100%;}
.super .super-con .item .tit {float: right;width: 67%;}
.super .super-con .item .tit h3 { font-size: 22px; color: #fff200; line-height: 1;}
.super .super-con .item .tit p { margin-top: 10px; font-size: 16px; color: #fff;}
@media (max-width:1440px) {
    .super .super-con .item .tit { width: 64%;}
    .super .super-con .item { height: 153px;}
    .super .super-con .item .tit h3 { font-size: 18px;}
    .super .super-con .item .tit p { font-size: 14px;}
}
@media (max-width:1200px) {
    .super .super-con .item { width: calc(100%/2 - 20px);}
    .super .super-con .item .tit { width: 73%;}
}
@media (max-width:992px) {
    .super { padding: 40px 15px;}
    .super .super-con .item {margin: 10px 0;width: 100%;padding: 10px;border-radius: 75px;height: auto;}
    .super .super-con .item .pic {width: 105px;height: 105px;}
    .super .super-con .item .tit { width: 66%;}
}
/* super end */

/* sjbj */
.sjbj { padding: 55px 0; position: relative; overflow: hidden;background: #fff;}
.sjbj .sjbj-con { position: relative; margin-top: 85px; overflow:hidden;}
.sjbj .sjbj-con .sjbjBg { display: block;  width: 100%;animation: fadein 5s ease-out backwards;}
.sjbj .sjbj-con .sjbjBg img { display: block; width: 100%;}
.sjbj .sjbj-con .sjbjBf { position:absolute;left: 0; top: 0; width: 100%;animation: bouncein 3s ease-out backwards; }
.sjbj .sjbj-con .sjbjBf img { display: block; width: 100%;}
@media (max-width:992px) {
    .sjbj { padding: 10px 0 40px;}
}
/* sjbj end */

/* process */
.process { padding: 80px 0; overflow: hidden; background: #f1f1f1;}
.process  .wrap-title ul { margin-top: 10px;}
.process  .wrap-title li { display: inline-block; margin:0 15px; font-size: 18px; color: #666;}
.process  .wrap-title li i {display: inline-block;vertical-align: middle;margin-top: -3px;margin-right: 5px;background: url(../image/process-icon01.png) no-repeat center;width: 22px;height: 22px; background-size: 100%;}
.process .process-con { margin: 0 -12px; overflow: hidden;}
.process .process-con .item { margin:75px 12px 0; float: left; width: calc(100%/2 - 24px);}
.process .process-con .item  .pic { display: block; width: 100%;}
.process .process-con .item  .pic img { display: block; width: 100%;}
.process .process-con .item .text { display: block; padding-top: 35px;}
.process .process-con .item .text h3 { padding-bottom: 25px; border-bottom: 1px solid #e5e5e5; font-size: 24px; color: #333; line-height: 1.25;}
.process .process-con .item .text p {padding-right: 85px;margin-top: 20px;font-size: 18px;color: #666;line-height: 1.5;}
@media (max-width:992px) {
    .process { padding: 40px 5px;}
    .process .wrap-title li { margin: 0 4px; font-size: 14px;}
    .process .wrap-title li i { width: 18px; height: 18px;}
    .process .process-con { margin: 0;}
    .process .process-con .item { margin: 20px 5px 0; width: calc(100%/2 - 10px);}
    .process .process-con .item .text {padding-top: 20px;}
    .process .process-con .item .text h3 {font-size: 14px;padding-bottom: 15px;}
    .process .process-con .item .text p {padding: 0;font-size: 14px;height: 110px;}
}
/* process end */

/* activity */

.activity { position: relative; padding: 20px 0 0; background: #fff;}
.activity .activity-con { /*! margin-top: 50px; */ overflow: hidden;}
.activity .activity-slide { position: relative; display: block; overflow: hidden;}
.activity .activity-slide .swiper-slide { /*! position: relative; */}
.activity .activity-slide .pic { display: block; width: 100%; overflow: hidden;}
.activity .activity-slide .pic img{ transition: all 1s;}
.activity .activity-slide a:hover .pic img { transform: scale(1.2);}
.activity .activity-slide .player{ position: absolute; left: 50%; margin-left: -39px; top: 50%; margin-top: -39px; z-index: 99;}
.activity .activity-slide .tit { padding: 0 10px; height: 50px; line-height: 50px;overflow: hidden;}
.activity .activity-slide .tit span {font-size: 18px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; display: block; ;width: 78%; float:left;color: #333; }
.activity .activity-slide .tit span:hover{color:#20c14f}
.activity .activity-slide .tit d{  background: #fe0000; padding: 3px 5px 3px 5px; text-align: center; font-size: 12px; color: #fff; border-radius:10px;}
.activity .activity-slide .tit em { float: right; font-size: 16px; color: #fff; display: none;}
.activity .activity-slide .swiper-prev { cursor: pointer; position: absolute;left: 0;top: 36%;z-index: 2;width: 30px;height: 30px;line-height: 32px;border-radius: 50%;background: #fff;text-align: center;}
.activity .activity-slide .swiper-next { cursor: pointer; position: absolute;right: 0;top: 36%;z-index: 2;width: 30px;height: 30px;line-height: 32px;border-radius: 50%;background: #fff;text-align: center;}
.activity .activity-slide i{ font-size: 18px;}
.activity .activity-slide a{ padding: 0 0px 0 0; border: 2px solid #20c14f; border-radius:10px; display: block; margin-bottom: 10px;}
.activity .activity-slide { display: block; overflow: hidden;}
.activity .activity-slide li { float: left; width: calc(100%/5);  border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5; box-sizing: border-box;}
.activity .activity-slide li a {  position: relative;display: block; width: 100%;}
.activity .activity-slide li a::after {content: '';display: block;position: absolute;right: -15px;bottom: -15px;z-index: 4;background: url(../image/partner-bf.jpg) no-repeat center;width: 31px;height: 31px;background-size: 100%;}
.activity .activity-slide li img { display: block; width: 100%;}
.activity .activity-slide li:nth-child(n+5) a::after { display: none;}

.activity .activity-slide .item__desc--image {
 width:170px;
 margin: 0 10px;
 -webkit-border-radius:3px;
 border-radius:3px;
 overflow:hidden;
 float: left;
}
.item__desc--right {
 padding-bottom: 10px;
 margin-left: 180px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}

.item__desc--right .summary{
    color: #333;
    height: 40px;
    line-height: 20px;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden
}

.right__info--time,.right__info--city {
 float: left;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 font-size:12px;
 color:#999;
 margin-right:  25px;
 margin: 30px 25px 10px 0;
}
.right__info--time i,.right__info--city i{
    margin-right: 10px;
}

@media (max-width:992px) {
    .activity { padding: 0px 10px;}
    .activity .activity-con { margin-top: 20px;}    
    .activity .swiper-wrapper,.partner .swiper-wrapper{
        display:block;
    }    
}
@media (min-width: 1200px) {
    .list03>div{ width: 32.333%; float: left; padding: 0.6% 0 0; margin-right: 1.5%;}
    .list03>div:nth-child(3n){ margin-right: 0;}
}
/* end activity */



/* partner */
.partner { position: relative; padding: 20px 0 0; background: #fff;}
.partner .partner-con { /*! margin-top: 50px; */ overflow: hidden;}
.partner .xgal-slide { position: relative; display: block; overflow: hidden;}
.partner .xgal-slide .swiper-slide { position: relative;}
.partner .xgal-slide .swiper-slide a { margin-bottom: 10px; display: block;}
.partner .xgal-slide .pic { display: block; width: 100%; overflow: hidden;}
.partner .xgal-slide .pic img{ transition: all 1s;}
/*.partner .xgal-slide a:hover .pic img { transform: scale(1.2);}*/
.partner .xgal-slide .player{ position: absolute; left: 50%; margin-left: -39px; top: 50%; margin-top: -39px; z-index: 99;}
.partner .xgal-slide .tit { padding: 0 25px; position:relative; z-index: 99;margin-top: -50px; bottom: 0; box-sizing: border-box; width: 100%; height: 50px; line-height: 50px; background: rgba(0,0,0,.5);}
.partner .xgal-slide .tit span { float: left; width: 100%; font-size: 16px; text-align: center; color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.partner .xgal-slide .tit em { float: right; font-size: 16px; color: #fff; display: none;}
.partner .xgal-slide .swiper-prev { cursor: pointer; position: absolute;left: 0;top: 40%;z-index: 2;width: 30px;height: 30px;line-height: 32px;border-radius: 50%;background: #fff;text-align: center;}
.partner .xgal-slide .swiper-next { cursor: pointer; position: absolute;right: 0;top: 36%;z-index: 2;width: 30px;height: 30px;line-height: 32px;border-radius: 50%;background: #fff;text-align: center;}
.partner .xgal-slide i{ font-size: 18px;}
.partner .partner-slide { display: block; overflow: hidden;border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}
.partner .partner-slide li { float: left; width: calc(100%/5);  border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5; box-sizing: border-box;}
.partner .partner-slide li a {  position: relative;display: block; width: 100%;}
.partner .partner-slide li a::after {content: '';display: block;position: absolute;right: -15px;bottom: -15px;z-index: 4;background: url(../image/partner-bf.jpg) no-repeat center;width: 31px;height: 31px;background-size: 100%;}
.partner .partner-slide li img { display: block; width: 100%;}
.partner .partner-slide li:nth-child(n+5) a::after { display: none;}
@media (max-width:992px) {
    .partner { padding: 0px 10px;}
    .partner .partner-con { margin-top: 10px;}
    .partner .xgal-slide { margin-bottom: 10px;}
    .partner .xgal-slide .tit { padding: 0 5px; height: 35px; line-height: 35px;}
    .partner .xgal-slide .tit span { width: 100%; font-size: 12px; text-align: center;}
    .partner .xgal-slide .tit  em { font-size: 12px; display:none;}    
    .partner .partner-slide li { width: calc(100%/2);}
    .partner .partner-slide li:nth-child(n+5) a::after { display: block;}
    .partner .partner-slide li:nth-child(even) a::after { display: none;}
    .partner .partner-slide li:nth-child(9) a::after { display: none;}
    .partner .xgal-slide .tit { margin-top: 0;}    
    .partner .xgal-slide .swiper-prev,.partner .xgal-slide .swiper-next { display: none;}
    .partner .partner-con .videolList>div{ width: 48.5%; float: left; margin: 0 3% 0 0; overflow: hidden;}
    .partner .partner-con .videolList>div:nth-of-type(2n){ margin-right: 0;}
    .partner .xgal-slide .player{ margin-left: -25px; top: 50%; margin-top: -30px;}
    .partner .xgal-slide .player img{ width: 60%;}
}
/* partner end */


/* news */
.news { padding: 60px 0; background: #fff; overflow: hidden;}
.news .news-slide { margin-top: 25px; overflow: hidden;}
.news .news-menu { display: block; text-align: center;}
.news .news-menu ul { display: inline-block;}
.news .news-menu li { float: left; display: block; margin: 0 17px;}
.news .news-menu li a { display: block; width: 130px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #e5e5e5; box-sizing: border-box; color: #000; font-size: 18px;}
.news .news-menu li.cur a { background: #20c14f; border: 1px solid #20c14f; color: #fff;}
.news .news-main { margin-top: 30px;overflow: hidden;}
.news .news-main .news-fl { float: left; width:49%;}
.news .news-main .news-fl .item {position: relative; width:100%;}
.news .news-main .news-fl .item .date{position: absolute;z-index:3;left:0;top:0;width: 80px;height: 80px;line-height:1;font-family:"DIN Medium";color:#fff;background:rgba(0,0,0,0.5);text-align: center;padding: 10px;}
.news .news-main .news-fl .item .date em{display:block;font-size:24px;}
.news .news-main .news-fl .item .date em:after{display:block;margin:8px auto;width:10px;height:1px;content:"";background:#fff;}
.news .news-main .news-fl .item .date span{display:block;font-size:16px;}
.news .news-main .news-fl .item .pic { display: block; width: 100%;overflow: hidden;}
.news .news-main .news-fl .item .pic img { display: block; width: 100%;transition: all 1s;}
.news .news-main .news-fl .item .tit { padding: 30px 25px; display: block; width: 100%; background: #f1f1f1;}
.news .news-main .news-fl .item .tit h3 { padding-bottom: 20px; border-bottom: 1px solid #cdcdcd; color: #333; font-size: 18px;line-height:2;}
.news .news-main .news-fl .item .tit h3 a { color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.news .news-main .news-fl .item:hover .tit h3 a { color: #20c14f;}
.news .news-main .news-fl .item .tit p { margin-top: 20px; font-size: 16px; line-height: 1.5; color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;}
.news .news-main .news-fr { float:right; width: 49%;}
.news .news-main .news-fr  .item {margin-bottom: 32px;display: block;width: 100%;overflow: hidden;}
.news .news-main .news-fr .item .pic { display: block; float: left; width: 29%;overflow: hidden;}
.news .news-main .news-fr .item .pic img { display: block; width: 100%;transition: all 1s;}
.news .news-main .news-fr .item .tit { float: right; width: 65%;}
.news .news-main .news-fr .item .tit h3 { font-size: 18px; color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.news .news-main .news-fr .item .tit p { margin: 10px 0 20px; font-size: 14px; color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.news .news-main .news-fr .item .tit em { font-size: 14px; color: #666; font-family: "DIN Medium";}
.news .news-main .news-fr .item:hover h3 { color: #20c14f;}
.news .news-main .news-fr .item:last-child { margin-bottom: 0;}
.news .news-main .item:hover img { transform: scale(1.1);}
@media (max-width:1440px) {
    .news .news-main .news-fr  .item { margin-bottom: 37px;}
}
@media(max-width:992px) {
    .news { padding: 40px 15px;}
    .news .news-menu li { margin: 0 5px;}
    .news .news-menu li a { width: 100px; height: 35px; line-height: 35px; font-size: 16px;}
    .news .news-main .news-fl { float: none; width: 100%; overflow: hidden;}
    .news .news-main .news-fl .item .tit { padding: 20px;}
    .news .news-main .news-fl .item .tit h3 { font-size: 16px;}
    .news .news-main .news-fl .item .tit p { font-size: 14px;}
    .news .news-main .news-fr { margin-top: 20px; float: none; width: 100%;}
    .news .news-main .news-fr .item  { margin-bottom: 20px;}
    /*.news .news-main .news-fr .item:nth-child(n+3) { display: none;}*/
    .news .news-main .news-fr .item .pic { width: 40%;}
    .news .news-main .news-fr .item .tit { width: 54%;}
    .news .news-main .news-fr .item .tit h3 { font-size: 16px; line-height: 1;}
    .news .news-main .news-fr .item .tit p { margin: 10px 0;}
}
/* news end */


/* Custom */
.Custom {background: url(../image/Custom-bg.jpg) no-repeat center;padding: 105px 0;overflow: hidden;width: 100%;height: auto;background-size: cover;position: relative;}
.Custom .wrap-title h2 { color: #fff;}
.Custom .Custom-con { margin-top: 70px; overflow: hidden;}
.Custom .Custom-con p { font-size: 16px; color: #fff;line-height: 1.75; text-align: center;}
.Custom .Custom-con a { display: block; font-size: 18px; color: #000; background: #fff200; margin: 90px auto 0; width: 190px; height: 55px; line-height: 55px;text-align: center;}
.Custom .Custom-con a i {display: inline-block;margin-left: 5px;transform: translateY(-2px);width: 27px;height: 27px;line-height: 27px;border-radius: 50%;background: #000;color: #fff;font-size: 16px;}
@media (max-width:992px) {
    .Custom { padding: 40px 15px;}
    .Custom .Custom-con { margin-top: 30px;}
    .Custom .Custom-con p { font-size: 14px;}
    .Custom .Custom-con a { margin: 60px auto 0; font-size: 16px; width: 160px; height: 45px; line-height: 45px;}
    .Custom .Custom-con a i { width: 20px; height: 20px; line-height: 20px; font-size: 12px;}
}
/* Custom end */

/*--tool ---*/

.tool{margin: 30px 0 0; padding: 20px 0; background: #21a045; background-size:cover;}
.tool .wrapper{ background: #fff; margin: 0 auto;padding: 20px 20px; border-radius: 10px;}
.tool .tab{ margin: 0 auto 30px; width: 100%; height: 50px; border-bottom: 1px solid #d8d8d8;}
.tool .tab li{float: left; padding: 10px 20px; font-size: 18px; width: 50%;}
.tool .tab li:first-child{ text-align: right;}
.tool .tab li span{padding: 13px;}
.tool .tab li.cur span{
    border-bottom: 3px solid #21a045; 
}
.tool .list07{ display: none;}
.tool .list07.active{ display: block;}

.tool .list07 li{ border: 1px solid #d8d8d8; margin: 10px auto; padding: 12px 0;font-size: 18px; width: 60%; }
.tool .list07.fanyi li{ width: 90%; border: none; margin: 0 auto; padding:0;}
.tool .list07 li img{ margin: 3px 10px; float: left; width: 36px;}
.tool .list07 li input{ float: left; width: 580px; border: none;font-size: 18px;padding-left: 20px; }
.tool .list07 .label{ color: #fff; background: #21a045; padding: 12px 30px;}
.tool .list07 b{ width: 80px; margin: 0px 0px; float: left; border-right: 2px solid #d8d8d8; font-weight:  normal}

.tool .fanyi .select{
	margin: 0 1% 20px 1%;	
}
.tool .fanyi select{ float: left;
height: 43px;
background-color: #fff;
border: 1px solid #d5d5d5;
padding: 10px 10px;
font-size: 16px;
color: #333;
border-radius: 5px;
}
.tool .fanyi textarea  {
	overflow: hidden;
	width: 46%;
	text-align: left;
	padding: 10px;
	margin: 0;
	color: #999;
	border: none;
	/*! background: #fff; */
	border: 1px solid #f3f4f6;
}
.tool .fanyi textarea {
	width: 46%;
	float: left;
	margin:0 1%;
	color: #666;
	font-size: 18px;
}
.tool .fanyi textarea.output{
	background: #f3f4f6;
	color: #666;
}
.tool .fanyi .send{
	padding: 2px;
	margin:0 20px;
	line-height: 2em;
	border: 1px solid #f3f4f6;
	border-radius: 5px;
	text-align: center;
	background: #f3f4f6;
	display:inline-block;
	*display: inline;
	*zoom:1;
	cursor: pointer;
	min-width: 150px;
}




@media(max-width:1200px){
    .tool{padding: 10px 10px;}
    .tool .list07 li{ border: 1px solid #d8d8d8; margin: 5px auto;width: 100%; clear: both; height: 45px; }
    .tool .list07.fanyi li{ width: 100%; border: none; }
    .tool .list07 li img{ padding: 4px 2%; float: left; margin: 0;}
    .tool .list07 li input{ float: left; width: 56%; padding-left: 5px; }
    .tool .list07 .label{ color: #fff; background: #14ab3a; padding: 8px 6%; float: right; margin-top: -10px;}
    .tool .list07 b{ display: none;}

    .tool .tab li{float: left; padding: 10px 0px; width: 50%;}
    .tool .tab li{ text-align: center;}
    .tool .fanyi .send{ margin: 10px 0 0;width: 100%; /*! margin: 0; */}

    .tool .fanyi textarea  {
	   width: 96%;
    }
    .tool .fanyi textarea {
        width: 100%;
        margin-bottom: 10px;
    }
    .fanyi select{
        width: 43%;
    }
    
}

/*-- end tool--*/