*{margin: 0;padding: 0;box-sizing: border-box;}
body{font-size:12px;font-family: '微软雅黑';}
/*html{font-size: 14px;}*/
table,p,tr,input,tr,td,th,h2,div,a,span{font-size:12px;font-family: 'Microsoft YaHei', '微软雅黑';}
.fl{float: left;}
.w1200{width: 1200px;margin: 0 auto;}
ul {list-style: none;}
a {text-decoration: none;cursor: pointer;}
.clear {clear: both;}
img {border: none;}
em{font-style: normal}
.float_l,.fl{float: left;}
.float_r,.fr{float: right;}
.relative{position: relative;}
.clearfix:after{content:".";display:block;height:0;font-size:0;line-height:0;visibility:hidden;clear:both;}
.clearfix{zoom:1;}
/*头部*/
.top{
    /*background-color: rgba(0,0,0,0);*/
    /*background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0));*/
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 99999;
    /*height: 7rem;*/
    overflow: visible;
    width: 100%;
    /*height: 100%;*/
}
.zhao{width: 100%;height: 10rem;background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0));}

.top_wrap {
    margin: 0px 7%;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.logo{    margin: 3.5rem 0 0 5rem;}
.logo img{display:block;height:4rem;}
.menu{margin: 3.2rem 0  0 }
.menu em{width:34px;height:34px;display:block;overflow:hidden;float:left;position:relative;cursor:pointer;}
.menu em i{cursor:pointer;width:60%;display:block;overflow:hidden;height:2px;background-color:#fff;position:absolute;left:15%;top:10px;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;}
.menu em i.i1{top:10px;}
.menu em i.i2{top:18px;}
.menu em i.i3{top:26px;}


/*联系我们*/
.page6 { background:-webkit-linear-gradient(top,rgba(46,123,195,0.9), rgba(38,132,184,0.9));
    
background: -o-linear-gradient(top,rgba(46,123,195,0.9), rgba(38,132,184,0.9)); /*Opera 11.1 - 12*/
    background: -moz-linear-gradient( top, rgba(46,123,195,0.9), rgba(38,132,184,0.9)); /* Firefox 3.6 - 15*/
    background: linear-gradient(to top,rgba(46,123,195,0.9), rgba(38,132,184,0.9)); /* 标准的语法 */
    width: 100%;
    overflow: hidden;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 99998;
    display: none;}

.close{margin: 3% 10%;}
.close em{width:38px;height:38px;display:block;overflow:hidden;float:left;position:relative;cursor:pointer;}
.close em i{cursor:pointer;width:60%;display:block;overflow:hidden;height:2px;background-color:#fff;position:absolute;left:15%;top:10px;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;}
.close em i.i1{top:10px;}
.close em i.i2{top:18px;}
.close em i.i3{top:26px;}
.close em.on i.i2{opacity:0;}
.close em.on i.i1{width:60%;left:20%;transform:translateY(8px) rotate(45deg);-ms-transform:translateY(8px) rotate(45deg);-moz-transform:translateY(8px) rotate(45deg);-webkit-transform:translateY(8px) rotate(45deg);-o-transform:translateY(8px) rotate(45deg);}
.close em.on i.i3{width:60%;left:20%;transform:translateY(-8px) rotate(-45deg);-ms-transform:translateY(-8px) rotate(-45deg);-moz-transform:translateY(-8px) rotate(-45deg);-webkit-transform:translateY(-8px) rotate(-45deg);-o-transform:translateY(-8px) rotate(-45deg);}


.lxfs {margin: 5% 13% 0;    flex-direction: column;
    justify-content: space-between;}

.lo {width:23.5rem;margin:0 auto;padding-bottom: 2.5rem;}
.lo img { width:22.5rem; }
.moblie_nav{display: none}


.search { width:38.75rem; height:4rem; border:#fff 1px solid; padding:0.2rem 0.7rem 0 1.6rem; border-radius:10px; margin:0 auto; }
.search input { border:none; }
.search .word { width:33rem; height:3.45rem; line-height:28px; color:#fff; text-indent:5px; font-size:1.4rem; outline:none; background-color: rgba(0,0,0,0); }
input::-webkit-input-placeholder { color:#c3c3c3; }
input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color:#fff;
}
input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color:#fff;
}
input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color:#fff;
}
.search .btn { float:left; height:3.6rem; cursor:pointer; width:2.7rem; background:url(/eportal/fileDir/zhxyjs/resource/cms/2022/03/img_pc_site/search.png) center center no-repeat; }
.jj {width:11rem;margin:0 auto;padding-top: 2rem;font-size:1.6rem;font-weight:bold;
    color: #fff;
    letter-spacing:0.2rem;text-align:center;}
.jj img { padding-top:2rem;width: 7.3rem; }
.js {width: 27rem;margin: 2rem auto 0;}
.js p {font-size: 1.2rem;line-height: 3rem;height: 3rem;margin-bottom: 2rem;color: #fff}
.js img {width: 1rem;margin-right: 1.5rem;padding-top: 0.9rem;display: block;float: left;}


/*导航*/
.nav{    margin: 4rem 0% 0 0%;}
.nav_kd ul {
    list-style: none;
    padding-left: 0;
    float: left
}

.nav .nav_first-item > a {
    line-height: inherit;
    cursor: pointer;
    color: #fff;
    font-size: 17px;
    padding:0  .5rem 0.8rem;
}

.nav .nav_first-item > a:hover,.nav .active a{
    color: #fff;
    border-bottom: 3px solid #fff;

}

.nav_menu {
    width: 100%;
    height: 54px;
}

.nav_first-item {
    display: inline-block;
    position: relative;
    padding-bottom: 1rem;
    text-align: center;
    /*transition: all .2s;*/
    margin: 0 1rem;
}
/*滚动屏导航*/
body #fp-nav.fp-left{left:2%}
body #fp-nav ul li a.active span,.fp-slidesNav ul li a span,body #fp-nav ul li a span{background: #fff}
body #fp-nav ul li{margin:20px 10px;}
/*body #fp-nav ul li a:hover span{background: #fff}*/
/*body #fp-nav ul li a span{border: 1px solid #fff;background: none;width: 8px;height: 8px}*/
.godown{position:absolute;bottom: 2%;left:50%;z-index: 9;margin-left:-22px;width: 55px;cursor: pointer;height: 62px;background: url(/eportal/fileDir/zhxyjs/resource/cms/2022/03/img_pc_site/nextpage.png) bottom center no-repeat}
.godown p{text-align: center;color: #fff;font-size: 1.1rem;letter-spacing: 1px;}

/*右下角浮窗*/
.rightfr{position:fixed;right:10px;background: rgba(0,0,0,0.2);bottom:10%;z-index:9999;overflow:visible;display:none;border-radius: 10px;}
.rightfr ul{width:100%;overflow:hidden;-moz-box-shadow:0px 0px 21px rgba(0,0,0,0.05);-webkit-box-shadow:0px 0px 21px rgba(0,0,0,0.05);}
.rightfr ul li{width:100%;overflow:hidden;padding: 0 .7rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

.rightfr ul li .rt_t{width: 100%;margin: 0 auto;padding: 1rem 0.2rem 0.2rem;overflow:hidden;border-bottom: 1px solid #ddd;}
.rightfr ul li .rt_t img{width: 30%;display:block;margin: 0 auto;}
.rightfr ul li .rt_t span{width:100%;display:block;overflow:hidden;text-align:center;font-size: 1rem;color: #fff;line-height: 2.8rem;white-space: nowrap;}
.rightfr ul li:last-child{border-bottom:0px;}
.rightfr ul:nth-child(2){margin-top:6px;}
.rightfr ul:nth-child(2) li .rt_t{border-bottom:0px;}


/*第一屏*/
.firstBox{width:100%;position:relative;overflow: hidden;height: 100%}
.listTab{position: absolute;width:100%;bottom:6%;z-index:30;}
.listTab li{width: 33.3%;float: left;text-align: center;height: 125px;position: relative;}
.listTab:before {position: absolute;top: 60px;right: 0;left: 0;border-top: 2px solid #fff;content: '';z-index: 2;}
.listTab li.on .listTxt:before {position: absolute;top: 60px;right: 0;left: 0;width: 100%;border-top: 2px solid #3f9dfe;content: '';z-index: 6;}
.listTab li .listXian:after {position: absolute;top: 55px;right: 0;width: 2px;height: 12px;background: #fff;content: '';z-index: 9;transition:all .5s;}
.listTab li.on .listXian:after {position: absolute;top: 55px;right: 0;width: 2px;height: 12px;background: #3f9dfe;content: '';z-index: 9;transition:all .5s;}
.listTab li .listTxtHide {display:none;}
.listTab li .listTxt:before{transition:all 1s;}
.listTab li .listTxtShow>p{font-weight:600;font-size:1.8rem;color:#fff;margin-top:5px;opacity:0.7;transition:all .5s;}

.listTab li.on .listTxtShow>p{color: #3f9dfe}
.listTab li:hover .listTxtShow>p{color: #3f9dfe}
.listTab li:hover .listTxtShow img{opacity:1;transform: scale(0.85);}
.listTab li .listXian{border:none}
.ping{position:absolute;top:0;width:100%;}
.ping li{display:none;position: relative}
.ping li:first-child{display:block;}
.ping li img{width:50%;height:50%;object-fit:cover;}
.ping li .pingImg img{width: 100%;height: 100%;}
.ping li video{object-fit:fill;width:100%;height:100%;object-fit:cover;}
.aboutVideo{position:absolute;top:45%;left:50%;margin: -24px 0 0 -24px;z-index:99;display:none;transition:all .7s;}
.aboutVideo img{cursor:pointer;}
.oneVs:hover .aboutVideo{display:block;}
.videoPhoneList{display:none;}
.none{display:none;}
.first_cont{display: none}
/*第二屏*/
.section2{background: url(/eportal/fileDir/zhxyjs/resource/cms/2022/03/img_pc_site/bj.jpg) center no-repeat;background-size: 100% 100%}
.lydsj{width: 100%;height: 100%;}
.section1{background: url(/eportal/fileDir/zhxyjs/resource/cms/2022/03/img_pc_site/lybj1.jpg) center no-repeat;background-size: 100% 100%}

.page2_wrap{margin: 7.1rem 13% 0;}
.page2 .page2_wrap{margin:13rem 13% 0;}

.page2 .page2_wrap .about{margin:0 0 1rem;padding-top:4rem}
.section2 .about h3 a{display: inline-block;vertical-align: middle}
.section2 .about h3 img {display: inline-block;margin-left: 1rem;width: 2.5rem;}

.section2 .about h2{font-size: 1.9rem;color:rgba(255,255,255,0.7);font-weight: 100;margin-bottom: .4rem;}
.section2 .about h3{font-size: 2.2rem;color:#fff;}
.page2_head{margin: 1rem 0 0 0rem;}
.page2_tab li{
    color: #fff;
    font-size: 1.2rem;
    cursor:pointer;
    display: block;
    padding: 10px 0;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 8px;
    width: 9rem;
    float: left;
    margin-right: 16px;
    text-align: center;
}
.page2_tab li.page2_tab_active{background: rgba(255,255,255,0.2);font-weight: 600}

.page2__tab_con{display: none;}

/*流域保护*/
.map{width: 1200px;margin:0 auto;position: relative;height: 500px; margin: 2rem  auto;}
.moblie_water{display: none}
.opp_dot{display: block;position: absolute;text-align: center}
.opp_dot img{
    cursor: pointer;}
.opp_dot h2{color:#fff;font-weight: 600;font-size: 1rem;padding-top:.6rem}

.dot1{    left: 350px;
    top: 329px;}
.dot2{left: 452px;
    top: 238px;}
.dot3{    left: 650px;
    top: 139px;}
.dot4{left: 757px;
    top: 168px;}


.aop1{
    left: 262px;
    top: 33px;
    width: 221px;
    position: absolute;
    display: inline-block;
}
.map .flower{padding:0.5rem;background: rgba(255,255,255,0.2);border-radius: 8px;height: 150px;width: 220px;display: inline-block;box-sizing: content-box;}
.map .flower img{width:100%;}
.map .flower:after{
    background: url(/eportal/fileDir/zhxyjs/resource/cms/2022/03/img_pc_site/lyjt.png) no-repeat center;
    width: 60px;
    content: '';
    height: 11px;
    display: block;
    margin: 8px 78px 0;
    }
.map i{width: 1px;background: rgba(255,255,255,0.3);height: 136px;display: inherit;margin: 11px 113px 0;}

.aop2{
    left: 418px;
    top: -27px;
    width: 230px;
    position: absolute;
    display: inline-block;
}

.aop3{
    left: 628px;
    top: -72px;
    width: 221px;
    position: absolute;
    display: inline-block;
}

.aop4{
    left: 804px;
    top: -73px;
    width: 221px;
    position: absolute;
    display: inline-block;
}
.aop4 i{height: 108px;}



@keyframes cardOutTop {
    0% {
        transform-origin: 50% 100% 0px;
        transform: perspective(500px) rotateX(0deg) scale(1, 1);
        opacity: 1;
    }
    100%
    {
        transform-origin: 50% 100% 0px;
        transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
        opacity: 0;
    }
}

.cardOutTop {
    -webkit-animation-name: cardOutTop;
    -moz-animation-name: cardOutTop;
    -o-animation-name: cardOutTop;
    animation-name: cardOutTop;
}
/*大事记*/

.product-wrapper {
    max-width: 100%;
    /* padding-left: 10px; */
    /* padding-right: 10px; */
    margin: 2rem  auto;
    position: relative
}

.moblie-product-wrapper{display: none}


.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}
.product-wrapper .product-body {
    margin: 0px 2%;
}
.product-wrapper .product-body:after {
    content: "";
    width: 100%;
    height: 3px;
    background: url(/eportal/fileDir/zhxyjs/resource/cms/2022/03/img_pc_site/productBase-features-model1.png) no-repeat;
    background-size: 100% 100%;
    background-position: center;
    position: absolute;
    top: 17.2rem;
    left: 0;
    z-index: 0
}
/*li*/
.features-item {
    position: relative;
    float: left
}
.features-slide .features-item>* {
    text-align: center
}
.features-item h3{
    font-size: 20px;
    line-height: 28px;
    color: #ffffff;
    opacity: 0.8;
    transition: all 0.1s
}
.features-item h3.hi {
    margin-bottom: 3rem;
    margin-top: 14rem;
}
.features-item h3.di {
    margin-top: 3rem;
       display: block;
}
.features-item i {
    position: absolute;
    width: 75%;
    height: 33px;
    background: url(/eportal/fileDir/zhxyjs/resource/cms/2022/03/img_pc_site/productBase-features-timeline1.png) no-repeat;
    background-size: contain;
    background-position: right center;
    left: -25%;
    margin-left: 10px;
    top: 16.3rem;
    z-index: 3
}
.features-item .features-info {
    display: block;
    margin: 0 6%;
    padding: 1rem 0.3rem 0.6rem;
    transition: all 0.3s;
    border-radius: 16px;
    background: rgba(255,255,255,0.2);
}
.features-item .features-info img{width: 90%}

.features-item .features-info .features-info-s {
    font-size: 1.1rem;
    color: #FFFFFF;
    line-height: 2em;
    overflow: hidden;
    padding: .3rem 0 0.2rem 5%;
    text-align: left;
}
.features-item.dark i {
    background: url(/eportal/fileDir/zhxyjs/resource/cms/2022/03/img_pc_site/productBase-features-timeline-dark.png) no-repeat;
    background-size: contain;
    background-position: right center
}
/*鼠标悬浮效果*/
.features-item:hover h3 {
    font-size: 22px;
    line-height: 28px;
    opacity: 0.9
}
.features-item:hover i {
    width: 73%;
    margin-left: 13px;
    background: url(/eportal/fileDir/zhxyjs/resource/cms/2022/03/img_pc_site/productBase-features-timeline-hover1.png) no-repeat;
    background-size: contain;
    background-position: right center
}
.features-item:hover a {
    background:rgba(255,2555,255,0.3);
    background-size: 100% 100%
}
/*左右按钮*/
.product-wrapper .swiper-button-prev {
    width: 30px;
    height: 40%;
    left: -15px;
    top: 30%;
    background: none
}
.product-wrapper .swiper-button-prev:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 30px;
    background: url(/eportal/fileDir/zhxyjs/resource/cms/2022/03/img_pc_site/productBase-features-left.png) no-repeat;
    background-size: 100% 100%;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -7px
}
.product-wrapper .swiper-button-next {
    width: 30px;
    height: 40%;
    right: -15px;
    top: 30%;
    background: none
}
.product-wrapper .swiper-button-next:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 30px;
    background: url(/eportal/fileDir/zhxyjs/resource/cms/2022/03/img_pc_site/productBase-features-right.png) no-repeat;
    background-size: 100% 100%;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -7px
}
/*  第三屏 业务动态*/
.page3 { background:url(/eportal/fileDir/zhxyjs/resource/cms/2022/03/img_pc_site/bj.jpg) center no-repeat; background-size:100%; position:relative; }
.dtzt { margin:7.1rem 13% 0; }
.dtzt .titl { margin-bottom:1rem; }
.titl .eng { font-size:1.9rem; line-height:2rem;  font-weight:100;    color: rgba(255,255,255,0.7); }
.titl .bti {font-size:2.2rem; line-height:4rem; color:#fff;width: 12.5rem;}
.titl .bti a img {margin-top: 0.8rem;display: block;float: right;margin-left: 1rem;width: 2.5rem;}
.dtzt .dtzs { background-color:rgba(255,255,255,.2);margin-bottom: 5rem; padding:2rem 2.5rem; border-radius:15px; }

.p3fr { overflow:hidden; }
.p3fr .fl { width:47%; overflow:hidden; }
.p3l_slide { width:100%; overflow:hidden; }
.section .pagesfr { background:#f6f6f6; width:100%; height:100%; overflow:hidden; align-items:center; justify-content:flex-start; transition:.3s linear; -webkit-transition:.3s linear; -o-transition:.3s linear; -moz-transition:.3s linear; margin-top:4rem; padding-bottom:4rem; }
.section .p2_t { margin:0 7%; padding-top:3rem; }
.section .p2_t img { width:38%; }
.p3l_slide .swiper-slide { width:100%; overflow:hidden; background-color:#fff; }
.p3l_slide .swiper-slide a { width:100%; display:block; overflow:hidden; }
.p3l_slide .swiper-slide em { width:100%; display:block; overflow:hidden; font-style:normal; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.p3l_slide .swiper-slide em.em1 { height:23.3rem; position:relative; }
.p3l_slide .swiper-slide em.em1 b { width:100%; height:100%; display:block; overflow:hidden; position:absolute; left:0px; top:0px; }
.swiper-slide em.em1 span { font-size:1.5rem; color:#fff; line-height:1.6em; position:absolute; left:3%; bottom:3%; }
.p3l_slide .swiper-slide em.em2 { padding:1rem 1.6rem; height:8rem;}
.p3l_slide .swiper-slide em.em2 p { font-size:1.1rem; line-height:2rem; color:#000; font-weight:bold; }
.p3l_slide .swiper-slide em.em2 p span { font-size:1.1rem; line-height:2rem; float:right; color:#53b0e0; }
.p3l_slide .swiper-slide em.em2 span { display:block; overflow:hidden; }
.p3l_slide .swiper-slide em.em2 span.sp1 { font-size:1.1rem; color:#1068c1; line-height:1.6em; }
.p3l_slide .swiper-slide em.em2 span.sp2 { font-size:0.87rem; color:#000; line-height:1.5rem; margin-top:0.5rem; }

.p3fr .fr { width:50%; overflow:hidden; float:right; }
.p3r_t { width:100%; overflow:hidden; }
.p3r_t ul li { float:left; margin-left:5rem; }
.p3r_t ul li:nth-child(1) { margin-left:0px; }
.p3r_t ul li a { font-size:1.4rem; color:#000; position:relative; padding-bottom:0.7rem; line-height:3.2rem; }
.p3r_t ul li b { width:0%; height:0.1rem; display:block; overflow:hidden; background-color:#1068c1; position:absolute; left:50%; bottom:0px; transition:.3s linear; -webkit-transition:.3s linear; -o-transition:.3s linear; -moz-transition:.3s linear; /* margin-top:0.2rem; */ }
.p3r_t ul li.on b { width:100%; left:0px; }

.p3rc_c { width:100%; overflow:hidden; }
.p3rc_c ul { width:100%; overflow:hidden; }
.p3rc_c ul li { width:100%; overflow:hidden; position:relative; }
.p3rc_c ul li a { width:100%; display:block; overflow:hidden; margin-top:2.4rem; position:relative; z-index:99; padding-left:8.67rem; padding-right:.4rem; min-height:.7rem; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;height:96px; }
.p3rc_c ul li em { display:block; overflow:hidden; font-style:normal; }
.p3rc_c ul li em.em1 { position:absolute; left:0px; top:-5px; height:100%; text-align:left; align-items:center; justify-content:center; }
.p3rc_c ul li em.em1 .rqi { font-size:2.3rem; color:#20629e; font-weight:bold; margin-bottom:0.5rem; display:block; margin-left:5px; }
.p3rc_c ul li em.em1 .nfe { font-size:1.6rem; display:block; color:#fff; margin-left:7px; }
.p3rc_c ul li em.em2 { width:100%; overflow:hidden; border-bottom:1px solid #e6e6e6; padding-bottom:2.4rem; }
.p3rc_c ul li em.em2 span { width:100%; display:block; overflow:hidden; transition:.3s linear; -webkit-transition:.3s linear; -o-transition:.3s linear; -moz-transition:.3s linear; }
.p3rc_c ul li em.em2 span.sp1 { font-size:1.2rem; color:#86d4fc; line-height:1.5rem; font-weight:bold; }
.p3rc_c ul li em.em2 span.sp2 { font-size:1rem; color:#fff; line-height:1.6rem; text-overflow:ellipsis; margin-top:.8rem; height:38px;}
.p3rc_c ul li b.b1 { width:0%; height:100%; display:block; overflow:hidden; position:absolute; left:-19px; top:0px; background-color:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; transition:.3s linear; -webkit-transition:.3s linear; -o-transition:.3s linear; -moz-transition:.3s linear; }
.p3rc_c ul li:hover b.b1 { width:100%; left:0px; }
.p3rc_c ul li:hover em.em1 .rqi { color:#2678c2; opacity:0.7; }
.p3rc_c ul li:hover em.em1 .nfe { color:#b2b2b2; }
.p3rc_c ul li:hover em.em1 span b { background-color:#1068c1; }
.p3rc_c ul li:hover em.em2 span.sp1 { color:#2679c2; }
.p3rc_c ul li:hover em.em2 span.sp2 { color:#333; }
.p3rc_c .p3 { display:block; padding:.1rem; overflow:hidden; border-radius:2em; background:linear-gradient(to right,#00c1ff 0%,#0927d7 100%); width:11.25rem; margin-top:5.5rem; }
.p3rc_c .p3 span { display:inline-block; padding:1em; text-align:center; background:#f6f6f6; border-radius:2em; width:11.1rem; }
.p3rc_c .p3 span p { font-size:1.2rem; background-image:-webkit-linear-gradient(bottom,#0927d7,#00c1ff,#00c1ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }

/*第四屏*/
.sys{width: 100%;overflow: hidden;margin:0 auto;}
.ghhd_02_slide{display: none;}
.ghhd_01_slide {
    width: 96%;
    margin: 1.5rem auto 2rem;
    overflow: hidden;
    position: relative;
}
.ghhd_01_click a {
    width: 1.5rem;
    height: 3rem;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -.8rem;
    z-index: 999;
}

.ghhd_01_click a.ghhd_01_prev {
    background: url(/eportal/fileDir/zhxyjs/resource/cms/2022/03/img_pc_site/sysleft.png) center no-repeat;
    background-size: 100%;
    left: 1%;

    opacity: 0.8;
}

.ghhd_01_click a.ghhd_01_prev:hover {
    opacity:1;
}

.ghhd_01_click a.ghhd_01_next {
    background: url(/eportal/fileDir/zhxyjs/resource/cms/2022/03/img_pc_site/sysright.png) center no-repeat;
    background-size: 100%;
    right: 1%;
    opacity: 0.8;
}

.ghhd_01_click a.ghhd_01_next:hover {
    opacity:1;
}


.ghhd_01_slide .swiper-slide {
    /*width: 60%;*/
    height: 405px;
    overflow: hidden;
    background-color: #fff;
}

.ghhd_01_slide .swiper-slide a {
    width: 100%;
    display: block;
    overflow: hidden;
}
.sys_text{
    font-size: 1.2rem;
    line-height: 2em;
    padding: 1.5rem 3rem;
    text-align: left;
    text-indent: 2em;
    background-color: rgba(255,255,255,.2);
    color: #fff;
    border-radius: 12px;
    margin-bottom:5.5rem
}

/*第五屏*/
.page2_wrap .about{margin:0 0 1rem}
.kep_fl{width: 46%;padding:1rem;background-color: rgba(255,255,255,.2);
border-radius: 16px;
}
.kep_slide {
    width: 100%;
    margin: 1.5rem auto 1rem;
    position: relative;
    overflow: hidden;
}
.kep_slide .swiper-wrapper{width: 88%;margin: 0 6%}
.kep_slide .swiper-slide{}
.kep_slide .swiper-slide .em2{    float: left;
    display: inline;
    width: 88%;margin: 0.6rem 0 0.2rem;
}
.kep_slide .swiper-slide .em2 .date{    color: #0b508b;
    font-size: 1.2rem;
    line-height: 2rem;}
.kep_slide .swiper-slide .em2 i{    background: #0b508b;
    height: 3px;
    width: 3rem;
    display: block;
    margin: 0.5rem 0;}
.kep_slide .swiper-slide .em3{float: left;width: 100%;}
.kep_slide .swiper-slide .em3 h5{font-size: 1.2rem;
    line-height: 2.4rem;color: #fff;font-weight: 600}
.kep_slide .swiper-slide .em3 p{font-size: 1rem;
    line-height: 1.8rem;color: #fff;padding-top: 5px;}
.kep_click a {
    width: 1.5rem;
    height: 3rem;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 41%;
    margin-top: -5rem;
    z-index: 999;
}
.kep_slide .swiper-slide em.em1 img{width: 100%;height: auto}
.kep_click a.kep_prev {
    background: url(/eportal/fileDir/zhxyjs/resource/cms/2022/03/img_pc_site/sysleft.png) center no-repeat;
    background-size: 100%;
    left: 1%;

    opacity: 1;
}

.kep_click a.kep_next {
    background: url(/eportal/fileDir/zhxyjs/resource/cms/2022/03/img_pc_site/sysright.png) center no-repeat;
    background-size: 100%;
    right: 1%;
    opacity: 1;
}
.kep_fr{width: 49%;}
.kep_echart{width: 98%;margin-left:2%}
#single_publish{width: 100%;height: 400px}
.kep_num{width: 100%;padding-left: 7%;margin:2rem 0}
.kep_num .kep_num_text,.kep_num span{color: #fff;
    font-size: 1.2rem;
    line-height: 2.5rem;margin-bottom: 0.6rem;}
.kep_num span .count{color: #fff;
    font-size: 4rem;
    line-height: 4rem;font-weight: 600;display: inline-block;
    letter-spacing: 10px;}

/*第6屏 底部*/
.footer{width: 100%;background: #f6f9fe}
.footer .page2_wrap{margin: 5rem 13% 0;}
.footer .about h3 a{display: inline-block;vertical-align: middle}
.footer .about h3 img {display: inline-block;margin-left: 1rem;width: 2.5rem;}

.footer .about h2{font-size: 1.9rem;color:#94bdf1;font-weight: 100;margin-bottom: .4rem;}
.footer .about h3{font-size: 2.2rem;color: #3794f1}

.foot_fr{width: 70%;display: flex}
.foot_bot{width: 100%;text-align: center;color: #3f4044;font-size: 1rem;    padding: 1.5rem 0 1.5rem;
    border-top: 1px solid #c4c4c4;}
.foot_bot a{color: #3f4044;font-size: 1rem;margin-left:2rem}
.zhaomu,.jiaru{border: 2px solid #eff4fa;background: #fff;padding:2rem 7.4rem;cursor:pointer;border-radius: 16px;transition-duration: .2s;margin-bottom: 4rem}
.zhaomu{background: url(/eportal/fileDir/zhxyjs/resource/cms/2022/03/img_pc_site/volunteer.png) 2.5rem center no-repeat  #fff;margin-right: 6rem}
.jiaru{background: url(/eportal/fileDir/zhxyjs/resource/cms/2022/03/img_pc_site/join.png) 2.5rem center no-repeat  #fff;}
.foot_fr a{font-size: 1.2rem;color:#3a4557;line-height: 1.2em;display: block;text-indent:.4rem;font-weight: 600}
.foot_fr a em{color: #dddddd;font-size: 1rem;padding-left:.6rem}
.zhaomu:hover,.jiaru:hover{border:2px solid #9fb6c4;box-shadow: 0 0 25px #a2d1ff;}

  .kep_slide .swiper-wrapper{width: 100%;margin: 0 auto;}
  .kep_slide .swiper-slide em.em1 img{width: 100%;height: auto}
  .kep_slide{width: 88%;}
  #single_publish{height: 300px;}
  .foot_fr a{text-indent: 1.8rem;}
  .foot_fr a em{padding-left: 1.8rem;}
  .features-item h3.di{display: inherit}

.kep_slide .swiper-slide em.em1{display: block;max-height: 22rem;overflow: hidden}