@import 'reset.css';
.swiper-container{overflow: hidden;}
.header{position:relative;z-index: 999999999;}
.header .head{position:absolute;width:1674px;left:0;right:0;margin:0 auto;z-index:999;padding-top:32px;color:#01378B;display:flex;justify-content:space-between;}
.header .head .logo{float:left;}
.header .head .logo img{width: 207px;}
.header .head .navication{position: relative;top: 10px;}
.header .head .navication li{float:left;}
.header .head .navication li a{display:inline-block;padding:0 15px;font-size:18px;font-weight:400;}
.header .head .navication li .iconfont{font-size:20px;position: relative;top: -3px;}
.header .head .navication li span{position: relative;top: -5px;}
.header u{width:2px;height:18px;background:#005EB8;display:inline-block;margin-right: 10px;}
.header i.icon-search{cursor: pointer;}

.h1{font-size: 26px;}
.h2{font-size: 18px;}

.p{font-size: 16px;}
.s{font-size: 14px;}
.t{font-size: 12x;}

.banner .img{position:relative;}
.banner .img img{width:100%;}
.banner .img:after{content: '';position:absolute;top:0;left:0;right:0;background:linear-gradient(to bottom,#fff,rgba(255,255,255,0));width:100%;aspect-ratio:6;-webkit-aspect-ratio:6;height: 180px;}
.banner .txt{position:absolute;top:0;bottom:0;left:0;right:0;color:#fff;display:flex;align-items:center;justify-content:center;text-shadow:0px 3px 6px #000;text-align:center;}
.banner .txt .t1{font-size:26px;font-weight:bold;}
.banner .txt .t2{font-size:18px;}
.banner .swiper-button>div{background-color:rgba(255, 255, 255, 0);transition: all .3s;box-shadow: 0 0 0 #fff;text-align: center;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 32px;color: #fff;line-height: 51px;}
.banner .swiper-button>div:hover{background-color:rgba(255, 255, 255, 0.15) !important;box-shadow: 0 0 10px rgba(255,255,255,0.5);}
.banner .swiper-pagination-banner{text-align:left;width:1674px;margin-left:auto;margin-right:auto;left:0;right:0;bottom:25px;position: absolute;z-index: 10}
.banner .swiper-pagination-bullet{background:#fff;opacity:0.45;width:12px;height:12px;border-radius:12px;transition:all .3s;}
.banner .swiper-pagination-bullet-active{width:33px;opacity:1;}
.mousedown{width:20px;height:30px;border:2px solid #fff;border-radius:20px;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;z-index:999;bottom:80px;}
.mousedown::before{content: '';width:10px;height:10px;position:absolute;top:2px;left:50%;transform:translateX(-50%);background-color:#fff;border-radius:50%;opacity:1;animation:wheel 1.5s infinite;}
.mousedown::after{content: 'SCROOL DOWN';font-size:12px;color:#fff;width:100px;display:block;position:absolute;text-align:center;bottom:-25px;margin-left:-38px;}
@keyframes wheel{
to{opacity:0;top:15px;}
}
.banner .swiper-button{text-align:right;width:1674px;margin-left:auto;margin-right:auto;left:0;right:0;position:absolute;position:absolute;bottom:35px;text-align:right;max-width: 90%;}
.swiper-button-prev,.swiper-button-next{display:inline-block;position:relative;width:51px;height:51px;border-radius:50%;border:solid 1px #fff;}
.swiper-button-prev{margin-right:30px;}
.swiper-button-white{background-size:40% 40%;}
.tableWrap{width: 100%;overflow: auto;}
.tableWrap table{min-width: 100%;}
.fl1{position: relative;}
.fl2{margin-top:30px;}
.fl2 .left{padding-right:50px;}
.fl2 .tit{font-size:26px;font-weight:bold;color:#373F42;line-height:1.3}
.fl2 .img{margin-top:30px;max-width:744px;}
.fl2 .img img{width:100%;}
.fl2 .a1{margin-top:0px;}
.fl2 .a1 img{height: 80px;}
.fl2 .a2{color:#2C2C2C;font-size:18px;margin-top:10px;}
.fl2 .a3{margin-top:40px;}
.fl2 .more{display:inline-block;width:180px;height:50px;border-radius:58px;border:1px solid #0080C8;color:#0080C8;line-height:45px;padding-left:20px;font-size:16px;font-weight:normal;transition:all .3s;text-decoration:none;}
.fl2 .more .iconfont{font-size:30px;position:relative;transition:all .3s;right:0;top:3px;}
.fl2 .more:hover{font-weight:bold;padding-left:30px;}
.fl2 .more:hover .iconfont{right:-20px;}
.fl2 .a4{margin-top:55px;}
.fl2 .a4 .num{color:#0080C8;font-size:26px;font-weight:bold;line-height:1;font-family: Num;}
.fl2 .a4 .num u{text-decoration: none;}
.fl2 .a4 .inf{font-size:16px;color:#2C2C2C;line-height:1;margin-top:18px;}


.fl3{background:url(img/map.png) no-repeat top center;margin-top:30px;padding-top:90px;margin-bottom: 30px;}
.fl3 .wrapper{}
.fl3 .f1{display:flex;justify-content:space-between;}
.fl3 .f1 .f11{font-size:26px;font-weight:bold;color:#2C2C2C;line-height:1.2;position:relative;padding:0;}
.fl3 .f1 .f12{font-size:16px;color:#2C2C2C;width:810px;position:relative;padding:0;}

.fl3 .swiper1{width: 100%;height: 100%;overflow: hidden;}
.fl3 .swiper-slide{width: 100%;height: 100%;}
.fl3 .swiper-slide img{object-fit: contain;width: 100%;height: 100%;}
.fl3 .t1{font-size:18px;font-weight:bold;position:absolute;z-index:999;line-height:1.2;top: 30px;left: 30px;}
.fl3 .t2{font-size:16px;position:absolute;z-index:999;}

.fl3 .box{background: url(img/homebg2.jpg) no-repeat;background-position: bottom center;background-size: cover;overflow: hidden;margin-top: 30px;}
.fl3 .box>div>div{padding: 20px 20px;}
.fl3 .swiper-button{position: absolute;right: 30px;bottom: 30px;}
.fl3 .swiper-button-prev{width: 39px;height: 39px;text-align: center;border: 1px solid #373F42;text-align: center;transition: all .3s;transform:rotate(180deg);background: rgba(165, 202, 244, 0);}
.fl3 .swiper-button-prev:after{content: "\e62d"; font-family: "iconfont" !important;font-size: 20px;color: #373F42;line-height: 39px;font-weight: bold;}
.fl3 .swiper-button-prev:hover{background: rgba(165, 202, 244, 1);}

.fl3 .swiper-button-next{width: 39px;height: 39px;text-align: center;border: 1px solid #373F42;text-align: center;transition: all .3s;background: rgba(165, 202, 244, 0);}
.fl3 .swiper-button-next:after{content: "\e62d"; font-family: "iconfont" !important;font-size: 20px;color: #373F42;line-height: 39px;font-weight: bold;}
.fl3 .swiper-button-next:hover{background: rgba(165, 202, 244, 1);}

.fl3 .f2{overflow: hidden;}
.fl3 .f2>div{float: left;}
.fl3 .f2 .f21{width:60%;height:422px;position:relative;overflow:hidden;}
.fl3 .f2 .f21 .t1,.fl3 .f2 .f21 .t2{max-width:541px;}
.fl3 .f2 .f22{width:40%;height:422px;position:relative;border-left: 16px solid #ffff;}
.fl3 .f2 .f22:before{position:absolute;left:0;right:0;top:0;bottom:0;display:block;opacity:0.76;z-index:1;content: '';}
.fl3 .f2 .f21 .t1,.fl3 .f2 .f21 .t2{max-width:541px;}

.fl3 .f3{display: block;overflow: hidden;margin-left: -8px;margin-right: -8px;}
.fl3 .f3>div{border: 8px solid #fff;height: 422px;width: 33.33%;float: left;border-bottom: none;border-top: 16px solid #fff;}
.fl3 .f3 .f31{position:relative;overflow:hidden;}
.fl3 .f3 .f32{position:relative;overflow:hidden;}
.fl3 .f3 .f33{position:relative;overflow:hidden;}
.fl3 .f3 .f33 img{left: 0;bottom: 0;}

.fl3 .f4{display: block;overflow: hidden;}
.fl3 .f4>div{float: left;height: 422px;border-top: 16px solid #fff;}
.fl3 .f4 .f41{width:40%;position:relative;overflow:hidden;border-right: 16px solid #fff;}
.fl3 .f4 .f42{width:60%;position:relative;overflow:hidden;color:#373F42;}
.fl3 .f4 .f41:before{position:absolute;left:0;right:0;top:0;bottom:0;display:block;z-index:1;content: '';}


/*.fl3 .wrapper > div > div{padding:65px 20px 20px 45px;overflow:hidden;}*/


.fl3 .more{width:58px;height:58px;border-radius:50%;border:1px solid #fff;color:#fff;font-size:26px;text-align:center;line-height:58px;position:absolute;right:30px;bottom:30px;z-index:999;transition:all .3s;}
.fl3 .more:hover{right:10px;}
.fl3 .more a{text-decoration:none;}
.fl3 .more a:before{content: "\e62d";display:block;width:100%;height:100%;font-family:"iconfont"!important;}

.fl4{position:relative;color:#fff;margin-top:88px;display: none;}
.fl4 .swiper-slide img{width:100%;position:relative;z-index:-1;}
.fl4 .swpier2 .wrapper{position:absolute;left:0;right:0;top:0;}
.fl4 .info{margin-top:110px;width:50%;}
.fl4 .t1{font-weight:bold;font-size:50px;}
.fl4 .t2{font-size:36px;margin-top:18px;}
.fl4 .t3{font-size:20px;margin-top:10px;line-height: 1.2;}
.fl4 .slides{position:absolute;bottom:0;left:0;width:100%;z-index:999;}
.fl4 .slides ul{display:flex;flex-wrap:nowrap;}
.fl4 .slides li{width:20%;background:rgba(0,0,0,0.53);padding:20px;position:relative;overflow:hidden;}
.fl4 .slides li .img{position:absolute;height:48px;margin-top:8px;transition:all .3s;}
.fl4 .slides li .txt{margin-left:50px;line-height:1;height:48px;font-size:18px;display:flex;align-items:center;transition:all .3s;}
.fl4 .slides li .arrow{top:-80px;right:-20px;position:absolute;transition:all .3s;}
.fl4 .slides li.on{position:relative;background:none;overflow:visible;}
.fl4 .slides li.on:before{background:url(img/bg_on.png) no-repeat center;background-size:cover;background-position:top center;height:197px;position:absolute;bottom:0;left:0;width:100%;content: '';display:block;z-index:-1;}
.fl4 .slides li.on .txt{margin-left:0;}
.fl4 .slides li.on .img{margin-top:-80px;}
.fl4 .slides li.on .arrow{right:20px;top:-80px;}

.fl5{padding:50px 0 90px 0;background:#F5F5F5;}
.fl5 .title{font-weight:bold;font-size:26px;text-align:center;margin-bottom:30px;}
.fl5 ul{display:flex;margin-left:-15px;margin-right:-15px;}
.fl5 ul li{width:33.33%;overflow:hidden;padding:0 15px 25px 15px;position:relative;}
.fl5 ul li:before{content: '';display:block;position:absolute;top:0;bottom:0;left:15px;right:15px;background:#fff;z-index:0}
.fl5 ul li .date{width:70px;height:60px;background:#005EB8;color:#fff;text-align:center;padding-top:12px;position:absolute;top:20px;z-index:99;left:35px;}
.fl5 ul li .date .a{font-size:18px;line-height:1;}
.fl5 ul li .date .b{font-size:18px;}
.fl5 ul li .img{border-bottom:5px solid #0080C8;}
.fl5 ul li .img img{width:100%;transition: all .5s;}
.fl5 ul li .img:hover img{transform: scale(1.03);}
.fl5 ul li .tit{font-size:18px;color:#0080C8;margin-top:20px;position:relative;padding:0 15px;}
.fl5 ul li .txt{font-size:16px;line-height:1.2;margin-top:10px;position:relative;padding:0 15px;}
.fl5 .more{width:230px;height:58px;border-radius:58px;border:1px solid #0080C8;line-height:58px;padding:0 25px;color:#0080C8;position:relative;margin-left:auto;margin-right:auto;margin-top:80px;}
.fl5 .more a{transition: all .3s;font-weight: normal;position: relative;left: 0;display: block;}
.fl5 .more i{right:20px;position:absolute;font-size:26px;transition: all .3s;font-weight: normal;}
.fl5 .more:hover{font-weight: bold;}
.fl5 .more:hover a{left: 10px;}
.footer{background:#133C8B;overflow:hidden;color:#fff;padding-top:30px;padding-bottom:20px;}
.footer .f1{display:flex;justify-content:space-between;}
.footer .f1 .sns{margin-top: 0;}
.footer .f1 .sns a{margin:0 10px;}
.footer .f1 [youtube] img{top: 6px;position: relative;height: 45px;}
.footer .f2{display:flex;justify-content:space-between;border-top:rgba(255,255,255,0.3) 1px solid;border-bottom:rgba(255,255,255,0.3) 1px solid;margin-top:20px;margin-bottom:20px;padding-top:30px;padding-bottom:30px;}
.footer .f2 dl{max-width:400px;}
.footer .f2 dl dt{font-size:16px;margin-bottom:10px;text-transform:uppercase}
.footer .f2 dl dd{font-size:14px;opacity:0.8;line-height:1.2;margin-top:12px;transition: all .3s;position: relative;left: 0;}
.footer .f2 dl dd:hover{left: 5px;}



.footer .f3{display:flex;justify-content:space-between}
.footer dd{padding-left:12px;text-indent:-12px;}
.footer .iconfont{width:12px;display:inline-block;position:relative;top:5px;}
.footer .icon-address{font-size:25px;line-height:1;}
.footer .icon-email{font-size:18px;line-height:1;top:2px;}
.footer .icon-phone{font-size:25px;line-height:1;}
.footer .logo img{width: 250px;}
[sns]{position: fixed;right: 10px;bottom: 10px;z-index: 999999;}
[sns] a{display: block;width: 60px;height: 60px;background: #4DC247;box-shadow: 0 0 10px rgba(0,0,0,.24);line-height: 74px;border-radius: 50%;text-align: center;margin-bottom: 10px;}
[sns] img{position: relative;top: 1px;transition: all .3s;width: 30px;}
[sns] li{box-shadow: 0 0 0 #fff;border-radius: 50%;transition: all .3s;}
[sns] li:hover{box-shadow: 0 0 10px #333;}
[sns] li:hover img{top: 2px;}
[sns] [wc] a{background: #07C261;}
[sns] [tg] a{background: #36AAE8;}
[sns] [em] a{background: #005BAB;}
[sns] [up] a{background: #0A67B8;}
[sns] [up] img{width: 24px;}


.banner_inner{position: relative;aspect-ratio: 1920/550;overflow: hidden;}
.banner_inner .bg img{width: 100%;}
.banner_inner .bg:after{content: '';position: absolute;height: 180px;width: 100%;aspect-ratio: 192/24;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.87) 0%, rgba(255, 255, 255, 0) 100%);z-index: 999;top: 0;left: 0;}
.banner_inner .text{position: absolute;top: 0;font-size: 36px;font-weight: bold;color: #fff;bottom: 0;left: 0;right: 0;display: flex;align-items: center;justify-content: center;padding-top: 30px;text-shadow: 0 0 20px #373F42;text-transform: uppercase;}
.banner_inner .sub_menu{background: #000;position: absolute;bottom: 0;margin-left: auto;margin-right: auto;left: 0;right: 0;height: 80px;background:rgba(255, 255, 255, 0.9);font-size: 18px;text-align: center;}
.banner_inner .sub_menu ul{display: flex;width: 100%;height: 100%;}
.banner_inner .sub_menu ul li{flex: 1;height: 100%;position: relative;border-top: 3px solid #fff;border-right: 1px solid #fff;}
.banner_inner .sub_menu ul li:last-child{border-right: none;}
.banner_inner .sub_menu ul li.on{border-top: 3px solid #133C8B;color: #133C8B;}
.banner_inner .sub_menu ul li a{display: block;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}

.history1{position: relative;text-align: center;font-size: 26px;font-weight: bold;line-height: 2px;color: #373F42;margin-top:30px;overflow: hidden;padding-bottom: 20px;}
.history1:before{content: 'PAVIGLASS';position: absolute;bottom: 0;left: 0;right: 0;font-size: 80px;font-weight: bold;color: rgba(0, 0, 0, 0.06);line-height: 159px;}
.history1 .tit{line-height: 1;}
.history1 .img{margin-top: 60px;z-index: 10;}
.history1 img{position: relative;width: 600px;}

.history102{text-align: center;margin-top: 60px;}

.history2{margin-top: 30px;}
.history2 .wrapper{text-align: center;}
.history2 ul{display: inline-flex;flex-wrap:wrap;}
.history2 ul li{display: flex;flex-wrap: wrap;text-align: left;border-right: 1px solid #0080C8;margin-right: 65px;padding-right: 65px;padding-bottom: 5px;}
.history2 ul li:last-child{border-right: none;}
.history2 ul li .text{margin-left: 20px;}
.history2 ul li .t1{font-size: 26px;font-weight: bold;color: #0080C8;line-height: 1;margin-top: 20px;}
.history2 ul li .t2{font-size: 18px;color: #2C2C2C;}
.history2 .icon{width: 92px;height: 92px;border-radius: 50%;border: 1px dashed #0080C8;display: flex;justify-content: center;align-items: center;transform: scale(0.8);}

.play{width: 90px;aspect-ratio: 1;background: url(img/play.svg) no-repeat top center;position: absolute;top: 50px;bottom: 0;left: 0;right: 0;margin: auto;padding-top: 95px;text-align: center;font-size: 30px;color: #fff;width: 90px;height: 90px;cursor: pointer;}

.history3{margin-top: 30px;}
.history3 ul{display: flex;flex-wrap: wrap;justify-content: center;}
.history3 ul li{width: 33.33%;border-left: 5px solid #0080c8;margin-bottom: 30px;}
.history3 ul li .wrap{background: #f5fafd;margin-right: 25px;padding: 20px;height: 100%;}
.history3 ul li .t1{color: #133C8B;font-size: 18px;font-weight: bold;}
.history3 ul li .t2{color: #2C2C2C;font-size: 16px;margin-top: 15px;}
.history4{margin-top: 30px;}

.history5{margin-top: 30px;margin-bottom: 30px;}
.history5 .title{font-size: 26px;font-weight: bold;}
.history5 .view{margin-top: 20px;overflow: hidden;}
.history5 .view .swiper-slide{}
.history5 .view .child{width: 100%;}
.history5 .view .child .item{display: none;position: relative;}
.history5 .view .child .item.on{display: flex;}
.history5 .view .child .item>div{width: 50%;}
.history5 .view .child .img .wrap{position: relative;height: 0;padding-bottom: 60%;}
.history5 .view .child .img img{width: 100%;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.history5 .view .child .inf{padding-left: 0px;padding-right: 30px;}
.history5 .view .child .year{font-size: 100px;font-weight: bold;color: #EBEBEB;top: 0;left: 0;right: 0;bottom: 0;text-align: right;line-height: 1;}
.history5 .view .child .status{position: absolute;bottom: 10px;right: 10px;left: 50%;font-size: 18px;height: 196px;}
.history5 .view .child .status .page{margin-top: 100px;}
.history5 .view .child .status .year{position: absolute;font-size: 60px;font-weight: bold;color: #EBEBEB;top: 0;left: 0;right: 0;bottom: 0;text-align: right;line-height: 1;}
.history5 .view .child .status .btns{display: flex;}
.history5 .view .child .status .cprev, .history5 .view .child .status .cnext{border-radius: 50%;width: 51px;aspect-ratio: 1; border: 1px solid #133C8B;display: block;text-align: center;line-height: 51px;color: #133C8B;cursor: pointer;z-index: 10;}
.history5 .view .child .status .cnext{margin-left: 20px;}

.history5 .view .tit{color: #373F42;font-size: 26px;font-weight: bold;line-height: 1.2;}
.history5 .view .txt{font-size:18px;color: #373F42;margin-top: 10px;}

.history5 .preview{position: relative;padding-top: 16px;margin-top: 80px;}
.history5 .preview .swiper-container{margin-left: 45px;margin-right: 45px;overflow: hidden;}
.history5 .preview .swiper-slide{width: 140px;text-align: center;position: revert;position: relative;height: 50px;}
.history5 .preview .swiper-slide:before{content:'';width: 100%;display: block;height: 3px;background: linear-gradient(to right,  #c8c8c8 2px, transparent 2px, transparent 5px);background-size: calc(100% / 20) 100%;;}
.history5 .preview .swiper-slide:after{content:'';width: 2px;display: block;height: 15px;background: #c8c8c8;top: 0;position: absolute;left: 2px;right: 0;margin-left: auto;margin-right: auto;}
.history5 .preview .swiper-slide.on{color: #0080C8;}
.history5 .preview .swiper-slide.on:after{background: #0080C8;}
.history5 .preview span.year{position: relative;top: 10px;font-size: 18px;cursor: pointer;}
.history5 .prev, .history5 .next{width: 38px;height: 38px;border-radius: 50%;border: 1px solid #6E706F;display: block;text-align: center;line-height: 38px;cursor: pointer;position: absolute;top: 0;left: 0;}
.history5 .next{right: 0;left: auto;}

.rd1{margin-top: 30px;}
.rd1 .t1{font-size: 18px;font-weight: bold;}
.rd1 .t2{font-size: 16px;}
.rd1 .item{display: flex;margin-bottom: 20px;}
.rd1 .item>div{width: 50%;display: flex;flex-direction: column;justify-content: center;color: #2C2C2C;}
.rd1 .item .img{padding-right: 38px;}
.rd1 .item .txt{padding-left: 30px;padding-bottom: 50px;}
.rd1 .item:nth-child(2n){flex-direction: row-reverse;}
.rd1 .item:nth-child(2n) .img{padding-right: 0;padding-left: 38px;}
.rd1 .item:nth-child(2n) .txt{padding-left: 0;padding-right: 30px;}
.rd1 .item .txt .t1{}
.rd1 .item .txt .t2{margin-top:20px;line-height: 1.3}

.rd2{margin-top: 50px;margin-bottom: 30px;}
.rd2 .t1{font-weight: bold;font-size: 26px;text-align: center;}
.rd2 .t2{font-size: 18px;max-width: 1285px;text-align: center;margin-left: auto;margin-right: auto;margin-top: 15px;}
.rd2 .flex{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;flex-flow: row-reverse wrap-reverse;}
.rd2 .item{width: 33.33%;margin-top: 45px;}
.rd2 .wrap{aspect-ratio: 515/363;background:url(img/rbg.png) no-repeat 100%;margin-left: 15px;margin-right: 15px;display: flex;justify-content: center;align-items: center;}
.rd2 .wrap .cert{display: block;height: 95%;}
.rd2 .wrap .cert .img{display: block;}
.rd2 .wrap .cert img{float: left;width: 100%;height: 100%;object-fit: contain;}

.contact1{margin-top: 30px;}
.contact1 .flex{flex-wrap: nowrap;}
.contact1 .left{width: 60%;}
.contact1 .left .t1{font-size: 26px;font-weight: bold;;}
.contact1 .left .t2{font-size: 18px;margin-top: 15px;}
.contact1 .left table{width: 100%;max-width: 840px;margin-top: 20px;}
.contact1 .left td{border: none;border-bottom: 1px solid rgba(112, 112, 112, 0.2);padding-top: 22px;padding-bottom: 22px;font-size: 20px;line-height: 1.2;}
.contact1 .left td:last-child{text-align: right}
.contact1 .right .wrap{width: 100%;max-width: 90%;}
.contact1 .right .card{box-shadow: 0 0 20px #E3E3E3;border-radius: 20px;width: 100%;padding: 30px;position: relative;left: -40px;top: -60px;z-index: 2;background: #fff;}
.contact1 .right .card .t1{font-size: 24px;background: url(img/contact_map.png) no-repeat top right;}
.contact1 .right .card .t2{font-size: 18px;color: #6E706F;margin-top: 20px;}

.contact2{background: #f5f5f5;padding-top: 60px;margin-top: 100px;padding-bottom: 85px;}
.contact2 .t1{font-size: 26px;font-weight: bold;color: #373F42;text-align: center;}
.contact2 .flex{display: flex;flex-wrap: wrap;margin-left: 55px;margin-right: 55px;margin-top: 20px;}
.contact2 .flex .item{width: 50%;}
.contact2 .item .wrap{margin-left: 20px;margin-right: 20px;font-size:16px;}
.contact2 .item label{display: block;width: 100%;margin-top: 20px;}
.contact2 .item input, .contact2 .item textarea{display: block;width: 100%;height: 50px;line-height: 50px;border-radius: 5px;margin-top: 5px;padding: 0 20px;border: 1px solid #CFCFCF;}
.contact2 .item input:focus, .contact2 .item textarea:focus{border: 1px solid #133c8b;}
.contact2 .item textarea{height: 270px;}
.contact2 .item:last-child{width: 100%;}
.contact2 .submit{text-align: center;margin-top: 50px;}
.contact2 button{width: 248px;height: 70px;background: #133c8b;border: none;border-radius: 35px;color: #fff;font-size: 18px;}

.eq1{width: 100%;aspect-ratio: 1920/969; background-size: 100% 100%;text-align: center;padding-top: 100px;background-image: url(img/inner_bg2.png); background-repeat: no-repeat;}
.eq1 .wrapper{}
.eq1 .tit{text-shadow: 0 0 20px #373F42;color: #fff;font-weight: bold;font-size: 26px;position: relative;z-index: 999}
.eq1 .vimg{width: 100%;max-width: 100%;position: absolute;top: 70px;bottom: 0;left: 0;right: 0;height: auto;padding: 0;text-align: center;}
.eq1 .vimg img{width: 100%;height: 100%;object-fit: contain;}
.eq1 .swiper-pagination{width:1674px;margin-left:auto;margin-right:auto;left:0;right:0;bottom:25px;}
.eq1 .swiper-pagination-bullet{background:#fff;opacity:0.45;width:12px;height:12px;border-radius:12px;transition:all .3s;}
.eq1 .swiper-pagination-bullet-active{width:33px;opacity:1;}
.eq1 .wrap{position: relative;width: 100%;height: 0;padding-bottom: 56%;}
.eq1 .wh{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}


.eq2{margin-top: 20px;}
.eq2 .wrapper{max-width: 1500px;}
.eq2 .t1{font-size: 26px;font-weight: bold;text-align: center;display: none;}
.eq2 .t2{font-size: 16px;margin-top: 25px;line-height: 1.4;}
.eq2 .t2 p{margin-bottom: 15px;}
.eq2 .flex{margin-top: 70px;margin-left: -20px;margin-right: -20px;}
.eq2 .flex .item{width: 33.33%;margin-bottom: 30px;}
.eq2 .flex .wrap{border-top: 8px solid #c1cadb;margin-left: 25px;margin-right: 25px;padding-left: 20px;padding-right: 20px;padding-bottom: 30px;background: #f2f2f2;height: 100%;}
.eq2 .flex .tt1{margin-top:40px;}
.eq2 .flex .tt2{font-size: 26px;font-weight: bold;margin-top: 25px;}
.eq2 .flex .tt3{font-size: 18px;margin-top: 20px;}


.eq3{margin-top: 30px;}
.eq3 .tit{font-size: 26px;font-weight: bold;text-align: center;}
.eq3 .ratio{width: 100%;position: relative;padding-bottom: 40%;height: 0;margin-top: 30px;}
.eq3 .ratio>div{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.eq3 .flex{display: flex;flex-wrap: wrap;margin-left: -10px;margin:0 -10px;/*height: 655px;aspect-ratio: 150/58;*/width: 100%;height: 100%;}
.eq3 .flex .item{width: 22%;height: 100%;transition: all .3s;}
.eq3 .flex .item.on{width: 34%;}
.eq3 .flex .item .wrap{display: block;margin-left: 10px;margin-right: 10px;height: 100%;position: relative;}
.eq3 .flex .item .img{width: 100%;height: 100%;}
.eq3 .flex .item img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.eq3 .flex .item.on .cover{background: #133c8b;}
.eq3 .flex .cover{position: absolute;bottom: 0;left: 0;right: 0;height: auto;background: linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,0.8));height: 200px;padding: 0 20px;padding-top: 20px;flex-direction: column;justify-content: center;display: flex;}
.eq3 .flex .cover .t1{font-size: 18px;font-weight: bold;}
.eq3 .flex .cover .t2{font-size: 16px;display: none;}
.eq3 .flex .item.on .t2{display: block;}

.eq4 .t1{font-size: 26px;font-weight: bold;text-align: center;margin-top:30px;}
.eq4 .table{max-width: 1500px;margin-left: auto;margin-right: auto;margin-top: 42px;}
.eq4 .table table{width: 100%;}
/*.eq4 table tr td{height: 159px;font-size: 20px;padding: 0 30px;}
.eq4 table tr:first-child td{background: #F2F2F2;height: 85px;line-height: 85px;font-size: 24px;font-weight: bold;text-align: center;}
.eq4 table tr td:first-child{width: 20%;}
.eq4 table tr td:last-child{width: 23%;}*/

.eq4 table{width: 100%;}
.eq4 td{border: 1px solid #E1E1E1;}

.eq5{margin-top: 135px;}
.eq5 .wrapper{max-width: 1500px;}
.eq5 .play{padding-top: 120px;}

.eq6{margin-top: 30px;}
.eq6 .wrapper{width: 1500px;}
.eq6 .tit{font-size: 26px;font-weight: bold;text-align: center;}
.eq6 .swiper-slide{width: 33.33%;}
.eq6 .swiper{margin-top: 30px;}
.eq6 .wrapper .wrap{position: relative;}
.eq6 .wrapper .wrap .img{width: 100%;position: relative;height: 0;padding-bottom: 70%;}
.eq6 .wrapper .wrap .img img{width: 100%;position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.eq6 .wrapper .wrap .txt{height: 80px;background: linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,0.8));position: absolute;bottom: 0;left: 0;right: 0;color: #fff;font-size: 18px;padding-top: 15px;text-align: center;line-height: 1.2;}
.eq6 .swiper-button-prev,.eq6 .swiper-button-next{background: none;background-image: none;width: 51px;height: 51px;border: 1px solid #6E706F;text-align: center;line-height: 51px;user-select: none;cursor: pointer;position: absolute;margin-top: auto;margin-bottom: auto;top: 0;bottom: 0;left: -60px;}
.eq6 .swiper-button-next{left: auto;right: -60px;}

.eq7{width: 100%;aspect-ratio: 1925/704;background: url(img/eq701.jpg) no-repeat;background-size: 100% 100%;background-size: cover;padding:20px 0;display: flex;justify-content: center;}
/*.eq7 .wrapper{height: 100%;}*/
.eq7 .left{color: #fff;width: 50%;display: flex;flex-direction: column;justify-content: center;height: 100%;}
.eq7 .t1{font-size: 26px;font-weight: bold;;}
.eq7 .t2{font-size: 18px;margin-top: 30px;}
.eq7 .t3{font-size: 16px;margin-top: 30px;}
.eq7 .t3 a{display: block;width: 243px;height: 60px;line-height: 60px;border: 1px solid #fff;border-radius:30px;text-align: center;}
.eq7 .t3 a img{position: relative;margin-right: 20px;bottom: -5px;}

.news1{margin-top: 30px;}
.news1 .tit{font-size: 26px;font-weight: bold;text-align: center}
.news1 .flex {margin-left: -10px;margin-right: -10px;margin-top: 20px;}
.news1 .flex>*{width: 33.33%;margin-bottom: 0px;}
.news1 .wrap{margin-left: 10px;margin: 10px;}
.news1 .wrap img{width: 100%;}
.news1 .img{position: relative;width: 100%;height: 0;padding-bottom: 65%;}
.news1 .img img{position: absolute;width: 100%;height: 100%;object-fit: cover;}
/*.news1 .txt{padding: 25px;}*/
.news1 .t1{font-size: 18px;font-weight: bold;}
.news1 .t2{font-size: 16px;margin-top: 10px;}
.news1 .date{background: #005eb8;color: #fff;position:absolute;top: 20px;left: 20px;width: 82px;height: 79px;text-align: center;}
.news1 .date span{display: block;margin-top: 28px;width: 100%;font-size: 30px;}
.news1 .date span:last-child{font-size: 16px;}

.news1 .list2 .play{width: 78px;height: 78px;background:url(img/play2.svg);padding: 0;top: 0;}
.news1 .list2 .txt{background: #F5F5F5;overflow: hidden;margin-left: 20px;margin-right: 20px;position: relative;top: -30px;padding: 30px 30px;border-top: 3px solid #133C8B;}
.news1 .list2 .txt .t1{margin: 0;font-size: 16px;color: #999;font-weight: normal;padding: 0;}
.news1 .list2 .txt .t2{color: #373F42;font-size: 18px;line-height: 1.2;padding: 0;}

.news1 .more{margin-top: 35px;text-align: center}
.news1 .more a{display: inline-block;width: 248px;height: 70px;border-radius: 35px;background: #133c8b;color: #fff;line-height: 70px;font-size: 18px;}
.news1 .more i{position: relative;font-size: 36px;line-height: 1;top: 10px;margin-left: 20px;}

.news2{background:url(img/news201.jpg) no-repeat top center;margin-top: 75px;background-size: 100%;margin-bottom: 80px;}
.news2 .wrapper{overflow: hidden;}
.news2 .tit{font-size:26px;font-weight: bold;color: #fff;text-align: center;margin-top: 80px;}
.news2 ul{display: flex;flex-wrap: wrap;margin-top: 50px;}
.news2 li{width: 50%;}
.news2 .wrap{overflow: hidden;}
.news2 .txt{background: #fff;position: relative;top: -50px;padding: 30px;float: right;margin-left: 80px;border-right: 1px solid #d4d4d4;}
.news2 li:last-child .txt{float: left;margin-left: 0;margin-right: 80px;border: none;}
.news2 .t1{font-size: 18px;color: #999999;}
.news2 .t2{font-size: 26px;font-weight: bold;color: #373F42;margin-top: 15px;}
.news2 .t3{font-size: 18px;color: #2C2C2C;margin-top: 15px;}

.news2 .more{margin-top: 0;text-align: center}
.news2 .more a{display: inline-block;width: 248px;height: 70px;border-radius: 35px;background: #133c8b;color: #fff;line-height: 70px;font-size: 18px;}
.news2 .more i{position: relative;font-size: 36px;line-height: 1;top: 10px;margin-left: 20px;}

.h60{height:60px;}
.pagination .num{aspect-ratio: 1;border-radius: 50%;border: 1px solid #000;display: inline-block;width: 50px;text-align: center;line-height: 50px;}
.pagination span{margin: 0 6px;}
.pagination .on span{background: #133c8b;color: #fff;}

.news_inner{overflow: hidden;}
.news_inner .wrapper{width: 1168px;}
.news_inner .hr{box-shadow: 0 5px 6px rgba(0, 0, 0, 0.05);height: 110px;background:#fff;}
.news_inner .title{font-size: 26px;font-weight: bold;margin-top: 50px;}
.news_inner .subline{font-size: 16px;margin-top: 30px;border-bottom: 1px solid #ccc;padding-bottom: 30px;}
.news_inner .subline .sharebtn{float: right;}
.news_inner .subline i{float: right;color: #133C8B;font-size: 30px;cursor: pointer;margin-top: -5px;}
.news_inner .subline .share{visibility: hidden}
.news_inner .subline .share.on{visibility: visible;}

.news_inner .article{margin-top: 50px;font-size: 16px;;}
.news_inner .article p, .news_inner .article div{margin-bottom: 30px;}
.list3{background: #f5f5f5;padding-top: 60px;padding-bottom: 80px;}
.list3 .txt{background: #fff;overflow: hidden;padding: 30px;}
.list3 .flex{display: block;}
.list3 .flex .swiper-slide{float: left;}
.list3 .swiper2{padding-bottom: 50px;position: relative;overflow: hidden;}
.list3 .style2{bottom: 0px;}
.list3 .txt{border-top: 3px solid #133C8B;}
.list3 .swiper-slide .img{width: 100%;padding-bottom: 56%;position: relative;}
.list3 .swiper-slide .img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;}

.swiper-pagination.style2{text-align: center;left: 0;right: 0;}
.swiper-pagination.style2 .swiper-pagination-bullet{background:#e6e6e6;width:12px;height:12px;border-radius:12px;transition:all .3s;opacity: 1;}
.swiper-pagination.style2 .swiper-pagination-bullet-active{width:33px;opacity:1;background: #133C8B;}

.career1{margin-top: 30px;}
.career1 .wrapper{width: 1500px;}
.career1 .tit{font-size: 26px;font-weight: bold;;}
.career1 .txt{font-size: 18px;margin-top: 10px;}

.career2{background: #f5f5f5;margin-top: 30px;overflow: hidden;padding-bottom: 30px;}
.career2 .wrapper{width: 1500px;}
.career2 .t1{font-size: 26px;font-weight: bold;margin-top: 30px;}
.career2 .t2{font-size: 18px;margin-top: 20px;}
.career2 .flex{margin-top: 30px;}
.career2 .flex li{width: 33.33%;position: relative;}
.career2 .flex li::before{position: absolute;top: 0;height: 280px;width: 1px;background: #bfbfbf;display: block;content: '';}
.career2 .wrap{width: 70%;margin-left: auto;margin-right: auto;}
.career2 .wrap img{width: 60px;}
.career2 .t11{font-size: 18px;margin-top: 20px;font-weight: bold;}
.career2 .t12{font-size: 16px;margin-top: 10px;}

.career3{margin-top: 30px;margin-bottom: 100px;overflow: hidden;}
.career3 .wrapper{width: 1500px;}
.career3 .tit{font-size: 26px;font-weight: bold;}
.career3 .swiper2{margin-left: -10px;margin-right: -10px;margin-top: 20px;overflow: hidden;}
.career3 .img{margin-left: 10px;margin-right: 10px;}

.sr1{overflow: hidden;margin-bottom: 30px;}
.sr1 .wrapper{width: 1500px;}
.sr1 .t1{font-size: 26px;font-weight: bold;margin-top: 30px;}
.sr1 .t2{font-size: 18px;margin-top: 20px;}
.sr1 .t2 p{margin-bottom: 25px;}
.sr1 .t3{margin-top: 20px;}

.sr1 dl{background: #f5f5f5;padding:0 30px;margin-bottom: 20px;}
.sr1 dl.on dd{display: block;}
.sr1 dt{font-size: 18px;height:60px;line-height: 60px;position: relative;cursor: pointer;font-weight: bold;}
.sr1 dt:after{content: '';display: block;width: 30px;height: 30px;background:url(img/cscarrow.svg);background-size: 100% 100%;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;right: 10px;cursor: pointer;transform: rotate(180deg);transition: all .3s;}
.sr1 dl.on dt:after{transform: rotate(0deg)}
.sr1 dd{font-size: 16px;display: none;border-top: 1px solid #ddd;padding-top: 20px;padding-bottom: 20px;}

.srv1{overflow: hidden;margin-top: 30px;}
.srv1 .wrapper{width: 1500px;}
.srv1 .tit{font-size: 26px;font-weight: bold;;}
.srv1 .txt{font-size: 18px;margin-top: 10px;}
.srv2{margin-bottom: 30px;overflow: hidden;margin-top: 0;}
.srv2 .wrapper{width: 1500px;}


.srvb1{overflow: hidden;}
.srvb1 .wrapper{width: 1500px;margin-top: 30px;}
.srvb1 .tit{font-size: 26px;font-weight: bold;;}
.srvb1 .txt{margin-top: 10px;font-size: 20px;;}

.srvb2{overflow: hidden;margin-top: 10px;}
.srvb2 .wrapper{width: 1500px;}
.srvb2 ul{margin-left: -20px;margin-right: -20px;}
.srvb2 li{width: 25%;margin-bottom: 30px;}
.srvb2 .wrap{margin-left: 20px;margin-right: 20px;background: #f2f2f2;padding: 30px;height: 100%;}
.srvb2 .t2{font-size: 18px;font-weight: bold;}
.srvb2 .t3{font-size: 16px;margin-top: 15px;}

.srvb3{overflow: hidden;margin-bottom: 30px;}
.srvb3 .tit{font-size: 26px;font-weight: bold;}
.srvb3 .wrapper{width: 1500px;}
.srvb3 .swiper2{margin-top: 20px;overflow: hidden;}
.srvb3 .wrap{margin-left: 10px;margin-right: 10px;}
.srvb3 .wrap img{width: 100%;}

.srvc1 {overflow: hidden;margin-bottom: 30px;}
.srvc1 .wrapper{width: 1500px;}
.srvc1 .tit{font-size: 26px;font-weight: bold;margin-top: 30px;;}

.srvc1 .t1{font-size: 18px;font-weight: bold;}
.srvc1 .t2{font-size: 16px;margin-top: 20px;}
.srvc1 .t2 p{background: url(img/dot.png) no-repeat 0px 12px;padding-left: 20px;}

.srvc1 .img{padding-right: 38px;}
.srvc1 .img .wrap{width: 100%;}
.srvc1 .txt{padding-left: 30px;padding-bottom: 50px;}

.srvc1 ul{margin-top: 30px;}
.srvc1 ul li{display: flex;}
.srvc1 li>div{width: 50%;display: flex;flex-direction: column;justify-content: center;color: #2C2C2C;}
.srvc1 li:nth-child(2n){flex-direction: row-reverse;}
.srvc1 li:nth-child(2n) .img{padding-right: 0;padding-left: 38px;}
.srvc1 li:nth-child(2n) .txt{padding-left: 0;padding-right: 30px;}

.plist{overflow: hidden;margin-top: 20px;margin-bottom: 60px;}
.plist h3{font-size: 36px;font-weight: bold;}
.plist .wrapper{display: flex;flex-wrap: nowrap}
.plist .side{width: 30%;padding: 30px;padding-right: 50px;}
.plist .side ul{color: #fff;padding: 20px 0;background: url(img/sidebg.jpg) rgba(19, 60, 139, 0.95);background-repeat: no-repeat;background-size: cover;position: relative;margin-top: 15px;}
.plist .side ul:before{content: '';display: block;position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: rgba(19, 60, 139, 0.9);z-index:1;}
.plist .side ul li{padding: 0;}
.plist .side ul li a{display: block;position: relative;z-index: 2;border-bottom: 1px solid #2d5499;background: url(img/dot2.jpg) no-repeat 15px 23px;padding:15px 0 15px 30px;}
.plist .side ul li a::after{content: '';display: block;position: absolute;background: url(img/arrow22.svg) no-repeat;width: 8px;height: 16px;top: 0;bottom: 0;right:20px;margin-top: auto;margin-bottom: auto;}
.plist .side ul li.on{background: #395e9f;}
.plist .main{width: 70%;margin-top: 100px;}
.plist .main li{margin-bottom: 20px;width: 50%;}
.plist .main li img{width: 100%;}
.plist .main li .img{background: #fff;}
.plist .main .wrap{background: #f3f4f6;height: 100%;margin-left: 10px;margin-right: 10px;text-align: center;font-size: 16px;position: relative;border: 1px solid rgba(0, 0, 0, 0.015);padding: 20px;}
.plist .main .wrap .txt{text-align: center;margin-top: 10px;line-height: 1.2;color: #2c2c2c;}

html.full{height: 100vh;width: 100vw;overflow: hidden;}
.search_wrap{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:rgba(0, 0, 0, 0.8);z-index: 9999999999999999999999999;text-align: center;display: none;position: 0;transition: all .5s;padding-top: 10%;}
.search_wrap input{width: 300px;background: none;border: none;border-bottom: solid 1px #fff;color: #fff;padding: 0 8px;}
.search_wrap input:focus{outline: none;border: none;border-bottom: solid 1px #fff;}
.search_wrap .icon-search{color: #fff;cursor: pointer;font-size: 20px;}
.search_wrap i.fa{font-size: 20px;background: #000;}
.search_wrap .close_btn{position: absolute;top: 20px;right: 20px;cursor: pointer;}
html.full .search_wrap{display: block;opacity: 1}

.banner_search{position: relative;width: 100%;height: 0;padding-bottom: 38%;aspect-ratio: auto;overflow: hidden;}
.banner_search .bg{width: 100%;height: 100%;}
.banner_search .bg img{width: 100%;height: 100%;object-fit: cover;position: absolute;}
.search_list li{position: relative;padding:  1px;}
.search_list li:before{content: '';display: block;position: absolute;top: 10px;bottom: 10px;left: 10px;right: 10px;background: #eee;z-index: -1;border: 1px solid #ddd;}
.search_list li .txt{padding: 10px;border-top: solid 1px #ddd;}
.search_list li .t1{line-height: 1.2}


.r43 .img{position: relative;width: 100%;height: 0;padding-bottom: 65%;}
.r43 .img img{width: 100%;height: 100%;object-fit: cover;left: 0;top: 0;position: absolute;transition: all .3s;}
.r43 li:hover .img img{transform: scale(1.05);}

.eq3 .flex{height: 500px;}
.eq3 .img{width: 100%;}
.eq3 img{width: 100%;}
/*.eq3 .flex{position: relative;width: 100%;height: 0;padding-bottom: 150%;}
.eq3 .item .wrap{width: 100%;height: 100%;object-fit: cover;left: 0;top: 0;position: absolute;transition: all .3s;}*/


.vimg{width: 800px;max-width: 90%;position: relative;height: 0;padding-bottom: 50%;}
.vimg img{position: absolute;top: 0;left: 0;right: 0;bottom:0;width: 100%;height: 100%;object-fit: contain;aspect-ratio: auto;}

.v169{width: 100%;position: relative;height: 0;padding-bottom: 50%;}
.v169 img{position: absolute;top: 0;left: 0;right: 0;bottom:0;width: 100%;height: 100%;object-fit: cover;aspect-ratio: auto;}

.l2{-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.l3{-webkit-line-clamp:3;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}


@media all and (max-width: 1700px)
{
    .header .head .navication{top: 3px;}
    .wrapper{width: 90% !important;}
    .header .head{width: 92%;}
    .contact1 .right .card{left: 0;opacity: 0.92;}
    .banner .swiper-pagination{width: 90%;}
    .history5 .view .child .img img{width: 95%;}
    .history5 .view .child .status{bottom: 0;}
    .history5 .view .child .status .year{font-size: 80px;top: auto;}
    .banner .swiper-pagination-banner{width: 90%;}

}

@media all and (max-width: 1440px){
    .plist h3{display: none;}
    .plist .side{padding: 30px 10px 0 0;}
    .plist .side ul{margin-top: 0;}
    .plist .main{margin-top: 30px;}
    .fl2{margin-top: 30px;}
    .fl2 .img{margin-top: 20px;}
    .fl2 .a2{margin-top: 10px;}
    .fl5 .more{margin-top: 50px;}
    .footer .logo img{width: 260px;}
    .footer .f2 dl:last-child{width: 300px;}
    .footer .f1 .sns{margin-top: 0;}
    .footer .f1 .sns a{margin: 0 5px;}
    .footer .f1 .sns img{height: 30px;}
    .history5{margin-top: 60px;}
    .history5 .view{margin-top: 30px;}
    .history5 .view .child{padding-bottom: 150px;}
}
@media all and (min-width: 600px)
{
    .eq7{min-height: 700px;}
}

@media all and (max-width: 1200px){
    .fl2 .left{padding-right: 10px;}
    .fl5 ul li .tit{font-size: 16px;font-weight: bold;}
    .fl5 ul li .txt{font-size: 15px;margin-top: 15px;}
    .srvb2 li{width: 33.33%;}
}

@media all and (max-width: 800px){
    .fl2 .left{padding-right: 10px;}
    .fl5 ul li .tit{font-size: 20px;font-weight: bold;}
    .fl5 ul li .txt{font-size: 15px;margin-top: 15px;}
    .srvb2 li{width: 33.33%;}
    .fl2 .left{width: 100%;}
    .fl2 .right{width: 100%;}
    .fl3 .f1{flex-wrap: wrap;}
    .fl3 .f1 .f12{margin-top: 10px;}
    .fl3 .f2, .fl3 .f3, .fl3 .f4{display: block;overflow: hidden;}
    .fl3 .f2>div,.fl3 .f3>div,.fl3 .f4>div{width: 50% !important;float: left;}
    .fl4 .info{width: 100%;}
    .fl4 .slides{display: none;}
    .footer .f2{display: block;overflow: hidden;}
    .footer .f2 dl{width: 50%;float: left;margin-bottom: 20px;}
    .footer .f1 .sns{margin-top: 0;}
    .eq7 .left{width: 100%;}
}

@media all and (max-width: 680px)
{
    .vimg{width: 90%;}
    .eq1{padding-top: 50px;}
    .menu_btn{display: block;}
    html,body{overflow-x: hidden;width: 100%;}
    .banner .swiper-slide{overflow: hidden;}
    .banner .swiper-button{display: none;}
    .banner .swiper-pagination-banner{text-align: center;bottom: 8px;}
    .header .head{padding-top: 15px;}
    .header .head .navication{display: none;}
    .wrapper{width: 94% !important;}
    .banner .img{height: 320px;}
    .banner .img img{height: 100%;object-fit: cover;}
    .banner .txt .t1{font-size: 28px;line-height: 1.2;text-align: left;padding: 0 15px;}
    .banner .txt .t2{font-size: 28px;line-height: 1.2;font-weight: bold;text-align: left;padding: 0 15px;margin-top: 15px;}
    .fl3 .box>div>div{height: 320px !important;}
    /*.fl3 .wrapper > div > div img{object-fit: cover;}*/
    .mousedown{display: none;}

    .fl2 .a4{text-align: center;}

    .eq1{height: auto;aspect-ratio: auto;}

    a{text-decoration: none;}
    a:hover{text-decoration: none;}
    [sns] a{width: 40px;height:40px;}
    [sns] img{width: 24px;top: -10px;}
    [sns] [up] img{width: 18px;}
    .fl3 .f3{margin-top: 0;}
    .fl3 .f4{margin-top: 0;}
    .fl3 .f1 .f11{font-size: 24px;}
    .fl3 .f1 .f12{font-size: 16px;}
    .fl3 .t1{font-size: 20px;}
    .fl3 .t2{font-size: 16px}
    .fl2 .tit{font-size: 24px;}
    .fl2 .a2{font-size: 16px;margin-top: -10px;}

    .fl3 .f2>div,.fl3 .f3>div,.fl3 .f4>div{width: 100% !important;float: left;}
    .fl3 .box>div>div{border-left: none !important;border-right: none !important;border-bottom: none !important;border-top: solid 10px #fff !important;}
    .fl4{margin-top: 30px;}
    .fl4 .swiper-slide{overflow: hidden;}

    .fl4 .t1{font-size: 24px;}
    .fl5{padding-top: 30px;padding-bottom: 40px;}
    .fl5 ul{flex-direction: column;}
    .fl5 ul li{width: 100%;}
    .fl5 ul li .date{width: 50px;height: 45px;padding-top: 6px;}
    .fl5 ul li .date .a{font-size: 16px;font-weight: bold;}
    .fl5 ul li .date .b{font-size: 15px;}
    .footer{padding-top: 20px;}
    .footer .f2{margin-top: 10px;padding-bottom: 20px;}
    .footer .f2 dl{width: auto;margin-left: 15px;margin-right: 15px;margin-bottom: 25px;}
    .footer .f2 dl dd{position: relative;}
    .footer .f2 dl dd:before{content: '';display: block;width: 8px;height: 2px;border-radius: 5px;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;background: rgba(255, 255, 255, 0.5);left: -12px;}
    .footer .f2 dl:last-child dd:before{display: none;}
    .footer dd{margin-left: 10px;}
    .footer .f3{flex-direction: column;}
    .footer .logo img{width: 190px;}
    .footer .f1 .sns a{display: inline-block;margin: 0 5px;}
    .footer .f1 .sns a img{height: 26px;}
    .fl5 .title{font-size: 24px;}

    .fl5 ul li .tit{font-size: 18px;line-height: 1.2}
    .fl5 ul li .txt{font-size: 16px;}
    .fl5 ul li .txt a{text-decoration: none;}
    .fl5 ul li .txt a:hover{text-decoration: none;}

    .fl1{margin-top: 60px;}
    .banner .img:after{display: none;}
    .banner_inner{overflow: visible;}
    .banner_inner .bg:after{display: none;}
    .banner_inner{ margin-top:60px;margin-bottom: 0;color: #fff;min-height: 200px;width: 100% !important;}
    .banner_inner .bg{height: 100%;}
    .banner_inner .text{bottom: 30px;}
    .banner_inner .bg img{height: 100%;object-fit: cover;}

    .banner_inner .sub_menu{color: #333;font-size: 16px;font-weight: bold;line-height: 1;height: 50px;}
    .history1{margin-top: 30px;padding-bottom: 0;}
    .history1 .tit{font-size: 24px;display: none;}
    .history1:before{display: none;}
    .history1:before{font-size: 60px;line-height: 1}
    .history1 .img{margin-top: 10px;width: 90%;margin-left: auto;margin-right: auto;max-width: 300px;}
    .history2{margin-top: 30px;}
    .history2 .icon{width: 60px;height: 60px;margin-left: auto;margin-right: auto;}
    .history2 .icon img{width: 70%;}
    .history2 ul{display: block;overflow: hidden;}
    .history2 ul li{width: 33.33%;margin: 0;padding: 0;margin-bottom: 15px;border-right: none;text-align: center;display: block;float: left;}
    .history2 ul li .text{padding: 0;margin: 10px auto 0 auto;}
    .history2 ul li .t1{font-size: 18px;}
    .history2 ul li .t2{font-size: 16px;}
    .history4{display: none;}
    .history3, .history4, .history5{margin-top: 30px !important;}
    .history3 ul li{width: 100% !important;aspect-ratio:auto !important;border: none;margin-bottom: 15px;}
    .history3 ul li .t1{line-height: 1.2;font-size: 16px;padding: 8px 25px 8px 8px;position: relative;}
    .history3 ul li .t1:after{content: '\e626';width: 25px;height: 25px;background-size: 100%;position: absolute;right: 10px;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;border-radius: 50%;border: solid 1px #9ECEE9;font-family: 'iconfont';font-size: 12px;text-align: center;line-height: 25px;display: block;padding:0;color: #9ECEE9;transition: all .3s;}
    .history3 ul li .t2{font-size: 16px;padding: 6px 8px;margin-top: 0;display: none;}
    .history3 ul li .wrap{padding: 0;margin: 0;}
    .history3 ul li.on .t1:after{transform: rotate(-180deg);}
    .history3 ul li.on .t2{display: block;}
    .history3 .t1{background: #0080C8;color: #fff !important;}
    .history5{padding-bottom: 30px;margin-bottom: 0;margin-top: 20px !important;}
    .history5 .title{font-size: 24px !important;}
    .history5 .view{margin-top: 10px;}
    .history5 .view .child{padding-bottom: 0;}
    .history5 .view .child .img img{width: 100%;}
    .history5 .view .child .inf{padding-left: 10px;margin-top: 6px;}
    .history5 .view .child .year{font-size: 30px;}
    .history5 .view .child .item>div{width: 100%;}
    .history5 .view .child .item{flex-direction: column;}
    .history5 .view .tit{font-size: 18px;}
    .history5 .view .txt{font-size: 16px;}
    .history5 .view .child .status{left: 0;}
    .history5 .view .child .status .year{font-size: 30px;}
    .history5 .view .swiper-slide{height: 1px;}
    .history5 .view .swiper-slide-active { height:auto;}
    .history5 .preview{margin-top: 0;}
    .rd1{margin-top: 30px;}
    .rd1 .item>div{width: 100%;}
    .rd1 .item{display: block;}
    .rd1 .item .img{padding: 0 !important;}
    .rd1 .item .txt{padding: 0 !important;}
    .rd1 .t1{font-size: 24px;margin-top: 15px;line-height: 1.2}
    .rd1 .item .txt .t2{margin-top: 8px;font-size: 16px;}
    .rd2{margin-top: 10px;margin-bottom: 30px;}
    .rd2 .item{width: 100%;}
    .rd2 .t1{font-size: 24px;}
    .rd2 .t2{font-size: 16px;text-align: left;}
    .rd2 .item{margin-top: 15px;}
    .contact1{margin-top: 30px;}
    .contact1 .right{margin-top: 15px;}
    .contact1 .right .wrap{max-width: 100%;}
    .contact1 .right .card{padding: 15px;top:0;margin-top:-60px;}
    .contact1 .right .card .t1{background: none;font-weight: bold;}
    .contact1 .right .card .t2{margin-top: 10px;}

    .contact1 .flex{flex-wrap: wrap;}
    .contact1 .left{width: 100%;}
    .contact1 .right{width: 100%;}
    .contact1 .left .t1{font-size: 24px;}
    .contact1 .left .t2{font-size: 16px;}
    .contact1 .left td{font-size: 16px;}
    .contact1 .left td:first-child{width: 30px;}
    .contact1 .right .card .t2{font-size: 16px;}
    .contact2{margin-top: 30px;padding-top: 30px;font-size: 16px;}
    .contact2 .t1{font-size: 24px;}
    .contact2 .item label{font-size: 16px;}
    .contact2 .flex .item{width: 100%;}
    .contact2 .flex{margin: 0;margin-bottom: 10px;}
    .contact2 .item label{margin-top: 15px;}
    .contact2 .item input, .contact2 .item textarea{margin-top: 5px;font-size: 16px;height: 36px;line-height: 36px;}
    .contact2 .item textarea{height: 200px;resize: none;}
    .contact2 .item .wrap{margin: 0;}
    .contact2 .submit{margin-top: 20px;}
    .contact2 button{height: 40px;line-height: 40px;}
    .srv1{margin-top: 30px;}
    .srv1 .tit{font-size: 24px;}
    .srv1 .txt{font-size: 16px;margin-top: 10px;}
    .srvb1 .wrapper{margin-top: 10px;}
    .eq3 .ratio{padding-bottom: 30px;margin-top: 30px;}
    .eq3 .ratio{height: auto;}
    .eq3 .ratio>div{position: static;}
    .eq3 .flex{height: auto;display: block;overflow: hidden;}
    .eq3 .flex .item{width: 100% !important;height: auto !important;margin-bottom: 15px;}
    .eq3 .flex .cover .t2{font-size: 16px;line-height: 1.2;display: block;}
    .eq3 .flex .cover{padding: 10px;height: auto;display: block;}
    .eq3 .flex .item.on .cover{background: linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,0.8));}
    .srv2{margin-bottom: 0;}
    .srvb1{margin-top: 20px;}
    .srvb1 .tit{font-size: 24px;}
    .srvb1 .txt{font-size: 16px;}
    .srvb2{margin-top: 30px;}
    .srvb2 li{width: 100%;margin-bottom: 20px;}
    .srvb2 .wrap{position: relative;padding: 15px;}
    .srvb2 .t1{position: absolute;left: 20px;top: 18px;width: 40px;height: 40px;}
    .srvb2 .t2{font-size: 20px;font-weight: bold;line-height: 1.2;padding-left: 60px;min-height: 40px;display: flex;align-items: center;}
    .srvb2 .t3{font-size: 15px;margin-top: 8px;}


    .srvb3{margin-bottom: 30px;}
    .srvb3 .tit{font-size: 24px;}
    .srvb3 .swiper2{margin-top: 10px;}
    .srvc1{margin-bottom: 30px;margin-top: 20px;}
    .srvc1 .t1{line-height: 1.2;margin-bottom: 5px;padding-left: 0px;}
    .srvc1 .tit{font-size: 24px;margin-top: 10px;line-height: 1.2;}
    .srvc1 ul li{flex-wrap: wrap;padding: 0 !important;margin-bottom: 15px;}
    .srvc1 li>div{width: 100%;padding: 0 !important;}
    .srvc1 li>div img{width: 100%;}
    .srvc1 .t1{font-size: 20px;font-weight: bold;margin-top: 10px;}
    .srvc1 .t2{margin-top: 0;font-size: 16px;}
    .srvc1 ul{margin-top: 10px;}
    .news1 .flex>*{width: 100%;}
    .career2 .flex li{width: 100%;margin-bottom: 10px;}
    .career2 .t11{font-weight: bold;}
    .career2 ul li {border-top: solid 1px #ddd;padding-bottom: 10px;}
    .career2 ul li .img{position: absolute;left: 10px;top: 10px;width: 60px;height: 60px;display: flex;align-items: center;}
    .career2 ul li .img img{object-fit: contain;}
    .career2 ul li .t11{padding-left: 80px;margin-top: 10px;min-height: 60px;display: flex;align-items: center;}
    .career2 ul li .t12{margin-top: 10px;}
    .career2 .wrap{width: 100%;}
    .career2 .flex li::before{display: none;}
    .career1 .tit{font-size: 24px;}
    .career2 .t1{font-size: 24px;}
    .career3 .tit{font-size: 24px;}
    .sr1 .t1{font-size: 24px;margin-top: 0px;}
    .plist .wrapper{flex-direction: column;}
    .plist .side{width: 100%;padding: 0;}
    .plist .main{padding: 0;width: 100%;}
    .plist .main li{width: 100%;}
    .plist .main .wrap{font-size: 18px;}
    .banner_inner .text{font-size: 30px;padding-top: 0;}
    .news1{margin-top: 30px;}
    .news1 .date{width: 55px;height: 45px;padding: 5px;}
    .news1 .date span{font-size: 16px;margin-top: 12px;font-weight: bold;}
    .news1 .date span:last-child{font-weight: normal;margin-top: 15px;}
    .news1 .more a{height: 42px;line-height: 42px;padding-bottom: 10px;}
    .news1 .more i{top: 5px;}
    .news1 .t1{line-height: 1.2;font-size: 20px;margin-top: 10px;}
    .news1 .tit{font-size: 24px;}
    .news1 .txt{padding: 0;}
    .news1 .t2{font-size: 16px;}
    .news1 .list2 .txt .t1{font-size: 16px;}
    .news1 .list2 .txt .t2{font-size: 18px;}
    .banner_inner.v2{margin-bottom: 0;}
    .news1 .flex{margin-top: 20px;}
    .news1 .flex>*{margin-bottom: 15px;}
    .news1 .list2 .txt{padding: 15px;}
    .news2 .tit{font-size: 24px;}
    .news2 ul{margin-top: 0;}
    .news2 li{width: 100%;}
    .news2 li .t2{font-size: 24px;line-height: 1.2}
    .news2 li .t3{font-size: 16px;}
    .news2 .txt{padding: 10px;margin: 0 10px !important;border: solid 1px #eee;}
    .news2 .more a{line-height: 42px;height: 42px;padding-bottom: 10px;}
    .news_inner .article{font-size: 16px;}

    .eq1 .wrapper{overflow: hidden;}
    .eq1 .wrap{padding-bottom: 70%;}
    .eq1 .vimg{top: 30px;}
    .eq1 .swiper-pagination{width: 100%;bottom: 0;}
    .eq1 .tit{font-size: 24px;line-height: 1;margin-top: 20px;}
    .eq1 .swiper-slide{overflow: hidden;}
    .eq2{margin-top: 30px;}
    .eq2 .t1{font-size: 24px;}
    .eq2 .t2{font-size: 16px;}
    .eq6{margin-top: 60px;}
    .eq6 .tit{font-size: 24px;}
    .eq7{height: 300px;}
    .eq7 .t1{font-size: 24px;}
    .eq7 .t2{font-size: 16px;margin-top: 20px;}
    .eq7 .t3 {margin-top: 20px;}
    .eq7 .t3 a{height: 42px;line-height: 42px;}
    .news_inner .title{font-size: 24px;}
    .career1{margin-top: 30px;}
    .career1 .txt{font-size: 16px;margin-top: 15px;}
    .career2{margin-top: 30px;padding-bottom: 30px;}
    .career2 .t1{margin-top: 20px;}
    .career2 .t2{font-size: 16px;margin-top: 10px;}
    .career2 .flex{margin-top: 30px;}
    .career2 .t11{font-size: 20px;}
    .career2 .t12{font-size: 16px;}
    .career3{margin-top: 30px;margin-bottom: 30px;}
    .career3 .swiper2{margin-top: 20px;}
    .sr1{margin-top: 30px;}
    .sr1 .t3{margin-top: 10px;}
    .sr1 .t2{font-size: 16px;}
    .sr1 dl{padding: 0 15px;}
    .sr1 dt{height: 50px;line-height: 50px;font-weight: bold;font-size: 20px;}
    .sr1 dt:after{right: -10px;width: 30px;height: 30px;background-size: 90%;background-position: center;background-repeat: no-repeat;}
    .sr1 dl.on dd{font-size: 16px;padding: 10px 0;}
    .news_inner .hr{height: 70px;}
    .article img{height: auto;}
    .eq4 .t1{font-size: 24px;}
    .news2 .tit{margin-top: 20px;margin-bottom: 15px;}

    .pagination .num{width: 30px;height: 30px;line-height: 30px;border-radius: 0;}
    .pagination .prev{display: none;}
    .pagination .next{display: none;}

    .news_inner .subline .sharebtn{display: block;float: none;}
    .news_inner .subline .share{visibility: visible;}
    .news_inner .subline .sharebtn .iconfont{display: none;}
    .news_inner .subline .date{margin-top: 8px;}


}