﻿

.block_app{max-width:1000px;width:96%; margin:4% auto;background-color:#fff; padding:30px 0px 30px 0px;box-sizing:border-box;overflow:hidden }
.pic img{margin-bottom:-82px}
.black_20_app{font-size:20px;color:#45afe4; line-height:25px;}
.cont_right{width:46%; margin-left:3%; margin-right:1%; margin-bottom:40px;float:right}
.cont_left{width:46%; margin-right:3%; margin-left:1%;margin-bottom:80px;float:left}



.cont_right{width:46%; margin-left:0%; margin-right:4%; margin-bottom:40px; margin-top:40px; float:right; text-align:left;}
.cont_left{width:46%; margin-right:0%; margin-left:4%;margin-bottom:80px;float:left;}

.cont_left2{width:20%; margin-right:0%; margin-left:20%; margin-bottom:20px; float:left; text-align:left; font-size:14px; line-height:30px; font-weight:500; color:#45afe4;}
.cont_right2{width:40%; margin-left:10%; margin-right:4%; margin-bottom:20px; float:right; text-align:left; font-size:14px; line-height:30px; font-weight:500; color:#45afe4}


.contents {margin: 0 auto; box-sizing:border-box;width: 100%; max-width:100%;/*766px*/; text-align: center; clear:both; font-size: 9pt; padding:20px 20px 0px 20px; overflow:hidden;}

.row{padding-top:20px;clear:both;}
.row.nopadd{padding:0}
.bg_gr{background-color:#fff; border-bottom-style:solid 1px; border-bottom: inset 1px #777;}

.tit_block{ width:100%; height:75px; background-color:#fff; border-bottom: inset 1px #00a0e2; text-align:center;}
.tit_box{background-color:#45afe4; height:75px; color:#fff; text-align:center; padding:30px 40px 20px 40px; margin:0% 30% 0% 30%; letter-spacing:2px; font-size:16px;}

.row2{padding-top:20px;clear:both;}
.row2.nopadd{padding:0}
.bg_gr2{background-color:#fff;}


.menu2{width:100%;margin:30px auto; overflow:hidden}
.menu2 ul li{width:213px; height:281px;display: inline-block;vertical-align: middle; padding:0px; margin: 4px; margin-bottom:6px}
.menu2 ul li a {
    background: #fff;
    display: block;
    font-weight: bold;
    transition: all 300ms ease;
}

.menu3{width:100%;margin:30px auto;}
.menu3 ul li{width:300px; display: inline-block;vertical-align: middle; padding:0px; margin: 0px; margin-bottom:6px}
.menu3 ul li a {
    background: #fff;
    display: block;
    font-weight: bold;
    transition: all 300ms ease;
}



@media (min-width:768px){
.block{max-width:1105px;width:96%; margin-right:4%; margin-bottom:4%}

}
@media (max-width:1000px){

}
@media (max-width:767px){
.cont_right{width:100%; margin:0 auto; float:none; clear:both; margin-bottom:40px}
.cont_left{width:100%; margin:0 auto; float:none; clear:both; margin-bottom:60px}
.cont_right2{width:100%; margin:0 auto; float:none; clear:both; margin-left:70px; margin-bottom:30px}
.cont_left2{width:100%; margin:0 auto; float:none; clear:both;  margin-left:70px; margin-bottom:0px}

.menu2{width:100%; float:none; clear:both;}
.menu3{width:100%; margin:0 auto; float:none; clear:both; margin-bottom:40px;}

.tit_box{margin:0% 20% 0% 20%; }
}
@media (max-width:600px){

}
@media (max-width:480px){

}
@media (max-width:480px){
.block_app{padding-left:20px;padding-right:20px}
.tit_box{margin:0% 5% 0% 5%; }
.cont_right2,.cont_left2{margin-left:10px;}
.menu2 ul li,.menu3 ul li {width:100%; height:auto;max-width:300px;}
}