.inwrap{width: 1440px; max-width: 90%; margin: 0 auto;}
@media only screen and (max-width:1024px) {
.inwrap{max-width: 94%;}
}


.video_type{margin: 5% 0 0; padding:0 2.5%; border-radius: 0.3rem; box-shadow: 0 0 0.05rem 0.05rem rgba(0,0,0,0.05);}
.video_type li{border-bottom: 1px dashed #D0D0D0; padding:2% 0;font-weight: bold;}
.video_type li dt{ float: left; width: 1.35rem; line-height:36px;}
.video_type li dd{ float: left; width: calc(100% - 1.35rem); line-height: 36px;}
.video_type li dd a{padding: 0 0.2rem; float: left; margin-right: 0.1rem;}
.video_type li dd a.on{ color: #fff!important; border-radius: 0.3rem; background: #1E9678;}
.video_type li dd .tab_b{margin-top: 2%;}
.video_type li dd .tab_b p a{color: #666666;}
.video_type li dd p.item{ display: none;}
.video_type li dd p.item.on{ display: block;}
.video_type li dd p.item a.active{color: #1E9678!important;}
.video_type li dd p.item a:hover{color: #1E9678!important;}
.video_type li:last-child{ border-bottom: none;}
@media only screen and (max-width:767px) {
    .video_type li dt{ width: 1.6rem;}
    .video_type li dd{ width: calc(100% - 1.6rem);}
}
@media only screen and (max-width:413px) {
    .video_type li dt{ width: 2rem; font-size: 14px;}
    .video_type li dd{ width: calc(100% - 2rem); font-size: 14px;}
}

.video_list{margin: 5% 0 6%;}
.video_list ul{overflow: hidden;margin:0 -0.15rem;}
.video_list li{width: 33.33%;float: left;margin-bottom: 0.3rem;}
.video_list li>a{display: block;margin:0 0.15rem;}
.video_list dt{position: relative;overflow: hidden;border-radius: 0.3rem;}
.video_list dt h4{position: absolute;color: #fff;left: 0;bottom: 0;width: 100%; padding:0.1rem 0.24rem; background:linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0.5));}
/* .video_list dt h4 em,.video_list dt h4 span{line-height: 0.2em;} */
.video_list dt h4 em{height: 0.2rem;width: 0.22rem;border: 1px solid #fff;border-radius: 0.05rem;float: left;text-align: center;font-size: 0.12rem;position: relative;}
.video_list dt h4 em i{transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}
.video_list dt h4 span{float: right;}
.video_list dd span{color: #9499a0;display: block;padding: 0.15rem 0; line-height: 1em;}
.video_list dd h3{line-height: 1.3em;height: 2.6em;}


/*视频中心*/
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_tbox{ width: 100%; height: 100%;}
.video_appbox video{width: 100%; height: 100%; object-fit: fill;}
.video_appbox .video_t{ z-index:2; background:#000;width:1440px;max-width:94%;
transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
visibility: hidden;opacity: 0;}
.video_appbox.show .video_t{visibility: visible;opacity:1;top:50%;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.video_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}
.video_close i{color: #fff;font-size:20px;font-weight: bold;}



.fnt_36{font-size: 0.36rem;}



.video_info{margin: 5% 0 0; border-radius: 0.3rem; box-shadow: 0 0 0.05rem 0.05rem rgba(0,0,0,0.05); overflow: hidden;}
.video_info dt{ float: left; width: 50%; border-radius: 0.3rem; overflow: hidden;}
.video_info dd{ float: right; width: 50%; padding:3% 4% 0;}
.video_info dd h2{max-height: 3em;overflow: hidden; font-weight: bold; color: #000;}
.video_info dd h3{ margin: 3% 0 2%; max-height: 1.5em; overflow: hidden;font-weight: bold; color: #000;}
.video_info dd p{color: #666666; letter-spacing: 1px; line-height: 1.8; max-height: 9em; overflow: hidden;}
.video_list h2{ margin-bottom: 3%; position: relative; padding-bottom: 0.15rem; border-bottom: 1px solid #A0C1AE;}
.video_list h2::before{content: ""; position: absolute;lefT:0; bottom:-1px; width: 1.12rem; height: 0.04rem; background:linear-gradient(to right, #126435,#1CA959);}

.package_box{margin: 5% 0 8%;}
.vid_box{cursor: pointer; position: relative; border-radius:0.3rem; overflow: hidden;}
.vid_box em{height: 0.78rem;width: 0.84rem;border: 0.06rem solid #fff;border-radius: 0.2rem;text-align: center; color: #fff; font-size: 0.48rem;}
.vid_box em i{transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}
.vid_box video{ width: 100%; height: 100%; object-fit: fill;}
.con_box {padding:4% 0 3%;}
.con_box .c{margin-top: 2%; line-height: 1.8; color: #666666;}


@media only screen and (max-width:1024px) {
    .video_type li dd{padding-right: 0;}
    .video_info dd p{max-height:7.5em; line-height: 1.5; letter-spacing: 0;}
}
@media only screen and (max-width:1023px) {
    .video_info dt,.video_info dd{ width: 100%;}
    .video_info dd{padding: 5%;}
    .video_info dd h2,.video_info dd h3,.video_info dd p{max-height: unset;}
}
@media only screen and (max-width:767px) {
.video_list li{float: none;width: 100%;margin-bottom: 20px;}
.video_list li:last-child{margin-bottom: 0;}
.video_list dd h3{height: auto;max-height: 2.6em;}
.video_list dt{border-radius: 0.45rem;}
.video_list dt h4 em{width: 36px;height: 24px;font-size: 14px;border-radius: 10px;}
.video_list dd span{padding: 10px 0;}
.video_list dd .bold{font-weight: normal;}
.vid_box em{ display: none!important;}
}

.contact{margin: 6% 0 8%;}
.contact dl{position: relative;}
.contact dd{position: absolute; width: 100%; height: 100%; left:0; top:0; color: #fff; padding: 6%;}
.contact dd h2{margin-bottom: 2%;}
.contact dd p{margin-bottom: 1%;}
.contact dd p a{color: #fff!important;}
.contact dd p a.tel_link{cursor: default;}
.contact dd p i{ color: #fff; margin-right: 2%;}
@media only screen and (max-width:767px) {
    .contact dl{height: auto!important;}
    .contact dd{position: static; color: #000;}
    .contact dd p a{color: #000!important;}
}




.login{ padding: 1.48rem 0; background: url(../images/login_bg.jpg) no-repeat; background-position: 0 center; background-size:cover;}
.log_box{width:48%; margin: 0 auto; position: relative; background: #fff; padding: 5%; border-radius: 0.2rem; overflow: hidden; box-shadow: 0 0 0.1rem 0.1rem rgba(0,0,0,0.05);}
.log_box .a1{position: absolute; right:0; top:0; width: 1.2rem; height: 0.5rem;line-height: 0.5rem; text-align: center; color: #fff!important; border-bottom-left-radius: 0.2rem; background: #1CAA5A;}
.log_box h2{ text-align: center;margin-bottom: 5%;}
.log_box li{margin-bottom: 4%;line-height: 0.5rem; overflow: hidden;}
.log_box li span{ float: left; width:1rem; text-align: right;}
.log_box li .inp{ float: right; width: calc(100% - 1.2rem); height: 0.5rem; line-height: 0.5rem; border-radius:0.3rem; padding: 0 0.2rem; border:1px solid #90D5BE; background: #EFF8F3;}
.log_box li .inp input{ width: 100%; height: 100%; border:none; background: none;}
.log_box li .inp.inp01 input{ float: left; width: calc(100% - 1.2rem);}
.log_box li .inp.inp01 .hqyzm{ cursor: pointer; float: right; width: 1.2rem; color: #126636;height: 0.5rem; line-height: 0.5rem; border-radius:0.3rem;}
.log_box .forgot{text-align: right;}

.log_box .btn{ max-width: 1.8rem; margin: 5% auto 0;}
.log_box .btn button,.register-box .btn button{ width: 100%; height: 0.5rem;line-height: 0.5rem; margin-bottom:5%;border-radius: 0.3rem; color: #fff; background: #86D55B; border:none;}
    


.log_box li .inp input:-internal-autofill-previewed,
.log_box li .inp input:-internal-autofill-selected{-webkit-text-fill-color:#000 !important;transition: background-color 5000s ease-in-out 0s!important;}




.register{ padding: 0.95rem 0 1.05rem;}
.reg_img{ float: left; width: 48.5%;}
.reg_box{ float: right; width: 48.5%; padding: 0;}
.reg_box .inner{padding: 5% 10%;}
.reg_box h3{border-bottom: 1px solid #D0E0D7; overflow: hidden; margin-bottom:8%;}
.reg_box h3 span{ cursor: pointer; float: left; width: 50%; color:#000000; padding: 0 0.45rem 0.15rem;position: relative;}
.reg_box h3 span::before{opacity: 0; content: ""; position: absolute; left:0; bottom:0; width: 100%; height: 4px;
    background: -webkit-linear-gradient(left, #126435 0%, #25AD60 100%);
    background: -moz-linear-gradient(left, #126435 0%, #25AD60 100%);
    background: -o-linear-gradient(left, #126435 0%, #25AD60 100%);}
.reg_box h3 span.on{color:#126535;}
.reg_box h3 span.on::before{ opacity: 1;}
.reg_con{ display: none;}
.reg_con.on{ display: block;}
.reg_box li .inp{ background: #fff;}
.reg_box li p{ clear: both; color: #7F7F7F; line-height: 1.2; padding-top: 0.1rem; margin-left: 1.2rem;}
.reg_box p.tips{ text-align: center; margin: 3% 0 0;}
.reg_box p.tips a{color: #1CAA5A;}


.fogot_box{margin: 0.9rem 0 1.4rem;width: 100%; padding: 5% 15% 8%;}
.fogot_box li{margin-bottom: 2%;}
.fogot_box li .inp{ background: #fff;}

@media only screen and (max-width:1024px) {
.log_box{width: 78%;}
.reg_box{ width: 48.5%;}
.reg_box h3 span{padding: 0 0.1rem 0.1rem;}
.reg_box .inner{padding: 5%;}
.reg_box li{line-height: 0.36rem;}
.reg_box .btn{margin-top: 1%;}
.reg_box li .inp,.reg_box li .inp.inp01 .hqyzm{height: 0.36rem;line-height: 0.36rem;}
.fogot_box{width: 100%; padding: 5%;}
}
@media only screen and (max-width:767px) {
.log_box{width: 100%;}
.log_box li .inp.inp01 input{width: calc(100% - 1.7rem);}
.log_box li .inp.inp01 .hqyzm{width: 1.7rem;}
.reg_img{width: 100%; margin-bottom: 5%;}
.reg_box li{line-height: 0.5rem;}
.reg_box li .inp,.reg_box li .inp.inp01 .hqyzm{height: 0.5rem;line-height: 0.5rem;}
.log_box li span{width: 1.3rem;}
.log_box li .inp{ width: calc(100% - 1.4rem);}
.reg_box li p{margin-left: 1.4rem;}
.reg_box h3 span::before{ height: 2px;}
}

@media only screen and (max-width:339px) {
.log_box li span{width: 1.5rem;}
.log_box li .inp{ width: calc(100% - 1.6rem);}
.reg_box li p{margin-left: 1.6rem;}
}


.member_box{margin: 5% 0 8%;}
.mem_ll{ float: left; width: 16%;}
.mem_rr{ float: right; width: 80%;}
.mem_ll li{ width: 100%; height: 0.5rem;line-height: 0.5rem; margin-bottom:0.2rem; border-radius: 0.3rem; color: #19693B; text-align: center; background: #EFF8F3;}
.mem_ll li a{color: #19693B;}
.mem_ll li.on{background: -webkit-linear-gradient(left, #126435 0%, #25AD60 100%);
    background: -moz-linear-gradient(left, #126435 0%, #25AD60 100%);
    background: -o-linear-gradient(left, #126435 0%, #25AD60 100%);}
.mem_ll li.on a{color: #fff!important;}
.base_info{background: #fff; padding: 5% 5% 8%; border-radius: 0.2rem; overflow: hidden; box-shadow: 0 0 0.1rem 0.1rem rgba(0,0,0,0.05);}
.base_info li{padding: 2% 0 3%; border-bottom: 1px solid #F1F1F1; overflow: hidden;}
.base_info li span{ float: left; width: 1.5rem; color: #A3A3A3;}
.base_info li p{ float: right; width: calc(100% - 1.5rem);}
.mem_rr .video_list{margin: 0;}
.mem_rr .fogot_box{margin: 0;}
@media only screen and (max-width:767px) {
.mem_ll,.mem_rr{width: 100%;}
.mem_ll{margin-bottom: 5%;}
.mem_ll li{ height: 30px; line-height: 30px;}
.base_info li span{width:90px;}
.base_info li p{ width: calc(100% - 90px);}
}


.law_part,.sitemap{margin:5% 0;}
.sitemap{min-height: 3.2rem;margin:8% 0 6%;}
.sitemap li{ float: left; width: 20%; margin-right: 5%; margin-bottom: 5%; border-bottom:2px solid #e2e2e2; padding-bottom: 0.2rem;}
.search-part{ padding:3% 0 0;}
.search_t{background: #f4f4f4;padding: 3% 20%; margin-bottom:2%; overflow: hidden;}
.search_t input,.search_t button{height:46px;line-height: 46px; font-size: 16px; border:none;outline: none;}
.search_t input{padding: 0 10px; width: calc(100% - 140px);float: left; background: #fff;}
.search_t button{background:#126435;color: #fff;width: 140px;float: left;}
.search_p{color: #4c4c4c;padding:2%;}
.search_p span,.search_p i{color: #126435;}
.search_list{padding:0 0 5%;}
.search_list ul{padding-bottom:5%;}
.search_list li{overflow: hidden;padding: 0 2%;height: 50px;line-height: 50px;border-bottom: 1px solid #e6e6e6;font-family: SourceHanSansCN-Regular;}
.search_list p{float: left;width:78%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.search_list p i{color: #126435;}
.search_list p a{color: #4c4c4c;}
.search_list em{float: right;width: 135px;text-align: center;color: #999999; font-family: arial;}
@media only screen and (max-width:1024px) {
.search_list p{width: calc(100% - 100px)}
.search_list em{width: 90px;}
.search_t input, .search_t button{font-size: 14px;}
}
@media only screen and (max-width:767px) {
.search_t{padding:5%;}
.search_t button{width:100px;}
.search_t input{width:calc(100% - 100px);}
.search_p{padding-bottom: 0;}
.search_list li{height:40px; line-height: 40px;}
.search_list em{font-size:12px; text-align: right;}
.sitemap li{ width: 30.33%; margin-right: 3%;}
}



.log_box li .inp.inp_yzm{float: left; margin-left: 0.2rem; width: calc(100% - 2.4rem);}
.log_box li img.yzm{cursor: pointer; float: right; width: 1.2rem;height: 0.5rem;}
@media only screen and (max-width:767px) {
.log_box li .inp.inp_yzm{ margin-left: 0.1rem; width: calc(100% - 2.9rem);}
}