body{ margin: 0; padding: 0;}
*{ margin: 0; padding: 0; list-style: none; font-family: 'Regular', '微软雅黑'; font-size: 16px; color: #4D4D4D;}
a{ text-decoration: none; cursor: pointer; display: block;}
img{ border: 0; display: block; /*cursor: pointer;*/}
h1, h2, h3, h4, h5{ font-weight: normal;}
ul, li{ list-style: none; /*cursor: pointer;*/}
b, i, em{ font-weight: normal; font-style: normal;}
button, textarea, input{ outline: none;}
select, option{ outline: none; appearance: none;}
html,body{ font-size: calc(100vw/19.2);}
.ani, .wow{ visibility: hidden;}
.swiper-button-next::after, 
.swiper-button-prev::after{ display: none;}
table{ border-collapse: collapse; border: none; margin: 0; padding: 0;}
@font-face{
	font-family: 'Medium';
	src:url('../fonts/SourceHanSansCN-Medium.otf');
}
@font-face{
	font-family: 'Regular';
	src:url('../fonts/SourceHanSansCN-Regular.otf');
}
@font-face{
	font-family: 'Bold';
	src:url('../fonts/SourceHanSansCN-Bold.otf');
}
::-webkit-scrollbar{}
::-webkit-scrollbar-thumb{}
/* 清除浮动 */
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
.w1260{ width: 1260px; margin: auto;}

.headercp{ position: fixed; top: 0; left: 0; right: 0; z-index: 50; transition: all 0.5s; background: #fff;}
.headercp2{ box-shadow: 0 0 10px hsla(0,0%,0%,0.10);}
.headercp .toop{ background: #fff;}
.headercp .toop .cont{ padding: 30px 0px; display: flex; justify-content: space-between; align-items: center; transition: all 0.5s;}
.headercp2 .toop .cont{ padding: 20px 0;}
.headercp .toop .cont .logo img{ display: block; height: 62px; transition: all 0.5s;}
.headercp2 .toop .cont .logo img{ height: 42px;}
.headercp .toop .cont .input{ display: flex; box-sizing: border-box; width: 300px; position: relative;}
.headercp .toop .cont .input input{ display: block; width: 100%; height: 40px; border: 1px solid #B3B3B3; border-radius: 25px; background: #fff; padding: 0 60px 0 15px; font-size: 14px;}
.headercp .toop .cont .input input::placeholder{ color: #B3B3B3;}
.headercp .toop .cont .input button{ display: block; width: 60px; height: 100%; position: absolute; top: 0; right: 0; background: url(../images/2.png) no-repeat center; background-size: 20px auto; cursor: pointer; border: none; transition: all 0.5s;}
.headercp .toop .cont .input:hover button{ background: url(../images/2s.png) no-repeat center; background-size: 20px auto;}
.headercp .boot{ background: #009940;}
.headercp .boot .nav{ display: flex; justify-content: space-between;}
.headercp .boot .nav .tit a{ display: block; font-size: 18px; line-height: 84px; color: #fff; font-family: 'Medium'; transition: all 0.5s; padding: 0 25px;}
.headercp .boot .nav .wli:hover .tit a{ background: #00B049;}
.headercp2 .boot .nav .tit a{ line-height: 50px;}
.headercp .boot .nav .wli.cur .tit a{ background: #00B049;}
.headercp .boot .nav .wli{ position: relative;}
.headercp .boot .nav .wli .min{ display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); min-width: 100%; background: #009940; padding: 6px 0;}
.headercp .boot .nav .wli .min a{ display: block; text-align: center; font-size: 18px; line-height: 46px; white-space: nowrap; padding: 0 10px; transition: all 0.5s; color: #fff;}
.headercp .boot .nav .wli .min a.on,
.headercp .boot .nav .wli .min a:hover{ background: #00B049;}

.indexbanner{ margin: 206px 0 0 0; overflow: hidden; position: relative; transition: all 0.5s;}
.indexbanner2{ margin: 132px 0 0 0;}
.indexbanner a{ display: block; width: 100%; height: 7rem; overflow: hidden;}
.indexbanner a img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.indexbanner .swiper-pagination{ bottom: 20px!important; display: flex; justify-content: center;}
.indexbanner .swiper-pagination span{ width: 40px; height: 10px; border-radius: 5px; margin: 0 10px!important; opacity: 1; background: hsla(0,0%,100%,0.60); transition: all 0.5s;}
.indexbanner .swiper-pagination span.swiper-pagination-bullet-active{ background: #fff;}

.indexmaxboxone{ padding: 60px 0 0 0;}
.indexmaxboxone .cont{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.indexmaxboxone .cont .video,
.indexminlistbox{ width: calc((100% - 60px) / 2); margin-bottom: 40px;}
.indexmaxboxone .cont .video{ height: 370px; overflow: hidden; position: relative;}
.indexmaxboxone .cont .video img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.indexmaxboxone .cont .video:hover img{ transform: scale(1.1);}
.indexmaxboxone .cont .video::after{ content: ''; position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: #000; opacity: 0.3;}
.indexmaxboxone .cont .video .play{ width: 60px; height: 60px; border-radius: 100%; border: 2px solid #fff; background: url(../images/5.png) no-repeat center; background-size: 100% auto; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; transition: all 0.5s;}
.indexmaxboxone .cont .video .play:hover{ border-color: #00B049; background: #00B049 url(../images/5.png) no-repeat center; background-size: 100% auto;}
.indextitle{ display: flex; background: #F5F5F5; line-height: 26px;}
.indextitle .h{ line-height: 26px; font-size: 26px; font-family: 'Bold'; color: #009940; background: #fff; padding: 0 20px; border-left: 8px solid #009940;}
.indexminlistbox .ps{ margin-top: 30px; font-size: 16px; line-height: 28px; max-height: 314px; overflow-y: auto;}
.indexminlistbox .ps::-webkit-scrollbar{ width: 4px; height: 4px; border-radius: 4px; background: hsla(0,0%,100%,0.00);}
.indexminlistbox .ps::-webkit-scrollbar-thumb{ width: 4px; height: 4px; border-radius: 4px; background: #009940;}
.indexminlistbox .one a{ display: flex; justify-content: space-between; align-items: flex-start; margin-top: 28px;}
.indexminlistbox .one a .m{ width: 270px; height: 200px; overflow: hidden; border: 1px solid #eee;}
.indexminlistbox .one a .m img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.indexminlistbox .one a .ter{ width: calc(100% - 300px);}
.indexminlistbox .one a .ter .h{ font-size: 18px; line-height: 30px; font-family: 'Bold'; margin: -7px 0 12px 0; transition: all 0.5s;}
.indexminlistbox .one a .ter .p{ color: #808080; font-size: 14px; line-height: 26px;}
.indexminlistbox .one a:hover .ter .h{ color: #009940;}
.indexminlistbox .one a:hover .m img{ transform: scale(1.1);}
.indexminlistbox .list .li a{ display: block; line-height: 60px; font-size: 18px; transition: all 0.5s;}
.indexminlistbox .list .li{ border-bottom: 1px dashed #CCCCCC; transition: all 0.5s;}
.indexminlistbox .list{ padding-top: 10px;}
.indexminlistbox .list .li:hover a{ color: #009940;}
.indexminlistbox .list .li:hover{ border-color: #009940;}
.indexmaxboxtwo img{ display: block; width: 100%;}
.indextitlewh{ background: #fff;}
.indexmaxboxthree{ padding: 40px 0 70px 0;}
.indexmaxboxthree .wker .open{ display: flex; flex-wrap: wrap; margin: 0 -15px;}
.indexmaxboxthree .wker .open .li{ margin: 30px 15px 0 15px; width: calc((100% - 180px) / 6);}
.indexmaxboxthree .wker .open .li a{ display: flex; justify-content: center; align-items: center; height: 70px; border: 1px solid #F0F0F0; overflow: hidden; transition: all 0.5s;}
.indexmaxboxthree .wker .open .li a img{ display: block; width: 100%; transition: all 0.5s;}
.indexmaxboxthree .wker .open .li:hover a img{ transform: scale(1.1);}
.indexmaxboxthree .wker .open .li:hover a{ border-color: #009940;}
.indexmaxboxthree .two{ display: flex; justify-content: space-between;}
.indexmaxboxthree .indexminlistbox{ margin: 50px 0 0 0;}

.footercp{ background: #009940; overflow: hidden;}
.footercp .toop{ padding: 70px 0 90px 0; display: flex; justify-content: space-between;}
.footercp .toop .left{ display: flex;}
.footercp .toop .left .li + .li{ margin-left: 65px;}
.footercp .toop .left .li .h{ font-size: 18px; line-height: 1; color: #fff; font-family: 'Bold'; margin-bottom: 22px;}
.footercp .toop .left .li .min{ width: 350px; display: flex; flex-wrap: wrap;}
.footercp .toop .left .li .min a{ min-width: 50%; font-size: 16px; line-height: 38px; color: #fff; transition: all 0.5s;}
.footercp .toop .left .li .min a:hover{ color: hsla(0,0%,100%,0.80);}
.footercp .toop .left .li .min .p{ font-size: 16px; line-height: 38px; color: #fff;}
.footercp .toop .right{ display: flex;}
.footercp .toop .right .li + .li{ margin-left: 85px;}
.footercp .toop .right .li img{ display: block; margin: auto; height: 120px;}
.footercp .toop .right .li .p{ text-align: center; line-height: 1; font-size: 14px; margin-top: 16px; color: #fff;}
.footercp .open{ border-top: 1px solid #008C3A; border-bottom: 1px solid #008C3A; display: flex; padding: 20px 0 20px 20px;}
.footercp .open .h{ font-size: 18px; line-height: 36px; color: #fff; font-family: 'Bold'; margin-right: 56px; flex-shrink: 0;}
.footercp .open .p{ display: flex; flex-wrap: wrap;}
.footercp .open .p a{ font-size: 16px; line-height: 36px; color: #fff; transition: all 0.5s; position: relative; margin-right: 50px;}
.footercp .open .p a::after{ content: ''; width: 1px; height: 18px; background: #fff; opacity: 0.8; position: absolute; top: 50%; transform: translateY(-50%); right: -25px;}
.footercp .open .p a:last-child{ margin: 0;}
.footercp .open .p a:last-child::after{ display: none;}
.footercp .open .p a:hover{ color: hsla(0,0%,100%,0.80);}
.footercp .boot{ display: flex; justify-content: center; text-align: center; flex-wrap: wrap; padding: 15px 0 40px 0;}
.footercp .boot a,
.footercp .boot .p{ font-size: 14px; line-height: 26px; color: #fff; transition: all 0.5s; margin: 0 10px;}
.footercp .boot a:hover{ color: hsla(0,0%,100%,0.80);}

.indexrightnav{ position: fixed; right: 1px; top: 50%; transform: translateY(-50%); z-index: 50; overflow: hidden;}
.indexrightnav:hover{ overflow: unset;}
.indexrightnav .i{ display: block; width: 50px; height: 50px; cursor: pointer; transition: all 0.5s;}
.indexrightnav .li1 .i{ background: #009940 url(../images/6.png) no-repeat center; background-size: 100% auto;}
.indexrightnav .li2 .i{ background: #009940 url(../images/7.png) no-repeat center; background-size: 100% auto;}
.indexrightnav .li3 .i{ background: #009940 url(../images/8.png) no-repeat center; background-size: 100% auto;}
.indexrightnav .li4 .i{ background: #009940 url(../images/9.png) no-repeat center; background-size: 100% auto;}
.indexrightnav .li1:hover .i{ background: #00B049 url(../images/6.png) no-repeat center; background-size: 100% auto;}
.indexrightnav .li2:hover .i{ background: #00B049 url(../images/7.png) no-repeat center; background-size: 100% auto;}
.indexrightnav .li3:hover .i{ background: #00B049 url(../images/8.png) no-repeat center; background-size: 100% auto;}
.indexrightnav .li4:hover .i{ background: #00B049 url(../images/9.png) no-repeat center; background-size: 100% auto;}
.indexrightnav .li4{ height: 0; overflow: hidden; transition: all 0.5s;}
.indexrightnav .li4.cur{ height: 50px;}
.indexrightnav .li + .li{ margin-top: 1px;}
.indexrightnav .li{ position: relative;}
.indexrightnav .li .m{ position: absolute; right: 60px; top: 50%; transform: translateY(-50%); padding-right: 10px; transition: all 0.5s; z-index: -100; opacity: 0;}
.indexrightnav .li:hover .m{ right: 50px; opacity: 1; z-index: 5;}
.indexrightnav .li .m::after{ content: ''; width: 10px; height: 10px; background: #009940; position: absolute; top: 50%; right: 6px; transform: translateY(-50%) rotate(45deg);}
.indexrightnav .li .p{ background: #009940; font-size: 20px; color: #fff; white-space: nowrap; padding: 10px 20px; line-height: 30px;}
.indexrightnav .li .img{ padding: 10px; background: #009940;}
.indexrightnav .li .img img{ display: block; width: 100px;}

.indexvideobox{ position: fixed; top: 0; left: 0; z-index: -100; opacity: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; overflow: hidden;}
.indexvideobox2{ z-index: 100; opacity: 1;}
.indexvideobox .cont{ width: 10rem; background: #fff; padding: 5px; position: relative; z-index: 5; transform: scale(0.2); opacity: 0; transition: all 0.5s;}
.indexvideobox2 .cont{ transform: scale(1); opacity: 1;}
.indexvideobox .up{ background: #000; opacity: 0.7; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0;}
.indexvideobox .cont video{ display: block; width: 100%;}
.indexvideobox .cont .sole{ width: 0.3rem; height: 0.3rem; border-radius: 100%; background: url(../images/15.png) no-repeat center; background-size: 100% auto; position: absolute; top: 0; right: -0.5rem;  cursor: pointer; transition: all 0.5s;}
.indexvideobox .cont .sole:hover{ transform: rotate(180deg);}

.databanner{ margin: 206px 0 0 0; overflow: hidden; position: relative; transition: all 0.5s;}
.databanner2{ margin: 132px 0 0 0;}
.databanner .m img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.databanner .m{ height: 400px; overflow: hidden; width: 100%;}
.databanner .text{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center;}
.databanner .text .h{ font-size: 38px; line-height: 48px; color: #fff;}
.databanner .text .p{ font-size: 18px; line-height: 28px; color: #fff; margin-top: 24px;}
.dataminnavbox{ padding: 28px 0 0 0; display: flex; justify-content: center; border-bottom: 1px solid #F5F5F5;}
.dataminnavbox a{ padding: 0 60px; font-size: 18px; line-height: 58px; position: relative; transition: all 0.5s;}
.dataminnavbox a + a::after{ content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 20px; background: #E6E6E6;}
.dataminnavbox a:hover{ color: #009940;}
.dataminnavbox a.cur{ color: #009940; font-family: 'Bold';}
.dataminnavbox a::before{ width: 40px; height: 4px; border-radius: 2px; background: #009940; position: absolute; left: 50%; bottom: -1px; transform: translateX(-50%); opacity: 0; transition: all 0.5s; content: '';}
.dataminnavbox a.cur::before{ opacity: 1;}
.aboutboxone{ padding: 110px 0 120px 0;}
.aboutboxone .top .time{ position: relative; width: 100%; height: 266px;}
.aboutboxone .top .time .p{ font-size: 18px; font-family: 'Bold'; color: #fff; background: #ccc; position: absolute; top: 0; left: 50%; transform: translateX(-50%); white-space: nowrap; padding: 0 10px; min-width: 140px; text-align: center; line-height: 50px; transition: all 0.5s;}
.aboutboxone .top .swiper-slide:nth-child(2n) .time .p{ top: auto; bottom: 0;}
.aboutboxone .top .swiper-slide{ cursor: pointer;}
.aboutboxone .top .swiper::after{ position: absolute; top: 50%; height: 6px; background: #ccc; left: 0; width: 100%; transform: translateY(-50%); content: '';}
.aboutboxone .top .time::after{ content: ''; width: 10px; height: 10px; border-radius: 100%; background: #ccc; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); transition: all 0.5s;}
.aboutboxone .top .swiper-slide:nth-child(2n) .time::after{ top: auto; bottom: 60px;}
.aboutboxone .top .time::before{ content: ''; width: 2px; height: 70px; background: #ccc; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); transition: all 0.5s;}
.aboutboxone .top .swiper-slide:nth-child(2n) .time::before{ top: auto; bottom: 60px;}
/*.aboutboxone .top .swiper{ padding: 0 60px;}*/
.aboutboxone .top .swiper-slide-thumb-active .time .p{ background: #009940; color: #fff;}
.aboutboxone .top .swiper-slide-thumb-active .time::after{ background: #009940;}
.aboutboxone .top .swiper-slide-thumb-active .time::before{ background: #009940;}
/*.aboutboxone .mySwiper2 .swiper-wrapper{ transition-duration: unset!important;}*/
.aboutboxone .top{ padding: 0 35px; position: relative;}
.aboutboxone .top .em{ width: 35px; height: 70px; background: url(../images/17.png) no-repeat center; background-size: 100% auto; cursor: pointer; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: all 0.5s;}
.aboutboxone .top .em:hover{ background: url(../images/17s.png) no-repeat center; background-size: 100% auto;}
.aboutboxone .top .em2{ left: auto; right: 0; transform: translateY(-50%) rotate(180deg);}
.aboutboxone .list{ margin-top: 110px;}
.aboutboxone .list .li{ display: flex; justify-content: space-between;}
.aboutboxone .list .li .m{ width: 310px;}
.aboutboxone .list .li .m i{ display: block; width: 270px; border: 1px solid #eee; margin-bottom: 40px;}
.aboutboxone .list .li .m i img{ display: block; width: 100%;}
.aboutboxone .list .li .ter{ width: calc(100% - 310px); position: relative;}
.aboutboxone .list .li .ter::after{ content: ''; width: 30px; height: 1px; background: #009940; position: absolute; top: 9.5px; left: 0;}
.aboutboxone .list .li .ter .mk{ padding: 0 0 60px 40px;}
.aboutboxone .list .li .ter .h{ font-size: 20px; color: #009940; line-height: 1; font-family: 'Bold'; margin-bottom: 24px;}
.aboutboxone .list .li .ter .p{ font-size: 18px; line-height: 28px; color: #4D4D4D;}
.aboutboxone .list .wker{ position: relative; padding: 40px 0 0 0;}
.aboutboxone .list .wker::after{ position: absolute; top: 0; bottom: 0; left: 310px; width: 1px; background: #009940; content: '';}

.aboutboxtwo{ padding: 60px 0 120px 0;}
.aboutboxtwo .cont{ font-size: 16px; line-height: 30px;}
.aboutboxthree{ padding: 70px 0 90px 0;}
.aboutboxthree .list .li + .li{ margin-top: 40px;}
.aboutboxthree .list .li a{ display: flex; justify-content: space-between;}
.aboutboxthree .list .li .m{ overflow: hidden; border: 1px solid #eee; width: 270px; height: 200px;}
.aboutboxthree .list .li .m img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.aboutboxthree .list .li:hover .m img{ transform: scale(1.1);}
.aboutboxthree .list .li .ter{ width: calc(100% - 320px); padding: 25px 0 0 0;}
.aboutboxthree .list .li .ter .h{ font-family: 'Bold'; font-size: 20px; line-height: 30px; transition: all 0.5s;}
.aboutboxthree .list .li:hover .ter .h{ color: #009940;}
.aboutboxthree .list .li .ter .p{ font-size: 15px; line-height: 26px; margin-top: 28px; color: #808080;}
.paageingbox{ display: flex; justify-content: center; flex-wrap: wrap; margin-top: 45px; padding-top: 50px; border-top: 1px solid #E6E6E6;}
.paageingbox a{ line-height: 30px; min-width: 20px; padding: 0 5px; border-radius: 3px; background: #F0EDED; text-align: center; font-size: 16px; color: #808080; margin: 0 3px; transition: all 0.5s;}
.paageingbox a.prve, .paageingbox a.next{ padding: 0 10px; margin: 0 17px;}
.paageingbox a:hover, .paageingbox a.cur{ color: #fff; background: #EF8834;}
.aboutboxthree .open{ display: flex; flex-wrap: wrap; margin: -55px -30px 0 -30px;}
.aboutboxthree .open .li{ margin: 55px 30px 0 30px; width: calc((100% - 180px) / 3);}
.aboutboxthree .open .li .m{ height: 140px; border: 1px solid #F0F0F0; display: flex; justify-content: center; align-items: center; overflow: hidden; transition: all 0.5s;}
.aboutboxthree .open .li .m img{ display: block; max-width: 100%; max-height: 100%; transition: all 0.5s;}
.aboutboxthree .open .li:hover .m img{ transform: scale(1.1);}
.aboutboxthree .open .li:hover .m{ border-color: #009940;}
.aboutboxthree .open .li .p{ font-size: 16px; line-height: 22px; text-align: center; margin-top: 16px; transition: all 0.5s;}
.aboutboxthree .open .li:hover .p{ color: #009940;}
.aboutboxthree .mine{ display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 40px; border-bottom: 1px solid #E6E6E6; margin-bottom: 30px;}
.aboutboxthree .mine .li{ width: calc((100% - 60px) / 2); margin-bottom: 40px;}
.aboutboxthree .mine .li a{ display: flex; justify-content: space-between; align-items: flex-start;}
.aboutboxthree .mine .li .m{ width: 220px; height: 282px; overflow: hidden;}
.aboutboxthree .mine .li .m img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
/*.aboutboxthree .mine .li:hover .m img{ transform: scale(1.1);}*/
.aboutboxthree .mine .li .ter{ width: calc(100% - 250px);}
.aboutboxthree .mine .li .ter .p{ font-size: 16px; line-height: 30px; margin-top: 20px;}
.aboutboxthree .mine .li .ter .h{ display: flex; align-items: flex-end; font-size: 16px; line-height: 18px;}
.aboutboxthree .mine .li .ter .h i{ font-size: 24px; line-height: 1; font-family: 'Bold'; color: #009940; margin-right: 22px;}
.aboutboxthree .tit{ font-size: 24px; font-family: 'Bold'; line-height: 1; color: #009940; margin-bottom: 30px;}
.aboutboxfour{ padding: 80px 0 150px 0;}
.aboutboxfour .ps .p{ font-size: 18px; line-height: 28px; text-align: center;}
.aboutboxfour .ps .p + .p{ margin-top: 35px;}
.aboutboxfour .ps2 .p{ font-size: 20px; line-height: 30px;}
.aboutboxfour .ps2 .p + .p{ margin-top: 10px;}
.aboutboxfour .map{ margin-top: 80px; overflow: hidden;}
.aboutboxfour .map img{ display: block; width: 100%;}

.aboutboxfive{ padding: 80px 0 100px 0;}
.aboutboxfive .ps{ font-size: 14px; line-height: 24px; color: #FF0000; margin-bottom: 50px; padding: 0 100px;}
.aboutboxfive .form{ display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 100px;}
.aboutboxfive .form .el-form-item{ width: 490px; margin-bottom: 40px; display: flex; justify-content: space-between; align-items: flex-start;}
.aboutboxfive .form .el-form-item.w{ width: 100%;}
.aboutboxfive .form .el-form-item:last-child{ margin-bottom: 0;}
.aboutboxfive .form .el-form-item::after,
.aboutboxfive .form .el-form-item::before{ display: none;}
.aboutboxfive .form .el-form-item label{ padding: 0; display: flex; align-items: center; justify-content: flex-end; font-size: 18px; line-height: 46px; width: 110px;}
.aboutboxfive .form .el-form-item__content{ width: calc(100% - 110px);}
.aboutboxfive .form .el-form-item .el-input{ display: block;}
.aboutboxfive .form .el-form-item .el-input input{ height: 46px; font-size: 16px; padding: 0 20px;}
.aboutboxfive .form .el-select{ display: block;}
.aboutboxfive .form .el-form-item textarea{ height: 230px; font-size: 16px; line-height: 28px; padding: 8px 20px;}
.aboutboxfive .form .el-form-item .el-input__count{ font-size: 14px; line-height: 1; color: #ccc; right: 20px; bottom: 15px;}
.aboutboxfive .form .sub{ display: flex; justify-content: center; align-items: center; width: 150px; height: 46px; background: #CF2020; border: none; border-radius: 8px; padding: 0; margin: 0; transition: all 0.5s;}
.aboutboxfive .form .sub:hover{ background: #F42525;}
.aboutboxfive .form .sub span{ font-size: 18px; color: #fff;}
.dataabootbox{ padding: 262px 0 120px 0;}
.indexminnavbox{ display: flex; border-bottom: 1px solid #E6E6E6;}
.indexminnavbox .h{ font-size: 15px; line-height: 60px; color: #808080;}
.indexminnavbox .more{ display: flex;}
.indexminnavbox .more a{ font-size: 15px; color: #808080; transition: all 0.5s; line-height: 60px; position: relative;}
.indexminnavbox .more a + a{ margin-left: 24px;}
.indexminnavbox .more a + a::after{ content: ''; width: 24px; height: 100%; position: absolute; left: -24px; top: 0; background: url(../images/33.png) no-repeat center; background-size: 14px auto;}
.indexminnavbox .more a:hover{ color: #009940;}
.indexminnavbox .more a:last-child{ color: #808080!important; cursor: auto;}
.dataabootbox .list{ margin: 50px 0 0 0;}
.dataabootbox .list .h{ font-size: 32px; color: #009940; text-align: center; line-height: 42px; font-family: 'Bold';}
.dataabootbox .list .min{ display: flex; justify-content: center; flex-wrap: wrap; padding: 35px 0 0 0;}
.dataabootbox .list .min .p{ font-size: 15px; line-height: 24px; color: #808080; margin: 0 15px;}
.dataabootbox .list .data{ margin: 70px 0 0 0; font-size: 18px; line-height: 32px;}
.dataabootbox .list .data img{ display: block; margin: auto; max-width: 100%;}
.dataabootbox .page{ margin-top: 80px; border-top: 1px solid #E6E6E6; display: flex; justify-content: space-between; padding-top: 20px;}
.dataabootbox .page .li{ max-width: 45%;}
.dataabootbox .page .li a{ display: flex; font-size: 18px; line-height: 30px; color: #808080; white-space: nowrap;}
.dataabootbox .page .li a i{ color: #808080; font-size: 18px; transition: all 0.5s;}
.dataabootbox .page .li a:hover i{ color: #009940;}

.headercellbox .up{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.7; z-index: 55; display: none;}
.headercellbox2 .up{ display: block;}
.headercellbox .top{ display: flex; justify-content: space-between; align-items: center; padding: 0 0.35rem; z-index: 50; background: #fff; height: 50px; position: fixed; top: 0; left: 0; right: 0; transition: all 0.5s;}
.headercellbox .top2{ box-shadow: 0 0 10px hsla(0,0%,0%,0.10);}
.headercellbox .top .logo img{ display: block; height: 30px;}
.headercellbox .top .sole{ width: 22px; height: 18px; position: relative;}
.headercellbox .top .sole i{ display: block; width: 100%; height: 2px; border-radius: 2px; background: #009940; position: absolute; left: 0; top: 0;}
.headercellbox .top .sole i:nth-child(2){ top: 50%; margin-top: -1px;}
.headercellbox .top .sole i:nth-child(3){ top: auto; bottom: 0;}
.headercellbox .list{ width: 200px; position: fixed; top: 0; right: -200px; opacity: 0; bottom: 0; background: #fff; z-index: 60; transition: all 0.5s;}
.headercellbox2 .list{ right: 0; opacity: 1;}
.headercellbox .list .sole{ width: 24px; height: 24px; position: absolute; top: 10px; right: 10px;}
.headercellbox .list .sole i{ display: block; width: 100%; height: 2px; border-radius: 2px; background: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg);}
.headercellbox .list .sole i:nth-child(2){ transform: translate(-50%,-50%) rotate(-45deg);}
.headercellbox .list .lang{ margin: 55px 15px 0 15px; display: flex; border-bottom: 1px solid hsla(0,0%,0%,0.05); box-sizing: border-box; position: relative;}
.headercellbox .list .lang input{ display: block; font-size: 14px; height: 30px; width: 100%; padding: 0 30px 0 0; border: none;}
.headercellbox .list .lang button{ display: block; width: 30px; height: 100%; background: url(../images/2.png) no-repeat center; background-size: 16px auto; position: absolute; top: 0; right: 0; border: none;}
.headercellbox .list .nav .tit a{ display: block; font-size: 15px; line-height: 30px; color: #333;}
.headercellbox .list .nav .wli{ padding: 10px 0;}
.headercellbox .list .nav{ padding: 0 15px; /*margin-top: 15px;*/ position: absolute; top: 110px; left: 0; right: 0; bottom: 0; overflow-y: auto;}
.headercellbox .list .nav .wli + .wli{ border-top: 1px solid hsla(0,0%,0%,0.05);}
.headercellbox{ display: none;}
.headercellbox .list .nav .tit{ position: relative;}
.headercellbox .list .nav .tit i{ display: block; width: 30px; height: 100%; position: absolute; top: 0; right: 0; background: url(../images/34.png) no-repeat center; background-size: 8px auto; transition: all 0.5s;}
.headercellbox .list .nav .tit i.i2{ transform: rotate(90deg);}
.headercellbox .list .nav .min a{ display: block; font-size: 14px; line-height: 20px; position: relative; padding-left: 10px;}
.headercellbox .list .nav .min a + a{ margin-top: 5px;}
.headercellbox .list .nav .min{ padding-top: 5px; display: none;}
.headercellbox .list .nav .min a::after{ content: ''; width: 4px; height: 4px; border-radius: 100%; position: absolute; top: 8px; left: 2px; background: #000; opacity: 0.2;}