/* business.css */ 

.bsarea_sec1 .inner{display: table;}
.bsarea_sec1 .tit_area{display: table-cell; padding: 20px 50px 0 0; width: 50%; vertical-align: top;}
.bsarea_sec1 .figure_area{display: table-cell; width: 50%;}
.bsarea_sec1 .figure{float: left; width: 48%;}
.bsarea_sec1 .figure1{width: 100%; margin-bottom: 4%;}
.bsarea_sec1 .figure3{float: right;}
.bsarea_sec1 .figure img{width: 100%;}
.bsarea_sec2{padding: 80px 0; background: url(../../img/business/ba_section2_bgi.png) no-repeat center; background-size: cover; background-attachment: fixed;}
.bsarea_sec2 .tit_area.subpage *{text-align: center; color: #fff;}
.bsarea_sec2 .tit_area.subpage .desc{width: 70%;}
.bsarea_sec2 .bsarea_btn{margin: 45px auto 0; width: 50px; height: 25px; background: url(../../img/business/ba_section2_icon.png) no-repeat center;}
.bsarea_sec3 .tit_area .tit_box{float: left; width: 40%;}
.bsarea_sec3 .tit_area .desc{float: right; margin: 50px auto 0; width: 60%;}
.bsarea_sec3 .figure_area{margin-top: 70px;}
.bsarea_sec3 .figure_area img{width: 100%;}
.bsinfo_sec1 .inner{display: table;}
.bsinfo_sec1 .text_area{display: table-cell; padding-right: 50px; width: 50%; vertical-align: top;}
.bsinfo_sec1 .text_area .desc{}
.bsinfo_sec1 .text_area .desc h2{font-weight:400px !important; font-size:20px;}
.bsinfo_sec1 .text_area .desc p{padding-top:10px; color:#2ca211; font-weight:400px; font-size:17px;}
.bsinfo_sec1 .text_area .desc .desc_1{}
.bsinfo_sec1 .text_area .desc .desc_2{padding-top:35px;}
.bsinfo_sec1 .text_area .desc .desc_3{padding-top:35px;}
.bsinfo_sec1 .tit_area{/* padding-bottom: 30px; */ margin-bottom: 30px; border-bottom: 1px solid #ddd;}
.bsinfo_sec1 .detail_box li{float: left; display: table; padding-right: 10px; width: 50%;}
.bsinfo_sec1 .detail_box li:last-child{padding-right: 0; padding-left: 10px;}
.bsinfo_sec1 .detail_box .icon{display: table-cell; width: 45px; height: 45px; background: url(../../img/business/bi_section1_icon1.png) no-repeat top center; background-size: 35px auto;}
.bsinfo_sec1 .detail_box .icon2{background-image: url(../../img/business/bi_section1_icon2.png);}
.bsinfo_sec1 .detail_box .text{display: table-cell; padding-left: 20px;}
.bsinfo_sec1 .detail_box .text .tit{font-size: 18px; color: #666;}
.bsinfo_sec1 .detail_box .text .desc{margin-top: 10px; font-size: 14px; color: #888; line-height: 20px;}
.bsinfo_sec1 .figure_area{display: table-cell; width: 50%;}
.bsinfo_sec1 .figure{width: 100%; border-radius: 30px; overflow: hidden;}
.bsinfo_sec1 .figure img{width: 100%;}
.bsinfo_sec2{background: #f5f5f5;}
.bsinfo_sec2 .tit_area .parallelogram{margin-left: auto; margin-right: auto;}
.bsinfo_sec2 .tit_area.subpage *{text-align: center;}
.bsinfo_sec2  .list_area{margin-top: 60px;}
.bsinfo_sec2  .list_area li{float: left; width: 25%;}
.bsinfo_sec2  .list_area li .icon{display: block; margin: 0 auto; width: 100px; height: 100px; border-radius: 50%; background: url(../../img/business/bi_section2_icon1.png) no-repeat center; background-color: #3a3838; border-radius: 50%; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
.bsinfo_sec2  .list_area li .icon2{background-image: url(../../img/business/bi_section2_icon2.png);}
.bsinfo_sec2  .list_area li .icon3{background-image: url(../../img/business/bi_section2_icon3.png);}
.bsinfo_sec2  .list_area li .icon4{background-image: url(../../img/business/bi_section2_icon4.png);}
.bsinfo_sec2  .list_area li:hover .icon{background-image: url(../../img/business/bi_section2_icon1_hover.png); background-color: #fff;} 
.bsinfo_sec2  .list_area .box2:hover .icon2{background-image: url(../../img/business/bi_section2_icon2_hover.png);}
.bsinfo_sec2  .list_area .box3:hover .icon3{background-image: url(../../img/business/bi_section2_icon3_hover.png);}
.bsinfo_sec2  .list_area .box4:hover .icon4{background-image: url(../../img/business/bi_section2_icon4_hover.png);}
.bsinfo_sec2  .list_area li .tit{margin: 20px auto 10px; text-align: center; font-size: 18px;}
.bsinfo_sec2  .list_area li .desc{padding: 0 15px; text-align: center; font-size: 14px; color: #888; line-height: 20px;}
.bsinfo_sec3 .tit_area .parallelogram{margin-left: auto; margin-right: auto;}
.bsinfo_sec3 .tit_area.subpage .main_tit{text-align: center; font-weight: 400;}
.bsinfo_sec3 .tit_area.subpage .main_tit strong{font-weight: 700;}
.bsinfo_sec3  .list_area{margin-top: 60px;}
.bsinfo_sec3  .list_area li{float: left; width: 49%;margin-top: 15px;}
.bsinfo_sec3  .list_area li:nth-child(3n-1){margin: 15px 0px 2% 2%;}
.bsinfo_sec3  .list_area li:nth-child(4n){margin: 15px 0px 2% 2%;}
.bsinfo_sec3  .list_area .figure{width: 100%; padding-top:30px;}
.bsinfo_sec3  .list_area .figure img{width: 100%}
.bsinfo_sec3  .list_area .text{margin-top: 35px; display: table;}
.bsinfo_sec3  .list_area .text .num{display: table-cell; width: 45px; font-size: 32px; color: #888; line-height: 35px;}
.bsinfo_sec3  .list_area .text .con{display: table-cell; vertical-align: top;}
.bsinfo_sec3  .list_area .text .con .tit{font-weight: 700; font-size: 24px;}
.bsinfo_sec3  .list_area .text .con .desc{margin-top: 10px; padding-right: 15px; font-size: 16px; color: #888; line-height: 23px;}

@media screen and (max-width:1199px){
    .bsarea_sec1 .tit_area .desc{margin: 20px auto 0;}
    .bsarea_sec2{padding: 70px 0;}
    .bsarea_sec2 .bsarea_btn{margin: 30px auto 0; background-size: 35px auto;}
    .bsarea_sec3 .tit_area .tit_box{width: 42%;}
    .bsarea_sec3 .tit_area .desc{margin: 43px auto 0; width: 55%;}
    .bsinfo_sec1 .detail_box .text .tit{font-size: 15px;}
    .bsinfo_sec1 .detail_box .text .desc{font-size: 13px;}
	.bsinfo_sec1 .figure_area{display: block; padding-top: 50px; width: 100%;}
    .bsinfo_sec2 .list_area{margin-top: 50px;}
    .bsinfo_sec2 .list_area li .icon{width: 90px; height: 90px; background-size: 35px auto;}
    .bsinfo_sec2  .list_area li .tit{font-size: 16px;}
    .bsinfo_sec2  .list_area li .desc{font-size: 13px;}
    .bsinfo_sec3 .list_area{margin-top: 50px;}
    .bsinfo_sec3  .list_area .text .num{width: 40px; font-size: 24px; line-height: 30px; }
    .bsinfo_sec3  .list_area .text .con .tit{font-size: 16px;}
    .bsinfo_sec3  .list_area .text .con .desc{font-size: 13px; line-height: 19px;}
}
@media screen and (max-width:1024px){
    .bsarea_sec1 .tit_area{padding: 5px 30px 0 0;}
    .bsinfo_sec1 .inner{display: block;}
    .bsinfo_sec1 .text_area{display: block; padding-right: 0; width: 100%;}
    .bsinfo_sec1 .detail_box .icon{width: 40px; height: 40px; background-size: 30px auto;}
    .bsinfo_sec1 .detail_box .text{padding-left: 10px;}
    .bsinfo_sec1 .detail_box .text .desc{margin-top: 10px;}

    .bsinfo_sec3 .list_area li{width: 100%; display: table;}
    .bsinfo_sec3 .list_area li:nth-child(3n-1){margin: 20px 0;}
    .bsinfo_sec3 .list_area .figure{display: table-cell; width: 50%;}
    .bsinfo_sec3 .list_area .text{display: table-cell; margin-top: 0; padding: 0 20px; width: 50%; vertical-align: middle;}
}
@media screen and (max-width:767px){
    .bsarea_sec1 .inner{display: block;}
    .bsarea_sec1 .tit_area{display: block;  padding: 0; width: 100%;}
    .bsarea_sec1 .tit_area .desc{margin: 32px auto 0;}
    .bsarea_sec1 .figure_area{display: block; margin-top: 40px; width: 100%; overflow: hidden;}
    .bsarea_sec2{padding: 60px 0;}
    .bsarea_sec2 .tit_area.subpage .desc{width: 90%;}
    .bsarea_sec3 .tit_area .tit_box{float: none; width: 100%;}
    .bsarea_sec3 .tit_area .desc{float: none; margin: 30px auto 0; width: 100%;}
    .bsarea_sec3 .figure_area{margin-top: 50px;}
    .bsinfo_sec2 .list_area li{width: 50%; margin-bottom: 30px;}
}
@media screen and (max-width: 600px){
    .bsinfo_sec3 .list_area li{width: 100%; display: block;}
    .bsinfo_sec3 .list_area li:nth-child(3n-1){margin: 35px 0;}
    .bsinfo_sec3 .list_area .figure{display: block; width: 100%;}
    .bsinfo_sec3 .list_area .text{display: block; padding: 20px 0 0; width: 100%;}
}
@media screen and (max-width: 480px){
    .bsarea_sec1 .tit_area .desc{margin: 30px auto 0;}
    .bsarea_sec2{padding: 50px 0;}
    .bsarea_sec2 .tit_area.subpage .desc{width: 100%;}
    .bsarea_sec2 .bsarea_btn{margin: 20px auto 0; background-size: 30px auto;}
    .bsarea_sec3 .tit_area .desc{margin: 30px auto 0;}
    .bsarea_sec3 .figure_area{margin-top: 40px; height: 200px;}
    .bsarea_sec3 .figure{width: 100%; height: 100%; overflow: hidden;}
    .bsarea_sec3 .figure_area img{width: auto; height: 100%; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
    .bsinfo_sec1 .tit_area{padding-bottom: 20px; margin-bottom: 25px;}
    .bsinfo_sec1 .detail_box li{padding: 0; width: 100%;}
    .bsinfo_sec1 .detail_box li:last-child{padding: 0; margin-top: 20px;}
    .bsinfo_sec1 .detail_box .icon{width: 30px; height: 30px; background-size: 25px auto;}
    .bsinfo_sec1 .detail_box .text .tit{font-size: 14px;}
    .bsinfo_sec1 .detail_box .text .desc{font-size: 12px; line-height: 18px;}
    .bsinfo_sec1 .figure_area{padding-top: 30px;}
    .bsinfo_sec2 .list_area li{width: 100%; margin-bottom: 40px;}
    .bsinfo_sec2 .list_area li .icon{width: 80px; height: 80px; background-size: 30px auto;}
    .bsinfo_sec2  .list_area li .tit{font-size: 14px;}
    .bsinfo_sec2  .list_area li .desc{margin: 0 auto; max-width: 350px; font-size: 12px; line-height: 18px;}
    .bsinfo_sec3 .tit_area.subpage .main_tit br{display: none;}
    .bsinfo_sec3  .list_area .text .num{width: 30px; font-size: 20px; line-height: 24px;}
    .bsinfo_sec3  .list_area .text .con .tit{font-size: 14px;}
    .bsinfo_sec3  .list_area .text .con .desc{font-size: 12px;}   
}