/*business_area.css*/

/*section1 S*/
#area_wrap .sect1_conwrap{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden;}
#area_wrap .sect1_conwrap li{width: 32%; border: 1px solid #ddd; cursor: pointer; padding: 50px 20px; -webkit-transition: 0.3s; transition: 0.3s; float: left;}
#area_wrap .sect1_conwrap li:nth-child(2){margin: 0 1%;}
#area_wrap .sect1_icon{margin: 0 auto;}
#area_wrap .sect1_tbox h5{font-size: 24px; line-height: 30px; color: #666; text-align: center; -webkit-transition: 0.3s; transition: 0.3s; padding-top: 40px; padding-bottom: 20px;}
#area_wrap .sect1_tbox p{font-size: 16px; line-height: 25px; color: #888; text-align: center; -webkit-transition: 0.3s; transition: 0.3s;}
#area_wrap .sect1 .s1i-1{width: 80px; height: 80px; background-image: url('../img/business/section1_icon-1.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
#area_wrap .sect1 .s1i-2{width: 80px; height: 80px; background-image: url('../img/business/section1_icon-2.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
#area_wrap .sect1 .s1i-3{width: 80px; height: 80px; background-image: url('../img/business/section1_icon-3.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
#area_wrap .sect1_conwrap li:nth-child(1):hover{background-image: url('../img/business/section1_img1_1.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
#area_wrap .sect1_conwrap li:nth-child(2):hover{background-image: url('../img/business/section1_img2_1.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
#area_wrap .sect1_conwrap li:nth-child(3):hover{background-image: url('../img/business/section1_img3_1.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
#area_wrap .sect1_conwrap li:nth-child(1):hover .s1i-1{width: 80px; height: 80px; background-image: url('../img/business/section1_icon1_w.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
#area_wrap .sect1_conwrap li:nth-child(2):hover .s1i-2{width: 80px; height: 80px; background-image: url('../img/business/section1_icon2_w.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
#area_wrap .sect1_conwrap li:nth-child(3):hover .s1i-3{width: 80px; height: 80px; background-image: url('../img/business/section1_icon3_w.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
#area_wrap .sect1_conwrap li:hover h5{color: #fff;}
#area_wrap .sect1_conwrap li:hover p{color: #fff;}
/*section1 E*/

/*section2 S*/
#area_wrap .sect2{width: 100%; background-image: url('../img/business/section2_img_.png'); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 120px 0;}
#area_wrap .sect2 h3{font-size: 36px; color: #fff; text-align: center; line-height: 65px;}
#area_wrap .sect2 p{font-size: 18px; line-height: 25px; color: #fff; text-align: center;}
#area_wrap .sect2_btn{margin-top: 40px;}
#area_wrap .sect2_btn a{margin: 0 auto; width: 210px; font-size: 18px; line-height: 25px; text-align: center; padding: 8px 0; border: 1px solid #fff; color: #fff; -webkit-transition: .3s; transition: .3s;}
#area_wrap .sect2_btn a:hover{border: 1px solid #fff; color: #9a6c41; background: #fff;}
/*section2 E*/

/*section3 S*/
#area_wrap .sect3{padding: 120px 0;}
#area_wrap .sect3_conwrap{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;}
#area_wrap .sect3 .left_a{width: 50%; padding-right: 40px; float: left;}
#area_wrap .sect3 .left_tit h2{font-size: 36px; line-height: 45px;}
#area_wrap .sect3 .left_tit h2 span{color: #9a6c41;}
#area_wrap .sect3 .left_txt{padding: 50px 0;}
#area_wrap .sect3 .left_txt li:nth-child(2){margin: 45px 0;}
#area_wrap .sect3 .left_txt h6{font-size: 18px; line-height: 25px;}
#area_wrap .sect3 .left_txt h6 span{color: #9a6c41;}
#area_wrap .sect3 .left_txt p{font-size: 16px; line-height: 22px; color: #888; word-break: keep-all;}
#area_wrap .sect3 .right_a{width: 50%; float: right;}
#area_wrap .sect3 .right_a img{width: 100%;}
#area_wrap .sect3 .right_img{width: 100%; height: 480px;background-image: url('../img/business/section3_img.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
/*section3 E*/

/*section4 S*/
#area_wrap .sect4{background-color: #f5f5f5; padding: 120px 0;}
#area_wrap .sect4 .sect_title span{color: #9a6c41;}
#area_wrap .sect4 .sect_title p{font-size: 18px; line-height: 25px; color: #888;}
#area_wrap .sect4 .sect_con{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; overflow: hidden;}
#area_wrap .sect4 .sect_con li{width: 31.33%; margin: 0 1%; float: left;}
#area_wrap .sect4 .sect_con li:nth-child(4){margin-top:60px;}
#area_wrap .sect4 .sect_con li:nth-child(5){margin-top:60px;}
#area_wrap .sect4 .sect_con li:nth-child(6){margin-top:60px;}
#area_wrap .sect4_img{width: 90px; height: 90px; margin: 0 auto; background: #ececec; border-radius: 100%;}
#area_wrap .sect4_tbox h4{padding-top: 20px; padding-bottom: 10px; font-size: 18px; line-height: 25px; text-align: center;}
#area_wrap .sect4_tbox p{font-size: 16px; line-height: 25px; color: #888; text-align: center;}
#area_wrap .sect4 .s4i-1{background-image: url('../img/business/section4_icon_1.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
#area_wrap .sect4 .s4i-2{background-image: url('../img/business/section4_icon_2.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
#area_wrap .sect4 .s4i-3{background-image: url('../img/business/section4_icon_3.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
#area_wrap .sect4 .s4i-4{background-image: url('../img/business/section4_icon_4.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
#area_wrap .sect4 .s4i-5{background-image: url('../img/business/section4_icon_5.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
#area_wrap .sect4 .s4i-6{background-image: url('../img/business/section4_icon_6.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
/*section4 E*/

@media screen and (max-width:1199px){
    #area_wrap .sect1_tbox p{word-break: keep-all;}
    #area_wrap .sect1_tbox p br{display: none;}
    #area_wrap .sect4_tbox p{word-break: keep-all;}
    #area_wrap .sect4_tbox p br{display: none;}
}
@media screen and (max-width:980px){
    #area_wrap .sect1_tbox h5{font-size: 20px;}
    #area_wrap .sect1_tbox p{font-size: 14px;}
    #area_wrap .sect3 .left_tit h2{font-size: 32px; line-height: 40px;}
    #area_wrap .sect4 .sect_title p{font-size: 16px; line-height: 20px; color: #888; word-break: keep-all;}
    #area_wrap .sect4 .sect_title p br{display: none;}
}
@media screen and (max-width:900px){
    #area_wrap .sect3 .left_tit h2 br{display: none;}
    #area_wrap .sect3 .left_a{width: 100%; padding-right: 0;}
    #area_wrap .sect3 .right_a{width: 100%;}
    #area_wrap .sect3 .left_txt{padding: 40px 0;}
    #area_wrap .sect3 .left_txt li:nth-child(2){margin: 25px 0;}
    #area_wrap .sect3 .right_img{height: 410px;}
}
@media screen and (max-width:810px){
    #area_wrap .sect1_conwrap li:nth-child(1){width: 100%;}
    #area_wrap .sect1_conwrap li:nth-child(2){width: 49%; margin-top: 20px; margin-right: 1%; margin-left: 0;}
    #area_wrap .sect1_conwrap li:nth-child(3){width: 49%; margin-top: 20px; margin-left: 1%;}
    #area_wrap .sect4 .sect_con li{width: 48%; padding: 0 10px;}
    #area_wrap .sect4 .sect_con li:nth-child(3){margin-top:40px;}
    #area_wrap .sect4 .sect_con li:nth-child(4){margin-top:40px;}
    #area_wrap .sect4 .sect_con li:nth-child(5){margin-top:40px;}
    #area_wrap .sect4 .sect_con li:nth-child(6){margin-top:40px;}
}
@media screen and (max-width:768px){
    #area_wrap .section_wrap .sect_title p{word-break: keep-all;}
    #area_wrap .sect2{padding: 80px 0;}
    #area_wrap .sect2 h3{font-size: 28px; line-height: 50px;}
    #area_wrap .sect2 p{font-size: 16px; line-height: 20px;}
    #area_wrap .sect2_btn a{width: 180px; font-size: 16px; line-height: 20px;}
    #area_wrap .sect3 .left_tit h2{word-break: keep-all;}
    #area_wrap .sect3 .right_img{height: 350px;}
}
@media screen and (max-width:600px){
    #area_wrap .sect2 p{word-break: keep-all;}
    #area_wrap .sect2 p br{display: none;}
    #area_wrap .sect3 .right_img{height: 280px;}
    #area_wrap .sect4 .sect_con li{width: 100%; margin: 0; padding: 0;}
    #area_wrap .sect4 .sect_con li:nth-child(1){width: 100%; margin: 0;}
    #area_wrap .sect4 .sect_con li:nth-child(2){width: 100%; margin-top: 60px;}
    #area_wrap .sect4 .sect_con li:nth-child(3){width: 100%; margin-top: 60px;}
    #area_wrap .sect4 .sect_con li:nth-child(4){width: 100%; margin-top: 60px;}
    #area_wrap .sect4 .sect_con li:nth-child(5){width: 100%; margin-top: 60px;}
    #area_wrap .sect4 .sect_con li:nth-child(6){width: 100%; margin-top: 60px;}
    #area_wrap .sect4_tbox p br{display: block;}
    #area_wrap .sect1_tbox h5{word-break: keep-all;}
    #area_wrap .sect1_tbox h5 br{display: none;}
}
@media screen and (max-width:480px){
    #area_wrap .sect1 .s1i-1{width: 65px;height: 65px;}
    #area_wrap .sect1 .s1i-2{width: 65px;height: 65px;}
    #area_wrap .sect1 .s1i-3{width: 65px;height: 65px;}
    #area_wrap .sect1_conwrap li{padding: 40px 20px;}
    #area_wrap .sect1_conwrap li:nth-child(1){width: 100%;}
    #area_wrap .sect1_conwrap li:nth-child(2){width:100%; margin-top: 20px; margin-right: 0; margin-left: 0;}
    #area_wrap .sect1_conwrap li:nth-child(3){width: 100%; margin-top: 20px; margin-left: 0;}
    #area_wrap .sect1_tbox h5{font-size: 16px; line-height: 25px; padding: 20px 0;}
    #area_wrap .sect1_tbox p{font-size: 13px; line-height: 20px;}
    #area_wrap .sect2{padding: 60px 0;}
    #area_wrap .sect2 h3{font-size: 24px; line-height: 40px;}
    #area_wrap .sect2 p{font-size: 13px; line-height: 20px; margin-top: 10px;}
    #area_wrap .sect2_btn a{width: 140px; font-size: 13px; line-height: 20px;}
    #area_wrap .sect2_btn{margin-top: 25px;}
    #area_wrap .sect3 .left_tit h2{font-size: 24px; line-height: 30px;}
    #area_wrap .sect3 .left_tit h2 br{display: block;}
    #area_wrap .sect3 .left_txt h6{font-size: 13px;}
    #area_wrap .sect3 .left_txt p{font-size: 12px; line-height: 20px;}
    #area_wrap .sect3 .right_img{height: 240px;}
    #area_wrap .section_wrap .sect_title p{font-size: 13px; line-height: 20px; word-break: keep-all;}
    #area_wrap .section_wrap .sect_title p br{display: none;}
    .section_wrap .sect_title h3{line-height: 30px;}
    #area_wrap .sect4_img{width: 75px; height: 75px;}
    #area_wrap .sect4_tbox h4{font-size: 13px; line-height: 25px;}
    #area_wrap .sect4_tbox p{font-size: 12px; line-height: 20px;}
    #area_wrap .sect4 .sect_title p{font-size: 13px;}
    #area_wrap .sect1_conwrap li:nth-child(1):hover .s1i-1{width: 65px; height: 65px;}
    #area_wrap .sect1_conwrap li:nth-child(2):hover .s1i-2{width: 65px; height: 65px;}
    #area_wrap .sect1_conwrap li:nth-child(3):hover .s1i-3{width: 65px; height: 65px;}
}
@media screen and (max-width:400px){
    #area_wrap .sect4_tbox p br{display: none;}
}}