/*business_area.css*/

.area_con_wrap .section_wrap{padding: 100px 0;}

/*section1 S*/
.area_con_wrap .sect1_left{float: left;width: 45%;}
.area_con_wrap .sect1_img{width: 100%; height: 620px; background-image: url('../img/business/section1_img.png'); background-repeat: no-repeat; background-size: cover; background-position: center;}
.area_con_wrap .sect1_right{float: right;width: 55%; padding-top: 40px; padding-left: 40px;}
.area_con_wrap .sect1_right .direc_line{width: 400px; height: 10px; position: relative; left: -130px;}
.area_con_wrap .sect1_right p{word-break: keep-all; padding: 10px 0;}
.area_con_wrap .sect1_right p br{display: none;}
/*section1 E*/

/*section2 S*/
.area_con_wrap .sect2{width: 100%; background: #f5f5f5; padding: 60px 0;}
.area_con_wrap .sect2_con li{width: 31.33%; margin: 0 1%; -webkit-transition: .3s; transition: .3s;}
.area_con_wrap .sect2_con h4{font-size: 36px; line-height: 45px; color: #333; -webkit-transition: .3s; transition: .3s;}
.area_con_wrap .sect2_con li:hover h4{color: #f2b705; }
.area_con_wrap .sect2_con li:hover{cursor: pointer; }
.area_con_wrap .sect2_con h6{font-size: 18px; line-height: 35px; color: #333; padding: 10px 0;}
.area_con_wrap .sect2_con p{font-size: 14px; line-height: 24px; color: #666;}
/*section2 E*/

/*section3 S*/
.area_con_wrap .sect3 .txt_wrap{width: 100%;}
.area_con_wrap .sect3 .con_title{text-align: center;}
.area_con_wrap .sect3 .con_title p{padding: 15px 0;}
.area_con_wrap .sect3_con{width: 100%;}
.area_con_wrap .sect3_left{overflow: hidden;float: left; width: 49%; margin-right: 1%;}
.area_con_wrap .sect3_con .sect3_img{width: 100%; height: 400px; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-transition: .3s; transition: .3s;}
.area_con_wrap .sect3_left .sect3_img{background-image: url('../img/business/section3_img.png');}
.area_con_wrap .sect3_con .sect3_tbox{}
.area_con_wrap .sect3_con .sect3_tbox h6{font-size: 14px; color: #333; line-height: 45px; color: #f2b705; padding-top: 20px;}
.area_con_wrap .sect3_con .sect3_tbox h5{font-size: 18px; color: #333; line-height: 45px;}
.area_con_wrap .sect3_con .sect3_tbox p{word-break: keep-all; font-size: 14px; color: #666; line-height: 24px;}
.area_con_wrap .sect3_right{overflow: hidden;float: right; width: 49%; margin-left: 1%;}
.area_con_wrap .sect3_right .sect3_img{background-image: url('../img/business/section3_img2.png');}
.area_con_wrap .sect3_con .sect3_tbox p br{display: none;}
/*section3 E*/

@media screen and (max-width:1500px){
    .area_con_wrap .sect3 .con_title p br{display: block;}
}
@media screen and (max-width:1199px){
    .area_con_wrap .sect2_con p{word-break: keep-all;}
    .area_con_wrap .sect2_con p br{display: none;}
}
@media screen and (max-width:980px){
    .area_con_wrap .sect1_right .direc_line{width:250px; left: -100px;}
    .area_con_wrap .sect1_img{height: 570px;}
    .area_con_wrap .section_wrap .con_title h5{word-break: keep-all;}
    .area_con_wrap .section_wrap .con_title h5 br{display: none;}
    .area_con_wrap .sect1_right{padding-top: 0; padding-left: 20px;}
    .area_con_wrap .sect2_con li{margin: 0;}
    .area_con_wrap .sect2_con li:nth-child(1){width: 100%; padding-bottom: 50px; }
    .area_con_wrap .sect2_con li:nth-child(2){width: 49%; margin-right: 1%;}
    .area_con_wrap .sect2_con li:nth-child(3){width: 49%; margin-left: 1%;}
    .area_con_wrap .sect3_con .sect3_img{height: 300px;}
}
@media screen and (max-width:767px){
    .area_con_wrap .sect1_left{width: 100%;}
    .area_con_wrap .sect1_right{width: 100%; padding: 0; margin-top: 40px;}
    .area_con_wrap .sect1_right .direc_line{width: 100%; left: 0; height: 7px; margin: 20px 0;}
    .area_con_wrap .sect1_img{height: 480px;}
    .area_con_wrap .sect2_con h4{font-size: 30px; line-height: 40px;}
    .area_con_wrap .sect2_con h6{font-size: 16px; line-height: 32px;}
    .area_con_wrap .sect2_con p{font-size: 13px;}
    .area_con_wrap .sect3_left{margin: 0; width: 100%;}
    .area_con_wrap .sect3_right{margin: 0; width: 100%; margin-top: 40px;}
    .area_con_wrap .sect3_con .sect3_tbox h6{padding-top: 5px; line-height: 35px;}
}
@media screen and (max-width:600px){
    .area_con_wrap .sect3 .con_title p{word-break: keep-all;}
    .area_con_wrap .sect3 .con_title p br{display:none;}
    .area_con_wrap .sect1_img{height: 400px;}
    .area_con_wrap .section_wrap{padding: 65px 0;}
    .area_con_wrap .sect2_con li:nth-child(1){width: 100%; padding-bottom: 30px; margin:0;}
    .area_con_wrap .sect2_con li:nth-child(2){width: 100%; padding-bottom: 30px; margin:0;}
    .area_con_wrap .sect2_con li:nth-child(3){width: 100%; padding-bottom: 30px; margin:0;}
    .area_con_wrap .sect2{padding: 45px 0;}
}
@media screen and (max-width:480px){
    .area_con_wrap .sect1_img{height: 360px;}
    .area_con_wrap .sect1_right{margin-top: 30px;}
    .area_con_wrap .sect2_con h4{font-size: 24px; line-height: 35px;}
    .area_con_wrap .sect2_con p{font-size: 12px; line-height: 20px;}
    .area_con_wrap .sect2{padding: 35px 0;}
    .area_con_wrap .sect3_con .sect3_tbox h6{font-size: 12px; line-height: 30px;}
    .area_con_wrap .sect3_con .sect3_tbox h5{font-size: 16px; line-height: 40px;}
    .area_con_wrap .sect3_con .sect3_tbox p{font-size: 12px; line-height: 20px;}
    .area_con_wrap .sect3_con .sect3_img{height: 200px;}
}