/*business_info.css*/

/*visual S*/
.section_wrap .sect_title h3 {
    padding-bottom: 20px;
    font-size: 36px;
    font-weight:700;
    line-height: 60px;
    color: #333;
    text-align:center;
}
.info_visual_wrap h6{font-size: 24px; font-weight: bold; line-height: 30px;}
.info_visual_wrap .visual_text div{width: 50px; height: 2px; background: #fff; margin: 10px auto 10px;}
.info_visual_wrap h3{font-size: 48px; line-height: 60px; font-weight: bold;}
.info_visual_wrap p{font-size: 48px; line-height: 60px;}
/*visual E*/

/*section1 S*/
#info_wrap .sect1{padding-top: 90px; padding-bottom: 0;}
#info_wrap .sect1 .sect1_img{width: 100%; height: 430px; background-size: cover; background-position: center; background-image: url('../../img/business/section1_img.png');}
#info_wrap .sect1 .sect1_box{position: relative; top: -120px; padding: 90px 40px; width: 1020px; margin: 0 auto; background-color: #fff; /*box-shadow: 0 0px 5px rgba(0,0,0,0.1);*/}
#info_wrap .sect1 .tbox{border-bottom: 1px solid #ddd;}
#info_wrap .sect1 .tbox h5{font-size: 26px; line-height: 35px; color: #333; text-align: center; font-weight: 400;}
#info_wrap .sect1 .tbox p{padding: 40px 0; font-size: 18px; line-height: 25px; color: #888; text-align: center;}
#info_wrap .sect1 .ibox{padding-top: 40px; width: 822px; margin: 0 auto;}
#info_wrap .sect1 .ibox li{float: left; width: 274px;}
#info_wrap .sect1 .ib_img{width: 65px; height: 65px; background-size: cover; background-position: center; background-repeat: no-repeat; margin: 10px auto 0;}
#info_wrap .sect1 .ib1{background-image: url('../../img/business/section1_icon1.png');}
#info_wrap .sect1 .ib2{background-image: url('../../img/business/section1_icon2.png');}
#info_wrap .sect1 .ib3{background-image: url('../../img/business/section1_icon3.png');}
#info_wrap .sect1 .ib_tbox h6{font-size: 18px; line-height: 60px; color: #333; text-align: center;}
#info_wrap .sect1 .ib_tbox p{font-size: 16px; line-height: 20px; color: #666; text-align: center;}
/*section1 E*/

/*section2 S*/
#info_wrap .sect2{background-color: #f7f7f7; padding: 90px 0;}
#info_wrap .sect2 .sect_title p{font-size: 18px; line-height: 25px; color: #888; text-align:left; padding-bottom:40px;}
#info_wrap .sect2 .sect_con{}
#info_wrap .sect2 .sect2_img{width: 100%; height: 520px; background-size: cover; background-position: center; background-image: url('../../img/business/section2_img1.png');}
#info_wrap .sect2 .sect2_tbox{overflow: hidden; border: 1px solid #ddd; margin: 40px 0; padding: 30px 0;}
#info_wrap .sect2 .left_a{width: 50%;float: left; border-right: 1px solid #ddd;}
#info_wrap .sect2 .left_a h3{padding-left: 60px; font-size: 24px; line-height: 175px; color: #333;}
#info_wrap .sect2 .left_a span{color: #1e7ce8;}
#info_wrap .sect2 .right_a{margin-top: 10px; float: right;width: 50%; padding-left: 60px;}
#info_wrap .sect2 .right_a li{overflow: hidden; margin: 10px 0;}
#info_wrap .sect2 .square_num{width: 26px; height: 26px; background: #1e7ce8; color: #fff; text-align: center; float: left; border-radius: 5px; line-height: 25px;}
#info_wrap .sect2 .right_a p{padding-left: 10px; float: left; font-size: 16px; line-height: 25px; color: #666;}
#info_wrap .sect2_imgs li{width: 370px; height: 210px; background-size: cover; background-position: center; background-repeat: no-repeat; float: left;}
#info_wrap .sect2_imgs li:nth-child(1){background-image: url('../../img/business/section2_img2.png');}
#info_wrap .sect2_imgs li:nth-child(2){background-image: url('../../img/business/section2_img3.png'); margin: 0 25px;}
#info_wrap .sect2_imgs li:nth-child(3){background-image: url('../../img/business/section2_img4.png');}
#info_wrap .sect2_imgs li:nth-child(4){background-image: url('../../img/business/section2_img5.png');}
/*section2 E*/



/*lan S*/
.tab_sub2ul li:nth-child(2){border-right: 1px solid #ccc;}
/*lan E*/

@media screen and (max-width:1250px){
    #info_wrap .sect2_imgs li{width: 32.33%;}
    #info_wrap .sect2_imgs li:nth-child(2){margin: 0 1%;}
}
@media screen and (max-width:1199px){
    #info_wrap .sect1 .sect1_box{width: 87%;}
}
@media screen and (max-width:1080px){
    #info_wrap .sect1 .tbox p{word-break: keep-all;}
    #info_wrap .sect1 .tbox p br{display: none;}
}
@media screen and (max-width:1000px){
    #info_wrap .sect2 .right_a{padding-left: 35px; padding-right: 35px;}
}
@media screen and (max-width:980px){
    .info_visual_wrap h3{font-size: 40px; line-height: 50px;}
    .info_visual_wrap p{font-size: 40px; line-height: 50px;}
    #info_wrap .sect1 .tbox p{word-break: keep-all;}
    #info_wrap .sect1 .tbox p br{display: none;}
    #info_wrap .sect1 .ibox{width: inherit;}
    #info_wrap .sect1 .ibox li{width: 33.33%;}
    #info_wrap .sect1 .ibox li:nth-child(2){width: 31.33%; margin: 0 1%;}
    #info_wrap .sect1 .ib_tbox p{word-break: keep-all;}
    #info_wrap .sect1 .ib_tbox p br{display: none;}
    #info_wrap .sect2 .sect_title p{word-break: keep-all;}
    #info_wrap .sect2 .sect_title p br{display: none;}
    #info_wrap .sect2 .sect2_img{height: 400px;}
    #info_wrap .sect2 .right_a p{float: none; padding-left: 35px;}
    #info_wrap .sect1 .tbox h5{word-break: keep-all;}
    #info_wrap .sect1 .tbox h5 br{display: none;}
}
@media screen and (max-width:919px){
    #info_wrap .sect2 .left_a h3{line-height: 212px;}
}
@media screen and (max-width:768px){
    .section_wrap .sect_title{padding-bottom: 75px;}
    .info_visual_wrap h6{font-size: 22px;}
    .info_visual_wrap h3{font-size: 36px; line-height: 45px;}
    .info_visual_wrap p{font-size: 36px; line-height: 45px;}
    #info_wrap .sect1 .ibox{padding-top: 0;}
    #info_wrap .sect1 .tbox h5{font-size: 22px; line-height: 30px;}
    #info_wrap .sect1 .tbox p{font-size: 16px;}
    #info_wrap .sect1 .ibox li{width: 100%; border-bottom: 1px solid #ddd;  padding: 40px 0;}
    #info_wrap .sect1 .ibox li:nth-child(2){width: 100%;}
    #info_wrap .sect2 .sect_title p{font-size: 16px; line-height: 25px;}
    #info_wrap .sect2 .sect2_img{height: 300px;}
    #info_wrap .sect2_imgs li{width: 100%;}
    #info_wrap .sect2_imgs li:nth-child(2){margin: 20px 0;}
    #info_wrap .sect2 .sect2_tbox{padding: 0;}
    #info_wrap .sect2 .left_a{width: 100%; border-bottom: 1px solid #ddd; border-right: 0;}
    #info_wrap .sect2 .right_a{width: 100%; margin-top: 0; padding: 40px 0; padding-left: 60px;}
    #info_wrap .sect2 .left_a h3{font-size: 20px; line-height: 120px;}
    #info_wrap .sect2 .right_a p{font-size: 15px;}
    #info_wrap .sect2 .square_num{width: 24px; height: 24px;}
}
@media screen and (max-width:620px){
    #info_wrap .sect1 .tbox h5{word-break: keep-all;}
    #info_wrap .sect1 .tbox h5 br{display: none;}
}
@media screen and (max-width:600px){
    .info_visual_wrap .info_visual{height: 350px;}
    .info_visual_wrap .visual_text div{width: 35px;}
    .info_visual_wrap h6{font-size: 20px;}
    .info_visual_wrap h3{font-size: 30px; line-height: 40px;}
    .info_visual_wrap p{font-size: 30px; line-height: 40px;}
    #info_wrap .sect1 .tbox h5{font-size: 20px; line-height: 25px;}
    #info_wrap .sect1 .tbox p{font-size: 14px;}
    #info_wrap .sect1 .ib_tbox h6{font-size: 16px; line-height: 50px;}
    #info_wrap .sect1 .ib_tbox p{font-size: 14px;}
    #info_wrap .sect2 .sect_title p{font-size: 14px; line-height: 20px;}
    #info_wrap .sect2_imgs li{height: 185px;}
    .section_wrap .sect_title{padding-bottom: 45px;}
    #info_wrap .sect2 .left_a h3{line-height: 80px; padding-left: 0; text-align: center;}
}
@media screen and (max-width:550px){
    #info_wrap .sect2 .right_a{padding: 25px;}
}
@media screen and (max-width:480px){
    .info_visual_wrap .info_visual{height: 210px;}
    .info_visual_wrap .visual_text div{width: 25px;}
    .info_visual_wrap h6{font-size: 13px; line-height: 20px;}
    .info_visual_wrap h3{font-size: 20px; line-height: 25px;}
    .info_visual_wrap p{font-size: 20px; line-height: 25px;}
    #info_wrap .sect1 .tbox h5{font-size: 16px; line-height: 25px;}
    #info_wrap .sect1 .tbox p{font-size: 13px; line-height: 20px;}
    #info_wrap .sect1 .ib_tbox h6{font-size: 14px; line-height: 40px;}
    #info_wrap .sect1 .ib_tbox p{font-size: 12px;}
    #info_wrap .sect2 .sect_title h3{line-height: 28px;}
    #info_wrap .sect2 .sect_title p{font-size: 13px;}
    #info_wrap .sect1 .sect1_box{padding: 40px 20px;}
    #info_wrap .sect2 .sect2_img{height: 200px;}
    #info_wrap .sect2 .left_a h3{font-size: 24px;}
    #info_wrap .sect2 .right_a p{font-size: 12px; padding-left: 25px; line-height: 20px;}
    #info_wrap .sect2 .square_num{width: 20px; height: 20px; line-height: 20px;}
    #info_wrap .sect2_imgs li{height: 145px;}
    #info_wrap .sect2 .sect_title h3{word-break: keep-all;}
    #info_wrap .sect1 .sect1_img{height: 360px;}
}
@media screen and (max-width:400px){
    #info_wrap .sect1 .sect1_img{height: 320px;}
}