:root{--color: #0082CD;}
html,body{box-sizing: border-box;margin:0;padding:0;font-size:1vw;font-family: Source Han Sans CN-Regular, Source Han Sans CN;font-weight: 400;}
dl, dd, ul, li {margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;color:#000;}
video::-webkit-media-controls-enclosure{display:none;}

/*头部*/
header{width:100%;height:100px;line-height: 100px;position: fixed;background: #fff;box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.15);z-index:999;}
.header{width:90%;max-width:1600px;margin:0 auto;display: flex;justify-content: space-between;}
.header .logo{width: 60px;height:60px;padding:20px;}
.header .logo img{max-width: 100%;}
.nav{width:60%;display: flex;justify-content: space-evenly;}
.nav .active a{color: var(--color);position:relative;}
.nav .active a:after{content:'';position:absolute;width:20px;height:2px;background:var(--color);bottom:-10px;left:calc(50% - 10px);}
.log{width: 10%;}

.title{color: var(--color);font-size: 2.5vw;font-weight: 700;z-index:2;}
.title-bg{color: #000;font-size: 4vw;;font-weight: 400;opacity: .1;position:relative;top:-6vw;}

.searchBar{position:fixed;background:rgba(0,0,0,.8);width:100vw;height:0;display:flex;align-items: center;justify-content: center;z-index:999;top:0;transition:.3s;overflow:hidden;}
.searchBar .form-group{width: 70%;max-width: 720px;}
.searchBar .input{width: 88%;background: transparent;border: 0;border-bottom: 2px solid #fff;color: #fff;line-height: 60px;float: left;padding: 0;}
.searchBar .input[value]{color:#fff;}
.searchBar .button{width: 8%;height: 60px;line-height: 60px;border-bottom: 2px solid #fff;display: block;float: left;border: 0;background: url(../images/searchw.png) no-repeat center 50%;}
.searchBar a {position: absolute;right: 8%;top: 8%;}

.banner .swiper-slide{background-image: linear-gradient(180deg, var(--color), transparent);}
.swiper-slide{text-align: center;}
.swiper-slide video{height: 41vw;}
.playPause{width: 100%;height: 100%;position:absolute;top:0;}
.swiper-slide .img-responsive{width: 100%;height: 41vw;}

/*优势*/
.adv{margin: 80px auto;padding: 80px 0;text-align:center;}
.adv ul{width: 90%;max-width: 1600px;margin:0 auto;display: flex;justify-content: space-evenly;}
.adv ul li{width: 23%;padding: 50px 40px 60px;border: 1px solid #d8d8d8;box-sizing: border-box;}
.adv ul li a{display: flex;flex-direction: column-reverse;}
.adv ul li .t{font-size: 2vw;font-weight: 700;height: 100px;}
.adv ul li img{width:70px;margin:30px auto 40px}
.adv ul li .p{font-size: .8vw;border-top:1px solid #d8d8d8;padding-top:30px;}

/*关于*/
.about{margin: 80px auto;padding: 80px 0;text-align:center;background-image:url(../images/about-bg.png);}
.about .p{width:65%;max-width: 1200px;margin:0 auto;letter-spacing: 2px;}
.about ul{display: flex;justify-content: space-between;}
.about .num{width: 650px;margin:60px auto;font-size: .8vw;text-align:left;}
.about strong{font-size: 2.5vw;}
.about a{color:var(--color);font-weight:700;text-decoration:underline;}
.about .mySwiper-about{width: 90%;max-width: 1600px;margin:60px auto 40px;}
.about .mySwiper-about img{width: 100%;}
.about .info{width:90%;max-width: 1600px;margin:0 auto;text-align:left;}
.about .info li{padding:0 50px;border-left:1px solid #d8d8d8;width: 50%;}
.about .info li .t{font-size: 1.5vw;font-weight: 700;padding-left:20px;border-left:2px solid #0082CD;}
.about .info li p{font-size: .8vw;margin-top: 25px;}

/*底部*/
footer{width:100%;background: #313131;color:#d8d8d8;}
footer a{color:#d8d8d8;}
.footer{width:90%;max-width:1600px;margin:0 auto;}
.foot1,.foot2{padding-top:60px;display: flex;justify-content: space-between;align-items: flex-end;}
.footname{font-size: 2vw;font-weight: 700;}
.footico{display: flex;justify-content: space-between;}
.footico li{margin-left: 1em;}
.footmenu{display: flex;justify-content: space-between;}
.footmenu li{margin-left: 3em;margin-bottom: 1em;}
.copyright{margin-top: 60px;padding: 30px 0;text-align: center;border-top:1px solid #d8d8d8;}

/*banner*/
.channel-banner{position: relative;}
.banner-info{position: relative;line-height:80px;top: -85px;width: 50%;background-image: linear-gradient(90deg, black, transparent);color: #fff;padding-left:8%;box-sizing:border-box;font-size: 2.4vw;font-weight: 700;float:left;}

/*文章页*/
.container{width: 85%;max-width: 1600px;margin: 80px auto;}
.list-c{width:100%;display: flex;justify-content: space-between;margin:60px 0;flex-direction:row-reverse;}
.list-c .tab_tit{width:40%;}
.list-c .tab_tit .t{display: flex;justify-content: space-between;align-items:center;border-bottom: 1px solid #d8d8d8;}
.list-c .tab_tit .t:last-child{border-bottom:0;}
.list-c .tab_tit .active{border-bottom: 1px solid var(--color);color:var(--color);}
.list-c .tab_tit .t h3{width: 70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: 500;font-size:1.3vw;}
.list-c .tab_boy{width:55%;position:relative;overflow:hidden;height: 30vw;}
.list-c .tab_boy .imgbox{width:100%;position: absolute;top: 0;left: 100%;transition:.3s}
/*.list-c .tab_boy .active{left: 0;}*/
.list-c .tab_boy .imgbox img{width: 100%;height:30vw;}
.list-c .tab_boy .imgbox .g{position: relative;}
.list-c .tab_boy .imgbox .g .text{position: absolute;background: rgba(0,0,0,.5);bottom: 0;left: 0;width:100%;color:#fff;padding:20px;box-sizing:border-box}
.list li a{width: 100%;border-top: 1px solid #d8d8d8;padding: 30px 0;display:flex;justify-content:space-between;align-items: center;flex-direction: row-reverse;}
.list li:last-child{border-bottom:1px solid #d8d8d8;}
.list li a img{width: 15%;}
.list li a .text{width: 80%;}
.list li a .text .h{font-size: 1.3vw;padding-bottom:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list li a .text .t{font-size: .8vw;padding-top:30px;}
.list li a:hover{color:var(--color);}
.pagination{margin: 50px auto 0;width: fit-content;}
.pagination li{display: inline-block;border: 1px solid #d8d8d8;border-radius:50%;width:40px;line-height:40px;text-align:center;margin:0 10px;}
.pagination li a{color: #d8d8d8;}
.pagination .active{color: #fff;background: var(--color);border: 1px solid var(--color);}
.pagination .active a{color: #fff;}

.art{display:flex;justify-content:space-between;}
.article{width: 70%;}
.article .t{font-size: 1.5vw;font-weight: 700;color: #000;}
.list-post{width: 25%;background: #F5F6F7;padding: 20px;box-sizing: border-box;height: fit-content;}
.list-post .t{font-size: 1.5vw;color: #333333;padding-bottom:30px;border-bottom:1px solid #d8d8d8;}
.list-post li{margin: 20px auto;}
.list-post li img{width: 100%;margin:20px auto;}
.list-post li .h{font-size: 1vw;font-weight: 700;}
.text-gray{padding:30px 0;border-bottom:1px solid #d8d8d8;}
.navigation{display: flex;justify-content: space-between;align-items: center;font-size:.8vw;margin-top:80px;}
.content{max-width: 1200px;margin: 0 auto;}

/*联系*/
.containers{display:flex;justify-content:space-between;align-items: center;}
.guestbook{width: 55%;}
.guestbookt{font-size: 2.6vw;font-weight:700;position:relative;margin-bottom:50px;width: fit-content;}
.guestbookt:after{content:"";position: absolute;top: 0;right: -30px;width: 20px;height: 20px;background: #0082CD;border-radius: 50%;}
.form-button,.form-group{width: 100%;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);margin:20px 0;padding:20px 40px;border-radius: 5px;overflow:hidden;box-sizing: border-box;position:relative;}
.guestbook .form-group:after{content:"*";color: #ff5e00;position:absolute;top:20px;left:30px;}
.form-button input,.form-group input,.form-group textarea{border:0;width:100%;}
.form-group input:focus,.form-group textarea:focus{outline: none;}
.form-group input[value],.form-group textarea[value]{font-size:1vw;color:#767676;font-family: inherit;resize:none;}
.form-group textarea::-webkit-scrollbar{width: 2px;height: 10px;}
.form-group textarea::-webkit-scrollbar-thumb{background-color: var(--color);}
.form-group textarea::-webkit-scrollbar-track{background-color: #eee;}
.form-button{background: var(--color);margin-top:50px;}
.form-button input{background: var(--color);color:#fff;font-size:1vw;}
.company{width: 40%;padding: 40px 40px 0 40px;box-sizing: border-box;background: #F5F6F7;border-radius: 5px;}
.companyt{font-size: 2vw;}
.company li{display: flex;justify-content: space-between;border-bottom:1px solid #d8d8d8;padding:50px 0;color:#000;font-size: 1.1vw;line-height:2;}
.company li:last-child{border-bottom:0;}
.company li dl{width: 70%;}
.contactt{font-size: 2.6vw;font-weight:700;margin-bottom:50px;}
.contactp a{color: var(--color);text-decoration: underline;}

/*关于我们*/
.video{position: relative;}
.video video{width:100%}
.video .button{position:absolute;top:calc(50% - 50px);left:calc(50% - 50px);opacity:0;transition:.5s;pointer-events: none;}
.video:hover .button{opacity:.8;}
.pageabout{text-align: center;padding: 150px 0;width:90%;max-width:1600px;margin:0 auto;}
.pageabout .t{font-size: 2.6vw;font-weight: 700;}
.pageabout .p{width:80%;margin:40px auto 100px;}
.pageabout ul{display: flex;justify-content: space-between;}
.pageabout ul li{width: 33%;padding:70px 20px;}
.pageabout ul li:nth-child(2){border-left:1px solid #000;border-right:1px solid #000;}
.pageabout ul li strong{font-size: 2vw;display:block;margin:0 auto;}
.pageabout ul li .line{width: 60px;height: 8px;background: #000;margin: 30px auto;}
.pageabout ul li span{font-size: .9vw;}
.history{position: relative;padding:80px 0;}
.historyt{font-size: 2.6vw;font-weight: 700;text-align:center;color:#fff;}
.history .tab_tit{margin: 50px auto;width:80%;max-width:1480px;}
.history .tab_tit .i{width: 30px;height: 30px;background: #FFFFFF;border: 1px solid #0082CD;border-radius:50%;position:relative;margin:10px auto;}
.history .tab_tit .swiper-slide{position: relative;}
.history .tab_tit .swiper-slide span{font-size: 1.1vw;color:#fff;}
.history .tab_tit .swiper-slide{margin-right: 0!important;display: flex;flex-direction: column;align-items: center;}
.history .tab_tit .swiper-slide:after{content: '';position: absolute;top: 65%;left: 0;width: 100%;height: 1px;background: #fff;z-index: -1;}
.history .tab_tit .swiper-slide-thumb-active .i:before{content:"";position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);width:20px;height:20px;background:var(--color);border-radius:50%;}
.history .swiper-button-next, .history .swiper-button-prev{top:calc(185px + 4vw - (var(--swiper-navigation-size)/ 2));background:var(--color);color:#fff;font-size: .1vw;}
.history .swiper-button-disabled{background: rgba(216,216,216,0.5);}
.history .tab_boy .g{display: flex;justify-content: space-between;width:80%;margin:0 auto;background:rgba(255,255,255,.4);padding:50px;max-width: 1380px;align-items:center;box-shadow: 0px 4px 12px 0px rgb(0 0 0 / 20%);backdrop-filter: blur(10px);text-align:left;}
.history .tab_boy .g .h{font-size: 2vw;font-weight: 700;color:var(--color);}
.history .tab_boy .g img{width: 50%;}
.office{overflow: hidden;width:100%;margin:80px auto;position:relative;}
.office .swiper-container{width: 150%;position: relative;left: -25%;}
.office .swiper-slide{display: flex;flex-direction: column;align-items: center;transition: 300ms;transform: scale(0.8)!important;position: relative;}
.office .swiper-slide:before{content:"";width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;top: 0;left: 0;}
.office	.swiper-slide .t{position: absolute;bottom: 0;left: 0;background:rgba(0,0,0,.5);color:#fff;width:100%;text-align:center;line-height:70px;font-size:1.3vw;opacity:0}
.office .swiper-slide-active:before{opacity:0}
.office .swiper-slide-active .t{opacity:1}
.office .swiper-button-next{right:23%;}
.office .swiper-button-prev{left:23%;}
.office .swiper-button-next, .office .swiper-button-prev{background:transparent;}
.office img{width: 100%;}