@import url("global.css");

html{font-size: 18px;}
body{overflow-x: hidden;}
.wal_header{width:100%;max-width:1300px;margin:0 auto;}
.index .wal_header{max-width:1320px;}
.wal{width:100%;max-width:1280px;margin:0 auto;}

/*nav*/
.header{height:90px;background-color: #fff;box-shadow:0 10px 15px rgba(0,0,0,0.2);position: fixed;top:0;width:100%;z-index: 100;}
.header .wal_header{display: flex;justify-content: space-between;align-items: center;}
.header .logo a{display: block;}
.nav_box{width:52%;margin-right: 30px;}
.nav_box_mob{display: none;}
.nav{display: flex;}
.nav li{position: relative;width:16.6%;text-align: center;z-index: 101;}
.nav li>a{position: relative;display: block;height: 5em;line-height: 5;font-size: 1rem;}
.nav li>a:hover{color: #000;}
.nav li.on>a{font-weight: bold;}
.nav li>a::after,.nav li.on>a::after{content: "";display: block;position: absolute;left:50%;bottom:0;width:0;height: 3px;transform: translateX(-50%);background-color: #0f9fe9;transition: all ease-in 0.3s;}
.nav li.on>a::after,.nav li.active>a::after{width:4em;}
.nav_box .nav dl{position: absolute;display: none;left:-5%;right:-5%;box-sizing: border-box;padding:10px 15px;background-color: rgba(255,255,255,0.95);backdrop-filter: blur(2px);border-radius:0 0 6px 6px;box-shadow:0 6px 6px rgba(0,0,0,0.3);font-size: 0.89rem;}
.nav dd a{display: block;border-bottom: 1px solid #dcdcdc;line-height: 3;}
.nav dd:last-child a{border-bottom: none;}
.nav dd a:hover{color: #0f9fe9;}
.hamburger{display: none;}

/*index banner*/
.banner{margin-top:90px;width:100%;height:calc(100vh - 90px);position: relative;}
.banner .slogan{position: absolute;left:50%;top:50%;transform: translate(-50%,-55%);z-index: 10;}
.banner .slogan img{width:773px}
.swiper {width: 100%;height: 100%;overflow: hidden;}
.swiper-slide {display: flex;justify-content: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%;/* object-fit: cover; */transition: transform 2.5s ease-out;}
.swiper-slide .img_mask{position: absolute;left:0;right:0;top:0;bottom:0;}
.slide03 .img_mask{background-color: rgba(6,52,116,0.2);}
.slide04 .img_mask{background-color: rgba(11,75,144,0.1);}
.slide06 .img_mask{background-color: rgba(0,0,0,0.1);}
.swiper-slide-active img {transform: scale(1);}
.swiper-slide:not(.swiper-slide-active) img {transform: scale(1.2);}

.swiper-nav{position: absolute;left:50%;bottom:40px;transform: translateX(-50%);display: flex;justify-content: space-between;z-index: 11;}
.swiper-nav .swiper-pagination{width: auto;position: initial;background-color: rgba(0,0,0,0.6);padding:0.5em 1em;border-radius:1em;color: #fff;font-size: 16px;}
.swiper-nav .swiper-button-prev-b,.swiper-nav .swiper-button-next-b{display:inline-block;margin:0 5px;width:39px;height: 39px; ;border-radius: 100%;cursor: pointer;opacity: 0.8;transition: all ease-in 0.3s;}/**/
.swiper-nav .swiper-button-prev-b{background:#1b96d5 url(../images/arrow_prev_white.png);}
.swiper-nav .swiper-button-next-b{background:#1b96d5 url(../images/arrow_next_white.png);}
.swiper-nav .swiper-button-prev-b.swiper-button-disabled{background:rgba(255,255,255,0.8) url(../images/arrow_prev_gray.png);}
.swiper-nav .swiper-button-next-b.swiper-button-disabled{background:rgba(255,255,255,0.8) url(../images/arrow_next_gray.png);}
.swiper-nav .swiper-button-prev-b:hover,.swiper-nav .swiper-button-next-b:hover{opacity: 1;animation: myBreath2 1s linear infinite;}
@keyframes myBreath2 {
	0%{transform:scale(1);}
	50%{transform:scale(1.15);}
	100%{transform:scale(1);}
}
.swiper-nav .swiper-button-disabled:hover,.swiper-nav .swiper-button-disabled:hover{animation: none;}
.swiper-nav .mouseDown{margin-top:15px}
.swiper-nav .mouseDown span{display: block;padding: 4px 8px;border: 1px solid #fff;height:25px;border-radius: 12px;display: flex;align-items: center;justify-content: center;opacity: 0.5;}
.swiper-nav .mouseDown i{height: 12px;width:3px;border-radius:3px;background-color:#fff;animation: arrow ease-out 0.5s infinite alternate;}
@keyframes arrow {
	0%{opacity: 1;transform: translateY(0);}
	100%{opacity: 0.5;transform: translateY(-2px);}
}

/*index*/
.fix-top{position: fixed;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;overflow-y: scroll;transform: translate3d(0, 100vh, 0);transition: 1s;}
.fix-top.showdiv{transform: translate3d(0, 0, 0);}
.index_container{height: 100vh;z-index: 99;background: #fff;}
.index_section{padding-top: 90px;}

.title_section{margin-bottom:30px;display: flex;justify-content: space-between;align-items: center;}
.title_section dt{display: flex;align-items: flex-end;}
.title_section dt strong{padding-left: 0.5em;position: relative;font-size: 2rem;}
.title_section dt strong::before{content: "";display: block;position: absolute;left:0;top:50%;transform: translateY(-50%); width:6px;height: 0.9em;background-color: #0f9fe9;border-radius: 2px;}
.title_section dt em{margin-left:0.5em;margin-bottom:6px;color: #999;font-size: 1rem;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;}
.tab_title {width:55%;display: flex;justify-content: space-around;}
.tab_title a{margin:0 10px;padding: 0.3em 1em;background-color: #fff;border: 1px solid #e3e3e3;flex-grow: 1;text-align: center;}
.tab_title a.cur{background-color: #0f9fe9;border: 1px solid #0f9fe9;color: #fff;}

.more a{display: flex;justify-content: space-between;align-items: center;padding:3px 10px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.more i{margin-left:5px;height: 10px;}
.more i img{height: 100%;}
.more a:hover img{animation:rotateX360 ease 2s infinite;}

@keyframes rotateX360 {
	0%{transform: rotateX(0);}
	100%{transform: rotateX(360deg);}
}

.underline{
background: -webkit-linear-gradient(left, #40a7dc, #40a7dc) no-repeat;
background: linear-gradient(to right, #40a7dc, #40a7dc) no-repeat;
background-position: right bottom;
background-size: 0 1px;
-webkit-transition: background-size .5s;
transition: background-size .5s;
}
.underline:hover{background-position: left bottom;background-size: 100% 1px;}

/*section01*/
.section01{padding:30px 0 50px;}
.section01 .wal{display: flex;justify-content: space-between;justify-items: stretch;}
.news_left{width:64%;box-sizing: border-box;padding-right: 35px;border-right: 1px solid #efefef;}
.news_g_txt li{display: flex;justify-content: space-between;align-items: center;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #efefef;}
.news_g_txt li:last-child{padding-bottom:0;margin-bottom:0;border-bottom: none;}
.news_g_txt .img{width:28%;height: 160px;border-radius: 6px;overflow: hidden;text-align: center;}
.news_g_txt .img img{height: 100%;object-fit: cover;transition: all ease 0.5s;}
.news_g_txt .img:hover img{transform: scale(1.1);}
.news_g_txt .text{width:69%}
.news_g_txt .text h4{margin-bottom:10px;font-size: 1.1rem;font-weight: normal;hite-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news_g_txt .text h4 a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_g_txt .text .summary{margin-bottom:10px;font-size: 0.78rem;color: #777;line-height: 1.8;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.news_g_txt .date_more{display: flex;justify-content: space-between;align-items:center;font-size: 0.78rem;}
.news_g_txt .date_more .date{color: #999;font-family: Arial, Helvetica, sans-serif;}
.news_g_txt .date_more .more{color: #40a7dc;}
.news_g_txt .date_more .more a:link,.news_g_txt .date_more .more a:visited{color: #40a7dc;}

.news_text{margin-top:-15px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.news_text li{display: flex;box-sizing:border-box;width:49%;border:1px solid #fff;align-items: stretch;padding:15px;margin-top:15px;box-shadow: 0 0 8px rgba(0,0,0,0.1);border-radius: 5px;transition: all ease-in 0.2s;}
.news_text li:hover{border:1px solid #e3e3e3;box-shadow: 0 5px 10px rgba(1,0,0,0.3);background-color: #f8f8f8;transform: translateY(-4px);}
.news_text li .date{text-align: center;padding-right: 15px;margin-right: 15px;border-right: 1px solid #e3e3e3;}
.news_text li .date span{display: block;color: #999;}
.news_text li .date .mm{font-size: 0.89rem;}
.news_text li .date .yy{font-size: 0.78rem;}
.news_text li a{font-size: 0.89rem;line-height: 1.5;}

.news_img{margin-top:-15px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.news_img li{display: flex;justify-content: space-between;box-sizing:border-box;width:32%;height:170px;margin-top:15px;position: relative;flex-grow: 0;overflow: hidden;}
.news_img li img{width:100%;height:100%;object-fit: cover;transition: all ease-in 0.3s;}
.news_img li figcaption{position: absolute;bottom:-100px;width:100%;box-sizing:border-box;padding:1em;background-color:rgba(0,0,0,0.6);color: #fff;font-size: 0.89rem;transition: all ease-in 0.5s;}
.news_img li:hover figcaption{bottom:0}
.news_img li:hover img{transform: scale(1.05);}

.news_video{width:33%;box-sizing: border-box;padding:20px;border-radius: 5px;background: linear-gradient(180deg, #ececec, #f6f6f6);}
.news_video .img{margin-bottom: 15px;position: relative;border-radius: 6px 6px 0 0;overflow: hidden;}
.news_video .img a{display: block;}
.news_video .img a::before{content: "";display: block;position: absolute;width: 100%;top:0;bottom:0;background-color: rgba(0,0,0,0.5);}
.news_video .img a::after{content: "";display: block;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%) scale(1); width:60px;height: 60px;background: url(../images/icon_player.png) center center;background-size: 100%;transition: all ease-in 0.3s;}
.news_video .img:hover a::after{animation: myBreath 0.8s linear infinite;}
.news_video .img:hover a::before{background-color: rgba(0,0,0,0.4);}
@keyframes myBreath {
	0%{transform:translate(-50%,-50%) scale(1);}
	50%{transform:translate(-50%,-50%) scale(1.1);}
	100%{transform:translate(-50%,-50%) scale(1);}
}

.news_video img{width:100%;}
.news_video h4{margin-bottom: 10px;font-weight: normal;font-size: 1rem}
.news_video .text p,.news_video .text div{font-size:0.78rem;color: #666;line-height: 1.8;}

/*index seciton02*/
.section02{padding: 50px 0 70px;background: url(../images/bg_section02.jpg) no-repeat top center;background-size: cover;}
.index_business.hide{opacity: 0;}
.index_business ul{display: flex;justify-content: space-between;}
.index_business li{width: 19%;height: 440px;border-radius: 8px;overflow: hidden;/* transition: all ease-in 0.5s; */transition: width 0.5s ease}
.index_business li dt{transition: all 0.5s ease 0.5s}
.index_business li.active{width:58%}
.bs01{background: url(../images/bg_bs01.jpg) no-repeat center bottom;background-size: cover;}
.bs02{background: url(../images/bg_bs02.jpg) no-repeat center bottom;background-size: cover;}
.bs03{background: url(../images/bg_bs03.jpg) no-repeat center bottom;background-size: cover;}
.bs01.active{background: url(../images/bg_bs01_a.jpg) no-repeat center bottom;background-size: cover;}
.bs02.active{background: url(../images/bg_bs02_a.jpg) no-repeat center bottom;background-size: cover;}
.bs03.active{background: url(../images/bg_bs03_a.jpg) no-repeat center bottom;background-size: cover;}
.index_business li dd{display: none;}
.index_business li.active dd{display: block;font-size: 0.89rem;line-height: 1.6;}
.index_business li dt{display: flex;flex-direction: column;align-items: center;font-size: 1.3rem;color: #fff;}
.index_business li dt i{padding:10px;margin:85px 0 15px;background-color: #1a9fe3;border-radius: 100%;}
.index_business li.active{position: relative;}
.index_business li.active dl{padding: 25px 25px 40px;position: absolute;bottom:0;left:0;right:0;background: linear-gradient(0deg, rgba(2,29,68,0.9), rgba(2,29,68,0));}
.index_business li.active dt{flex-direction: row;align-items: flex-end;margin-bottom: 10px;}
.index_business li.active dt i{padding:0;margin:0;background-color: transparent;}
.index_business li.active dt span{margin-left:10px;margin-bottom: 15px;}
.index_business li.active dd{display: flex;justify-content: space-between;align-items: center;color: #fff;}
.index_business li.active dd .more{flex-shrink: 0;margin-left:15px;}
.index_business li.active dd .more a{border: 1px solid #fff;}
.index_business li.active dd .more a:hover{background-color: #0f9fe9;border: 1px solid #0f9fe9;}

/*section03*/
.section03{padding:90px 0  60px;background: #044fa3 url(../images/bg_about.jpg) no-repeat top right -350px;position: relative;color: #fff;}
.index_about dl{width:50%;box-sizing: border-box;padding-left:20px;color: #fff;line-height: 1.6;}
.index_about dt{margin-bottom: 10px;}
.index_about dt h4{margin-bottom:0.5em;color: #fff;font-size: 1rem;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;opacity: 0.5;font-weight: normal;}
.index_about dd{font-size: 0.89rem;}
.index_about dd p{margin-bottom: 5px;}
.index_about dd p:last-child{margin-top: 15px;}
.index_about .more a{;border: 1px solid #fff;float:left}
.index_about .more a:hover{background-color: #0f9fe9;border: 1px solid #0f9fe9;}
.index_about dt,.index_about dd{opacity: 0;}

.data_count{margin-top:30px;display: flex;justify-content: space-between;}
.data_count li{box-sizing: border-box;width:25%;padding: 20px 50px;border-right: 1px solid rgba(255,255,255,0.2);text-align: center;opacity: 0;}
.data_count li:last-child{border: none;}
.data_count li span{display: block;;font-size: 2.5rem;}
.data_count li p{line-height: 1.8;font-size: 0.89rem;}

/**section04*/
.section04{padding:10px 0}
.companies{display: flex;justify-content: space-around;align-items: center;}
.companies dt{flex-grow: 1;}
.companies dt strong{display: inline-block;width:113px;height:37px;line-height:35px;background: url(../images/companies_tbg.png);text-indent: 1em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.companies dd{flex-grow: 3;}
.companies dd ul{display: flex;justify-content: space-between;align-items: center;}
.companies dd li{margin: 0 35px;}

/*footer*/
.footer{background-color: #f0f0f0;border-top: 6px solid #0e68c1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.nav_footer{padding: 60px 0;display: flex;justify-content: space-between;}
.nav_footer .sitemap{display: flex;width:70%;justify-content: space-around;}
.nav_footer .sitemap dl{line-height: 2.4;}
.nav_footer .sitemap dt{font-size:1rem;}
.nav_footer .sitemap dd{font-size: 0.78rem;}
.ewm ul{display: flex;justify-content: space-between;}
.ewm li{margin:0 20px;}
.ewm li img{width: 130px;}
.ewm li p{line-height: 3;text-align: center;font-size: 0.78rem;color: #999;}
.copyrights{padding:20px;border-top: 1px solid #dedede;text-align: center;font-size: 0.78rem;color: #999;}

.sidebar{width: 80px;position: fixed;right: 0;top: 50%;transform: translate3d(80px, -50%, 0) scale(.9);z-index: 200;text-align: center;opacity: 0;visibility: hidden;transition: 1s;transition-delay: .5s;}
.sidebar ul{padding:20px 10px 10px;border: 1px solid #e4e4e4;background-color:#fff;border-radius: 8px;box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.sidebar li{border-bottom: 1px solid #e3e3e3;padding-bottom: 15px;margin-bottom: 10px;position: relative;}
.sidebar li:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: 0;}

.sidebar li:hover>img,.sidebar li a:hover>img{transform: rotateY(360deg); transition: all .5s linear;}
.sidebar span{display: block;font-size: 0.89rem;}
.main_show .sidebar{opacity: 1;visibility: visible;transform: translate3d(0, -50%, 0) scale(.9);}
.index.main_show .sidebar{transform: translate3d(-15px, -50%, 0) scale(.9);}
.main_show .sidebar.hidden{opacity: 1;visibility: visible;transform: translate3d(80px, -50%, 0) scale(.9);}
.sidebar li div{position: absolute;right: 70px;top:0;display: none;padding:10px;background-color: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.sidebar li div img{width: 150px;}
.sidebar li div p{line-height: 2;text-align: center;font-size: 0.89rem;color: #999;}
.sidebar li:hover div{display: block;}
.sidebar .close{position: absolute;top: -25px;right: 0;cursor: pointer;}
.sidebar .close svg path{ fill: #a2a2a2;}
.sidebar .goTop{cursor: pointer;}

.pop_mark,.pop{display: none;}
.pop_mark{position: fixed;top:0;left:0;right: 0;width:100%;height: 100vh;background-color: rgba(0, 0, 0, 0.8);z-index: 300;}
.pop{position: absolute;left:50%;top:50%;width: 70vw;transform: translate(-50%,-50%);padding:15px;border-radius: 6px; background-color: #fff;z-index: 301;box-shadow: 0 10px 25px rgba(0,0,0,0.9);}
.pop video{width: 100%;height: auto;display: block;}
.pop .close{position: absolute;right:0;top:-30px;opacity: 0.5;cursor: pointer;}
.pop .close:hover{opacity: 1;}
body.pop_show{overflow: hidden;}

/*----------inner pages-------------*/
.kv{margin-top:90px;width:100%;/* animation: bgs ease-out 0.8s forwards; */}
.kv .wal{position: relative;height:456px;}
.kv dl{position: absolute;left:0;top:50%;transform: translate(76px,-50%); box-sizing: border-box;padding: 35px;width: 440px; background-color: rgba(0, 0, 0, 0.3);color: #fff;}
.kv dt{font-size: 3.25rem;line-height: 1;margin-bottom: 10px;}
.kv dd{font-size: 1.25rem;}
.kv_about{background: #6d9cd4 url(../images/sub/kv_about.jpg) no-repeat center center;}
.kv_news{background: #2471c1 url(../images/sub/kv_news.jpg) no-repeat center center;}
.kv_culture{background: #1f8ed5 url(../images/sub/kv_culture.jpg) no-repeat center center;}
.kv_business{background: #a5bbda url(../images/sub/kv_business.jpg) no-repeat center center;}
.kv_service{background: #3a237f url(../images/sub/kv_service.jpg) no-repeat center center;}
.kv{background-size:cover}
/* @keyframes bgs{
	0%{background-size: auto 110%;}
	100%{background-size:auto 100%;}
} */

.breadcrumb{padding: 1.2em 2em;background-color: #f8f8f8;border-bottom: 1px solid #e7e7e7;font-size: 0.89rem;}
.breadcrumb p{padding-left: 30px;background: url(../images/sub/icon_bc.png) no-repeat left -2px;color: #666;}
.breadcrumb span{margin: 0 0.5em;}
.breadcrumb span:last-child{color: #24acf1;}
.breadcrumb a:link,.breadcrumb a:visited{color: #666;}
.breadcrumb a:hover{color:#0f9fe9}

.container{padding: 30px 0;}

/*about*/
.container_about{background: url(../images/sub/bg_about.jpg) no-repeat bottom center;background-size: cover;}
.about{padding: 50px 0;}
.about_summary{position: relative;}
.about_summary .title{position: absolute;left:30px;top:-30px;z-index: 1;color: #50a7f1;font-size: 7.2rem;}
.about_summary .text{position: absolute;left:0;top:15%;width:55%;padding:40px;background-color: rgba(255,255,255,0.9);backdrop-filter: blur(3px);line-height: 1.8;z-index: 2;}
.about_summary .text p{margin-bottom: 0.5em;text-align: justify;text-indent: 2em;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
.about_summary .img{margin-left: 50%;}
.about_summary .img img{/* box-shadow: 25px 30px 0 #aad6ff; */}
.about_seciton{margin-top: 80px;padding:0 20px}
.about_seciton p{text-indent: 2em;line-height: 1.8;margin-bottom: 1.5em;text-align: justify;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}

.tuji{margin-top:50px;}
.leftLoop01{position: relative;padding-bottom: 50px;} 
.leftLoop01 .swiper-pagination{position: absolute;bottom:0;left: 50%;transform: translateX(-50%);text-align: center;}
.leftLoop01 .swiper-pagination span{margin:0 6px;display: inline-block;width: 54px;height: 8px;font-size: 0;background-color: #d3d3d3;transition: all ease 0.3s;cursor: pointer;border-radius: 0;opacity: 1;}
.leftLoop01 .swiper-pagination span.swiper-pagination-bullet-active{background-color: #0f9fe9;}
.leftLoop01 .slide_img li dl{width:100%}
.leftLoop01 .slide_img li dt{width:100%;height:260px;overflow: hidden;}
.leftLoop01 .slide_img li dt img,.leftLoop01 .slide_img li dt video{width:100%; height:100%;transition: all ease-in 0.3s;object-fit: cover;}
.leftLoop01 .slide_img li dd {padding:1em 0.5em;background-color: #f0f0f0;text-align: center;font-size:1rem;}
.leftLoop01 .slide_img li:hover dd{color: #333;}

.jiagou_box{background: url(../images/sub/bg_jiagou.jpg) no-repeat center bottom;background-size: cover;}
.jiagoutu{position: relative;left:50%;float:left;transform: translateX(-50%);}
.cyqy_link{position: absolute;left:232px;top:560px;width:836px;height: 400px;}
.cyqy_link {display: flex;justify-content: space-between;}
.cyqy_link li{width:58px;height: 100%;position: relative;}
.cyqy_link li::before{content: "";display: block;position: absolute;left:0;right:0;top:0;bottom:0;background-color: rgba(15,159,233,0.15);border-radius: 58px; animation: myfade 2s linear infinite;z-index: 1;overflow: hidden;}
.cyqy_link li a{ position: relative; display: none;box-sizing: border-box;padding:1em; width:100%;height:100%;border-radius: 58px;font-size: 1rem;writing-mode: vertical-rl;z-index: 2;letter-spacing: 0.2em;line-height: 1;}
.cyqy_link li:hover a{display: block;}
.cyqy_link li a:hover{padding-top:1em;background-color: #1c99dd;color: #fff;text-indent: 0.5em;}
@keyframes myfade {
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}
.jiagoutu_m{display: none;padding: 10px;margin-top:15px}
.jiagoutu_m h4{border-bottom: 1px solid #e3e3e3;margin-bottom: 15px;padding:0.5em 0;font-size: 1.2rem;}
.cyqy_link_m li{margin-bottom: 10px;}
.cyqy_link_m li a{display:block;box-sizing: border-box;padding:0.75em 1em; background-color: #1c99dd;font-size: 1rem;color:#fff;border-radius: 1vw;}

.timeline{margin:30px 60px 80px;position: relative;}
.timeline::after{content: "";display: block;position: absolute;width: 2px;top:20px;left:99px;bottom:0;background-color: #24acf1;z-index: -1;}
.timeline .icon{margin-left: 74px;position: relative;}
.timeline .icon p.rote01,.timeline .icon p.rote02{position: absolute;left:0;top:0}
.timeline .icon p.rote01{z-index: 1;}
.timeline .icon p.rote02{z-index: 2;}
.timeline .icon p.rote01 img{animation: myrote360 14s linear infinite;}
.timeline .icon p.rote02 img{animation: myrote360 2s linear infinite;}
@keyframes myrote360 {
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}
.timeline dl{padding-left: 100px;padding-bottom: 30px;}
.timeline dl:last-child{padding-bottom: 0;}
.timeline dt{margin:40px 0 50px -115px;font-family: Source Han Serif;font-weight: bold;}
.timeline dt strong{margin-right:15px;display: inline-block;font-size: 1.8rem;padding:0.1em 1em;background-color: #24acf1;color: #fff;}
.timeline dt span{font-size: 2rem;color: #24acf1;}
.timeline dd{padding-left: 30px;margin-bottom: 10px;}
.timeline dd h5{position: relative;margin: 15px 0;position: relative;}
.timeline dd h5 i{position: absolute;left:-30px;transform: translate(-50%,8px);background-color:#24acf1;padding: 2px;border-radius: 100%;transition: all ease-in 0.3s;}
.timeline dd h5 i::after{content: "";display: block;width: 12px;height: 12px;border-radius: 100%;border:3px solid #fff}
.timeline dd h5 em{font-size: 1.5rem;color:#24acf1;font-weight: normal;}
.timeline dd p{padding: 1em;background-color: #f5f5f5;line-height: 1.8;transition: all ease-in 0.3s;}
.timeline dd:hover h5 i{transform:translate(-50%,8px) scale(1.3);}


.company_summary .title{padding:88px 88px 196px;background:#0f6fc5 url(../images/sub/bg_company01.jpg) center bottom;background-size: cover;border-radius: 0 50px 0 50px;animation: bgs2 2s 1s ease-out forwards /* infinite alternate */;}
@keyframes bgs2{
	0%{background-size: auto 100%;}
	100%{background-size:auto 110%;}
}
.company_summary .title h3{display: flex;align-items: flex-end;color: #fff;}
.company_summary .title h3 strong{font-size: 2rem;padding-left: 0.75em;position: relative;}
.company_summary .title h3 strong::before{content: "";display: block;position: absolute;left:0;top:50%;transform: translateY(-50%); width:6px;height: 0.9em;background-color: #fff;border-radius: 2px;}
.company_summary .summary{margin: -120px 80px 50px;background-color: #fff;border-radius: 20px;padding: 2em;box-shadow: 0 10px 15px rgba(0,0,0,0.1);}
.company_summary .summary p{text-indent: 2em;margin-bottom: 1em;line-height: 1.8;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}

.chengyuan{padding-top: 30px;}
.chengyuan h3{margin-bottom:40px;display:flex;justify-content: center;align-items: center;}
.chengyuan h3 strong{margin:0 1em;font-size: 1.65rem;}
.chengyuan h3::before,.chengyuan h3::after{content: "";display: block;height: 1px;width: 10%;background-color: #e7e7e7;}
.chengyuan ul{display: flex;flex-wrap: wrap;}
.chengyuan ul li{box-sizing: border-box; width: 49%;margin-right: 2%;margin-bottom: 2%;display: flex;align-items: center;background-color: #f3f3f3;padding: 25px;}
.chengyuan ul li:nth-child(2n){margin-right: 0;}
.chengyuan li .img{width: 24%;margin-right: 40px;}
.chengyuan li .img p{box-sizing: border-box;width: 150px;height: 150px; padding: 12px;background-color: #fff;border-radius: 100%;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.chengyuan li .img img{width: 100%;height: 100%;object-fit: contain;border-radius: 100%;}
.chengyuan li .summary h4{font-size: 1.33rem;}
.chengyuan li .summary address{margin-top:5px;font-style: normal;font-size: 0.95rem;line-height: 1.8;}
.chengyuan .jianjie{margin-top:5px;font-size: 0.95rem;line-height:1.6;display: -webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;text-overflow: ellipsis;}

/*news*/
.news_top1{padding-top: 20px;}
.leftLoop02{position: relative;padding-bottom: 50px;border-bottom: 1px solid #e3e3e3;} 
.leftLoop02 .swiper-pagination{position: absolute;bottom:60px;right: 50px;text-align: right;}
.leftLoop02 .swiper-pagination span{margin:0 6px;display: inline-block;width: 54px;height: 8px;font-size: 0;background-color: #d3d3d3;transition: all ease 0.3s;cursor: pointer;border-radius: 0;opacity: 1;}
.leftLoop02 .swiper-pagination span.swiper-pagination-bullet-active{background-color: #0f9fe9;}
.leftLoop02 .slide_img li dl{width:100%;display: flex;justify-content: space-between;}
.leftLoop02 .slide_img li dt{width:60%;height:440px;overflow: hidden;}
.leftLoop02 .slide_img li dt a{display:block;width:100%;height:100%}
.leftLoop02 .slide_img li dt img{width:100%; height:100%;transition: all ease 0.5s;object-fit: cover;}
.leftLoop02 .slide_img li.swiper-slide-active dt img{transform: scale(1.05);}
.leftLoop02 .slide_img li dd {box-sizing:border-box;width:38%;padding:1em 0.5em;font-size:1rem;}
.leftLoop02 .slide_img li dd h4{font-size: 1.5rem;line-height: 1.5;font-weight: 600;}
.leftLoop02 .slide_img li dd .summary{margin:25px 0;line-height: 1.8;color: #666;}
.leftLoop02 .slide_img li dd .date{color: #999;}
.leftLoop02 .slide_img li dd h4{transform: translateY(30px);opacity: 0;transition: all ease-in 0.5s;}
.leftLoop02 .slide_img li dd .summary{transform: translateY(50px);opacity: 0;transition: all ease-in 0.5s;}
.leftLoop02 .slide_img li dd .date{transform: translateY(70px);opacity: 0;transition: all ease-in 0.5s;}
.leftLoop02 .slide_img li.swiper-slide-active dd h4,
.leftLoop02 .slide_img li.swiper-slide-active dd .summary,
.leftLoop02 .slide_img li.swiper-slide-active dd .date{transform: translateY(0);opacity: 1;}

.news_index_list{padding: 30px 0 50px;}
.news_index_list li{padding: 15px 0}
.news_index_list li::after{content: "";height: 0;display: block;clear: both;overflow: hidden;}
.news_index_list li:hover{background-color: #f8f8f8;}
.news_index_list li em{margin-right: 0.5em;margin-left:1em;color: #999999;position: relative;}
.news_index_list li em a{color: #999999;}
.news_index_list li em::after{content: "";display: block;width:4px;height: 4px;background-color: #a3d0ff;position: absolute;left:-0.6em;top:50%}
.news_index_list li span{float: right;color: #999;}

.news_list_text li{position: relative; display: flex;box-sizing:border-box;border-bottom:1px solid #e3e3e3;align-items: flex-start;padding:30px 15px;}
.news_list_text li:hover{background-color: #f8f8f8;}
.news_list_text .date{padding:15px;margin:0 25px;background-color: #f4f4f4;border-radius: 6px;}
.news_list_text .date span{display: block;width:100%;text-align: center;}
.news_list_text .date .dd{font-size: 2rem;color: #333;}
.news_list_text .date .ym{font-size: 1rem;color: #999;}
/* .news_list_text .date em{display: block;padding:1em 0;min-width: 4em;text-align: center;}
.news_list_text .date strong{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;font-weight: normal;font-size: 0.8rem;}
.news_list_text .date strong small,.news_list_text .date strong i{display: block;}
.news_list_text .date strong i{font-style: normal} */
.news_list_text .text h4{margin-bottom:0.3em;font-size: 1.25rem;font-weight: normal;}
.news_list_text .text p{font-size: 1rem;color: #666;line-height: 1.6;}
.news_list_text li:hover .date{background-color: #fff;box-shadow: 0 5px 5px rgba(0,0,0,0.05);}
.news_list_text li:hover h4 a:link{color: #0f9fe9;}
.news_list_text .Ex_date{margin-top:15px;}
.news_list_text .Ex_date p{display: inline-block;padding:0.2em 1em;background-color: #fff;border-radius: 6px;border: 1px solid #e3e3e3;}
.news_list_text .Ex_date strong{font-weight: normal;}
.news_list_text .Ex_date span{color: #0f9fe9;}

.news_list_g_t li{position: relative; display: flex;box-sizing:border-box;border-bottom:1px solid #e3e3e3;padding:30px 15px;}
.news_list_g_t li:hover{background-color: #f8f8f8;}
.news_list_g_t .img{width:26%;flex-shrink: 0;margin: 0 30px;overflow: hidden;}
.news_list_g_t .img img{width:100%;object-fit: cover;transition: all ease-in 0.5s;}
.news_list_g_t li:hover img{transform: scale(1.1);}
.news_list_g_t .date{padding:0 15px;}
.news_list_g_t .date span{display: block;width:100%;text-align: center;}
.news_list_g_t .date .dd{font-size: 2rem;color: #333;}
.news_list_g_t .date .ym{font-size: 1rem;color: #999;}
.news_list_g_t .text h4{margin:0.3em 0;font-size: 1.25rem;font-weight: normal;}
.news_list_g_t .text h5{font-size: 1rem;font-weight: normal;color: #666;margin-bottom: -10px}
.news_list_g_t .text p.summary{margin:20px 0;font-size: 1rem;color: #666;line-height: 1.6;}
.news_list_g_t .text p.readmore a{float: left;font-size: 0.89rem;padding:0.5em 1em;background-color: #f5f5f5;color: #1b96d5;}
.news_list_g_t .text p.readmore a:hover{background-color: #1b96d5;color: #fff;}
.news_list_g_t li:hover .readmore a{background-color: #f0f0f0;}
.news_list_g_t li:hover h4 a:link{color: #0f9fe9;}

.list_page{margin: 50px 0 20px;}

article h2{font-size:1.5rem;padding-bottom:1em;margin-bottom:15px;border-bottom: 1px solid #e3e3e3;}
article .info{display:flex;justify-content:space-between;align-items: center;color: #999;}
article .info strong{font-weight: normal;}
article .info p span{margin-right: 1em;}
article .info .web_share{display:flex;align-items: center;}
article .content{padding:30px 0;line-height: 1.8;}
article .content p{margin-bottom: 1em;}
article .content img{max-width: 100%;}
article .other_list{margin-top: 30px;padding:2em 0;border-top:1px solid #e3e3e3;display: flex;justify-content: space-between;font-size: 0.89rem;color: #666;}
article .other_list a:link,article .other_list a:visited{color:#666}
article .other_list a:hover{text-decoration: underline;color: #0f9fe9;}

/*business*/
.business_list{margin-top:15px}
.business_list .bl{display: flex;justify-content: space-between; align-items: center; margin-bottom:60px;padding:40px;border:1px solid #e3e3e3; box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.business_list .bl:hover{box-shadow: 0 10px 20px rgba(0,0,0,0.3);}
.business_list .bl h3 span{
background: linear-gradient(to right, #85f2ff, #85f2ff) no-repeat;
background-position: left bottom 2px;
background-size: 0 8px;
transition: background-size .5s;
}
.business_list .bl:hover h3 span{background-size:100% 8px;}
.business_list .bl:nth-child(2){flex-direction: row-reverse;}
.business_list .img{width:50%;height:350px;box-sizing: border-box;overflow: hidden;}
.business_list .img img{width: 100%;height:100%;object-fit: cover;box-sizing: border-box;border: 2px solid #fff;}
.business_list .summary{width:48%;box-sizing: border-box;padding:20px}
.business_list .summary h3{margin-bottom:20px;display: flex;align-items: center;}
.business_list .summary h3 i{padding:3px;margin-right:10px;background-color: #1a9fe3;border-radius: 100%;}
.business_list .summary h3 img{width:42px;height: 42px;}
.business_list .summary h3 span{font-size: 2rem;font-weight: 600;}
.business_list .summary .text{text-align: justify;line-height: 1.6;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
.business_list img{transition: all ease-in 0.5s;}
.business_list .bl:hover img{transform: scale(1.05);}

.card{margin-top:20px;display: flex;margin-bottom: 30px;}
.card a{display: block;}
.card dt{margin-right:30px;width: 20%;flex-shrink: 0;background-color: #f5f5f5;font-size: 1.5rem;}
.card dt h4{position: relative; padding:50px 50px 15px 0;text-align: right;}
.card dt h4::after{content: '';display: block;position: absolute;bottom:0;right:50px;width:4em;height:2px;background-color: #1a9fe3;}
.card dd ul{display: flex;flex-wrap: wrap;margin-top: -20px;}
.card dd li{width:32%;margin-right:2%;margin-top: 20px;}
.card dd li:nth-child(3n){margin-right: 0;}
.card dd li .img{height: 220px;overflow: hidden;}
.card dd li img{width: 100%;height: 100%;object-fit: cover;transition: all ease-in 0.5s;}
.card dd li .text{background-color: #f8f8f8;font-size:0.9rem;padding: 1em;line-height: 1.8;color: #666;}
.card li:hover img{transform: scale(1.1)}
.card li:hover .text{background-color: #1a9fe3;color:#fff}

/*service*/
address dl{margin:0 30px;font-style: normal;}
address dt{margin-bottom: 10px;padding-top: 0.5em;font-size: 1.75rem;}
address dd {padding: 1em 0;border-bottom: 1px solid #e3e3e3;}
address dd span{display: inline-block;width:50%;color: #666;}
map{display:block;margin:50px 0 20px;border-radius: 20px;overflow: hidden;}
map img{width: 100%;}


#gg1 img{border-radius: 12px;border: 2px solid #fff;}
@media (max-width:1200px){
	#gg1{display: none !important;}
}





/*---20260129---*/
.news_list_g_t .text h5{font-size: 1rem;font-weight: normal;color: #666;margin-bottom: -10px}