.header{position:absolute;top:0;width: 100%;z-index: 10;}

.sub_head{background-size:cover !important;}
.sub_head .inbox{position:relative; }
.sub_head .navi{position:absolute; text-align:right;}
.sub_head .navi a,.sub_head .navi span{color:#666;}
.sub_head .navi i{color:#a2a2a2;}
.sub_head .navi a,.sub_head .navi span,.sub_head .navi i{display:inline-block; vertical-align:middle;}

.sub_menu{position:absolute;left:0;width:100%;font-size:0;z-index: 10;}
.sub_menu a{display:inline-block;vertical-align:middle;background-color:#0073d3;color:#fff;text-align: center;font-weight:300; transition:all 0.3s;}
.sub_menu a:hover,.sub_menu a.on{background-color:#ff7700; font-weight:bold;}


.sub_tit{
    padding-bottom: 0 !important;
}
.sub_tit h3{position:relative;color:#0073d3;font-weight:bold;word-break: keep-all;}
.sub_tit h3::after{position:absolute;width:9%;height:1px;background-color:#0073d3;content:'';left: 0;bottom: 0;}
.sub_tit p{color:#666;}





@media (min-width:1300px) {
.header{left:100px;padding-right: 100px;}

.section{padding: 150px 0;}	
.sub_head{background:url(/images/pc/sub_bg.png) no-repeat 50% 0}

.sub_head .inbox{height:380px;}
.sub_head .navi{ top:130px; right:0}
.sub_head .navi a,.sub_head .navi span,.sub_head .navi i{font-size:13px}
.sub_head .navi >i{margin:0 10px;}
.sub_head .navi a>i{margin-right:5px;}

.sub_menu{bottom:40px;}
.sub_menu a{width: 130px;height:50px;line-height:50px;font-size:18px;border-radius: 5px;margin-right:10px;}


.sub_tit h3{font-size:50px;padding-bottom:30px;margin-bottom: 30px;}
.sub_tit p{font-size:20px;}

}
@media (min-width: 1024px) and (max-width: 1299px){
.header{left:8.4vw;padding-right: 8.4vw;}

.section{padding: 12.6vw 0;}	

.sub_head{background:url(/images/pc/sub_bg.png) no-repeat 50% 0}

.sub_head .inbox{height:35vw;}
.sub_head .navi{ top:13vw; right:0}
.sub_head .navi a,.sub_head .navi span,.sub_head .navi i{font-size: 1.2vw;}
.sub_head .navi >i{margin: 0 1vw;}
.sub_head .navi a>i{margin-right: 0.5vw;}

.sub_menu{bottom:40px;}
.sub_menu a{width: 11vw;height:4vw;line-height:4vw;font-size:2vw;border-radius:5px;margin-right:1vw;}


.sub_tit h3{font-size:4vw;padding-bottom:4vw;margin-bottom: 4vw;}
.sub_tit p{font-size: 2vw;}

}
@media (min-width: 1024px){


}
@media (max-width: 1024px){
.sub_head{background:url(/images/mb/sub_bg.png) no-repeat 50% 0}	
}
@media (min-width: 768px) and (max-width: 1024px){
.header{left: 8.4vw;padding-right: 8.4vw;}
.section{padding: 13vw 0;}	

.sub_head{background:url(/images/pc/sub_bg.png) no-repeat 50% 0}

.sub_head .inbox{height: 40vw;}
.sub_head .navi{ top:13vw; right:0}
.sub_head .navi a,.sub_head .navi span,.sub_head .navi i{font-size: 1.2vw;}
.sub_head .navi >i{margin: 0 1vw;}
.sub_head .navi a>i{margin-right: 0.5vw;}

.sub_menu{bottom:40px;}
.sub_menu a{width: 11vw;height:4vw;line-height:4vw;font-size:2vw;border-radius:5px;margin-right:1vw;}


.sub_tit h3{font-size:4.5vw;padding-bottom:4.5vw;margin-bottom: 4.5vw;}
.sub_tit p{font-size: 2.8vw;}

}
@media (max-width: 768px){
.header{left: 0;}
.section{padding: 15vw 0;}	


.sub_head{}

.sub_head .inbox{height: 70vw;}
.sub_head .navi{top: 36vw;left: 0;}
.sub_head .navi a,.sub_head .navi span,.sub_head .navi i{font-size: 2.5vw;}
.sub_head .navi >i{margin: 0 1vw;}
.sub_head .navi a>i{margin-right: 0.5vw;}

.sub_menu{bottom: 10vw;}
.sub_menu a{width: 17vw;height: 8vw;line-height: 8vw;font-size: 3vw;border-radius:5px;margin-right:1vw;}


.sub_tit h3{font-size:8vw;padding-bottom:4vw;margin-bottom: 4vw;}
.sub_tit p{font-size: 3.5vw;}

}