@import url(reset.css);
@import url(animate.min.css);
.c{overflow: hidden;}

.section{width: 100%;height: 100vh;position: relative;}
.section1{height: 100vh;}
.page-bg{width: 100%;height: 100%;position: absolute;top: 0;left:0;z-index: -9;}
.section1 .section_content{width: 100%;position: absolute;left: 0;top: 10rem;flex-direction: column;color: #fff;line-height: 1;}
.section1 h1{font-size: 4.5rem;font-weight: 600;font-family: "Noto Sans SC";}
.section1 h3{font-size: 2.7rem;padding: 1.1875rem 0 3rem;font-family: "Noto Sans SC";}
.section1 ul li{display: flex;flex-direction: column;flex-shrink: 0;text-align: center;margin: 0 2.5rem;width: 15.125rem;cursor: pointer;font-family: "Noto Sans SC";}
.section1 ul li b{font-size: 4rem;font-weight: 700;padding-bottom: 1rem;margin-bottom: 1rem;border-bottom: 2px solid #D6DCDC;transition: all .5s;font-family: "Noto Sans SC";}
.section1 ul li span{font-size: 1.25rem;font-weight: 500;transition: all .5s;font-family: "Noto Sans SC";}
.section1 ul li:hover{color: #8BE1FE;}
.section1 ul li:hover b{border-color: #8BE1FE;}


/* 第二块 */
.title{font-size: 3.75rem;text-align: center;padding-top: 4.375rem;line-height: 1;}
.section2 .title{color:#3e3a39}
.section2 .title.on1{color: #fff;text-align: left;padding-left: 7.1875rem;}
.section2 .title.on2{color: #61686b;}
.section2 .title.on3{color: #fff;}
.section2-li{position: absolute;bottom:5rem;width: 100%;}
.section2-li dl{width:calc(100%/4 - 3.125rem);padding:0 3.125rem;cursor: pointer;}
.section2-li dl dt,.section2-li dl dd{color: #e7cf9a;font-family: '微软雅黑';transition: all .5s;}
.section2-li dl dt{font-size: 2.5rem;line-height: 2.5rem;border-bottom:4px solid #e7cf9a}
.section2-li dl dd{font-size: 1.25rem;margin-top: 1.5625rem;line-height: 1.25rem;}
.section2-li dl dt::after{content: '';display: block;width:0;height: 4px; background: #fff;margin-top: 0.9375rem;transition: all .5s;position: relative;top:4px}
.section2-li dl:hover dt,.section2-li dl:hover dd,.section2-li dl.active dt,.section2-li dl.active dd{color:#fff}
.section2-li dl:hover dt::after,.section2-li dl.active dt::after{width: 100%;}
.page2bg{opacity: 0;transition: 0.6s all;}
.page2bg:nth-of-type(1){opacity: 1;}
.page2bg.on{opacity: 1;}

/* 第三块 */
.section3 .title{color:#61686b;padding-top: 5.625rem;}
.pro-top{text-align: center;margin:6.25rem 0}
.pro-top{width:38%;margin:4rem auto;position: relative;}
.pro-top img{width: 100%;}
.pro-bottom{width: 40rem;margin:0 auto}
.pro-bottom li,.pro-bottom li a{width: 10rem;height: 3.75rem;text-align: center;line-height: 3.75rem;border-radius:60px;transition: all .3s;cursor: pointer;}
.pro-bottom li a{display: block;font-size: 2.5rem;border:1px solid #cadcd9;box-sizing: border-box;}
.pro-bottom li:hover a,.pro-bottom li.active a{border:1px solid #fff;color:#fff}
.proImg{opacity: 0;transition: 0.6s all;position: absolute;top: 0;left:0;right: 0;margin: auto;}
.proImg a{display: block;}
.proImg.on{opacity: 1;position: relative;}

/* 第四块 */
.section4{overflow: hidden;height:100vh;position: relative;}
.section4-title{padding-left: 10.875rem; position: absolute;z-index: 9;}
.section4-title .title{text-align: left;}
.section4-title .title{color:#727171}
.section4-title a{display: block;width: 10.0625rem;height: 2.6875rem;line-height: 2.6875rem;text-align: center;font-size: 1.25rem;color:#727171; background: url(../images/video-jt.png) no-repeat center right 1rem;border:1px solid #727171;border-radius:30px;transition: all .3s;margin-top: 3.75rem;}
.section4-title a:hover{ background:#333;color:#fff}

.section4-video{overflow: hidden;}
.section4-video .swiper-slide{}
/* .section4-video video{
	width:120%;
    overflow: hidden;
    pointer-events: none;} */
	
	
/* 第五块 */
.section5{background:#122735;height: auto;padding-bottom: 10.75rem;position: relative;}
.section5-con{overflow: hidden;}
.section5 .title{color:#fff}
.section5-con{width: 94%;margin:0 auto;margin-top:3rem}
.section5-con ul{overflow: hidden;}
.section5-con ul li{float: left;width: calc(100%/3 - 24px);margin:12px;height:18rem;
        height: calc((100% - 30px) / 2);z-index: 99999;}
.section5-con ul li a{font-size: 1.875rem;line-height:18rem;display: block;width: 100%;text-align: center;background: rgba(97,104,107,0.5);height:18rem;color:#fff;transition: all .3s;}
.section5-con ul li:hover a{opacity: 0;}
.section5 #video-num{bottom:5rem}









#video-num {bottom:45px}
#video-num .swiper-pagination-bullet{width: 25rem;height:0.5625rem;border-radius:9px;background: rgba(128,130,135,0.8);opacity: 1;margin:0 2rem;;}
#video-num .swiper-pagination-bullet-active{background: #fff;}

.search-pro {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: rgba(255,255,255,1);padding: 20px 30px; box-sizing:border-box;width: 400px;min-height: 200px;position: absolute;right: -60px;top: 50px;opacity: 0;transition: all .5s ease;  transform: translateY(50px); box-shadow: 0 0 99px rgba(29,56,75,.4);    pointer-events: none;}
.search-pro::before {content: ""; position: absolute; top: -30px; right: 0; width: 100%; height: 50px; background-color: transparent;}
.search-pro::after {content: '';display: block;width: 18px;height: 18px;transform: rotate(45deg);top: -8px;right: 60px;background-color: #fff;position: absolute;}
.search-con:hover .search-pro {opacity: 1;transform: translateY(0);pointer-events: auto;}
.search{border-bottom: 1px solid #e1e1e1; margin-bottom: 10px;}
.search input{outline: none; border: none; font-family: "Microsoft YaHei"; }
.search-text{width: 310px; line-height: 50px;}
.search .sub{background: url(../images/head-search2.png) no-repeat center; width: 25px; height: 50px; cursor: pointer;}
.search-list dl dt{float: left; margin-right: 10px; margin-bottom: 10px;     line-height: initial;}
.search-list dl dt a{position: relative; transition: all .5s ease .3s; display: inline-block; padding: 0 10px; background: #e1e1e1; border-radius: 4px;  text-align: center;}
.search-list dl dt a:after{content: '';display: block;width: 0;transition: width .5s ease-out;height: 100%;background-color: #89ABC0;position: absolute;top: 0;left: 0; z-index: 0; border-radius: 4px;}
.search-list dl dt:hover a:after{width: 100%; }
.search-list dl dt span{font-size: 16px; line-height: 36px; color: #999; position: relative; z-index: 1}
.search-list dl dt:hover span{color: #fff;}

.wechat{ position: absolute;bottom:6rem;display: none;}
.bottom li:hover .wechat{display: block;;}