#bodycon{ width:auto !important; padding-bottom:0px;}
.container{ width:1400px; min-width: 1200px; margin:auto;}
.gy{min-width: 1200px; max-width: 1400px; width: 100%; margin: 0 auto;}
.box{ margin:0 auto; width:1400px; min-width: 1200px; box-sizing: border-box; }
.fl{float: left;}
.fr{float: right;}
.char_tit{margin-bottom: 60px;}
.char_tit > p{padding: 3% 0 0; text-transform: uppercase; font-weight: 100; color: #ccc;}

.char_tit {display: flex;flex-direction: column;align-items: center;}
.char_tit>span {/*display: flex;*/align-items: center;font-size: 46px;position:  relative;}
.char_tit>span:before {content:'';width: 5%;height:1px;background:#00a551;position:absolute;bottom: -25px;left: 46%;z-index: 5;}
.char_tit>span:after {content:'';width:20%;height:1px;background:#ddd;position:absolute;bottom: -25px;left: 38%;}
.char_tit span b {color: #00cc82; font-weight:bold; font-family: Microsoft YaHei;}
.char_tit>p {font-size: 20px; color: #999;}

.appli2{ width:100%;}

#bodycon #center{    padding-bottom: 32px;}

.footer{ margin-top:0px;}
.fbd{font-weight: bold;}
.f_42{ font-size:38px;}
.f_24{font-size: 24px;}


.picBox{position:relative;float:right; z-index:999;}
.picBox .pic{width:auto;background:#fff;}
.picBox .pic img{display:block;width:auto;transition:all 0.5s;}
.picBox .pic:hover img{opacity:0.8;}
.picBox .playerBtn{position:absolute;left: 18px; bottom:140px;text-align:center;cursor:pointer;overflow:hidden;transition:all 0.5s;}
.picBox .playerBtn i{display:block;margin:0 auto;width:17px; background:url(http://login.114my.cn/memberpic/shannong88/uploadfile/image/20240816/20240816151035_255915951.png) no-repeat center;background-size:100%;}
.picBox .playerBtn span{display:block;margin-top:0.625rem;font-size:1.125rem;color:#fff;}
/*picBox .playerBtn:hover{background:#a04405;}*/
.picBox .playerBtn:hover i{transform:rotate(360deg);transition:all 0.5s;}


.picBox .playerBtn{ left:170px; width:200px; height:200px; bottom:128px;}
.picBox .playerBtn i{background:url(http://login.114my.cn/memberpic/shannong88/uploadfile/image/20240816/20240816151035_255915951.png) no-repeat; width:20px; height:29px; margin-top:42px;  margin-top: 60px; margin-right: 111px;}





.introduction{width: 100%;margin: 0 auto;height: auto; /*padding: 120px;*/position: relative;overflow: hidden;}
.introduction:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    background-size: 2px;
    -webkit-background-size: 2px;
    -moz-background-size: 2px;
    -o-background-size: 2px;
    -ms-background-size: 2px;
    left: 0;
    top: 0;
    z-index: 6;
}
.introduction_video{position: absolute;width: 100%;left: 0;top: 0;margin: 0 auto;padding: 0;height: auto;}
.introduction_oa{width: 1400px;margin: 0 auto;z-index: 90;position: relative;display: flex;justify-content: space-between;}

.introduction_mright{background: rgba(255,255,255,0.9);width: 80%;padding: 60px 80px 60px 60px;position: relative;z-index: 99;}
.mright_io{position: absolute;left: 60px;top: 60px;border-right: 2px solid #00cc82;padding: 0 45px 0 0;}
.mright_p1{font-size: 34px;line-height: 45px;}
.mright_p2{font-size: 29px;line-height: 30px;}
.mright_cons{margin: 0 0 0 200px; height:300px; overflow-y: auto;}
.mright_cons_pic{font-size: 28px;line-height: 60px;height: 60px;overflow: hidden;margin-bottom: 15px;}
.mright_cont p{font-size: 16px;line-height: 35px;color: #666;text-indent: 2em;}
.mright_tit {font-size: 24px;line-height: 40px;color: #999;margin-top: 5px;}
.introduction_tu{width: 22%;z-index: 90;}


/*--video-pop--*/
.video-pop{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.video-pop .inner{position:fixed;top:50%;left:50%;width:1000px;height:600px;background:#000;transform:translate(-50%,-50%);}
.video-pop .close{position:absolute;right:1rem;top:1rem;width:2rem;height:2rem;cursor:pointer;background:url(http://login.114my.cn/memberpic/shannong88/uploadfile/image/20240816/20240816145505_2101184160.png) no-repeat center;transition:all 0.5s;}
.video-pop .close:hover{transform:rotate(360deg);}
.video-pop #videoiframe{width:1000px;height:600px;overflow:hidden;}
.video-pop #videoiframe iframe{display:block;width:1000px;height:600px;}

@media (max-width:992px){
.video-pop .inner{width:90vw;height:54vw;}
.video-pop #videoiframe,.video-pop #videoiframe iframe{width:90vw;height:54vw;}
}

.about-banner{width: 100%; position: relative;}
.about-box{display: flex; flex-wrap: wrap; justify-content: space-between; z-index:999; align-items: center; position: absolute; left: 50%; top:34%; transform: translate(-50%, -50%);}

.about-box .box9{width:67.8%; text-shadow: 5px 0 10px rgba(0,0,0,.1); margin-top:27%;}



.about-box .box9 .icon{width: 66px; height: 48px;}
.about-box .box9 .icon img{width: 100%; height: 100%;}
.about-box .box9 .title{font-size:31px; color: #FEFEFE; line-height:55px; font-weight:lighter; text-align:left;}

.about-box .box9 .title b{ font-weight:bold; font-size:36px; letter-spacing:1px; display:block; font-family: "Microsoft YaHei"; text-align:left;}

.about-box .box9 .txt{color: #FFFFFF; line-height:30px; height:357px; overflow-y: auto; margin-top:26px; padding-right: 0.9rem; /* 滨æ */ font-size:16px;}
.about-box .box9 .txt p{ margin-bottom:9px; line-height:28px; font-family:hs_l;}

.about-box .box9 .txt::-webkit-scrollbar{width: 3px;}
.about-box .box9 .txt::-webkit-scrollbar-track{background: #fff; border-radius: 25px;}
.about-box .box9 .txt::-webkit-scrollbar-thumb{background:#3496fd; border-radius: 25px;}
.about-box .box9 .txt::-webkit-scrollbar-corner{background:#3496fd;}

.about .abox2{width: 100%; background: #f5f5f5; padding:94px 0; font-family:hs_l;}
.about .abox2 .box{ margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}

.about .abox2 .box .left{width:44%; padding-top:0; padding-left:50px; position: relative;}

.about .abox2 .box .left .line{width:5px; height: 100%; background: #DDDDDD; border-radius: 0.03rem; position: absolute; left: 0; top: 0;}
.about .abox2 .box .left .line span{height:25%; background:#3496fd; border-radius: 3px; width: 100%; position: absolute; left: 0; top: 0; transition: all ease-in 0.5s;}

.about .abox2 .box .left ul li{width: 100%; margin-bottom:20px; cursor: pointer;}
.about .abox2 .box .left ul li .t1{font-size:30px; line-height:1.1; font-weight:bold;}
.about .abox2 .box .left ul li .t2{line-height:30px; color: #333; margin-top:16px; display: none; font-size:17px; padding:0px; text-align:left;}
.about .abox2 .box .left ul li .t2 p{line-height:26px; font-size:16px;}
.about .abox2 .box .left ul li.on .t1{color: #3496fd;}
.about .abox2 .box .left ul li.on .t2{display: block;}
.about .abox2 .box .img{width:50%; border-radius:10px;}

.about .abox2 .box .img ul li{width: 100%; border-radius: 0.8rem; overflow: hidden; display: none;}
.about .abox2 .box .img ul li.on{display: block;}
.about .abox2 .box .img ul li img{width: 100%;}
.about .abox2 .box .mobile-list{width: 100%; display: none;}

.about .abox2 .box .mobile-list .swiper{width: 100%; height: 100%; overflow: hidden;}
.about .abox2 .box .mobile-list .swiper .swiper-slide{width: 100%; position: relative;}
.about .abox2 .box .mobile-list .swiper .swiper-slide .imgs{width: 100%; height: 4rem; border-radius: 0.1rem; overflow: hidden;}
.about .abox2 .box .mobile-list .swiper .swiper-slide .txt{width: 100%; /*position: absolute;*/ /*left: 0;*/ /*bottom: 0;*/ /*z-index: 2;*/ font-size: 0.28rem; color: #333; line-height: 0.38rem; margin-top: 0.2rem; /*background: rgba(0, 0, 0, 0.1);*/}

.about .abox2 .box .mobile-list .swiper .swiper-slide .t2{margin-top: 0.2rem; font-size: 14px; line-height: 24px; color: #666;}
.about .abox9{width: 100%;background: #f5f5f5;position: relative;}
.about .abox9 .box{margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;}
.about .abox9 .box .item{width:45%; background: #fff; border-radius:6px; display: flex; align-items: center; padding:3% 0% 2.7% 3%; margin-top:-70px; z-index:999;}
.about .abox9 .box .item .t1{flex-shrink: 0; font-size:20px; font-weight: bold; color: #3496fd; line-height:2;}
.about .abox9 .box .item .t1 img{width:3rem; display: block; margin-bottom: 0.2rem; margin:auto;}
.about .abox9 .box .item .t2{width: 100%; margin-left:5%; font-size:24px; color: #111111; line-height:40px; letter-spacing:0.8px; padding:0px; align-items: flex-start;}

.about .abox9 .box .item .t2 p{ font-size:26px; margin-bottom: 8px; margin-top: 6px;}

@keyframes warn {
    0% {
        transform: scale(0.3);
    -webkit-transform: scale(0.3);
        opacity: 0.0;
    }
    25% {
        transform: scale(0.3);
    -webkit-transform: scale(0.3);
        opacity: 0.1;
    }
    50% {
        transform: scale(0.5);
    -webkit-transform: scale(0.5);
        opacity: 0.3;
    }
    75% {
        transform: scale(0.8);
    -webkit-transform: scale(0.8);
        opacity: 0.6;
    }
    100% {
        transform: scale(1);
    -webkit-transform: scale(1);
        opacity: 0.0;
    }
}
@keyframes warn1 {
    0% {
        transform: scale(0.3);
    -webkit-transform: scale(0.3);
        opacity: 0.0;
    }
    25% {
        transform: scale(0.3);
    -webkit-transform: scale(0.3);
        opacity: 0.1;
    }
    50% {
        transform: scale(0.3);
    -webkit-transform: scale(0.3);
        opacity: 0.3;
    }
    75% {
        transform: scale(0.5);
    -webkit-transform: scale(0.5);
        opacity: 0.6;
    }
    100% {
        transform: scale(0.8);
    -webkit-transform: scale(0.8);
        opacity: 0.0;
    }
}

.pulse{ position:absolute; top:50%; left:50%; z-index:-1; margin-top:-100px; margin-left:-100px; width:150px; height:150px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#3496fd; box-shadow:1px 1px 20px #3496fd; opacity:0; -webkit-animation:warn 2s ease-out 1s; -moz-animation:warn 12 ease-out 1s; animation:warn 2s ease-out 1s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-iteration-count:infinite; transform:scale(0); }
.pulse1{ position:absolute; top:50%; left:50%; z-index:-1; margin-top:-100px; margin-left:-100px; width:150px; height:150px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#3496fd; box-shadow:1px 1px 20px #3496fd; opacity:0; -webkit-animation:warn 2s ease-out; -moz-animation:warn 2s ease-out; animation:warn 2s ease-out; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-iteration-count:infinite; transform:scale(0); }



.about .abox2{width: 100%; background: #f5f5f5;}
.about .abox2 .box{ margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}


.about .abox2 .box .mobile-list .swiper .swiper-slide .txt{width: 100%; /*position: absolute;*/ /*left: 0;*/ /*bottom: 0;*/ /*z-index: 2;*/ font-size: 0.28rem; color: #333; line-height: 0.38rem; margin-top: 0.2rem; /*background: rgba(0, 0, 0, 0.1);*/}

.about .abox2 .box .mobile-list .swiper .swiper-slide .t2{margin-top: 0.2rem; font-size: 14px; line-height: 24px; color: #666;}
body{ background:#f5f5f5; }