/* business.css */ 


.bsinfo_sec1{padding-top: 0;}
.bsinfo_sec1 .list_area li{float: left; margin-bottom: 25px; width: 32%;}
.bsinfo_sec1 .list_area li:nth-child(3n-1){margin: 0 2% 25px;}
.bsinfo_sec1 .list_area .figure_box img{width: 100%;}
.bsinfo_sec1 .list_area .text_box{padding: 30px 0;}
.bsinfo_sec1 .list_area .text_box .tit{margin-bottom: 10px; font-size: 18px; color: #444; font-weight: 700;}
.bsinfo_sec1 .list_area .text_box .desc{font-size: 14px; color: #888;}
/*.bsinfo_sec2{background: #f4f4f4;}*/
/*.bsinfo_sec2 .tit_area.subpage{float: left; width: 35%;}*/
.bsinfo_sec2 .tit_area.subpage .main_tit strong{display: block; font-weight: 700;}
.bsinfo_sec2 .tit_area.subpage .main_tit span{font-weight: 400;}
/*.bsinfo_sec2 .desc_area{float: left; width: 65%;}
.bsinfo_sec2 .desc_area p{float: left; width: 49%; color: #000; font-size: 14px;}*/
.desc_area p {font-size:16px; line-height:28px; }
.desc_area p b {font-size:16px; float:right; font-weight:700}
.bsinfo_sec2 .desc_area .desc1{margin-right: 2%;}
.business_area .sub_sec .tit_area.subpage .main_tit{font-weight: 700;}
.bsarea_sec1 .tit_area.subpage{margin-bottom: 80px;}
.bsarea_sec1 .tit_area.subpage .main_tit{}
.bsarea_sec1 .tit_area.subpage .main_tit strong{font-weight: 700; color: #bf4a3f;}
.bsarea_sec1 .tit_area.subpage .main_tit::after{display: block; margin: 40px 0 0; content: ""; width: 120px; height: 5px; background: #bf4a3f;}
.bsarea_sec1 .tit_area.subpage .desc{float: left; margin: 0; width: 60%;}
.bsarea_sec1 .figure_area .figure{float: left;}
.bsarea_sec1 .figure_area .figure1{width: 57%; margin-right: 3%;}
.bsarea_sec1 .figure_area .figure2{width: 40%;}
.bsarea_sec1 .figure_area .figure img{width: 100%;}
.bsarea_sec2{padding: 50px 0 65px; background: url(../../img/business/ba_section2_img.png); background-size: cover; background-position: center;}
.bsarea_sec2 .list_area li{float: left; width: 32%;}
.bsarea_sec2 .list_area li:nth-child(3n-1){margin: 0 2%;}
.bsarea_sec2 .list_area li .icon_box{margin: 15px auto 25px; background: #fff; width: 70px; height: 70px; border-radius: 50%;}
.bsarea_sec2 .list_area li .icon_box img{width: 100%;}
.bsarea_sec2 .list_area li .text_box *{text-align: center; color: #fff;}
.bsarea_sec2 .list_area li .text_box .tit{margin-bottom: 10px; font-size: 18px;}
.bsarea_sec2 .list_area li .text_box .desc{padding: 0 30px; font-size: 14px;}
.bsarea_sec3 .inner{display: table;}
.bsarea_sec3 .tit_area.subpage{display: table-cell; width: 60%;}
.bsarea_sec3 .tit_area.subpage .sub_tit{margin-top: 30px; color: #444; font-weight: 700; font-size: 18px;}
.bsarea_sec3 .tit_area.subpage .view_more{margin-left: 0; margin-right: 0; background: #444; border: 1px solid transparent;}
.bsarea_sec3 .tit_area.subpage .view_more:hover{background: #fff; border: 1px solid #444;}
.bsarea_sec3 .tit_area.subpage .view_more:hover a{color: #444;}
.bsarea_sec3 .figure_area{display: table-cell; width: 40%; vertical-align: middle;}
.bsarea_sec3 .figure_area img{width: 100%;}
@media screen and (max-width:1199px){
    .bsinfo_sec1 .list_area .text_box .tit{margin-bottom: 0; font-size: 16px;}
    .bsarea_sec1 .tit_area.subpage{margin-bottom: 60px;}
    .bsarea_sec1 .tit_area.subpage .main_tit::after{margin: 30px 0 0; width: 110px;}
    .bsarea_sec2 .list_area li .icon_box{margin: 12px auto 20px; width: 65px; height: 65px;}
    .bsarea_sec2 .list_area li .text_box .tit{font-size: 16px;}
    .bsarea_sec2 .list_area li .text_box .desc{font-size: 13px; line-height: 20px;}
    .bsarea_sec3 .tit_area.subpage .sub_tit{margin-top: 25px; font-size: 16px;}
}
@media screen and (max-width:1024px){
    .bsinfo_sec2 .tit_area.subpage{margin-bottom: 50px; width: 100%;}
    .bsinfo_sec2 .desc_area{width: 100%;}
    .bsarea_sec1 .tit_area.subpage .main_tit{width: 100%;}
    .bsarea_sec1 .tit_area.subpage .desc{margin-top: 30px; width: 100%;}
    .bsarea_sec2 .list_area li .text_box .desc{padding: 0 15px;}
    .bsarea_sec3 .tit_area.subpage{width: 55%;}
    .bsarea_sec3 .figure_area{width: 45%;}
}
@media screen and (max-width:767px){
    .bsinfo_sec1 .list_area li{margin-bottom: 15px; width: 49%;}
    .bsinfo_sec1 .list_area li:nth-child(3n-1){margin: 0 0 20px;} 
    .bsinfo_sec1 .list_area li:nth-child(2n-1){margin: 0 2% 20px 0;}
    .bsinfo_sec1 .list_area .text_box{padding: 25px 0;}
    .bsinfo_sec2 .tit_area.subpage{margin-bottom: 40px;}
    .bsinfo_sec2 .desc_area p{width: 100%;}
    .bsinfo_sec2 .desc_area .desc1{margin-right: 0; margin-bottom: 30px;}
    .bsarea_sec2 .list_area li{width: 100%;}
    .bsarea_sec2 .list_area li .text_box .tit{margin-bottom: 5px;}
    .bsarea_sec2 .list_area li:nth-child(3n-1){margin: 50px 0;}
    .bsarea_sec2 .list_area li .icon_box{margin: 5px auto 10px;}
    .bsarea_sec3 .tit_area.subpage{width: 50%;}
    .bsarea_sec3 .figure_area{width: 50%; vertical-align: bottom;}  
}
@media screen and (max-width: 600px){
    .bsarea_sec3 .inner{display: block;}
    .bsarea_sec3 .tit_area.subpage{display: block; width: 100%;}
    .bsarea_sec3 .figure_area{display: block; margin-top: 50px; width: 100%;}   
}
@media screen and (max-width:480px){
    .bsinfo_sec1 .list_area li{margin-bottom: 15px; width: 100%;}
    .bsinfo_sec1 .list_area li:nth-child(3n-1){margin: 0 0 15px;} 
    .bsinfo_sec1 .list_area li:nth-child(2n-1){margin: 0 0 15px;}  
    .bsinfo_sec1 .list_area .text_box{padding: 20px 0;}
    .bsinfo_sec1 .list_area .text_box .tit{font-size: 15px; line-height: 20px;}
    .bsinfo_sec2 .tit_area.subpage{margin-bottom: 35px;} 
    .bsarea_sec1 .tit_area.subpage{margin-bottom: 30px;}
    .bsarea_sec1 .tit_area.subpage .main_tit::after{width: 80px;}
    .bsarea_sec1 .figure_area .figure1{width: 100%; margin-right: 0;}
    .bsarea_sec1 .figure_area .figure2{width: 100%; margin-top: 15px;}
    .bsarea_sec2 .list_area li .text_box .tit{font-size: 15px;}
    .bsarea_sec3 .tit_area.subpage .sub_tit{margin-top: 15px; font-size: 14px; line-height: 20px;}  
}







