@charset "utf-8";
/* CSS Document */




/****活動用****/
.blackbarnew{
    top:0;
	left:0;
	width:100%;
	height:30px;
    padding:0 10px;
	background-color:#000;
	position: fixed;
	z-index:988;
	overflow: hidden;}

.yeslogo{font-size: 12px; color: #fff; line-height: 30px; letter-spacing: 2px; float: left;}

.yesgogo{font-size: 12px; color: #fff; line-height: 30px; letter-spacing: 2px; float: right;}

.yesyes{font-size: 15px; color: #fff; font-weight: bold; line-height: 30px; letter-spacing: 1px; margin-right: 4px;}



/*GO*/


.header_6{width: 100%; height: 60px; background-color: #0078bc; border-bottom:0px solid #005da4; position: fixed; z-index:988; top:30px; /* box-shadow: 0 2px 4px rgba(0,0,0,0.1);*/}


.logo_6{float: left; font-size: 26px; color: #fff; line-height: 60px; margin-left: 20px; }

.logo_6 i{margin-right: 10px; color: #fffcda;}


.logo{float: left; font-size: 26px; color: #fff; line-height: 60px; margin-left: 20px;}

.logo > ul{overflow:hidden;}
.logo > ul > li{float: left; font-size: 26px;}
.logo > ul > li:nth-child(2){color: #c7c7c7;}

.logo_01{width: 120px;padding-top: 12px;}



.meun{float: right; margin-right: 0px;}

.meun ul{overflow: hidden; padding-right: 0px; }

.meun li{float: left; color: #fff;}

.meun li div{color: #fff; transition: all .3s; padding: 0 16px; font-size: 20px; /*background-color: #fffac1; height: 44px;*/ line-height: 60px; /*margin-top:8px; border-radius: 8px;*/}

.meun li div:hover{background-color: #005da4;}

.micon{width: 60px; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 30px; float: right; display: none;}

@media screen and (max-width: 980px) {
    
.meun{margin-right:0px; position: fixed; top:90px; right: 0; width: 100%; display: none; z-index: 88; transition: all .3s;}    
 .meun li{float: none; width: 100%; border-bottom: 1px solid #179bd9;} 
.meun li div{width: 100%; background-color: #0066a1; text-align: center; color: #fffcda;}
 .micon{display: block;}   
}

@media screen and (max-width: 736px) {
    
    .logo_6{font-size: 22px; margin-left: 16px;}   

}

@media screen and (max-width: 330px) {
    
    .logo_6{font-size: 18px;}   

}





.main{width: 100%; padding: 0; margin-top: 90px; background-color: #fff;
background-image: url("../img/bg.jpg");
background-repeat: no-repeat;
background-position: top;
background-size: cover;
overflow: hidden;
}

.bfboxm{max-width: 950px; min-height: 280px; margin: 0 auto; position: relative; }

.bfboxm_img{
    width: 220px;
    margin-right: 4px;
    position: relative;
    margin-bottom: -14px;
}
@media screen and (max-width: 736px) {
    .bfboxm_img{  width: 120px;    margin-bottom: -6px;}
    .main{background-image:url("../img/bg950.jpg");}
}

.bbf{position: absolute; top:40px; left: 0; z-index: 9; }

.bbf h3{font-size: 48px;    font-weight: bold;    margin-bottom: 10px;     color: #fffcdb;
    text-shadow: 2px 2px 4px rgba(0,66,100,0.5);text-indent: 0px;  display: inline-block; transition: all .3s;
    /*background-color: #004d96;padding: 16px;border-bottom: 1px  solid #fff; border:1px solid #fff;background-color:rgba(255,255,255,0.1);padding: 16px; text-shadow: 2px 2px 4px rgba(0,66,100,0.5);*/}  

.bbf h1{
font-size: 50px;
    font-weight: bold;
    margin-bottom: 24px;
    color: #fffcdb;
    text-shadow: 2px 2px 4px rgba(0,66,100,0.5);
    transition: all .3s;
}

.bbf h2{font-size: 92px; font-weight: bold; margin-bottom: 24px; color: #fffcda; text-shadow: 2px 2px 4px rgba(0,66,100,0.5); transition: all .3s;}

.bbf >p{
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    background-color: rgba(255,255,255,0.1); 
    /* border: 1px solid #ffadad; */
    padding: 15px 20px;
    text-shadow: 1px 1px 5px rgb(0, 108, 167);
    transition: all .3s;
    line-height: 1.3;
    border-radius: 6px;
    display: inline-block;

}

.block{margin-right: 8px;}

.wo{width: 350px; position: absolute; right: 0px; bottom: -200px; z-index: 8; transition: all .3s; 
    filter:drop-shadow(2px 2px 4px rgba(0,66,100,0.5));
    -webkit-filter: drop-shadow(1px 2px 3px rgb(0, 145, 218));
}

.phone{width:230px;position: absolute; right: 40px; bottom: 0px; z-index: 88;}

@media screen and (max-width: 980px) {
    
/* .bfboxm{min-height: 320px;}*/
    .phone{width:220px;position: absolute; right: 22px; bottom: 0px; z-index: 88;}
    .bbf{left: 24px; top:60px;}
    .bbf h3{  }
    .bbf h1{font-size: 40px;}
    .bbf h2{font-size: 58px;}
    .wo{right: 16px; width: 290px; bottom: -140px;}
     .main{background-position: right;}

}

@media screen and (max-width: 736px) {
    
    .block{display: block;    font-size: 36px; line-height: 1.5;}
   .phone{display: none;}
   .bfboxm{min-height: 180px;}
    
    .bbf{left: 50%; top:24px; position: absolute; width: 320px; margin-left: -160px; text-align: center;}
    .bbf h3{font-size: 32px;
    margin-left: 0;
    width: auto;
    margin-bottom: 0;
    color : #0066a0;
    text-shadow: 0 0 4px rgba(255,255,255,1.0);
    /*border: 1px solid #fff;*/
    /*background-color: rgba(213, 241, 255, 0.3);*/
        }
    
    .bbf h1{font-size: 40px;}
    .bbf h2{font-size: 58px;margin-bottom: 20px;}
    .bbf p{font-size: 52px;display: none;}    
    .wo{width: 300px; right: 50%; margin-right: -190px; bottom: -40px; display: none;} 
    
   
	
}



@media screen and (max-width: 330px) {
    
    .bbf{transform: scale(0.9);}  

}




.main2{width: 100%; padding: 60px 0; margin-top: 0px;  background-color: #fff; position: relative; z-index: 88; background-image:url("../img/bg3.png");}

.bfbox{max-width: 950px; margin: 0 auto; text-align: center; position: relative; z-index: 88;}

.bfbox h2{font-size: 28px; margin-bottom: 30px; color: #666;    vertical-align: middle;}

.bfbox h1{font-size: 84px; font-weight: bold; margin-bottom: 40px; color: #005da4;}


.bf_bigbox h4{font-size: 40px; font-weight: bold; /*margin-bottom: 24px;*/}

.money{font-size: 60px; color: #ed0000; transition: all .3s;}
.smf{font-size: 20px; font-weight: normal; margin-left: 8px; color: #666;}
.smf2{font-size: 60px; font-weight: normal;}



@media screen and (max-width: 980px) {
    .main2{padding: 40px 20px;}
}

@media screen and (max-width: 736px) {
    
.money{font-size: 60px;} 
    
    .smf{display: block; text-align: center; margin-top: 8px; font-size: 16px;}
    
    .bfbox h4{font-size: 26px;}
    
    .main2{padding:40px 20px;}
	
}



.bf_title{width: 300px;
    text-align: center;
    background-color: #fff;
    color: #ff5419;
    font-size: 28px;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 6px 6px 0 0;
    line-height: 1.5;
    position: absolute;
    z-index: 999;
    top: -24px;
    right: 320px;
    transition: all .3s;
}
.bf_bigbox{border: 3px #ff5419 solid;border-radius:6px; background-color: #fff;   margin-top: 20px; transition: all .3s;    padding: 30px 34px 20px 34px;}

@media screen and (max-width: 980px) {
    .bf_title{right: 220px;}  
}

@media screen and (max-width: 736px) {
    .bf_title{  width: 280px; right: 26px;}
    .bf_bigbox{padding: 30px 24px; border-radius: 0 0 6px 6px;  }
    .bfbox{    margin-top: 20px;}
}

@media screen and (max-width:  320px) {
    .bf_title{    width: 248px; right: 14px; font-size:24px;}
    .bf_bigbox{padding: 24px; border-radius: 0 0 6px 6px;}
}

.bf_2box{width: 580px; margin: 0 auto 20px;}

.bf_2box ul{overflow: hidden;}

.bf_2box ul li{text-align: center; float: left; width:calc(50% - 30px); transition: all .3s;}

.bf_2box ul li:nth-child(2){width:60px; border: 0; padding: 0; font-size: 60px; background-color: rgba(0,0,0,0); line-height: 94px; color: #FF5419;}

.logobox{width: 100%;   height: 84px; border-radius: 32px 4px 32px 4px; background-color:#ff5419; transition: all .3s; overflow: hidden; text-align: center; border:0px solid #22a1db; color: #22a1db; padding: 10px;}

.logobox h3{font-size: 26px; font-weight: bold; color: #ffffae;/*display: inline-block;*/ }


.bf_2box_img01{width: 100px; /*margin-right: 8px;*/position: relative; vertical-align: middle;margin-bottom: 10px; margin-top: 2px;}
.bf_2box_img02{width: 130px; /*margin-right: 8px;*/position: relative; vertical-align: middle;margin-bottom: 4px;}


.imglolo1{width: 100%; background-color: #e40177; padding: 12px 0 6px;  margin-bottom: 20px; height: 65px;
background: -webkit-linear-gradient(#ff3fa3,#e40177);
background: -o-linear-gradient(#ff3fa3,#e40177);
background: -moz-linear-gradient(#ff3fa3,#e40177);
background: linear-gradient(#ff3fa3,#e40177);}


.imglolo2{width: 100%; background-color: #0062ab; padding: 12px 0 6px;  margin-bottom: 20px; height: 65px;
    background: -webkit-linear-gradient(#2384cc,#0062ab);
background: -o-linear-gradient(#2384cc,#0062ab);
background: -moz-linear-gradient(#2384cc,#0062ab);
background: linear-gradient(#2384cc,#0062ab);}


    

@media screen and (max-width: 980px) {
    
    .bf_2box ul li h3{font-size: 22px; }
    .bf_2box ul li font{font-size: 18px;}
    .bf_2box{ margin: 0 auto;}
    .bf_2box_img01{width: 90px;  margin-bottom: 8px;  margin-top: 4px;}
    .bf_2box_img02{width: 120px; }
}

@media screen and (max-width: 736px) {
    
    .bf_2box{    width: 220px; margin-bottom: 8px;}
    .bf_2box ul li{width: 100%;}
    .bf_2box ul li:nth-child(2){width: 100%; line-height: 40px; font-size: 40px;}
    
    .bf_2box_img01{width: 84px;  margin-bottom: 8px;}
    .bf_2box_img02{width: 110px;  margin-bottom: 6px;}
	
}


@media screen and (max-width: 320px) {
    
    .bf_2box_img01{width: 120px;  margin-bottom: 4px; margin-right: 0px;}
    .bf_2box_img02{width: 140px;  margin-bottom: 4px; margin-right: 0px;}
	
}




.dd{position: absolute; top:-90px;}


.box2{width: 100%; background-color: #22a0db; padding: 40px 0;}


.sf_2box{    border-radius: 0 0 6px 6px; padding: 20px;     background-color: #004D96;}


.sf_2box ul{overflow: hidden; width: 100%; margin: 0 auto;}

.sf_2box ul li{text-align: left; float: left; transition: all .3s;}

.sf_2box ul li:nth-child(1){width: calc(100% - 200px);}
.sf_2box ul li:nth-child(2){width: 200px; padding-top: 12px;}

.sf_2box ul li h5{font-size: 26px; color:#ffd400; font-weight: bold; transition: all .3s;line-height: 1.5;}

.sf_2box ul li h4{font-size: 22px;  margin-bottom: 20px; color: #ffffff;font-weight: bold; transition: all .3s;line-height: 1.5;}
@media screen and (max-width: 736px) {.sf_2box ul li h4{margin-bottom: 16px;}}


.sf_2box ul li p{font-size: 16px; color:#d4d4d4; transition: all .3s;}

.gom{width: 200px; height: 48px; line-height: 48px; text-align: center; font-size: 24px; border-radius: 4px; font-weight: bold;/* border:1px solid #a9e4ff; */transition: all .3s;   background-color: #ffffae;color:#00355a;background: linear-gradient(#ffffae,#ffde00);}

.gom:hover{webkit-filter:brightness(1.2);background:linear-gradient(#ffffef,#ffde00);}


@media screen and (max-width: 980px) {
 
.sf_2box{padding: 20px;}    
.sf_2box ul li:nth-child(1){width: calc(100% - 180px);}
.sf_2box ul li:nth-child(2){width: 180px;}

    .sf_2box ul li h5{font-size: 24px; }
    
.gom{width: 160px;}

}

@media screen and (max-width: 736px) {
.sf_2box{ 
    border-radius: 0 0 6px 6px;
    padding: 20px;
    background-color: #004D96;
    }    
.sf_2box ul li:nth-child(1){width: 100%;}
.sf_2box ul li:nth-child(2){width: 100%;}
.gom{width: 100%;}
    
    .sf_2box ul li h5{line-height: 1.5;font-size:19px;margin-bottom: 5px;}
    .sf_2box ul li h4{line-height: 1.5;font-size:19px;}
    .sf_2box ul li p{line-height: 1.5; margin-bottom: 16px;}   
    
    
    .br{display: block;}
    
}

.more{width:100%; text-align: right;  margin-top: 10px;}

.more p{width: 200px; height: 48px; line-height: 48px; text-align: center; font-size: 24px; border-radius: 4px; font-weight: bold;transition: all .3s;   background-color: #ffffae;color:#00355a;background: linear-gradient(#ffffae,#ffde00);  display: inline-block; }

.more p:hover{webkit-filter:brightness(1.2);background:linear-gradient(#ffffef,#ffde00);}





.tel{width: 100%; background-color: #22a0db; padding: 28px 0; text-align: center; font-size: 30px; color: #fff; transition: all .3s;}


@media screen and (max-width: 980px) {
 
    .tel{font-size: 26px; padding: 20px 0;}

}

@media screen and (max-width: 736px) {
.more{text-align: center;  margin-top: 20px;}
.more p{width: 100%;}
.tel{font-size: 18px; padding: 20px 0;}
	
}

@media screen and (max-width: 330px) {
    
    .tel{font-size: 16px;}   

}



.box3{width: 100%; background-color: #fff; padding: 40px 0;}



.sf_3box{margin: 0 auto; }

.sf_3box ul{overflow: hidden;}

.sf_3box ul li{text-align: left; float: left; transition: all .3s;}

.sf_3box ul li:nth-child(1){width: calc(100% - 200px);}
.sf_3box ul li:nth-child(2){width: 200px; padding-top: 12px;}

.sf_3box ul li h5{font-size: 26px; color: #22a0db; transition: all .3s;}

.sf_3box ul li p{font-size: 16px; color: #666;  margin-bottom: 16px; transition: all .3s;}

.gom3{width: 200px; height: 48px; line-height: 48px; text-align: center; font-size: 24px; background-color: #fffac1; color: #22a0db; border-radius: 4px;
    font-weight: bold;}


@media screen and (max-width: 736px) {
    
 .box3{padding: 26px 0;}
	
}




.boxs3{max-width: 950px; margin: 0 auto; text-align: left;}

.boxs3 h5{font-size: 24px; color: #007ec7; font-weight: bold; margin-bottom: 30px; transition: all .3s;     line-height: 1.5;}

.boxs3 h5 i{margin-right: 10px;}

.boxs3 h5 a{text-decoration: underline; color: #666; transition: all .3s;}

.boxs3 h5 a:hover{color: #22a0db;}

.wff{color: #696969; margin-left: 16px;font-weight: normal;}



@media screen and (max-width: 980px) {
 
    .boxs3{padding: 0 20px;}

}

@media screen and (max-width: 736px) {
    
    .boxs3 h5{font-size: 24px; line-height: 1.5; margin-bottom: 20px;}
    
    .wff{display: block; margin-left: 0;}
	
}





.bop3{width: 100%;}

.bop3 ul{}

.bop3 li{width: 100%; overflow: hidden; border-radius: 0px; margin-bottom: 20px; transition: all .3s;}

.bop3 li:last-child{margin: 0;}

.b31{float: left; width:180px; background-color: #22a1db; color: #fff; font-size: 30px; text-align: center; height: 80px; line-height: 80px; }
.b32{width: calc(100% - 180px); background-color:#fffcd6;  float: left; padding: 10px 24px 10px; line-height: 1.5; font-size: 16px; color: #666; text-align: left;}

.b32 h6{font-size:24px; color: #000; transition: all .3s;}



@media screen and (max-width: 980px) {
 
    .b32 h6{font-size:20px; margin-bottom: 4px;}
    
    .b31{height: 110px; line-height: 110px;}
    .b32{height: 110px; padding: 14px 24px 0;}

}

@media screen and (max-width: 736px) {
    
    .b31{width: 100%; line-height: 1; height: auto; padding: 8px; font-size: 22px;}
    .b32{width: 100%; padding: 16px; height: auto;}
    
    .b32 h6{ margin-bottom: 4px;}
}





.box4{width: 100%; background-color:#d3f3fe; padding: 40px 0;}

.boxs4{max-width: 950px; margin: 0 auto; text-align: center;}

.boxs4 ul{overflow: hidden;}

.boxs4 li{float: left; width: calc(33.33% - 20px); margin-right: 30px; background-color: #fff; padding: 20px 16px; transition: all .3s;}

.boxs4 li:last-child{margin: 0;}

.boxs4 li h1{font-size: 24px; font-weight: bold; color: #ff4875; margin-bottom: 16px; transition: all .3s;}

.boxs4 li p{font-size: 18px; color: #666; margin-bottom: 20px; line-height: 1.5; transition: all .3s;}

.boxs4 li img{width: 100px;}



@media screen and (max-width: 980px) {
 
    .boxs4{padding: 0 20px;}
    .boxs4 li{ width: calc(33.33% - 10px); margin-right: 15px; height: 260px;}
    .boxs4 li p{height: 54px;}

}

@media screen and (max-width: 736px) {
    
.boxs4 li{ width: 100%; margin-right: 0px; margin-bottom: 16px; height: auto; padding: 20px 16px 16px}
.boxs4 li p{height: auto; margin-bottom: 10px;}
    
    .boxs4 li h1{font-size: 22px; margin-bottom: 8px;}    
    
.box4{padding: 26px 0;}    
	
}






.box5{width: 100%; background-color:#fff;padding: 40px 0;}

.boxs5{max-width: 950px; margin: 0 auto; text-align: center;}

.boxs5 h1{font-size: 28px; font-weight: bold; color: #0078bc; margin-bottom: 0px; transition: all .3s;}

.boxs5 ul{overflow: hidden; margin-bottom: 0px;}

.boxs5 li{width: calc(100% / 10); float: left; padding: 16px 20px 0px; transition: all .3s;}

.boxs5 li img{overflow: hidden; border-radius: 0; border:0px solid #21a2dc; width: 60px; margin-bottom: 4px;}

.boxs5 li h2{font-size: 20px; color: #0084bf; transition: all .3s; line-height: 1.3;}

.boxs5 p{font-size: 16px; color: #666; line-height: 1.5; transition: all .3s;}

.boxs5 p a{color: #21a2dc; transition: all .3s;}

.boxs5 p a:hover{color: #005da4;}



@media screen and (max-width: 980px) {
 
    .boxs5{padding: 0 20px;}
    
     .boxs5 p{text-align: left;}

}

@media screen and (max-width: 736px) {
    
    .boxs5 li{width: calc(100% / 2);}
    
    .boxs5 h1{font-size: 24px;}
    
    .boxs5 li h2{font-size: 18px;}
   
	.box5{padding: 26px 0;} 
}






.box6{width: 100%; background-color:#eee; padding: 20px 0;}

.boxs6{max-width: 950px; margin: 0 auto; text-align: center;}

.boxs6 ul{overflow: hidden;}

.boxs6 ul li{font-size: 20px; line-height: 1.5; float: left; width: 100%; padding: 10px; text-align: center; transition: all .3s;}

.boxs6 li:nth-child(1){width:20%; color: #666; font-size: 30px; text-align: center;  border-right: 1px solid #999; padding: 10px;}

.boxs6 li:nth-child(2){ width: 30%; padding-top: 20px;}

.boxs6 li:nth-child(3){ width: 50%; padding-top: 20px; text-align: left;}


@media screen and (max-width: 980px) {
 
    .boxs6 ul li{font-size: 18px;}
    .boxs6 li:nth-child(1){width:18%; font-size: 24px;}
    .boxs6 li:nth-child(2){ width: 32%; padding-top: 18px;}
    .boxs6 li:nth-child(3){padding-top: 18px;}
}

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

    .boxs6 li:nth-child(1){width: calc(100% - 40px); margin-left: 20px; border-bottom: 1px solid #999; border-right: 0px solid #999; padding-bottom: 5px; padding-top: 0;}
    .boxs6 li:nth-child(2){width: calc(100% - 40px); margin-left: 20px; padding-top: 20px; padding-bottom: 0; text-align: left;}
    .boxs6 li:nth-child(3){width: calc(100% - 40px); margin-left: 20px; padding-top: 10px; padding-bottom: 0; font-size: 16px; text-align: left;}
	
}




.box_footer_b {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background-color: rgb(102, 102, 102);
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 15px;
}

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

.nom {
    display: none;
}
	
}



.down{position: absolute; width: 40px; height: 40px; color: #fff; background-color:rgba(0,126,200,0.7); border-radius: 50%; text-align: center; line-height: 44px; bottom:90px; left: 24px; z-index: 88; font-size: 22px; display: none;}

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

.down{
    display: none;
}
	
}


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

.down{
  bottom:160px; left: 20px;
}
	
}




.box42s{max-width: 950px;  margin: 0 auto 30px;}

.box42s ul{overflow: hidden; background-color: #fff;}

.box42s ul li{float: left;  min-height: 244px; transition: all .3s; }


.box42s ul li:nth-child(1){width: 360px; 
    background-image: url("../img/good.png"); background-position: center; background-size: cover; background-repeat: no-repeat;}

.box42s ul li:nth-child(2){width: calc(100% - 360px); padding: 34px 40px 16px;}


.box42s li h1{font-size: 34px; font-weight: bold; color: #22a0db; margin-bottom: 24px;}

.box42s li p{font-size: 20px; color: #666; line-height: 1.5; margin-bottom: 15px;}

.box42s li i{margin-right: 10px; margin-left: 4px; color: #999;}


@media screen and (max-width: 980px) {
 
    
    .box42s{ margin-bottom: 15px; padding: 0 20px;}
    .box42s ul li:nth-child(1){width: 250px;}
    .box42s ul li:nth-child(2){width: calc(100% - 250px); padding: 34px 36px 16px;}
    
    .box42s ul li{min-height: 228px;}
    
    .box42s li h1{font-size: 28px}
    .box42s li p{font-size: 18px;}

}



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

    .box42s{ margin-bottom: 16px; padding: 0 20px;}
    .box42s ul li:nth-child(1){width:100%;}
    .box42s ul li:nth-child(2){width: 100%; padding: 14px 16px 8px;}
     .box42s li h1{font-size: 26px; line-height: 1.4; margin-bottom: 12px; text-align: center;}
    .box42s li p{font-size: 18px; margin-bottom: 10px;}
	
}

.vbox{width: 100%; background-color: #eee; padding: 40px 0;}

.vboxs{max-width: 950px; margin: 0 auto;}

@media screen and (max-width: 980px) {
 
    .vboxs{padding: 0 20px;}

}
@media screen and (max-width: 736px) {
 
   .vbox{padding: 26px 0;}

}

.video-container {
position: relative;
padding-bottom: 56.25%;
margin-bottom:0px;
height: 0;
overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;left: 0;
width: 100%;
height: 100%;}



.box7{width:100%;  padding: 40px 20px 20px;  background-color: #cfedff;}

.boxs7{max-width: 950px; margin: 0 auto; text-align: left;}

.boxs7 h5{font-size: 24px; color: #0078bc; font-weight: bold; margin-bottom: 30px; transition: all .3s;     line-height: 1.5;}

.boxs7 h6{font-size: 24px; color: #007ec7; font-weight: bold; transition: all .3s;     line-height: 1.5;}

.pointbox{ width:100%;}

.pointbox ul{overflow:hidden; }
.pointbox > ul > li{float: left; width: calc(100% / 3 - 13.33px); margin-right: 20px; margin-bottom: 40px;} 
.pointbox > ul > li:nth-child(3n+3) {margin-right: 0; }

.point{ background-color: #fffcdb; border-radius: 12px; padding: 30px 32px; min-height: 300px; text-align: center;    box-shadow: 0 1px 4px rgba(0,0,0,0.1);}

.icon_img{margin-bottom: 20px;}
.point h2{font-size:22px; line-height:1.5; color:#004563; margin-bottom: 10px; font-weight:bold;}
.point p{font-size:16px; line-height:1.5;  color: #004563;}

@media screen and (max-width: 736px) {
.pointbox > ul > li{width: 100%;}   
}



.box08 {    width: 100%; padding: 40px 20px 60px; background-color: #22a0db; position:relative; z-index: 88;}

.sketch{max-width:950px; margin: 0 auto;}

.sketch h1{font-size:28px; color: #fff; font-weight:bold;line-height: 1.2;/*margin-bottom: 28px;*/ text-align: center;margin-bottom: 20px;}

.sketch {width:100%;}

.sketch_content {text-align: center;}
.sketch_content ul{overflow: hidden;}
.sketch_content > ul > li{float: left; width: calc(100% / 3 - 13.33px); margin-right: 20px; border-radius: 12px; background-color: #e5f7ff; margin-bottom: 40px;} 
.sketch_content > ul > li:nth-child(3n+3) {margin-right: 0; }

.sketchbox{background-color: #fffcdb; border-radius: 12px;  padding: 30px 32px; }

.sketch_img{width: 200px; margin-bottom: 20px;}

@media screen and (max-width: 980px) {
.sketchbox{height: 360px;}  

}

@media screen and (max-width: 736px) {
.sketch_content > ul > li{width: 100%;}   
}

.sketchbox{padding: 30px 20px; height: 360px;}



.icon_img{margin-bottom: 20px;}
.sketch_content h2{font-size:22px; line-height:1.5; color:#004563; margin-bottom: 10px; font-weight:bold;}
.sketch_content p{font-size:16px; line-height:1.5;  color: #004563;}

/*slider*/
.mhn-slide .mhn-item{width:100%;padding:10px;    transition: all .3s;}
.mhn-slide .mhn-inner{width:100%;height:100%;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.26);    box-shadow: 0 1px 4px rgba(0,0,0,0.2);border-radius:3px}
.mhn-slide .mhn-item img{display:none}
.mhn-slide .mhn-img{
/*min-height:200px;*/ overflow:hidden;height:100%;width:100%;position:relative}
.mhn-slide .mhn-text{text-align:center;padding:14px 10px;min-height: 60px;background-color: #fffcdb;}
.mhn-slide .mhn-text h4{   font-weight: bold;     color: #004d96; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height: 1.5; font-size: 20px;}
.mhn-slide .mhn-text p{max-height:4.5em;overflow:hidden;line-height: 1.3;    color: #505050;}
.mhn-slide .owl-stage-outer{z-index:1}
.mhn-slide .owl-nav{color:#333;position:absolute;top:0;left:0;right:0;bottom:0}
.mhn-slide .owl-nav svg{color:currentColor}
.mhn-slide .owl-nav .disabled{display:none}
.mhn-slide .owl-prev,
.mhn-slide .owl-next{
	top:110px;
	z-index:2;
	width:50px;
	height:50px;
	padding:8px;
	margin-top:4px;
	position:absolute;
	border-radius:50%;
	background-color:#fff;
	-webkit-box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.2);
	        box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.2)
}
.mhn-slide .owl-prev{left:-10px}
.mhn-slide .owl-next{right:-10px}
/*slider end*/


/*money*/
.box09 {    width: 100%;height: auto; padding: 30px 10px 40px;background-color: #ade0ff; position:relative; z-index: 88; overflow: hidden;    transition: all .3s;}

.moneybox{max-width:950px; margin: 0 auto; position: relative; overflow: hidden;transition: all .3s;}

.moneybox >h1{font-size:28px; color: #004d96;font-weight:bold;line-height: 1.2;margin-bottom: 28px;text-align: center;}

.plan01, .plan02, .plan03, .plan04 {
	width: 220px;
	overflow: hidden;
	float: left;
	position: relative;
	margin-left: 2px;    
    transition: all .3s;
    
	/*opacity: 0;*/
}
.active .plan01 {
	-webkit-animation:plan01 1s forwards 0.4s ease-in-out;
	animation:plan01 1s forwards 0.4s ease-in-out;
}
@-webkit-keyframes plan01 {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
@keyframes plan01 {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
.active .plan02 {
	-webkit-animation:plan02 1s forwards 0.8s ease-in-out;
	animation:plan02 1s forwards 0.8s ease-in-out;
}
@-webkit-keyframes plan02 {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
@keyframes plan02 {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
.active .plan03 {
	-webkit-animation:plan03 1s forwards 1.2s ease-in-out;
	animation:plan03 1s forwards 1.2s ease-in-out;
}
@-webkit-keyframes plan03 {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
@keyframes plan03 {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
.active .plan04 {
	-webkit-animation:plan04 1s forwards 1.6s ease-in-out;
	animation:plan04 1s forwards 1.6s ease-in-out;
}
@-webkit-keyframes plan04 {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
@keyframes plan04 {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
.plan_title {
	width: 240px;
	padding-top: 241px;
	float: left;
}
.plan_white {
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	position: relative;
}
.greenbox, .bluebox, .pinkbox {
	width: 224px;
	height: 56px;
	color: #fff;
	font-size: 26px;
	position: relative;
	line-height: 56px;
	text-align: center;
}
.greenbox {
	background-color: #638c0b;
}
.bluebox {
	background-color: #00a0e9;
}
.pinkbox {
	background-color: #ff5419;
}

.cheap{width: 100%;text-align: center;    padding: 20px 20px 26px 20px;}


.cheap >h1{  color: #e20000;    font-size: 36px; line-height: 1.5; text-align: center;}

.sf1{font-size: 18px; }

.cheap >h2{  text-align:center; color: #004d96;   font-weight: bold;}

.cheap span{color: #878787; }


@media screen and (max-width: 736px) {
.cheap{padding: 16px 4px;}
.cheap >h1{font-size: 18px;}
.sf1{font-size: 12px; }
.cheap >h2{ line-height: 1.5;font-size:14px;}
.cheap span{font-size: 12px;} 
}


.plantable {}
.plantable td {
	padding: 17px 0px;
	font-size: 20px;
}
.plantable tr:nth-child(even) {
	background: #fff
}
.plantable tr:nth-child(odd) {
    background-color: #fffcdb;
}
.vblue {
	width: 28px;
	height: 20px;
	margin: auto;
}

.vblue {
	background:url("../img/v_blue.png") no-repeat;transition: all .3s;
}

.xgray {
	width: 19px;
	height: 19px;
	background:url("../img/x_gray.png") no-repeat;
	margin: 0 auto;
}

@media screen and (max-width: 980px) {
.plan01,.plan02, .plan03, .plan04 {
		width:180px;
		margin-left: 1px;
	}
    
	.greenbox, .bluebox, .pinkbox {
		width: 180px;
	}
}

@media screen and (max-width: 736px) {
.plan01 {
		width: 25%;
		margin-left: 0px;
	}
	.plan02, .plan03, .plan04 {
		width:calc(25% - 1px);
		margin-left: 1px;
	}
	.plan_title {
		width: 100%;
		padding-top: 167px;
		float: left;
	}
	.plan_white {
		width: 100%;
		padding-top:0px;
		background-color: #fff;
	}
	.greenbox, .bluebox, .pinkbox {
		width: 100%;
		height: 30px;
		left:0px;
		font-size: 15px;
		line-height: 30px;
	}
	.greenbox:before, .bluebox:before, .pinkbox:before {
		display:none;
	}

    
	.h20 {
		height:14px;
	}
	.plantable {}
	.plantable td {
		padding: 6px 0px 7px 0px;
		font-size: 14px;
	}
	.vgreen, .vblue, .vpink {
		width: 17px;
		height: 14px;
		background-size:17px 12px;
		background-position:top 2px center;
		margin: auto;
	}
	.xgray {
		width: 13px;
		height: 13px;
		background-size:12px 12px;
		margin: 0 auto;
	}
    
}

@media screen and (max-width: 320px) {	
    .plan_title {padding-top: 183px;}
    .plantable td {
		font-size: 12px;
        padding: 17px 0;
	}
    
    	.vgreen, .vblue, .vpink {
		height: 12px;
	}
}

.buy{width:100%;    margin-top: 20px;transition: all .3s;}

.buy h3{    
    width: 100px;
    text-align: center;
    padding: 8px;
    font-size: 18px;
    border-radius: 4px;
    transition: all .3s;
    background-color: #ffffae;
    color:#000000;
    background: linear-gradient(#ffffae,#ffde00);
    display: inline-block;}

.buy h3:hover{webkit-filter:brightness(1.2);background:linear-gradient(#ffffef,#ffde00);}

@media screen and (max-width: 736px) {   
.buy{ margin-top: 14px;}   
.buy h3{    
    width: 60px;
    text-align: center;
    padding: 8px 4px;
    font-size: 12px;
}
}
/*money end*/

.box10{width:100%;  padding: 40px 20px 40px;    background-color: #ade0ff; background-image:url("../img/bg2.png");background-size: cover; background-repeat: no-repeat;transition: all .3s;   }

.worklist{max-width: 950px;  margin: 0 auto; text-align: left;text-align: center; transition: all .3s;overflow: hidden;}

.worklist h1{font-size:28px; color: #0078bc; font-weight:bold;line-height: 1.2; margin-bottom: 20px; text-align: center;}

.worklistbox{ width:100%; position: relative;z-index: 88;min-height: 380px;}

.worklist_l{width:480px;position: absolute; left:0; bottom: 20px; z-index: 988; /*box-shadow: 0 1px 4px rgba(0,0,0,0.2);*/transition: all .3s;}

.worklist_r{width:460px;position: absolute; right: 0;top:0; z-index: 999;transition: all .3s;}
    

@media screen and (max-width: 980px) {
    .worklistbox{min-height: 320px}
    .worklist_img{width:100%;}
    .worklist_l{width:400px;position: absolute; left:0px; top: 0px; z-index: 988; /*box-shadow: 0 1px 4px rgba(0,0,0,0.2);*/transition: all .3s;}
    .worklist_r{width:340px;position: absolute; right: 0px;top: 30px; z-index: 999;transition: all .3s;}
    }

@media screen and (max-width: 736px) {
    .worklistbox{min-height: 380px}
    .worklist h1{margin-bottom: 12px;}
    .worklist_img{width:100%;}
    .worklist_l{width:320px;position: absolute; left:0px; top: 0px; z-index: 988; /*box-shadow: 0 1px 4px rgba(0,0,0,0.2);*/transition: all .3s;}
    .worklist_r{width:300px;position: absolute; right: 0px;top: 166px; z-index: 999;transition: all .3s;}
    }

@media screen and (max-width: 320px) {
    .worklistbox{min-height: 320px}
    .worklist_l{width:280px;position: absolute; left:0px; top: 0px; z-index: 988; /*box-shadow: 0 1px 4px rgba(0,0,0,0.2);*/transition: all .3s;}
    .worklist_r{width:258px;position: absolute; right: 0px;top: 136px; z-index: 999;transition: all .3s;}
    }


.writingbox{width: 100%;  margin: 0 auto; overflow: hidden; text-align: center; /*background-color: #FFFFFF;*/}



.namebox{width: 100%; height: 258px; background-color:#fffcdb;position: relative; z-index: 88;text-align: left;}

.namebox h2{
    font-weight: bold;
    color: #004d96;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5;
    font-size: 20px;
    text-align: center;
    margin-top: 12px;
}

.namebox p{font-size: 16px; color: #414141; line-height: 1.5; padding:0 8px;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;    text-align: center;}

@media screen and (max-width: 980px) {
   .namebox{height: 230px;} 
}
@media screen and (max-width: 736px) {
    .namebox{height: 280px;} 
    .namebox p{font-size: 18px;}
}

@media screen and (max-width: 320px) {
    .namebox{height: 240px;} 
    .namebox p{font-size: 16px;}
}

.writing_img{width: 100%; overflow: hidden;}