/*business.area*/

/*section1 S*/
#area_wrap .sect1_con{margin-top: 70px; 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;}
#area_wrap .sect1_con li{width: 31.33%; margin: 0 1%; float: left;}
#area_wrap .sect1_img{width: 100%; height: 320px; background-position: center; background-size: cover; background-repeat: no-repeat;}
#area_wrap .s1i1{background-image: url('../img/business/section1_img1.png');}
#area_wrap .s1i2{background-image: url('../img/business/section1_img2.png');}
#area_wrap .s1i3{background-image: url('../img/business/section1_img3.png');}
#area_wrap .sect1_tbox{}
#area_wrap .sect1_tbox h6{padding: 15px 0; font-size: 18px; line-height: 25px; color: #333;}
#area_wrap .sect1_tbox p{font-size: 14px; color: #666; line-height: 20px;}
/*section1 E*/

/*section2 S*/
#area_wrap .sect2{width: 100%; height: 480px; background-image: url('../img/business/section2_bgi.png'); background-position: center; background-size: cover; background-repeat: no-repeat;}
#area_wrap .sect2_tbox{position: relative; -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); left: -50%}
#area_wrap .sect2_tbox h5{font-size: 34px; font-weight: 400; line-height: 40px; color: #fff; text-align: center;}
#area_wrap .sect2_tbox h5 span{font-weight: bold;}
#area_wrap .sect2_tbox .sect2_line{width: 60px; height: 2px; background: #fff;margin: 25px auto;}
#area_wrap .sect2_tbox p{font-size: 16px; line-height: 23px; color: #fff; text-align: center;}
/*section2 E*/

/*section3 S*/
#area_wrap .sect3{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
#area_wrap .sect3_left{float: left; width: 40%;}
#area_wrap .sect3_left p{font-size: 34px; font-weight: 300; color: #333; line-height: 40px;}
#area_wrap .sect3_left p span{font-weight: bold; color: #f2b704;}
#area_wrap .sect3_left p br{}
#area_wrap .sect3_right{float: right; width: 60%; border-left: 1px solid #ddd;}
#area_wrap .sect3_right p{padding-left: 70px; font-size: 16px; color: #666; line-height: 23px;}
/*section3 E*/

/*section4 S*/
#area_wrap .sect4{}
#area_wrap .sect4_con{position: relative;}
#area_wrap .sect4_bg{width: 100%; height: 230px; background: #f2b704; position: absolute;bottom: 0; z-index: -1;}
#area_wrap .sect4_img_wrap{overflow: hidden; 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; width: 1200px; margin: 0 auto;}
#area_wrap .sect4_img_wrap li{width: 31.33%; height: 320px; margin: 0 1%;/*width: 380px; height: 320px; */background-size: cover; background-position: center; background-repeat: no-repeat; float: left;}
#area_wrap .sect4_i1{background-image: url('../img/business/section2_img1.png');}
#area_wrap .sect4_i2{background-image: url('../img/business/section2_img2.png');}
#area_wrap .sect4_i3{background-image: url('../img/business/section3_img3.png');}
/*section4 E*/

@media screen and (max-width:1199px){
    #area_wrap .sect1_tbox h6{word-break: keep-all;}
    #area_wrap .sect1_tbox p br{display: none; word-break: keep-all;}
    #area_wrap .sect4_img_wrap{width: 100%; padding: 0 20px;}
    #area_wrap .sect3_left p{font-size: 32px;}
}
@media screen and (max-width:980px){
    #area_wrap .sect1_img{height: 250px;}
    #area_wrap .sect2{height: 440px;}
    #area_wrap .sect2_tbox h5{font-size: 30px; line-height: 35px;}
    #area_wrap .sect2_tbox .sect2_line{width: 50px;}
    #area_wrap .sect2_tbox p{font-size: 14px; line-height: 22px;}
    #area_wrap .sect2_tbox p br{display: none;}
    #area_wrap .sect3_left p br{display: none;}
    #area_wrap .sect3_left{width: 38%; margin-right: 2%;}
}
@media screen and (max-width:768px){
    #area_wrap .sect1_img{height: 200px;}
    #area_wrap .sect1_tbox h6{font-size: 16px; line-height: 20px;}
    #area_wrap .sect1_tbox p{font-size: 13px; line-height: 18px;}
    #area_wrap .sect2_tbox .sect2_line{width: 45px;}
    #area_wrap .sect2_tbox h5{font-size: 25px; line-height: 30px;}
    #area_wrap .sect2{height: 410px;}
    #area_wrap .sect3_right p{padding-left: 50px;}
    #area_wrap .sect3_left p{font-size: 26px;}
    #area_wrap .sect3_right p{font-size: 15px;}
    #area_wrap .sect3_left{width: 36%; margin-right: 4%;}
    #area_wrap .sect4_img_wrap li{height: 220px;}
    #area_wrap .sect4_bg{height: 160px;}
}
@media screen and (max-width:650px){
    #area_wrap .sect1_con li{width: 100%; margin: 0; margin-bottom: 40px;}
    #area_wrap .sect1_img{height: 300px;}
    #area_wrap .sect2_tbox{-webkit-transform: translate(50%, 40%);-ms-transform: translate(50%, 40%);transform: translate(50%, 40%);}
    #area_wrap .sect2_tbox h5{font-size: 24px; line-height: 30px;}
    #area_wrap .sect2_tbox p{font-size: 13px;}
    #area_wrap .sect3_left p{font-size: 24px;}
    #area_wrap .sect3_right p{font-size: 14px;}
}
@media screen and (max-width:600px){
    #area_wrap .sect2_tbox{-webkit-transform: translate(50%, 35%);-ms-transform: translate(50%, 35%);transform: translate(50%, 35%);}
    #area_wrap .sect3_left{float: inherit; width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 40px;}
    #area_wrap .sect3_right{padding-top: 40px; float: inherit; width: 100%; border-left: none;}
    #area_wrap .sect3_left p{font-size: 26px; font-weight: 300; color: #333; line-height: 30px;}
    #area_wrap .sect3_right p{padding-left: 0; font-size: 15px; line-height: 20px;}
    #area_wrap .sect4_img_wrap li{width: 100%; margin: 0;}
    #area_wrap .sect4_img_wrap li:nth-child(2){margin: 20px 0;}
}
@media screen and (max-width:480px){
    #area_wrap .sect1_img{height: 270px;}
    #area_wrap .sect1_tbox p{font-size: 12px; line-height: 18px;}
    #area_wrap .sect2{height: 440px;}
    #area_wrap .sect2_tbox h5{word-break: keep-all;}
    #area_wrap .sect2_tbox h5 br{display: none;}
    #area_wrap .sect2_tbox h5{font-size: 20px;}
    #area_wrap .sect2_tbox p{font-size: 12px; word-break: keep-all;}
    #area_wrap .sect3_left p{font-size: 24px; font-weight: 300; color: #333; line-height: 30px;}
    #area_wrap .sect3_right p{padding-left: 0; font-size: 14px; line-height: 20px;}
}
@media screen and (max-width:345px){
    #area_wrap .sect2_tbox{-webkit-transform: translate(50%, 26%);-ms-transform: translate(50%, 26%);transform: translate(50%, 26%);}
    #area_wrap .sect3_left p{}
    #area_wrap .sect3_left p br{display:none;}
}
@media screen and (max-width:330px){
    #area_wrap .sect2_tbox{-webkit-transform: translate(50%, 20%);-ms-transform: translate(50%, 20%);transform: translate(50%, 20%);}
}