﻿*{box-sizing: border-box;}
a:hover{text-decoration: none;color: #005BFE;}
@font-face {
    font-family: Manrope-Extrabold;
    font-weight:800;
    src: url("../../font/Manrope-Extrabold.woff2"),
    url("../../font/Manrope-Extrabold.woff"),
    url("../../font/Manrope-Extrabold.ttf");
}
.i-size60{font-size: 60px;}
@media(max-width: 1920px){
	.i-size60{font-size: 3.125vw;}
}
@media(max-width: 1536px){
	.i-size60{font-size: 48px;}
}
@media(max-width: 896px){
	.i-size60{font-size: 28px;}
}
.i-size56{font-size: 56px;}
@media(max-width: 1920px){
	.i-size56{font-size: 2.916vw;}
}
@media(max-width: 960px){
	.i-size56{font-size: 28px;}
}
.i-size40{font-size: 40px;}
@media(max-width: 1920px){
	.i-size40{font-size: 2.08vw;}
}
@media(max-width: 1344px){
	.i-size40{font-size: 28px;}
}
.i-size36{font-size: 36px;}
@media(max-width: 1920px){
	.i-size36{font-size: 1.875vw;}
}
@media(max-width: 1706px){
	.i-size36{font-size: 32px;}
}
@media(max-width: 992px){
	.i-size36{font-size: 28px;}
}

.i-size24{font-size: 24px;}
@media(max-width: 1920px){
	.i-size24{font-size: 1.25vw;}
}
@media(max-width: 1600px){
	.i-size24{font-size: 20px;}
}


.i-size22{font-size: 22px;}
.i-size20{font-size: 20px;}
.i-size18{font-size: 18px;}
.i-size16{font-size: 16px;}
.i-size14{font-size: 14px;}

.i-bold{font-family: notosansbold,"Helvetica","Arial",sans-serif;font-weight: 500;}
.i-blue{color: #005BFE;}
.i-num{font-family: Manrope-Extrabold,"Helvetica","Arial",sans-serif;}


.i-size32{font-size: 32px;}
@media(max-width: 1920px){
	.i-size32{font-size: 1.666vw;}
}
@media(max-width: 1680px){
	.i-size32{font-size: 28px;}
}
@media(max-width: 992px){
	.i-size32{font-size: 24px;}
}




@media(max-width: 992px){
	.nav li{width: 100%;}
}
.menu li{transition: all .3s;}
.menu li a{font-size: 14px;}
.menu li:hover,
.menu li.active{background-color: #098BED;}
@media(max-width: 760px){
	.menu li a{font-size: 12px;}
}

.shipin-con>div{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.gu-title{font-size: 36px;}

body.pc .gu-btns a:hover{background: #006BD3;border-color:#006BD3;transition: all .3s;}
body.pc .gu-btns a.white:hover{background: #DCE5F5;border-color:#DCE5F5;color: #222;cursor: pointer;}
body.pc .gu-btns a:hover{color: #fff;}
body.pc .gu-btns a.sp:hover{background-color: #fff;color: #222;border-color: #fff;}
@media(max-width: 992px){
	.gu-title{font-size: 32px;}
}

.ia-main{width: 100%;position: relative;overflow: hidden;background-color: #0F162B;}
.ia-box{width: 100%;height: 600px;background-size: cover;background-position: center center;}
.ia-cont{width: 1400px;position: absolute;left: 50%;margin-left: -700px;top: 50%;transform: translate(0,-50%);overflow: hidden;}
.ia-left{float: left;width: 38%;}
.ia-title{color: #fff;font-weight: bold;font-family: notosansbold,"Noto Sans","Helvetica", "Arial", sans-serif;line-height: 1.366;margin-bottom: 20px;}
.ia-des{color: #fff;line-height: 1.375;max-width: 33em;margin-bottom: 40px;}
.ia-btns{font-size: 0;width: calc(100% + 40px);}
.ia-btns a{display: inline-block;line-height: 46px;padding: 0 24px;border: 1px solid #fff;border-radius:8px;color: #fff;margin-right: 16px;transition: all .3s;text-align: center;}
.ia-btns a:first-child{background: #fff;color: #222;}
.ia-right{width: 51.214%;float: right;position: relative;}
.ia-pic-box{width: 100%;padding-top: 56.2%;border-radius: 14px;background-size: cover;background-position: center center;position: relative;cursor: pointer;}
.ia-pic-box .ia-wistia{width: 100% !important;}
.ia-wistia{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 123;}
.ia-play{width: 64px;height: 64px;margin-left: -32px;margin-top: -32px;border-radius: 50% !important;background-color: rgba(18,17,17,0.5);transition: all .3s;position: absolute;left: 50%;top: 50%;z-index: 12;cursor: pointer;background-image: url(../images/zc-1.png);background-size: 35.9375% auto;background-repeat: no-repeat;background-position: 54% 50%;}
.ia-main .play-box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 123;}
body.pc .ia-pic-box:hover .ia-play{background-color: rgba(18,17,17,0.8);}
body.pc .ia-btns a:hover{background: #006BD3;border-color:#006BD3;}
body.pc .ia-btns a:hover:hover{background: #005BFE;color: #fff;border-color:#005BFE;}
body.pc .ia-btns a:first-child:hover{background: #005BFE;border-color:#005BFE;color: #fff;cursor: pointer;}
@media(max-width: 1522px){
	.ia-cont{width: 92%;left: 4%;margin-left: 0;}
	.ia-box{padding-top: 39.42%;height: auto;}
	.ia-left{width: 45%;}
}
@media(max-width: 1440px){
	.ia-title{margin-bottom: 12px;}
	.ia-des{margin-bottom: 20px;}
}
@media(max-width: 1500px){
	.ia-cont{width: 1200px;margin-left: -600px;left: 50%;}
}
@media(max-width: 1304px){
	.ia-cont{width: 92%;left: 4%;margin-left: 0;}
}
@media(max-width: 992px){
	.ia-main{padding: 33px 0 36px;}
	.ia-box{height: 100%;padding-top: 0;position: absolute;left: 0;top: 0;z-index: 1;}
	.ia-left{float: none;width: 100%;}
	.ia-right{float: none;width: 100%;}
	.ia-cont{position: relative;left: 0;top: 0;transform: translate(0,0);z-index: 2;width: 100%;max-width: 92%;margin: 0 auto;}
	.ia-des{margin-bottom: 20px;}
	.ia-btns{margin-bottom: 33px;}
}
@media(max-width: 768px){
	.ia-main{padding-left: 15px;padding-right: 15px;}
	.ia-cont{max-width: 100%;}
}
@media(max-width: 500px){
	.ia-btns a{min-width: 230px;margin-bottom: 20px;padding: 0 10px;}
	.ia-btns a:last-child{margin-bottom: 0;}
	.ia-play{width: 60px;height: 60px;margin-left: -30px;margin-top: -30px;}
}
@media(max-width: 420px){
	.ia-pic-box{border-radius: 6px;}
}


.ib-main{width: 100%;padding: 100px 0 43px;}
.ib-inner{width: 1400px;max-width: 92%;margin: 0 auto;}
.ib-title{color: #222;line-height: 1.361;text-align: center;margin-bottom: 98px;}
.ib-cont{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 56px;}
.ib-left{width: 48.5%;cursor: pointer;display: block;}
.ib-right{width: 51.5%;font-size: 0;}
.ib-img-wrap{width: 100%;position: relative;}
.ib-img{width: 100%;vertical-align: top;}
.ib-mask{width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);position: absolute;left: 0;top: 0;z-index: 123;visibility: hidden;opacity: 0;transition: all .3s;}
.ib-view{width: 100%;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);color: #fff;text-align: center;}
.ib-view:after{content: "";display: inline-block;vertical-align: middle;width: 1.125em;height: 0.6875em;background-image: url(../images/thr-22.png);background-size: 100% 100%;margin-left: .5em;}
.ib-box{width: 100%;padding-top: 64.8%;position: relative;}
.ib-iframe{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.ib-video{width: 100%;vertical-align: top;}
.ib-item{width: 50%;display: inline-block;vertical-align: top;margin-bottom: 76px;padding-left: 5.97%;}
.ib-item:nth-last-child(1),
.ib-item:nth-last-child(2){margin-bottom: 0;}
.ib-hd{width: 100%;margin-bottom: 23px;line-height: 1;}
.ib-num{color: #222;line-height: 1.375;vertical-align: top;}
.ib-icon{width: 0.875em;margin-left: 0.375em;vertical-align: top;}
.ib-tit{color: #222;line-height: 1.35;margin-bottom: 25px;}
.ib-intro{color: #666;line-height: 1.375;}
.ib-intro *{line-height: inherit;}
.ib-intro p{margin-bottom: 0;padding-left: 24px;position: relative;}
.ib-intro p:before{content: "";display: inline-block;width: 4px;height: 4px;background-color: #666;border-radius: 50%;position: absolute;left: 0;top: 0.6875em;margin-top: -1px;}
.ib-bot{width: 100%;padding-left: 53%;}
.ib-tip{color: #999;line-height: 17px;font-size: 12px;padding-left: 5.97%;width: 100%;position: relative;}
.ib-tip-icon{height: 14px;position: absolute;left: 5.97%;top: 2px;}
.ib-tip-txt{vertical-align: middle;display: block;width: 100%;padding-left: 23px;}
body.pc .ib-left:hover .ib-mask{visibility: visible;opacity: 1;}
@media(max-width: 1920px){
	.ib-main{padding: 5.2% 0 43px;}
	.ib-title{margin-bottom: 5.1vw;}
	.ib-item{margin-bottom: 3.958vw;}
	.ib-hd{margin-bottom: 1.19vw;}
	.ib-tit{margin-bottom: 1.51vw;}
}
@media(max-width: 1500px){
	.ib-inner{width: 1200px;}
	/* .ib-left{width: 48%;}
	.ib-right{width: 52%;} */
	.ib-bot{padding-left: 48%;}
}
@media(max-width: 992px){
	.ib-main{padding: 40px 0;}
	.ib-title{margin-bottom: 40px;}
	.ib-cont{display: block;margin-bottom: 4px;}
	.ib-left{width: 100%;margin-bottom: 40px;}
	.ib-right{width: 100%;}
	.ib-item{padding-left: 0;margin-bottom: 26px;}
	.ib-item:nth-child(2n+1){padding-right: 10px;}
	.ib-item:nth-child(2n){padding-left: 10px;}
	.ib-hd{margin-bottom: 16px;}
	.ib-tit{margin-bottom: 17px;}
	.ib-bot{padding-left: 0;}
	.ib-tip{padding-left: 0;}
	.ib-tip-icon{left: 0;}
}
@media(max-width: 768px){
	.ib-main{padding-left: 15px;padding-right: 15px;}
	.ib-inner{max-width: 100%;}
}

.iba-cont{width: 100%;padding-left: 55px;}
.iba-item{width: 100%;position: relative;padding-top: 3px; padding-left: 60px;margin-bottom: 40px;}
.iba-item:last-child{margin-bottom: 0;}
.iba-icon{position: absolute;top: 0;left: 0;width: 40px;height: 40px;line-height: 40px;}
.iba-icon img{max-width: 100%;max-height: 100%;}
.iba-text{width: 100%;}
.iba-name{width: 100%;margin-bottom: 12px;color: #222222;line-height: 1.35;}
.iba-intro{width: 100%;color: #666666;line-height:1.37;}

@media(max-width: 992px){
	.iba-cont{padding-left: 0;}
	.iba-item{margin-bottom: 30px;}
}


.ic-main{width: 100%;padding: 38px 0 100px;background-color: #F8F8F8;}
.ic-inner{width: 1400px;max-width: 92%;margin: 0 auto;}
.ic-title{color: #222;line-height: 1.361;margin-bottom: 21px;font-size: 36px;}
.ic-label{margin-bottom: 2.1428%;color: #fff;line-height: 48px;border-radius: 8px;background-color: #0F162B;display: inline-block;vertical-align: top;min-width: 236px;padding: 0 1em;text-align: center;}
.ic-list{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.ic-item{display: flex;flex-direction: column;width: 31.785%;margin-right: 2.3225%;margin-bottom: 2.858%;background-color: #fff;border-radius: 8px;overflow: hidden;border: 1px solid #ddd;}
.ic-item:nth-child(3n){margin-right: 0;}
.ic-box{width: 100%;padding-top: 55.73%;position: relative;}
.ic-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.ic-text{width: 100%;border-top: none;padding: 20px 19px 24px;flex: 1;position: relative;z-index: 12;}
.ic-text2{position: absolute;left: 0;bottom: 0;background-color: #fff;min-height: 100%;z-index: 12;}
.ic-tit{color: #333;line-height: 1.35;margin-bottom: 12px;}
.ic-intro{color: #666;line-height: 1.375;}
.ic-text b,
.ic-text strong{font-family: notosansbold,"Helvetica","Arial",sans-serif;font-weight: 500;color: #222;font-size: 1.125em;}
.ic-detail{color: #666;line-height: 1.375;padding-top: 12px;display: none;}
.ic-detail p{margin-bottom: 0;line-height: inherit;}
.ic-detail.hide{display: none;}
.ic-item.big{width: 48.571%;margin-right: 2.858%;margin-bottom: 2.858%;}
.ic-item.big:nth-child(2n){margin-right: 0;}
.ic-item.big .ic-text{padding-top: 24px;padding-bottom: 53px;}
.ic-lbs{font-size: 0;margin-bottom: 16px;}
.ic-lb{display: inline-block;vertical-align: top;color: #fff;background-color: #222;line-height: 24px;border-radius: 4px;padding: 0 8px;}
.ic-last{width: 100%;text-align: center;padding-top: 20px;}
.ic-more{display: inline-block;vertical-align: top;padding: 0 1em;border: 1px solid #CECECE;width: 242px;line-height: 2.9;border-radius: 1.45em;cursor: pointer;transition: all .3s;color: #222;}
.ic-more-icon{width: .6em;height: .4em;margin-left: .9em;display: inline-block;vertical-align: middle;background-image: url(../images/zc-arrow-down.png);background-size: 100% 100%;transition: all .3s;transform: rotate(180deg);}
.ic-more-txt1{display: none;}
.ic-cont.not-show-all .ic-item{display: none;}
.ic-cont.not-show-all .ic-item:nth-child(1),
.ic-cont.not-show-all .ic-item:nth-child(2),
.ic-cont.not-show-all .ic-item:nth-child(3){display: inline-block;}
.ic-cont.not-show-all .ic-more-icon{transform: rotate(0deg);}
.ic-cont.not-show-all .ic-more-txt2{display: none;}
.ic-cont.not-show-all .ic-more-txt1{display: inline;}
.ic-cont.not-show-all-in-mobile .ic-last{display: none;}
.ic-play{display: none;width: 55px;height: 55px;border-radius: 50%;transition: all .3s;position: absolute;left: 50%;top: 50%;margin-left: -28px;margin-top: -27px;background-color: rgba(18,17,17,0.5);background-image: url(../images/zc-1.png);background-size: 36.363% auto;background-repeat: no-repeat;background-position: 54% 50%;}
.is-video .ic-play{display: block;}
.ic-cont.sp{padding-top: 20px;}
.ic-cont.sp .ic-title{margin-bottom: 40px;}

body.pc .ic-box:hover .ic-play{background-color: rgba(18,17,17,0.8);}
body.pc .ic-more:hover{background-color: #005BFE;border-color: #005BFE;color: #fff;}
body.pc .ic-more:hover .ic-more-icon{background-image: url(../images/zc-arrow-down-white.png);}

@media(max-width: 1920px){
	.ic-main{padding-bottom: 5.2%;}
	.ic-item.big .ic-text{padding-bottom: 2.76vw;}
	.ic-last{padding-top: 1.041vw;}
	.ic-cont.sp .ic-title{margin-bottom: 2.083vw;}
}

@media(max-width: 1500px){
	.ic-inner{width: 1200px;}
}
@media(max-width: 992px){
	.ic-main{padding: 40px 0;}
	.ic-title{margin-bottom: 33px;font-size: 28px;}
	.ic-cont.sp .ic-title{margin-bottom: 40px;}
	.ic-label{margin-bottom: 20px;}
	.ic-text,
	.ic-item.big .ic-text{padding: 20px 20px 30px;}
}
@media(max-width: 768px){
	.ic-main{padding-left: 15px;padding-right: 15px;}
	.ic-inner{max-width: 100%;}
}
@media(max-width: 750px){
	.ic-cont.sp{padding-top: 0;}
	.ic-cont{padding-bottom: 20px;}
	.ic-cont:last-child{padding-bottom: 0;}
	.ic-item,
	.ic-item.big{width: 100%;margin-right: 0;margin-bottom: 20px;}
	.ic-text,
	.ic-item.big .ic-text{padding-bottom: 43px;}
	.ic-title{text-align: center;}
	.ic-label{display: block;margin: 0 auto 20px;width: 236px;}
	.ic-last{padding-top: 20px;}
}
@media(max-width: 500px){
	.ic-play{width: 60px;height: 60px;margin-left: -30px;margin-top: -30px;}
}


.id-main{width: 100%;padding: 100px 0 116px;background-color: #fff;}
.id-inner{width: 1400px;max-width: 92%;margin: 0 auto;}
.id-title{color: #222;line-height: 1.361;margin-bottom: 120px;text-align: center;font-size: 36px;}
.id-list{width: 100%;}
.id-item{width: 100%;display: flex;justify-content: space-between;margin-bottom: 153px;}
.id-item:last-child{margin-bottom: 0;}
.id-item:nth-child(2n+1){flex-direction: row-reverse;}
.id-box{width: 50.2857%;border-radius: 8px;overflow: hidden;}
.id-img{width: 100%;vertical-align: top;}
.id-text{width: 39.3%;}
.id-tit{color: #222;line-height: 1.375;margin-bottom: 40px;font-size: 24px;}
.id-tit *{line-height: inherit;font-size: inherit;}
.id-tit h3,
.id-tit h4{margin-bottom: 0;}
.id-intro{color: #666;line-height: 1.375;}
.id-intro *{line-height: inherit;}
.id-intro p{margin-bottom: 0;}
.id-more{color: #222 !important;line-height: 1.333;text-decoration: underline !important;display: inline-block;vertical-align: top;margin-top: 20px;cursor: pointer;transition: all .3s;}

body.pc .id-more:hover{color: #005BFE !important;}

@media(max-width: 1920px){
	.id-main{padding: 5.2% 0 6.04%;}
	.id-title{margin-bottom: 6.25vw;}
	.id-item{margin-bottom: 7.968vw;}
	.id-tit{margin-bottom: 2.083vw;}
}
@media(max-width: 1500px){
	.id-inner{width: 1200px;}
	.id-text{width: 45%;}
}
@media(max-width: 992px){
	.id-main{padding: 40px 0 38px;}
	.id-title{margin-bottom: 30px;font-size: 28px;}
	.id-item{display: block;margin-bottom: 59px;}
	.id-box{width: 100%;margin-bottom: 25px;}
	.id-text{width: 100%;}
	.id-tit{margin-bottom: 20px;font-size: 20px;}
}

.ig-main{width: 100%;padding: 100px 0 97px;background-color: #0F162B;}
.ig-inner{width: 1400px;max-width: 92%;margin: 0 auto;}
.ig-title{color: #fff;line-height: 1.361;margin-bottom: 120px;text-align: center;font-size: 36px;}
.ig-list{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.ig-item{width: 48.571%;margin-right: 2.858%;margin-bottom: 2.286%;height: auto;display: inline-block;vertical-align: top;border-radius: 8px;overflow: hidden;background-color: #fff;position: relative;}
.ig-item:nth-child(2n){margin-right: 0;}
.ig-item:nth-last-child(1),
.ig-item:nth-last-child(2){margin-bottom: 0;}
.ig-box{width: 100%;padding-top: 57.058%;position: relative;}
.ig-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.ig-text{padding: 30px 30px 72px;display: block;}
.ig-tit{color: #000 !important;margin-bottom: 20px;line-height: 1.375;display: block;cursor: pointer;font-size: 24px;transition: all .3s;}
.ig-intro{color: #666;line-height: 1.375;}
.ig-more{display: inline-block;vertical-align: top;color: #222 !important;text-decoration: underline !important;transition: all .3s;position: absolute;left: 30px;bottom: 30px;cursor: pointer;}
.ig-pg{display: none;}
.ig-play{display: none;width: 64px;height: 64px;margin-left: -32px;margin-top: -32px;border-radius: 50% !important;background-color: rgba(18,17,17,0.5);transition: all .3s;position: absolute;left: 50%;top: 50%;z-index: 12;cursor: pointer;background-image: url(../images/zc-1.png);background-size: 35.9375% auto;background-repeat: no-repeat;background-position: 54% 50%;}
.is-video .ig-play{display: block;}


body.pc .ig-box:hover .ig-play{background-color: rgba(18,17,17,0.8);}
body.pc .ig-tit:hover{color: #005BFE !important;}
body.pc .ig-more:hover{color: #005BFE !important;}

@media(max-width: 1920px){
	.ig-main{padding: 5.2% 0 5.05%;}
	.ig-title{margin-bottom: 6.25vw;}
}
@media(max-width: 1500px){
	.ig-inner{width: 1200px;}
}
@media(max-width: 1440px){
	.ig-more{font-size: 16px;}
}
@media(max-width: 992px){
	.ig-main{padding: 40px 0 60px;}
	.ig-title{margin-bottom: 40px;font-size: 28px;}
	.ig-text{padding: 20px 20px 62px;}
	.ig-more{left: 20px;bottom: 20px;}
	.ig-tit{font-size: 20px;}
}
@media(max-width: 768px){
	.ig-main{padding-left: 15px;padding-right: 15px;}
	.ig-inner{max-width: 100%;}
}
@media(min-width: 751px){
	.ig-list .swiper-wrapper{flex-wrap: wrap;align-items: stretch;}
}
@media(max-width: 750px){
	.ig-list{padding-bottom: 46px;}
	.ig-item{width: 100%;margin-right: 0;margin-bottom: 0;}
	.ig-pg{display: block;}
	.ig-list.swiper-container-horizontal>.swiper-pagination-bullets{bottom:0px;font-size:0;}
	.ig-list.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px;}
	.ig-list .swiper-pagination-bullet{width:6px;height:6px;background-color:#fff;opacity:1;border:none;}
	.ig-list .swiper-pagination-bullet-active{background-color:#005BFE;}
}
@media(max-width: 500px){
	.ig-play{width: 60px;height: 60px;margin-left: -30px;margin-top: -30px;}
}





