@font-face {
    font-family: 'din';
    src: url('../fonts/din.eot?#iefix') format('embedded-opentype'),
    url('../fonts/din.woff') format('woff'),
    url('../fonts/din.woff2') format('woff2'),
    url('../fonts/din.ttf') format('truetype'),
    url('../fonts/din.svg#din') format('svg');
}

.banner{background: no-repeat center/cover;height: 60rem;position: relative;}
.logo{position: absolute;width: 59.7rem;left: 5rem;top: 3rem;}
.ssbanner{display: none;}

.header_code{position: absolute;right: 5rem;bottom: 5rem;background: rgba(255, 255, 255, .1);border-radius: 1rem;padding: 1rem;display: flex;align-items: center;backdrop-filter: blur(.75rem);}
.header_code img{display: block;width: 10rem;flex-shrink: 0;margin: 0 1rem 0 0;min-width: 100px;}
.header_code .right{color: #fff;}

.side_list{padding: 1rem 2.7rem;background: #0F6FB9;position: fixed;right: -21rem;top: 50%;transform: translateY(-50%);z-index: 100;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.side_list.on{right: 1rem;}
.side_list .item{margin: 0 0;display: block;padding: 2.9rem 0;border-top: .1rem solid rgba(255, 255, 255, .3);}
.side_list .item:first-child{border-top: none;}
.side_list .gp-img_centered{width: 5rem;height: 5rem;margin: 0 auto .6rem;}
.side_list .title{margin: 0 0;width: 6em;text-align: center;color: #fff;}

.wrap_nav{background: #0F6FB9;position: absolute;left: 0;right: 0;top: 0;z-index: 100;}
.wrap_nav.currents{position: fixed;}
.nav{position:relative;}
.nav ul{display: flex;align-items: flex-start;justify-content: space-between;}
.nav ul > li{position:relative;text-align:center;line-height: 10rem;cursor: pointer;}
.nav ul li > a{display:block;position:relative;color:#fff;font-weight: bold;}

.index_title{margin-bottom: 2rem;display: block;position: relative;overflow: hidden;}
.index_title::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;border-bottom: .1rem solid rgba(0, 0, 0, .1);}
.index_title::after{content: '';display: block;clear: both;}
.channel_link{float: right;position: relative;z-index: 2;color: #0F6FB9;margin: 4rem 0 0;}
.channel_link i{font-size: 1.25em;padding: 0 0 0 .4rem;}
.channel_title{padding: 3rem 0 .9rem;color: #333;font-weight: bold;position: relative;float: left;}
.channel_title .num{position: absolute;left: 0;bottom: .5rem;color: rgba(0, 0, 0, .06);font-family: 'din';font-weight: bold;font-size: 7rem;line-height: 1;}
.channel_title::before{content: '';display: block;position: absolute;left: 0;bottom: 0px;background: #0F6FB9;height: .1rem;width: 125%;}
.channel_title .name span{display: inline-block;vertical-align: top;opacity: 0;transform: translateX(3rem) translateY(8rem);}
.isView .channel_title .name span{opacity: 1;transform: translateX(0) translateY(0);transition: opacity .5s,transform .5s;transition-delay: .5s;}

.content{padding-top: 10rem;position: relative;}
.content.no-padding{padding-top: 0;}
.article p{margin-bottom: 2rem;}
.article p:last-child{margin-bottom: 0;}

.wrap_mode01{padding: 5rem 0 2rem;overflow: hidden;}
.mode01{}
.mode01 .lf{width: 75rem;float: left;padding: 1.6rem 0 0;}
.mode01 .rt{width: 60rem;float: right;}

.index_01b{background: #0F6FB9;color: #fff;padding: 1.9rem 4.9rem 5rem;margin: 5rem 0 0;}
.index_01b .channel_link,.index_01b .channel_title{color: #fff;}
.index_01b .index_title::before{border-color: rgba(255, 255, 255, .3);}
.index_01b .channel_title::before{background: #fff;}

.wrap_mode02{padding: 4.6rem 0 1rem;}
.mode02{}
.mode02 .lf{width: 75rem;float: left;}
.mode02 .rt{width: 60rem;float: right;background: #F8F8F8;padding: 5rem 3rem;}

.title1{line-height: 5rem;height: 5rem;border-left: .6rem solid #0F6FB9;padding-left: 1rem;margin-top: 4.5rem;margin-bottom: 1.5rem;}
.index_title + .title1 ,.title1:first-child{margin-top: 0;}

.title2{font-weight: bold;margin-top: 2rem;}
.title2:first-child{margin-top: 0;}

.index_02b .article{margin: 2.5rem 0 0;}

.wrap_mode03{padding: 4.5rem 0 5.1rem;}
.mode03{}
.mode03 .img_box{position: absolute;left: 0;top: 0;bottom: 0;background: no-repeat center/cover;width: 30rem;}
.mode03 .rt{margin: 0 0 0 35rem;padding: 1.5rem 0 1rem;}

.wrap_mode04{padding: 6.6rem 0 5rem;background: url(../images/mode04_img.png) center/cover;}
.mode04{}
.mode04 .index_title::before{border-color: rgba(255, 255, 255, .3);}
.mode04 .channel_title{color: #fff;}
.mode04 .channel_title .num{color: rgba(255, 255, 255, .15);}
.mode04 .channel_title::before{background: #fff;}

.index_04{}
.index_04 ul{margin: 0 0 -2rem -2rem;}
.index_04 .item{margin: 0 0 2rem 2rem;background: rgba(248, 248, 248, 0.1);backdrop-filter: blur(.75rem);border-radius: 1rem;height: 19.8rem;text-align: center;padding: 3.7rem 0 0;}
.index_04 .title{margin: 0 0 1.8rem;color: #fff;}
.index_04 .vicetitle{margin: 0 0;padding: 1.3rem 0 0;position: relative;text-align: center;color: #fff;}
.index_04 .vicetitle::before{content: '';display: block;position: absolute;left: 50%;transform: translateX(-50%);top: 0;width: 3rem;height: .4rem;background: #EB9C53;}

.wrap_mode05{padding: 6.6rem 0 4.5rem;background: #F8F8F8;}
.mode05{}
.mode05 .lf{width: 67.5rem;float: left;}
.mode05 .rt{width: 67.5rem;float: right;}

.index_05b{}
.index_05b ul{margin: 0 0 -5rem;}
.index_05b .item{margin: 0 0 5rem;padding: 0 0 0 5rem;position: relative;}
.index_05b .num{position: absolute;left: 0;top: 50%;transform: translateY(-50%);color: rgba(0, 0, 0, .1);font-family: 'din';font-weight: bold;font-size: 6rem;}
.index_05b .right{margin: 0 0 0;border-left: .4rem solid #0F6FB9;padding: 1.5rem 0 1.5rem 2rem;}

.wrap_mode06{padding: 6.6rem 0 5rem;}
.mode06{}
.mode06 .lf{width: 67.5rem;float: left;}
.mode06 .rt{width: 67.5rem;float: right;}

.title3{margin-top: 4.5rem;position: relative;padding: 0 0 0 2rem;font-weight: bold;margin-bottom: 1.7rem;}
.title3::before{content: '';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #333;width: 1rem;height: 1rem;border-radius: 50%;}
.index_title + .title3,.title3:first-child{margin-top: 0;}

.index_06a{}
.index_06a ul{margin: 0 0 -2rem -2.5rem;padding: .3rem 0 0;}
.index_06a .item{margin: 0 0 2rem 2.5rem;background: #F8F8F8;padding: 1.4rem 3rem 2rem;border-radius: 1rem;}
.index_06a .title{margin: 0 0 1.9rem;border-bottom: .1rem solid rgba(0, 0, 0, .1);padding: 0 0 .4rem;}
.index_06a .summary span{color: #FF4F28;}

.index_06b{}
.index_06b ul{margin: 0 0 0rem -10rem;}
.index_06b li{width: auto;}
.index_06b .item{margin: 0 0 5rem 10rem;}
.index_06b .summary{margin: 1rem 0 0;}

.index_06c{}
.index_06c ul{margin: 0 0 -0.9rem -0.9rem;}
.index_06c .item{margin: 0 0 .9rem .9rem;background: #F8F8F8;border-radius: 1rem;padding: 2.2rem 2rem 2rem;}
.index_06c .title{margin: 0 0 1.9rem;border-bottom: .1rem solid rgba(0, 0, 0, .1);padding: 0 0 .9rem;}
.index_06c .vicetitle{word-break: break-all;}

footer{background: #0F6FB9;color: #fff;padding: 3.7rem 0;text-align: center;}

.sub_title{padding: 4.8rem 0 0;position: relative;overflow: hidden;margin: 0 0 3rem;}
.sub_title::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;border-bottom: .1rem solid rgba(0, 0, 0, .1);}
.sub_title .name{position: relative;float: left;padding: 0 0 1rem;font-weight: bold;}
.sub_title .name::before{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 125%;border-bottom: .1rem solid #0F6FB9;}

.bread{float: right;color: #999;padding: 1.5rem 0 0;}
.bread a{color: #999;}

.sub_01{margin: 0 0 5rem;text-align: justify;}

.sub_02{margin: 0 0 5rem;}
.sub_02 h2{margin: 0 0 1.9rem;font-weight: normal;padding: 0 0 0 4rem;background: url(../images/annex.png) no-repeat left center/3rem auto;}
.sub_02 ul{margin: 0 0 -1rem;}
.sub_02 .item{margin: 0 0 1rem;position: relative;padding: 2rem;background: #F8F8F8;}
.sub_02 .item::before{content: '';display: block;width: 3rem;height: 3rem;background: url(../images/download.png) no-repeat center/cover;position: absolute;top: 50%;transform: translateY(-50%);right: 3rem;}
.sub_02 .title{margin: 0 6rem 0 0;}

@media screen and (max-width: 996px){
    .banner{height: 0;padding-bottom: calc(600% / 19.2);}
    .logo{width: 42%;}

    .mode01 .lf,.mode02 .lf,.mode05 .lf,.mode06 .lf{padding: 0 0 20px;width: 100%;float: none;}
    .mode01 .rt,.mode02 .rt,.mode05 .rt,.mode06 .rt{width: auto;float: none;}

    .header_code{right: 2rem;bottom: 2rem;}
    /* .header_code img{display: none;} */

    /* .wrap_nav,.wrap_nav.currents{position: relative;} */
    /* .content{padding: 0;} */

    .side_list{padding: 6px 10px;}
    .side_list .item{padding: 10px 0;}
    .side_list .title{width: 4em;}

}
@media screen and (max-width:767px){
    .banner{height: auto;padding-bottom: 0;}
    .wrap_logo{background: #0f6fb9;padding: 15px 0;}
    .logo{position: relative;left: 0;right: 0;top: 0;bottom: 0;width: 87%;margin: 0 auto;}
    .header_code{display: none;}
    .ssbanner{display: block;}
    .ssbanner img{display: block;width: 100%;}

    .nav ul{flex-wrap: wrap;font-size: 13px;}
    .nav ul > li{min-width: 21%;line-height: 30px;}

    .mode03 .img_box{width: 100%;opacity: .06;}
    .mode03 .rt{margin: 0;padding: 10px;}

}
@media screen and (max-width:413px){



}