/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,input,button,textarea,dl,dt{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;font-family: normal;font-weight: normal;}
body{ font-size:14px;color:#707070;overflow-x: hidden;line-height: 2;}
a img{
  border: 0;
}
em {
  font-style: normal;
}
body.head_on{overflow:hidden;}
a{text-decoration:none;color: #333;transition: all .3s;}
*{box-sizing: border-box;}
input,select,textarea{outline: none;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }

.wapper{
	width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
	box-sizing: border-box;
}
@media only screen and (min-width: 1400px){
	.wapper{
		width: 1400px;
		margin: 0 auto;
	}
}

:root{
	--primary-color:#2a62ac;
	--font-color:#666;
	--main-white:#fff;
}





/* 轮播图通用 */
.swiper {width: 100%;height: 100%;}
.swiper-slide
{
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
	width: 100%;
}

.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}


.height{/*height: 100px;*/}
/* 导航 */
.headerbox{width: 100%;margin:  0 auto;position: fixed;left: 0;top: 0;z-index: 999;background-color: #fff;transition: all 0.5s;}
.headerbox.active{opacity: 1;visibility: visible;}
.headerbox .header{display: flex;align-items: center;justify-content: space-between;height: 100px;}
.headerbox .header .menu2{display: flex;align-items: center;margin-top: 9px;}
.h_search{position: relative;width: 140px;}
.h_search .h_text{width: 100%;border: 1px solid #e1e1e1;height: 30px;line-height: 30px;padding: 0 10px;}
.h_search .h_btn{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 16px;height: 17px;background-image: url(../images/ico_search.svg);background-size: contain;background-repeat: no-repeat;background-color: transparent;}
.headerbox .header .menu2 ul{display: flex;align-items: center;}
.headerbox .header .menu2 ul li{margin-right: 5px;}
.headerbox .header .menu2 ul li a{display: block;background-color: #13638D;height: 30px;padding: 0 10px;font-size: 14px;color: #fff;transition: all 0.5s;}
.headerbox .header .menu2 ul li a:hover{opacity: 0.5;}
.headerbox .header .menu>ul{display: flex;align-items: center;}
.headerbox .header .menu>ul>li>a{font-size: 16px;line-height: 1;padding: 5px 10px;color: #707070;display: flex;position: relative;text-decoration: none;transition: all 0.5s;}
.headerbox .header .menu>ul>li:hover>a{opacity: 0.6;}
.sub_menu{position: absolute;left: 0;top: 100%;width: 100%;background-color: #fff;z-index: 99;background-color: #F5F5F5;transition: all 0.15s;background-color: rgba(0, 0, 0, 0.3);height: calc(100vh - 100px);opacity: 0;visibility: hidden;}
/* .sub_menu.on{opacity: 1;visibility: visible;} */
.headerbox .header .menu>ul>li:hover>.sub_menu{opacity: 1;visibility: visible;}
.sub_menu .w{background-color: #f5f5f5;}
.sub_menu .inner{width: 100%;margin:  0 auto;max-width: 800px;padding-inline: 5vw;display: grid;grid-template-columns: 200px 585px;column-gap: 0;align-items: stretch;justify-content: space-between;padding: 50px 0;transition: height 0.5s cubic-bezier(0.1, 0.7, 0.4, 1);}
.sub_menu .inner h3{font-size: 15px;color: #13638D;letter-spacing: 1.5px;font-weight: 400;line-height: 70px;}
.sub_menu .inner ul{position: relative;display: grid;grid-template-columns: repeat(2, 1fr);gap: 0 0;margin-bottom: 30px;}
.sub_menu .inner ul:after{content: "";position: absolute;left: 0px;top: 0px;z-index: auto;width: 1px;height: 100%;background-color: #e1e1e1;}
.sub_menu .inner ul li{transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.sub_menu .inner ul li:hover{background-color: #eee;}
.sub_menu .inner ul li a{display: grid;justify-content: start;padding-left: 60px;font-size: 14px;font-weight: 400; color: #707070;letter-spacing: 0.1em;text-decoration: none;background: url(../images/arrow_01.svg) no-repeat left 45px center;height: 70px;line-height: 70px;}


/*mMenu*/
.m_header{width: 100%;}
.sp_header{height:70px;overflow:hidden;background:var(--main-white);position:fixed;z-index:999;width:100%;display: none;top: 0;align-items: center;justify-content: space-between;}
.sp_logo{height:70px;display: flex;justify-content: center;align-items: center;padding-left: 10px;}
.sp_logo img{margin:auto;max-height:50px;}
.sp_nav{width:50px;position:relative;cursor:pointer;height:30px;}
/* 横杠 */
.sp_nav 
span{display:block;background:#000000;width:30px;height:3px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9999;background:var(--main-white);width:100%;height:calc(100% - 70px);font-size:14px;line-height:40px;top:70px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display: none;transition:all ease 0.35s}
.nav_show{display: block;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-bottom: 1px dashed #ddd;;position:relative;line-height:45px;font-size:16px}
.sjj_nav>ul >li:last-child{border-bottom: 1px dashed #ddd;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:var(--font-color);width:100%;padding: 0 20px;display: block;box-sizing: border-box;}
.sjj_nav ul li a:hover{color: #000000;}
.sjj_nav ul li ul li a{color:var(--font-color);display:block;text-align:left;}
.sjj_nav ul li i svg{width:25px;height:25px;fill:#333;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#333;}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li ul li{border-top: none;}
.sjj_nav ul li ul li a{padding: 0 30px;}







@keyframes leadingline {
	0% {
		transform: scale3d(1,1,1);
		transform-origin: bottom
	}

	34% {
		transform: scale3d(1,0,1);
		transform-origin: bottom
	}

	36% {
		transform: scale3d(1,0,1);
		transform-origin: top
	}

	70% {
		transform: scale3d(1,1,1);
		transform-origin: top
	}
}

/* bannerbox */
.bannerbox{width: 100%;margin: 0 auto;font-size: 0;height: 100%;position: relative;}
.bannerbox video{width: 100%;height: 100%;object-fit: cover;}
.b_logo{position: absolute;left: 50%;    bottom: 30%;
    transform: translate(-50%, 0);font-size: 0;}
.b_logo img{max-width: 100%;width: auto;}
.b_down{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);height: 80px;}
.b_down p{font-size: 13px;color: #fff;line-height: 30px;position: absolute;top: -26px;left: 50%;transform: translateX(-50%);}
.b_down .line{width: 1px;height: 80px;position: absolute;}
.b_down .line:after{position: absolute;left: 0;animation: 2.7s cubic-bezier(.84, .09, .2, .95) 0s infinite normal none running leadingline;top: 0;width: 1px;content: "";background-color: #fff;width: 100%;height: 100%;}




.imgbox{width: 100%;font-size: 0;}
.imgbox img{width: 100%;}
.pd50{padding: 50px 0;}


/* footer */
footer{width: 100%;margin: 0 auto;}
.index4box{width: 100%;margin: 0 auto;background-color: #fff;}
.index4{      display: flex
;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 20px 0;}
.i4_left{     display: flex
;
    flex-direction: column;}
.i4_right{    /* width: 55%; */
    display: grid
;
    row-gap: 15px;
}}
.i4_left .logo{font-size: 0;width: 100%;}
.i4_left .logo img{    max-width: 100%;
    width: auto;
    height: 120px;
    object-fit: contain;}
.i4_left .fin{display: block;font-size: 0;}
.i4_left .fin img{max-width: 100%;width: auto;}
.i4_menu1{display: flex;justify-content: flex-start;align-items: stretch;gap: 15px 20px;flex-wrap: wrap;}
.i4_menu1 li{position: relative;transition: all 0.4s;}
.i4_menu1 li:after{content: "";position: absolute;right: -10px;top: 4px;z-index: auto;width: 1px;height: 9px;background-color: #E1E1E1;}
.i4_menu1 li:last-child:after{display: none;}
.i4_menu1 li a{font-size: 14px;color: #707070;}
.i4_menu1 li:hover{opacity: 0.5;}
.i4_menu2{margin-top: 10px;display: flex;justify-content: flex-start;align-items: stretch;gap: 0 15px;flex-wrap: wrap;}
.i4_menu2 li{}
.i4_menu2 li a{display: inline-block;min-width: 110px;padding: 8px 10px;border: 1px solid #CBCBCB;font-size: 14px;font-weight: 400;color: #707070;text-align: center;transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.i4_menu2 li a:hover{background-color: #eee;}


.footerbox{width: 100%;margin: 0 auto;padding-block: 30px 20px;}
.footer{width: 100%;max-width: 1000px;margin: 0 auto;}
.f_list{width: 100%;}
.f_list ul{      display: flex
;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;}
.f_list ul li{width: calc(calc(100% - 100px) / 6);margin-right: 20px;}
.f_list ul li:last-child{margin-right: 0;}
.f_list ul li a{display: block;font-size: 0;}
.f_list ul li a img{width: 100%;}
.footer .p{text-align: center;margin-top: 13px;font-size: 10px;color: #707070;}



 @keyframes toBottom {
	0% {
		background-position: center top 100%
	}

	100% {
		background-position: center top 0
	}
}



/* 通用内页 */
.inbannerbox{position: relative;width: 100%;margin: 0 auto;font-size: 0;position: relative;}
.inbannerbox video{width: 100%;}
.inbannerbox .text{position: absolute;left: 50%;top: 70%;transform: translate(-50%,-50%);text-align: center;}
.inbannerbox .text h3{font-size: 21px;color: #fff;font-weight: 400;    font-family: cursive;}

.insidebox{width: 100%;margin: 0 auto;}
.insidebox .inside{width: 100%;box-sizing: border-box;max-width: 750px;margin: 0 auto;}

.i1_more{text-align: right;}
/* ================首页样式========================= */
.index1box{width: 100%;margin: 0 auto;padding-top: 300px;padding-bottom: 210px;}
.index1{width: 100%;margin: 0 auto;max-width: 590px;}
.index1 h1{font-size: 24px;          font-family:'kaiti',"fangsong", "楷体", "SimKai", serif!important;writing-mode: vertical-rl;font-weight: 400;letter-spacing: 6px;line-height: 2;background-clip: text;/*background-image: linear-gradient(to bottom, #707070 30%, #fff 70%);*/background-size: 100% 500%;animation: toBottom 3s ease-out 0s backwards;margin: 0 auto;color: #707070;}

@font-face {
  font-family:"kaiti";
  src: url("../fonts/FZKTK--GBK1-0.woff2") format("woff2"),
       url("../fonts/FZKTK--GBK1-0.ttf") format("truetype"),
	  url("../fonts/FZKTK--GBK1-0.woff") format("woff"),
       url("../fonts/FZKTK--GBK1-0.eot") format("embedded-opentype"),
       url("../fonts/FZKTK--GBK1-0.svg") format("svg");
}


.index1 .desc{margin-top: 120px;font-size: 16px;line-height: 2.5;color: #707070;}
.i1_more{text-align: right;}
.more{margin-top: 45px;}
.more a{border-bottom: 1px solid #cbcbcb;display: inline-block;font-weight: 300;color: #13638d;font-size: 15px;position: relative;line-height: 50px;}
.more a i{margin-left: 15px;}
.more a:after{content: "";position: absolute;left: 0;bottom: -1px; z-index: auto;width: 0;border-bottom: 1px solid #13638d;transition: all .6s;}
.more a:hover:after{width: 100%;}



.index2box{width: 100%;margin: 0 auto;}
.index2{width: 100%;margin: 0 auto;}
.index2 .item{width: 100%;position: relative;max-width: 750px;margin: 0 auto;}
.index2 .item:after{content: "";position: absolute;left: 0;bottom: 0;z-index: auto;width: 60px;border-bottom: 1px solid #e1e1e1;}
.index2 .item1{padding-bottom: 120px;padding-top: 165px;}
.index2 .item2{padding-top: 107px;padding-bottom: 110px;}
.index2 .item3{padding-top: 107px;padding-bottom: 170px;}
.item .tit{width: 100%;}
.item .tit h1{font-size: 21px;color: #707070;line-height: 2;letter-spacing: 1;}
.item .tit h3{font-size: 15px;color: #2ca5ff;margin-top: 7px;}
.item .p{margin-top: 55px;font-size: 16px;line-height: 2;margin-bottom: 30px;}
.index2 .item .video{font-size: 0;}
.index2 .item .video video{width: 100%;}
.i2_more{text-align: left;}
.i2_list{width: 100%;}
.i2_list ul{display: flex;flex-wrap: wrap;}
.i2_list ul li{width: 32%;margin-right: 2%;transition: all 0.5s;margin-bottom: 28px;}
.i2_list ul li:hover{opacity: .5;}
.i2_list ul li:nth-child(3n){margin-right: 0;}
.i2_list ul li a {display: block;width: 100%;}
.i2_list ul li a .imgbox{width: 100%;font-size: 0;}
.i2_list ul li a .imgbox img{width: 100%;}
.i2_list ul li a h3{margin-top: 10px;display: flex;align-items: center;justify-content: space-between;}
.i2_list ul li a h3 span{width: 80%;font-size: 16px;color: #707070;line-height: 2;}
.i2_list ul li a h3 i{font-size: 16px;color: #2ca5ff;}

.index3box{padding-block:170px 0;width: 100%;margin: 0 auto;}
.index3{width: 100%;margin: 0 auto;max-width: 750px;}
.index3 .item{width: 100%;}
.index3 .item4{border-bottom: 1px solid #e1e1e1;padding-bottom: 120px;margin-top: 50px;}
.index3 .item5{padding-block: 105px 180px;}
.i4_list{width: 100%;margin-top: 50px;border-bottom: 1px solid #e1e1e1;}
.i4_list ul li{width: 100%;border-top: 1px solid #e1e1e1;}
.i4_list ul li a{padding: 20px 0;width: 100%;display: flex;align-items: center;}
.i4_list ul li a .date{font-size: 15px;color: #707070;line-height: 2;font-weight: 300;}
.i4_list ul li a p{font-size: 15px;font-weight: 400;flex: 1;padding-left: 22px;color: #707070;line-height: 2;}

.i5_list{width: 100%;margin: 0 auto;margin-top: 50px;}
.i5_list ul{display: flex;flex-wrap: wrap;}
.i5_list ul li{width: 32%;margin-right: 2%;margin-bottom: 28px;}
.i5_list ul li:nth-child(3n){margin-right: 0;}
.i5_list ul li a{display: block;width: 100%;}
.i5_list ul li a .imgbox{width: 100%;font-size: 0;}
.i5_list ul li a .imgbox img{width: 100%;}
.i5_list ul li a .textbox{width: 100%;margin-top: 25px;}
.i5_list ul li a .textbox .date{font-size: 15px;color: #707070;line-height: 2;}
.i5_list ul li a .textbox .tip{display: inline-block;border: 1px solid #e1e1e1;padding: 3px 10px;font-size: 14px;color: #13638d;line-height: 1.5;margin-top: 5px;min-width: 160px;text-align: center;}
.i5_list ul li a .textbox h3{margin-top: 13px;font-size: 15px;line-height: 2;color: #707070;}


/*  */
.y1box{width: 100%;margin: 0 auto;padding-top: 100px;padding-bottom: 80px;}
.y1{width: 100%;margin: 0 auto;max-width: 750px;}
.y1_tit{width: 100%;text-align: center;margin-bottom: 145px;}
.y1_tit h1{font-size: 22px;color: #707070;line-height: 2;;}
.y1_tit h3{font-size: 15px;font-weight: 300;margin-top: 15px;color: #2ca5ff;}
.y1_list{width: 100%;margin: 0 auto;}
.y1_list ul li{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;border-bottom: 1px solid #e1e1e1;padding-bottom: 90px;margin-bottom: 95px;}
.y1_list ul li:last-child{margin-bottom: 0;border-bottom: 0;}
.y1_list ul li .textbox{width: 46%;}
.y1_list ul li .imgbox{width: 46%;}
.y1_list ul li .imgbox img{width: 100%;}
.y1_list ul li .textbox .num{font-size: 15px;color: #2ca5ff;font-weight: 300;line-height: 2;}
.y1_list ul li .textbox h3{font-size: 20px;margin-top: 20px;line-height: 2;color: #707070;}
.y1_list ul li .textbox .desc{font-size: 16px;color: #707070;line-height: 2;margin-top: 40px;}


/*  */
.ph1box{width: 100%;margin: 0 auto;padding-bottom: 200px;position: relative;min-height: 100vh;}
.ph1box .bg{width: 100%;height: 100%;font-size: 0;position: fixed;left: 0;top: 0;z-index: -1;}
.ph1box .bg video{width: 100%;height: 100%;object-fit: cover;}
.ph1box .text{padding: 0 20px;}
.ph1box .text h1{font-family: kaiti;width: 100%;height: 100vh;display: flex;align-items: center;justify-content: center;font-size: 24px;color: #fff;line-height: 2;}
.ph1box .text h3{max-width: 610px;width: 100%;margin: 0 auto;font-size: 20px;color: #fff;line-height: 2;margin-bottom: 100px;}
.ph1box .text p{max-width: 610px;width: 100%;margin: 0 auto;font-size: 16px;color: #fff;line-height: 2;}



/*  */
.probanner{width: 100%;margin: 0 auto;background-color: #13638d;height: 210px;display: flex;align-items: center;justify-content: center;}
.probanner .text{text-align: center;padding: 0 15px;}
.probanner .text h1{font-size: 22px;color: #fff;line-height: 2;}
.probanner .text h3{font-size: 15px;color: #fff;margin-top: 7px;}


.pro1box{width: 100%;margin: 0 auto;padding: 75px 0 90px;}
.pro1{width: 100%;margin: 0 auto;max-width: 650px;}
.pro1 h1{font-size: 20px;color: #707070;line-height: 2;text-align: center;}
.pro1 .list{width: 100%;margin-top: 50px;}
.pro1 .list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.pro1 .list ul li{width: calc(calc(100% - 50px) / 2);margin-bottom: 25px;height: 50px;text-align: center;}
.pro1 .list ul li a{font-size: 16px;color: #13638d;font-weight: 400;display: block;line-height: 50px;border: 1px solid #cbcbcb;transition: all 0.5s;}
.pro1 .list ul li:hover a{background-color: #13638d;border-color: #13638d;color: #fff;}
.pro1_btn{width: 100%;border-top: 1px solid #cbcbcb;margin-top: 40px;text-align: center;padding-top: 40px;}
.pro1_btn a{display: inline-block;text-align: center;padding: 0 20px;min-height: 50px;min-width: 312px;color: #fff;font-size: 14px;background-color: #707070;line-height: 50px;transition: all 0.5s;}
.pro1_btn a:hover{opacity: 0.6;}


.pro2box{width: 100%;margin: 0 auto;padding-top: 105px;padding-bottom: 150px;}
.pro2{width: 100%;margin: 0 auto;max-width: 750px;}
.pro2 h1{text-align: center;font-size: 21px;color: #707070;line-height: 2;}
.pro2 .i5_list{margin-top: 65px;}



/*  */
.rec1box{width: 100%;margin: 0 auto;padding-top: 60px;padding-bottom: 90px;}
.rec1{width: 100%;margin: 0 auto;max-width: 750px;}
.rec1 .item{width: 100%;margin: 0 auto;border-bottom: 1px solid #cbcbcb;padding: 80px 0 85px;text-align: center;}
.rec1 .item:last-child{border-bottom: 0;}
.rec1 .item h1{font-size: 20px;color: #707070;margin-bottom: 45px;line-height: 2;}
.rec1 .item .img{font-size: 0;transition: all 0.5s;}
.rec1 .item .img img{max-width: 100%;width: auto;}
.rec1 .item .img:hover{opacity: 0.6;}
.rec1 .item span{padding: 25px 35px;display: inline-block;background-color: #eee;font-size: 16px;color: #707070;}


/*  */
.newsbox{width: 100%;margin: 0 auto;padding-top: 125px;padding-bottom: 170px;}
.news{width: 100%;margin: 0 auto;max-width: 750px;}


/*  */
.report1box{width: 100%;margin: 0 auto;padding: 75px 0 90px;}
.report1{width: 100%;margin: 0 auto;max-width: 750px;}
.report1 h1{text-align: center;font-size: 20px;color: #707070;line-height: 2;}
.report1 .list{width: 100%;margin-top: 50px;}
.report1 .list ul{display: flex;flex-wrap: wrap;}
.report1 .list ul li{width: 32%;margin-right: 2%;margin-bottom: 20px;}
.report1 .list ul li:nth-child(3n){margin-right: 0;}
.report1 .list ul li a{display: block;width: 100%;text-align: center;border: 1px solid #cbcbcb;font-size: 16px;color: #13638D;height: 48px;line-height: 48px;}
.report1 .list ul li.curr a,.report1 .list ul li:hover a{background-color: #13638d;color: #fff;}


.report2box{width: 100%;margin: 0 auto;padding-top: 120px;padding-bottom: 170px;}
.report2{width: 100%;margin: 0 auto;max-width: 750px;}


/*  */
.lineupbox{width: 100%;margin: 0 auto;padding-top: 105px;padding-bottom: 170px;}
.lineup{width: 100%;margin: 0 auto;max-width: 650px;}
.lineup h1{text-align: center;font-size: 20px;color: #707070;line-height: 2;margin-bottom: 40px;}
.lineup .item{width: 100%;margin: 0 auto;}
.lineup .item h3{position: relative;display: inline-block;padding-right: 10px;z-index: 10;font-size: 15px;font-weight: 400;color: #707070;letter-spacing: 1.5;margin-bottom: 20px;}
.lineup .item h3:before{content: "";position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;background-color: #f5f5f5;}
.lineup .item h3:after{content: "";position: absolute;left: 0;top: 15px;z-index: -2;width: 650px;border-bottom: 1px solid #e1e1e1;}
.lineup .item ul{display: flex;flex-wrap: wrap;}
.lineup .item ul li{width: 32%;margin-right: 2%;margin-bottom: 25px;}
.lineup .item ul li:nth-child(3n){margin-right: 0;}
.lineup .item ul li a{text-align: center;display: block;font-size: 16px;color: #13638d;border: 1px solid #cbcbcb;height: 50px;line-height: 50px;transition: all 0.5s;}
.lineup .item ul li:hover a{background-color: #13638D;border-color: #13638D;color: #fff;}
.lineup .item ul li.xuanzhong {
    background-color: #13638D;
    border-color: #13638D;
    color: #fff;
}
.lineup .item ul li.xuanzhong a{
 
    color: #fff;
}

/*  */
.contactbox{width: 100%;margin: 0 auto;padding-top: 105px;padding-bottom: 160px;}
.contact{width: 100%;margin: 0 auto;max-width: 750px;}
.c_item{width: 100%;margin: 0 auto;border-bottom: 1px solid #e1e1e1;padding-bottom: 140px;}
.c_item:last-child{border-bottom: 0;}
.c_item2{margin-top: 105px;}
.c_item h1{font-size: 20px;color: #707070;line-height: 2;}
.c_item .desc{font-size: 16px;color: #707070;line-height: 2;margin-top: 40px;}
.c2_list{width: 100%;margin: 0 auto;margin-top: 80px;}
.c2_list .box1{padding: 50px 60px;background-color: #f5f5f5;width: 100%;margin: 0 auto;margin-bottom: 35px;}
.c2_list .box1 h3{margin-bottom: 5px;font-size: 16px;color: #707070;}
.c2_list .box1 ul li{width: 100%;}
.tel{margin-top: 15px;padding-left: 25px;line-height: 25px;font-size: 21px;font-weight: 400;color: #707070;letter-spacing: .02em;background: url(../images/ico_tel.svg) no-repeat left center;}
.email{margin-top: 15px;line-height: 25px;font-size: 20px;font-weight: 400;color: #707070;letter-spacing: .02em;}
.email:before{content: "MAIL";margin-right: 14px;font-size: 20px;font-weight: 400;color: #13638d;}
.div-dl{width: 100%;display: grid;grid-template-columns: auto 1fr;gap: 0 10px;margin-top: 20px;}
.div-dl dt{padding: 4px 6px;font-size: 14px;font-weight: 400;color: #13638d;outline: 1px solid #e1e1e1;text-align: center;}
.div-dl dd{padding: 4px 0;font-size: 16px;color: #707070;}


/*  */
.overbanner{width: 100%;margin: 0 auto;font-size: 0;}
.overbanner img{width: 100%;}


.over1box{width: 100%;margin: 0 auto;padding-top: 85px;}
.over1_title{width: 100%;text-align: center;}
.over1_title h1{font-size: 22px;line-height: 2;color: #707070;}
.over1_title h3{font-size: 15px;color: #2ca5ff;line-height: 2;font-weight: 300;margin-top: 7px;}
.over1{width: 100%;margin: 0 auto;padding-top: 125px;}
.sidebar{position: sticky;top: 100px;z-index: 200;left: 0; width: 300px;height: calc(100dvh - 100px);padding-left: 20px;display: grid;align-content: center;justify-content: start;}
.sidebar ul{display: grid;row-gap: 50px;}
.sidebar ul li{}
.sidebar ul li a{display: inline-block;font-size: 15px;font-weight: 400;color: #9f9f9f;text-decoration: none;line-height: 1.5;transition: all .2s cubic-bezier(.25, .46, .45, .94);}
.sidebar ul li.active a,.sidebar ul li:hover a{padding-left: 15px;color: #13638d;transition: all .4s cubic-bezier(.25, .46, .45, .94);}

.over1_content{position: relative;z-index: 100;margin-top: calc(-100dvh + 100px);box-sizing: content-box;margin-inline: auto;max-width: 650px;padding-inline: 5vw;transform: translateX(60px);}
.over1_content ul li{width: 100%;position: relative;padding-bottom: 50px;padding-top: 150px;}
.over1_content ul li .item{padding: 110px 0;border-bottom: 1px solid #e1e1e1;}
.over1_content ul li .item:last-child{border-bottom: 0;}
.over1_content ul li h1{margin-bottom: 50px;font-size: 20px;color: #707070;}
.over1_content ul li:nth-child(2n):after{content: "";position: absolute;left: -50vw;top: 0;z-index: -1;width: 200vw;height: 100%;background-color: #f5f5f5;}
.over1_content ul li p{font-size: 16px;color: #707070;line-height: 2;margin-bottom: 40px;}
.over1_content ul li .content{margin-top: 50px;}
.over1_content ul li .content img{max-width: 100%;width: auto;}
#dingwei1 h4{font-size: 21px;color: #707070;margin-top: 35px;}

.d3_list{width: 100%;}
.d3_list .d3_l{margin-bottom: 60px;width: 100%;}
.d3_list .d3_l h3{font-size: 16px;border-bottom: 1px solid #9f9f9f;color: #13638d;font-weight: 400;}
.d3_list .d3_l ul li{padding: 0;}
.o_tab{height: 50px;font-size: 16px;color: #707070;line-height: 50px;border-bottom: 1px solid #e1e1e1;transition: all 0.2s;display: flex;align-items: center;justify-content: space-between;padding-right: 10px;}
.o_tab:hover{background-color: #eee;}
.o_tab i{display: inline-block;}
.o_tab.on i{transform: rotate(-180deg);}
.o_box{display: none;font-size: 16px;color: #707070;line-height: 2;padding: 20px;border-bottom: 1px solid #e1e1e1;}



/*  */
.businessbanner{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;}
.businessbanner .img{width: 75%;font-size: 0;position: relative;}
.businessbanner .img .b_down p{color: #fff;}
.businessbanner .img .b_down .line{background-color: #fff;}
.businessbanner .img .b_down .line:after {background-color: #fff;}
.businessbanner .text{width: 25%;position: relative;}
.businessbanner .img img{width: 100%;}
.businessbanner .text .title{writing-mode: vertical-rl;text-orientation: initial;height: 450px;padding: 115px 20px 0 0;margin-block: auto;width: fit-content;}
.businessbanner .text .title h1{}
.businessbanner .text .b_nav{position: absolute;left: 0;bottom: 0; z-index: auto;width: 100%;padding-bottom: 100px;}
.businessbanner .text .b_nav ul{margin-inline: auto;width: -moz-fit-content;width: fit-content;display: grid;row-gap: 18px;}
.businessbanner .text .b_nav ul li{display: block;width: 100%;height: 100%;padding-left: 23px;line-height: 1.3;background: url(../images/arrow_05_down.svg) no-repeat left top 66%;font-size: 16px;font-weight: 400;color: #707070;letter-spacing: .03em;text-decoration: none;transition: all 0.5s;}
.businessbanner .text .b_nav ul li:hover{opacity: 0.6;}



.business1box{width: 100%;padding: 165px 0 180px;margin: 0 auto;}
.business1{width: 100%;margin: 0 auto;max-width: 650px;}
.business1 .tit{width: 100%;text-align: center;position: relative;padding-bottom: 50px;margin-bottom: 45px;}
.business1 .tit:after{content: "";position: absolute;left: 50%;bottom: 0;z-index: auto;transform: translateX(-50%);width: 120px;border-bottom: 1px solid #e1e1e1;}
.business1 .tit h1{font-size: 20px;color: #707070;font-weight: 400;}
.business1 .desc{font-size: 16px;color: #707070;line-height: 2;}

.bus_inner{width: 100%;}
.bus_inner .title{writing-mode: vertical-rl;text-orientation: initial;transform: translateX(-10px);}
.bus_inner .title h1{font-size: 22px;color: #707070;}
.bus_inner .title h3{font-size: 15px;color: #2ca5ff;font-weight: 300;}
.bus_list{width: 100%;}
.bus_list dl dd{width: 100%;border-bottom: 1px solid #e1e1e1;padding: 85px 0;}
.bus_list dl dd:last-child{border-bottom: 0;}
.bus_list dl dd .img{width: 100%;font-size: 0;}
.bus_list dl dd .img img{max-width: 100%;width: auto;}
.bus_list dl dd .text{}
.bus_list dl dd .text h3{font-size: 22px;color: #707070;margin-top: 62px;}
.bus_list dl dd .text .desc{font-size: 16px;color: #707070;line-height: 2;margin-top: 36px;}


.business3box{width: 100%;margin: 0 auto;padding: 100px 0 170px;border-top: 1px solid #e1e1e1;}
.business3{width: 100%;margin: 0 auto;max-width: 1140px;}
.business3_list{width: 100%;margin: 0 auto;margin-top: 50px;}
.business3_list ul{display: grid;grid-template-columns: repeat(6, 1fr);gap: 2%;}
.business3_list ul li{transition: opacity .6s ease-out;}
.business3_list ul li:hover{opacity: 0.5;}
.business3_list ul li a{display: block;width: 100%;}
.business3_list ul li a .imgbox{width: 100%;font-size: 0;}
.business3_list ul li a .imgbox img{width: 100%;}
.business3_list ul li a .textbox{width: 100%;text-align: center;}
.business3_list ul li a .textbox h3{font-size: 16px;color: #707070;line-height: 2;}


/*  */
.contactformbox{width: 100%;margin: 0 auto;padding-top: 105px;padding-bottom: 170px;background-color: #fafafa;}
.contactform{width: 100%;margin: 0 auto;max-width: 720px;}
.contactform h1{font-size: 20px;color: #707070;margin-bottom: 40px;}
.contactform .desc{font-size: 16px;color: #707070;line-height: 2;}
.cf_content{width: 100%;margin: 0 auto;margin-top: 80px;}
.cf_content ul li{width: 100%;margin-bottom: 30px; display: grid;
grid-template-columns: 190px 1fr;column-gap: 10px;align-items: flex-start;justify-content: space-between;align-items: stretch;}
.cf_content ul li dt{padding: 15px 0 0 15px;font-size: 16px;font-weight: 400;color: #707070;letter-spacing: 0;}
.cf_content ul li dt p span{font-size: 11px;margin-left: 10px;color: #f66;font-weight: 400;}
.cf_content ul li dd{}
.notes{font-size: 15px;margin-top: 10px;color: #707070;}
.cf_content ul li dd select,.cf_content ul li dd input{min-height: 48px;padding: 10px;border: 1px solid #cbcbcb;width: 100%;font-size: 16px;color: #707070;background-color: transparent;line-height: 1.5;}
.cf_content ul li dd select{color: #13638D;}
.cf_content ul li dd textarea{height: 192px;padding: 10px;border: 1px solid #cbcbcb;width: 100%;font-size: 16px;color: #707070;background-color: transparent;line-height: 1.5;}
.cf_content ul li button{margin-top: 95px;border-bottom: 1px solid #cbcbcb;background-color: transparent;font-size: 14px;color: #13638d;position: relative;height: 49px;line-height: 49px;cursor: pointer;}
.cf_content ul li button:after{content: "";width: 0;height: 1px;background-color: #13638d;position: absolute;left: 0;bottom: 0;transition: all 0.5s;}
.cf_content ul li button:hover:after{width: 100%;}
.cf_content ul li dd input::placeholder{color: #CBCBCB;}





@media only screen and (max-width: 980px) {
	.headerbox{display: none;}
	.sp_header{ display:flex;}
	.pd50{padding: 25px 0;}
	.height{height: 70px;}
	.bannerbox{display: flex;align-items: center;justify-content: center;}
	.bannerbox video{width: 100%;height: auto;}
	.b_logo img {
    max-width: 100%;
    width: auto;    height: 60px;
}
	.b_down .line {
    width: 1px;
       height: 30px;
    position: absolute;
}
	.b_down {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 30px;
}
	.b_down p{color: #cbcbcb;}
	.b_down .line:after {background-color: #cbcbcb;}
	.i4_left{width: 100%;}
	.i4_right{width: 100%;display: none;}
	.f_list ul li{width: calc(calc(100% - 40px) / 3);margin-bottom: 20px;}
	.f_list ul li:nth-child(3n){margin-right: 0;}
	.i5_list ul li {width: 49%;}
	.i5_list ul li:nth-child(2n){margin-right: 0 !important;}
	.i5_list ul li:nth-child(3n){margin-right: 2%;}
	.i2_list ul li {width: 49%;}
	.i2_list ul li:nth-child(2n){margin-right: 0 !important;}
	.i2_list ul li:nth-child(3n){margin-right: 2%;}
	.y1_list ul li .textbox{width: 100%;margin-bottom: 50px;}
	.y1_list ul li .imgbox{width: 100%;}
	.report1 .list ul li{width: 49%;}
	.report1 .list ul li:nth-child(2n){margin-right: 0 !important;}
	.report1 .list ul li:nth-child(3n){margin-right: 2%;}
	.lineup .item ul li{width: 49%;}
	.lineup .item ul li:nth-child(2n){margin-right: 0 !important;}
	.lineup .item ul li:nth-child(3n){margin-right: 2%;}
	.div-dl {flex-wrap: wrap;display: flex;}
	.div-dl dd{width: 100%;}
	.sidebar {position: unset;width: 100%;height: auto;}
	.sidebar ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.sidebar ul li{width: 48%;margin-bottom: 20px;border-bottom: 1px solid #cbcbcb;background: url(../images/arrow_05_down.svg) no-repeat left top 55%;line-height: 60px;padding-left: 20px;}
	.over1_content {max-width: 100%;width: 100%;margin-top: 0;box-sizing: border-box;transform: translateX(0px);padding-inline: 10px;}
	.businessbanner .img{width: 100%;}
	.businessbanner .text{display: none;}
	.bus_inner .title {writing-mode: unset;transform: translateX(0);}
	.bus_inner .title h1 {margin-bottom: 20px;}
	.business3_list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.business3_list ul li{width: 48%;}
	.over1_content ul li {padding-bottom: 100px;}
}


@media only screen and (max-width: 680px) {
	.inbannerbox .text h3 {font-size: 18px;}
	.y1_tit {margin-bottom: 100px;}
	.pro1 .list ul li {width: calc(calc(100% - 10px) / 2);margin-bottom: 10px;}
	.pro1 .list ul li a {font-size: 14px;}
	.i5_list ul li {width: 100%;margin-right: 0 !important;}
	.i2_list ul li {width: 100%;margin-right: 0 !important;}
	.i5_list ul li a .textbox .date {margin-right: 20px;}
	.probanner .text h1 {font-size: 18px;}

	.cf_content ul li {flex-wrap: wrap;display: flex;}
	.cf_content ul li dt{width: 100%;margin-bottom: 10px;}
	.cf_content ul li dd{width: 100%;}
}