/*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:#111;overflow-x: hidden;}
a img{
  border: 0;
}
.inb {
    position: absolute;
    width: 100%;
    display: flex
;
    text-align: left;
    justify-content: center;
}
.logo img {
    height: 120px;
    padding: 10px 0;
}
.f_logo img {
    width: 150px;
}
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: 1200px){
	.wapper{
		width: 1200px;
		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: 120px;}
.zhao{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgb(0, 0, 0,0.6);z-index: 98;opacity: 0;visibility: hidden;}
/* 导航 */
.headerbox{width: 100%;margin:  0 auto;/*background-image: url(../images/h_bg.png);*/    background: #fff;background-position: 50%;background-size: cover;background-repeat: no-repeat;padding: 0 48px;z-index: 100;position: fixed;left: 0;top: 0;transition: all 0.5s;z-index: 99;}
.headerbox.active{transform: translateY(-125px);}
.headerbox .header{display: flex;align-items: center;justify-content: space-between;}
.h_right{display: flex;align-items: center;}
.headerbox .header .menu ul{display: flex;align-items: center;}
.headerbox .header .menu ul li{
	display: inline-block;
}
.headerbox .header .menu ul li a{
	    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    padding: 35px 25px;
    color: #000000;
    display: flex
;
    position: relative;
    text-decoration: none;
}
.headerbox .header .menu ul li a i{margin-left: 10px;}
.headerbox .header .menu ul li:hover a i{transform: rotate(180deg);}
.headerbox .header .menu ul li .sub_menu{
	    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 90%;
    left: 0%;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    display: flex
;
    flex-wrap: wrap;
   transition: all 400ms ease;
    align-items: center;
    justify-content: space-around;
}
.headerbox .header .menu ul li:hover .sub_menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
}
.headerbox .header .menu ul li:hover .zhao{opacity: 1;visibility: visible;}
.headerbox .header .menu ul li .sub_menu .h_tab{width: 40%;padding: 70px 65px;}
.headerbox .header .menu ul li .sub_menu .h_box{width: 50%;height: 100%;}
.headerbox .header .menu ul li .sub_menu .h_tab dl{display: flex;flex-wrap: wrap;}
.headerbox .header .menu ul li .sub_menu .h_box dl dd{width: 100%;height: 100%;}
.headerbox .header .menu ul li .sub_menu .h_box dl dd a{display: block;width: 100%;font-size: 0;height: 100%;object-fit: cover;padding: 0;}
.headerbox .header .menu ul li .sub_menu .h_box dl dd a img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.headerbox .header .menu ul li .sub_menu .h_tab dd {
    position: relative;
    display: block;
	text-align: center;margin-bottom: 35px;
	transition: all 400ms ease;
	width: 100%;
}
.headerbox .header .menu ul li .sub_menu .h_tab dl dd a {
    font-size: 24px;
	line-height: 30px;
    color: #000061;
	padding: 0;
  /*  text-align: left;*/
    display: block;
    position: relative;
    transition: all 400ms ease;
}
.headerbox .header .menu ul li .sub_menu .h_tab dl dd:hover a{color: rgba(0,0,97,.5);}
.h_right .h_btn{padding: 7.2px 19.2px;background-color: #fff;font-size: 14.4px;color: #000061;font-weight: 500;border-radius: 50px;letter-spacing: 1.44px;text-transform: uppercase;}



/*mMenu*/
.m_header{width: 100%;}
.sp_header{height:70px;overflow:hidden;position:fixed;z-index:999;width:100%;display: none;top: 0;align-items: center;justify-content: space-between;/*background-image: url(../images/h_bg.png);*/background:#fff;background-position: 50%;background-size: cover;background-repeat: no-repeat;}
.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:#1f3d8c;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:auto;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 move {
    0% {
        transform: translate3d(100%,0,0)
    }

    to {
        transform: translate3d(-100%,0,0)
    }
}


.pd50{padding-top: 50px;padding-right: 50px;}
.pd100{padding-top: 100px;padding-bottom: 100px;}
.pfr48{padding-left: 48px;padding-right: 48px;}
.hidden{display: none;}
.block{display: block;}

/* footer */
.footerbox{width: 100%;margin: 0 auto;padding-top: 60px;padding-bottom: 85px;}
.footer{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.f_left{width: 50%;}
.f_right{width: 100%;}
.f_left h1{font-size: 30px;margin-bottom: 30px;color: #000061;}
.f_left .f_btn{display: flex;align-items: center;margin-bottom: 55px;}
.f_left .f_btn a{padding: 11px 37px;display: inline-flex;align-items: center;justify-content: center;font-size: 14px;color: #fff;background-color: #000061;border-radius: 50px;border: 1px solid #000061;margin-right: 15px;transition: all 0.3s;}
.f_left .f_btn a:last-child{margin-right: 0;}
.f_left .f_btn a img{margin-left: 6px;width: 16.78px;}
.f_left .f_btn a.f_btn2{background-color: #fff;color: #000061;}
.f_left .f_btn a.f_btn2:hover{background-color: #000061;color: #fff;}
.f_left .f_btn a.f_btn2:hover img{filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);}

.f_menu{width: 100%;}
.f_menu ul{    display: flex
;
    flex-wrap: wrap;
    justify-content: space-evenly;}
.f_menu ul li{/*width: 33.33%;*/}
.f_menu ul li dt{font-size: 15px;color: #0087cb;margin-bottom: 22px;}
.f_menu ul li dd {margin-bottom: 7px;}
.f_menu ul li dd a{font-size: 15px;color: #0d0d0d;}


.f_center{display: flex;align-items: center;justify-content: flex-start;}
.f_bot{display: flex;align-items: center;justify-content: flex-end;}
.f_bot .p{font-size: 15px;color: hsla(0,0%,5%,.4);width: 50%;text-align: left;}



.bannerbox{width: 100%;margin: 0 auto;}
.bannerbox .swiper-slide{background: transparent;position: relative;}
.bannerbox .swiper-slide .inner{width: 100%;}
.bannerbox .swiper-slide .inner .img{width: 100%;font-size: 0;}
.bannerbox .swiper-slide .inner .img img{width: 100%;}
.bannerbox .swiper-slide .inner .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;max-width: 1200px;text-align: left;}
.bannerbox .swiper-slide .inner .text h3{font-size: 40px;color: #fff;}
.bannerbox .swiper-slide .inner .text h1{position: relative;padding-bottom: 10px;font-size: 50px;color: #fff;}
.bannerbox .swiper-slide .inner .text h1:after{width: 50px;height: 1px;background-color: #fff;content: "";position: absolute;left: 0;bottom: 0;}
.bannerbox .swiper-slide .inner .text p{font-size: 12px;color: #fff;}
.bannerbox .swiper-slide .inner .text .b_more{background-color: #bd261d;background-image: url(../images/more-right.png);height: 45px;color: #fff;display: block;background-repeat: no-repeat;background-position: 85% 50%;line-height: 45px;padding-left: 10px; margin-top: 38px;text-align: left;width: 130px;}








/* 通用内页 */
.inbannerbox{position: relative;width: 100%;margin: 0 auto;}
.insidebox{width: 100%;margin: 0 auto;}
.insidebox .inside{width: 100%;box-sizing: border-box;}
.flex{display: flex;flex-wrap: wrap;justify-content: space-between;}
.inside_left{width: 20%;}
.inside_content{width: 78%;}
.inside_left h3{width: 100%;background-color: var(--primary-color);color: #fff;      font-weight: bold;
    font-size: 20px;text-align: center;height: 50px;line-height: 50px;}
.inside_left .list{width: 100%;}
.inside_left .list ul{width: 100%;}
.inside_left .list ul li{width: 100%;position: relative;text-align: center;line-height: 50px;border-bottom: 1px solid  #efefef;}
.inside_left .list ul li a{font-size: 16px;color: #666;}
.inside_left .list ul li i{font-size: 16px;color: #666;position: absolute;right: 10px;top: 8px;}
.inside_left .list ul li i.on{transform: rotate(-90deg);}
.inside_left .list ul li ul{display: none;}
.inside_left .list ul li ul li{padding-left: 10px;}
.inside_left .list ul li ul li:last-child{border-bottom: 0;}

.bgimg{    width: 100%;
    height: 32.6vw;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);}
.bgimg>img{position: absolute;left: 0;top: 0;height: auto;width: 200%;}
.bgimg>img:nth-child(2), .bgimg>img:nth-child(4) {
    animation: move 70s linear 0s infinite forwards;
}
.bgimg>img:first-child, .bgimg>img:nth-child(3) {
    animation: move 70s linear -35s infinite forwards;
}
/* ================首页样式========================= */
.index1box{width: 100%;margin: 0 auto;position: relative;overflow: hidden;}

.index1{width: 100%;margin: 0 auto;}
.index1 h3{font-size: 15px;color: #0087cb;margin-bottom: 22px;text-transform: uppercase;font-weight: 700;letter-spacing: 1.44px;}
.index1 h1{font-size: 82px;color: #000061;margin-bottom: 50px;}
.index1 .desc{font-size: 22px;color: #0087cb;font-weight: bold;display: flex;align-items: center;justify-content: flex-end;margin-bottom: 50px;}
.index1 .desc p{width: 60%;}
.i1_img{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.i1_img .img1{width: 35%;font-size: 0;}
.i1_img .img1 img{width: 100%;}
.i1_img .i1_right{width: 60%;}
.i1_img .i1_right .right_top{width: 100%;margin-bottom: 50px;}
.i1_img .i1_right .right_top .imgbox{width: 100%;font-size: 0;margin-bottom: 60px;}
.i1_img .i1_right .right_top .imgbox img{width: 100%;}
.i1_img .i1_right .right_top .textbox{display: flex;flex-wrap: wrap;justify-content: space-between;}
.i1_img .i1_right .right_top .textbox h3{font-size: 19px;color: #000061;margin-bottom: 23px;}
.i1_img .i1_right .right_top .textbox p{width: 48%;font-size: 18px;color: #0d0d0d;}
.i1_img .i1_right .i1_btn{width: 100%;}
.i1_img .i1_right .i1_btn a{padding: 11px 37px;display: inline-flex;align-items: center;justify-content: center;font-size: 14px;color: #fff;background-color: #000061;border-radius: 50px;border: 1px solid #000061;margin-right: 15px;transition: all 0.3s;}


.index2box{width: 100%;margin: 0 auto;overflow: hidden;}
.index2{width: 100%;margin: 0 auto;position: relative;font-size: 0;padding: 0 48px;cursor: pointer;}
.index2 video{width: 100%;}
.index2 h1{font-size: 82px;color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;}
.video_tc{position: fixed;z-index: 100;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 90%;height: 90%;display: none;}
.video_tc.on{display: block;}
.v_close{position: absolute;top: -30px;right: -30px;cursor: pointer;font-size: 30px;color: #fff;}
.video_tc .video{width: 100%;height: 100%;font-size: 0;}
.video_tc .video video{width: 100%;height: 100%;object-fit: cover;}







.index3box{width: 100%;margin: 0 auto;padding-bottom: 119px;padding-top: 37px;}
.index3{width: 100%;margin: 0 auto;}
.index3 .tit{width: 100%;margin-bottom: 37px;margin-top: 37px;}
	.index3 .tit h3 {
      font-size: 40px;
    color: #ffffff;
    text-align: center;
    text-shadow: 1px 1px 6px #000;
    font-weight: bold;
    letter-spacing: 1.44px;
    text-transform: uppercase;
}


.i3_content{width: 100%;margin: 0 auto;}
.i3_content .item{width: 100%;margin-bottom: 30px;}
.i3_content .item1{display: flex;justify-content: flex-end;flex-wrap: wrap;}
.i3_content .item1 .text{width: 66.66%;padding: 0 5px;}
.i3_content .item2{display: flex;flex-wrap: wrap;    justify-content: space-between;}
.i3_content .item2 .text{    width: 23%;
    padding: 3% 2%;
    border-radius: 30px;
    border: 3px solid #11005e;
    background: rgb(255 255 255 / 80%);}


.i3_content .item1 .text h1{font-size: 30px;color: #000061;line-height: 1;padding-bottom: 20px;}
.i3_content .item1 .text h3{font-size: 18px;color: #000061;    line-height: 2em;}
.i3_content .item .text hr{border-color: rgba(0,0,97,.4);border-top-width: 0.5px;}
.i3_content .item2 .text h1{font-size: 25px;color: #000061;line-height: 1;padding-bottom: 20px;}
.i3_content .item2 .text h3{    font-size: 18px;    text-align: justify;
    color: #000061;
    margin-top: 15px;
    line-height: 2;}
.i3_btnbox{width: 100%;display: flex;align-items: center;justify-content: flex-end;}
.i3_btn{width: 33.33%;}
.i3_btn a{padding: 11px 37px;display: inline-flex;align-items: center;justify-content: center;font-size: 14px;color: #fff;background-color: #000061;border-radius: 50px;border: 1px solid #000061;margin-right: 15px;transition: all 0.3s;}
.i3_btn a img{margin-left: 6px;width: 16.78px;}


.pfixed{display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;}
.pfixed .left{width: 33.33%;padding-right: 56px;font-size: 0;}
.pfixed .left .leftCon{position: sticky;z-index: 1;overflow-x: hidden;top: var(--sticky-offset,0);}
.pfixed .right{width: 66.66%;}
.pfixed .right .rightCon{margin-top:0px;position: -webkit-sticky;position: sticky;z-index: 1;top: 0;overflow-x: hidden;}
.index4box{width: 100%;margin: 0 auto;padding-bottom: 209px;}
.index4{width: 100%;margin: 0 auto;}
.index4 .tit{width: 100%;margin-bottom: 37px;margin-top: 37px;}
.index4 .tit h3{font-size: 16px;color: #0087cb;font-weight: bold;letter-spacing: 1.44px;text-transform: uppercase;}
.pfixed .left .leftCon img{width: 100%;}
.pfixed .right .rightCon ul li{width: 100%;padding-bottom: 37px;margin-top: 128px;border-bottom: 1px solid rgba(0,0,97,.2);}
.pfixed .right .rightCon ul li:first-child{margin-top: 0;}
.pfixed .right .rightCon ul li h3{font-size: 25px;color: #000061;margin-bottom: 30px;}
.pfixed .right .rightCon ul li p{font-size: 20px;color: #0d0d0d;line-height: 2;}






.index5box{width: 100%;margin: 0 auto;background-image: url(../images/h_bg.png);background-size: cover;background-position: 50%;background-repeat: no-repeat;}
.index5{width: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;padding: 68px 0;}
.i5_left{}
.i5_left h3{font-size: 60px;color: #fff;margin-bottom: 22px;}
.i5_left p{font-size: 18.6px;color: #fff;}

.i5_right{}
.i5_right a{display: inline-flex;border-radius: 50px;padding: 11px 37px;background-color: #fff;font-size: 14px;color: #000061;align-items: center;justify-content: center;}
.i5_right a img{margin-left: 6px;width: 16.78px;}



/*  */
/* .index1box{width: 100%;margin: 0 auto;  position: relative;overflow: hidden;padding-bottom: 119px;} */




.mainbox{width: 100%;margin: 0 auto;}
.main{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.main .item{    width: 48%;
    margin-bottom: 40px;
    padding-top: 30px;
   /* box-shadow: 1px 2px 10px #00000054;*/}
.main .item .tit{width: 100%;text-align: center;margin-bottom: 20px;font-size: 30px;color: #000;}
.main .item .content{font-size: 16px;color: #000;line-height: 30px;padding: 20px;min-height: 300px;}
.main .item .item2_swiper{width: 100%;margin: 0 auto;overflow: hidden;position: relative;}
.main .item .item2_swiper .swiper-slide{width: 100%;}
.main .item .item2_swiper .swiper-slide a{display: block;width: 100%;font-size: 0;}
.main .item .item2_swiper .swiper-slide a img{width: auto;object-fit: contain;max-width: 100%;}

















/*  */
.career1{width: 100%;margin: 0 auto;}
.c1_top{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.c1_left{width: 50%;padding: 0 48px;}
.c1_tit h3{font-size: 15px;color: #0087cb;margin-bottom: 22px;text-transform: uppercase;font-weight: 700;letter-spacing: 1.44px;}
.c1_tit h1{font-size: 82px;color: #000061;margin-bottom: 50px;line-height: 1;}
.c_btn{display: inline-flex;border-radius: 50px;padding: 11px 37px;background-color: #000061;font-size: 14px;color: #fff;align-items: center;justify-content: center;}
.c_btn img{margin-left: 6px;width: 16.78px;}
.c1_right{width: 50%;font-size: 0;}
.c1_right img{width: 100%;}
.c1_bot{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 90px;}
.c1_bot .imgbox{width: 50%;font-size: 0;display: flex;justify-content: flex-end;}
.c1_bot .imgbox img{max-width: 100%;width: 50%;}
.c1_desc{font-size: 22px;color: #0087cb;font-weight: bold;display: flex;align-items: center;justify-content: flex-end;margin-bottom: 50px;}
.c1_desc .inner{width: 70%;}
.c1_desc .inner h3{font-size: 28px;color: #0087cb;margin-bottom: 44px;font-weight: 700;max-width: 1043px;letter-spacing: 1.44px;}
.c1_desc .inner p{font-size: 24px;color: #0d0d0d;max-width: 1043px;letter-spacing: 1.44px;margin-bottom: 35px;}
.c1_desc .inner p strong{font-weight: bold;}

.career2box{width: 100%;margin: 0 auto;background-image: url(../images/bg1.png);background-position: 50%;background-repeat: no-repeat;padding-bottom: 128px;background-size: cover;}
.career2{width: 100%;margin: 0 auto;}
.career2_content{width: 100%;margin: 0 auto;}
.c2_btn{padding: 44px 0;display: flex;align-items: center;}
.c2_prev{margin-right: 20px;}
.c2_prev,.c2_next{cursor: pointer;z-index: 9;font-size: 30px;color: #fff;}
.c2_prev.swiper-button-disabled,.c2_next.swiper-button-disabled{opacity: 0.5;}

.c2_swiper{width: 100%;margin: 0 auto;overflow: hidden;}
.c2_swiper .swiper-slide{background-color: transparent;}
.c2_swiper .swiper-slide .inner{width: 100%;display: flex;flex-wrap: wrap;}
.c2_swiper .swiper-slide .inner .textbox{width: 70%;text-align: left;}
.c2_swiper .swiper-slide .inner .textbox h1{font-size: 76px;margin-bottom: 38px;color: #fff;}
.c2_swiper .swiper-slide .inner .textbox h3{font-size: 24px;color: #fff;}
.c2_swiper .swiper-slide .inner .textbox h3 strong{font-weight: bold;}
.c2_swiper .swiper-slide .inner .imgbox{width: 25%;font-size: 0;}
.c2_swiper .swiper-slide .inner .imgbox img{width: 100%;}


.career3box{padding-top: 50px;padding-bottom: 100px;}
.c3_desc .c_btn{margin-top: 50px;}


.career4box{width: 100%;margin: 0 auto;padding-bottom: 115px;padding-top: 50px;}
.career4{    width: 100%;
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-around;}
.career4 .imgbox{width: 45%;font-size: 0;}
.career4 .imgbox img{width: 100%;}
.career4 .textbox{    width: 45%;
    padding: 1%;
    background: rgb(255 255 255 / 80%);}
.career4 .textbox h3{ font-size: 40px;
    color: #000061;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 30px;}
.career4 .textbox p{    font-size: 1.5vw;
    color: #000061;}
.career4 .textbox p strong{font-weight: bold;}


.career5box{padding-top: 45px;padding-bottom: 215px;width: 100%;margin: 0 auto;}


/*  */
.contact1box{width: 100%;margin: 0 auto;position: relative;padding-bottom: 200px;}
.contact1{width: 100%;margin: 0 auto;}
.contact1_bot{display: flex;align-items: center;justify-content: space-between;}
.contact1_bot .c_search{display: flex;align-items: center;width: 50%;border-bottom: 1px solid #efefef}
.contact1_bot .c_search .c_text{width: 90%;padding: 24px 19px;}
.contact1_bot .c_search button{background: transparent;}
.contact1_bot .c_search button img{filter: brightness(0%) contrast(200%) invert(0%) opacity(100%);width: 27px;}

.contact1_check{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 140px;}
.contact1_check .item{width: 49%;padding: 19.2px;border-bottom: 1px solid rgba(0,0,97,.2);position: relative;}
.contact1_check .item .item_btn{display: flex;align-items: center;justify-content: space-between;}
.contact1_check .item i{transform: rotate(90deg);}
.contact1_check .item .li_content{width: 100%;position: absolute;top: 100%;left: 0;background-color: #e8ecf5;padding: 28.8px 28.8px 38.4px;display: none;}
.contact1_check .item .li_content.on{display: block;}
.contact1_check .item .li_content ul{display: flex;flex-wrap: wrap;}
.contact1_check .item .li_content ul li{width: 50%;display: flex;align-items: center;margin-bottom: 10px;}
.contact1_check .item .li_content ul li .check{border: 1px solid #000061;height: 16px;width: 16px;margin-right: 12px;}
.contact1_check .item .li_content ul li.on .check{background-color:#fff;background-image: url(../images/checkbox.svg);background-size: cover;background-repeat: no-repeat;}
.contact1_check .item .li_content ul li span{font-size: 19.2px;color: #0d0d0d;}
.contact1_check .item .li_content .co1_btn{border-radius: 50px;width: 100%;text-align: center;padding: 14.4px 48px;background-color: #000061;}


.contact1 .p{font-size: 19.2px;color: #000061;margin-bottom: 60px;}
.contact1_list{width: 100%;margin: 0 auto;}
.contact1_list ul{display: flex;flex-wrap: wrap;}
.contact1_list ul li{width: 100%;display: flex;padding: 20px 0;border-top: 1px solid #ddd;padding-bottom: 80px;}
.contact1_list ul li .li1{width: 50%;}
.contact1_list ul li .li2{width: 25%;}
.contact1_list ul li .li1 h4{font-size: 28.8px;color: #000061;}
.contact1_list ul li .li1 p{font-size: 24px;color: #000061;}
.contact1_list ul li .li2 p{font-size: 24px;color: #0d0d0d;}


.contact2box{width: 100%;margin: 0 auto;}
.contact2{width: 100%;margin: 0 auto;}
.contact2_top{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 140px;}
.contact2_top .tit{width: 50%;}
.contact2_top .imgbox{width: 50%;font-size: 0;}
.contact2_top .imgbox img{width: 100%;}
.contact2_top .tit h3{font-size: 20px;color: #0087cb;padding-bottom: 28.8px;padding-top: 28.8px;letter-spacing: 1.44px;font-weight: 700;}
.contact2_top .tit h1{font-size: 76.8px;color: #fff;}

.contact2_list{width: 100%;margin: 0 auto;}
.contact2_list ul{display: flex;flex-wrap: wrap;}
.contact2_list ul li{width: 33.33%;margin-bottom: 70px;padding: 0px 5px;}
.contact2_list ul li .inner{border-top: 1px solid hsla(0,0%,100%,.4);display: flex;align-items: flex-start;padding: 10px 0;}
.contact2_list ul li i{font-size: 30px;color: #fff;margin-right: 12px;margin-top: 5px;}
.contact2_list ul li .desc{}
.contact2_list ul li .desc span{font-size: 28.8px;color: #fff;}
.contact2_list ul li .desc p{font-size: 28.8px;color: #fff;}





/*  */
.service1box{width: 100%;margin: 0 auto;}
.service1{width: 100%;margin: 0 auto;}
.service1 .imgbox{width: 100%;font-size: 0;margin-bottom: 110px;}
.service1 .imgbox img{width: 100%;}
.s1_desc{display: flex;justify-content: flex-end;margin-bottom: 90px;}
.s1_desc h3{width: 75%;font-size: 48px;color: #0087cb;font-weight: bold;letter-spacing: 1.44px;}


.s1_right{font-size: 0;}
.s1_right img{width: 100%;}


.service2box{width: 100%;margin: 0 auto;padding-bottom: 100px;padding-top: 100px;}
.service2{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.service2 .imgbox{width: 25%;font-size: 0;}
.service2 .imgbox img{width: 100%;}
.service2 .textbox{    width: 100%;
      padding: 0 50px;}

.service2 .textbox h3{font-size: 76px;color: #000061;margin-bottom: 38px;}
.service2 .textbox p{font-size: 24px;color: #000061;}
.service2 .textbox p strong{font-weight: bold;}



/*  */
.sale1_right .textbox{display: block !important;}
.sale1_right .textbox h3{font-weight: bold;}
.sale1_right .textbox p{width: 100% !important;margin-bottom: 23px;}







@media only screen and (max-width: 980px) {
	.headerbox{display: none;}
	.sp_header{ display:flex;}
	.hidden{display: block;}
	.block{display: none;}
	.height{height: 70px;}
	.pfr48 {padding-left: 10px;padding-right: 10px;}
	.bgimg {top: 15%;}
	.index1 .desc p {width: 100%;}
	.index1 h1 {font-size: 48px;margin-bottom: 32px;}
	.index1 h3 {margin-bottom: 16px;}
	.index1 .desc {margin-bottom: 40px;}
	.i1_img .img1 {width: 100%;margin-bottom: 5px;}
	.i1_img .i1_right{width: 100%;}
	.i3_content .item1 .text {width: 100%;}
	.i1_img .i1_right .right_top .textbox p {width: 100%;margin-bottom: 20px;}
	.index2 h1 {font-size: 48px;}
	.i3_content .item1 .text h1 {font-size: 128px;}
	.i3_content .item2 .text h1 {font-size: 25px;}
	.i3_content .item2 .text {        width: 100%;
        margin-top: 20px;
        padding: 10% 5%;}
	.i3_content .item1 .text h3 {font-size: 16px;}
	.i3_content .item2 .text h3 {font-size: 16px;}
	.i3_btnbox {justify-content: flex-start;}
	.i4_content{flex-wrap: wrap;}
	.pfixed .left {width: 100%;padding-right: 0;margin-bottom: 20px;}
	.pfixed .right{width: 100%;}
	.pfixed .right .rightCon ul li h3 {        font-weight: bold;
        font-size: 18px;
        margin-bottom: 10px;}
	.pfixed .right .rightCon ul li p {font-size: 16px;}
	.pfixed .right .rightCon ul li {margin-top: 60px;}
	.index5 {flex-wrap: wrap;}
	.i5_left{width: 100%;margin-bottom: 20px;}
	.i5_right{width: 100%;}
	.i5_left h3 {font-size: 40px;margin-bottom: 24px;}
	.i5_left p{font-size: 16px;}
	.f_left {width: 100%;margin-bottom: 20px;}
	.f_right{width: 100%;}
	.f_menu ul li {width: 100%;margin-bottom: 20px;}
	.f_bot {justify-content: flex-start;}
	.index4box {padding-bottom: 100px;}
	.c1_tit h3 {font-size: 12px;margin-bottom: 16px;}
	.c1_tit h1{font-size: 40px;}
	.career5box {padding-bottom: 96px;}
	.career4 .imgbox {width: 100%;display: flex;justify-content: flex-end;margin-bottom: 20px;}
	.career4 .imgbox img{max-width: 100%;width: auto;}
	    .career4 .textbox p {
        font-size: 16px;
        line-height: 2;
    }
	.career4 .textbox{width: 100%;padding: 20px;}
	.career4 .textbox h3 {        font-size: 25px;}
	.c1_desc .inner{width: 100%;}
	.c1_desc .inner h3 {font-size: 20px;margin-bottom: 20px;}
	.c1_desc .inner p{font-size: 16px;}
	.c2_swiper .swiper-slide .inner .textbox {width: 100%;order: 1;}
	.c2_swiper .swiper-slide .inner .imgbox{width: 100%;display: flex;justify-content: flex-end;margin-bottom: 20px;}
	.c2_swiper .swiper-slide .inner .imgbox img{max-width: 100%;width: auto;}
	.c2_swiper .swiper-slide .inner .textbox h1{font-size: 40px;}
	.c2_swiper .swiper-slide .inner .textbox h3 {font-size: 16px;}
	.c1_bot {display: none;}
	.c1_left {width: 100%;margin-bottom: 20px;}
	.c1_right{width: 100%;}
	.service2 .imgbox {width: 100%;display: flex;justify-content: flex-end;margin-bottom: 20px;}
	.service2 .imgbox img{max-width: 100%;width: auto;}
	.service2 .textbox{width: 100%;padding: 20px;}
	.service2 .textbox h3 {font-size: 40px;}
	.s1_desc h3 {font-size: 24px;width: 100%;}
	.contact1_bot{flex-wrap: wrap;}
	.contact1_bot h1{width: 100%;margin-bottom: 20px;}
	.contact1_bot .c_search{width: 100%;}
	.contact1_check .item {width: 100%;}
	.contact1_list ul li{flex-wrap: wrap;}
	.contact1_list ul li .li1 {width: 100%;}
	.contact1_list ul li .li1 h3{font-size: 16px;color: #000061;}
	.contact1_list ul li .li1 p{font-size: 16px;color: #0d0d0d;}
	.contact1_list ul li .li2{width: 100%;}
	.contact1_list ul li .li2 p{font-size: 16px;color: #0d0d0d;}
	.contact2_top .imgbox {display: none;}
	.contact2_top .tit {width: 100%;}
	.contact2_top .tit h3{margin-bottom: 10px;font-size: 16px;}
	.contact2_top .tit h1 {font-size: 40px;}
	.contact2_list ul li {width: 100%;}
	.contact2_top {margin-bottom: 20px;}
	.contact2_list ul li .desc span {font-size: 16px;color: #fff;}
	.contact2_list ul li .desc p{font-size: 16px;}
	.main .item {width: 100%;}
	

}


@media only screen and (max-width: 680px) {
	.index2 h1 {font-size: 30px;}
	.i3_content .item1 .text h1 {font-size: 100px;}
	.i3_content .item2 .text h1 {font-size: 25px;}
	.service2 .textbox h3 {font-size: 30px;}
	
	.index3 .tit h3 {
    font-size: 30px;
  
}

}