/*introduce.css*/

/*section1 S*/
.intro_con_wrap .sect1{position: relative; overflow: hidden;}
.intro_left{padding: 95px 0; width: 50%; position: absolute; left: 0; z-index: 1;}
.intro_left .txt_wrap{}
.intro_title{}
.intro_title h5{font-size: 80px; line-height: 88px; color: #333; font-weight: bold;}
.intro_line{margin-top: 20px; margin-bottom: 30px; width: 200px; height: 15px; background: #f2b705;}
.intro_right{float: right;width: 70%;height: 520px; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url('../img/company/section1_img.png');}
/*section1 E*/

/*section2 S*/
.intro_con_wrap .sect2 .con_title h5{text-align: left;}
.intro_con_wrap .sect2 .con_title p{text-align: left; padding-top: 40px;}
.intro_con_wrap .sect2_con{width: 100%; height: 560px; background-image: url('../img/company/section2_img.png'); background-repeat: no-repeat; background-size: cover; background-position: center;}
/*section2 E*/

/*section3 S*/
.intro_con_wrap .sect3 .txt_wrap{width: 100%;padding: 0; float: none;}
.intro_con_wrap .sect3_left{width: 32%;float: left; padding-right: 20px;}
.intro_con_wrap .direc_right{}
.intro_con_wrap .sect3_con{overflow: hidden;}
.intro_con_wrap .sect3_con li{width: 50%; float: left;}
.intro_con_wrap .sect3_con li:nth-child(3){margin-top: 60px;}
.intro_con_wrap .sect3_con li:nth-child(4){margin-top: 60px;}
.intro_con_wrap .sect3_img{width: 55px; height: 55px;margin: 0 auto; background-position: center; background-size: cover; background-repeat: no-repeat;}
.intro_con_wrap .s3i1{background-image:url('../img/company/section3_icon1.png');}
.intro_con_wrap .s3i2{background-image:url('../img/company/section3_icon2.png');}
.intro_con_wrap .s3i3{background-image:url('../img/company/section3_icon3.png');}
.intro_con_wrap .s3i4{background-image:url('../img/company/section3_icon4.png');}
.intro_con_wrap .sect3_tbox{text-align: center;}
.intro_con_wrap h5{word-break: keep-all;}
.intro_con_wrap h5 br{display: none;}
.intro_con_wrap .sect3_tbox span{font-size: 18px; color: #333; line-height: 40px; padding: 15px 0; font-weight: bold;}
.intro_con_wrap .sect3_tbox p{font-size: 14px; color: #666; line-height: 25px;}
.intro_con_wrap .direc_right{width: 68%; padding-left: 40px;}
/*section3 E*/

/*section4 S*/
.intro_con_wrap .sect4 .txt_wrap{display: table;text-align: center;width: 100%; height: 240px; background-image: url('../img/company/section4_bgi.png'); background-repeat: no-repeat; background-size: cover; background-position: center;}
.intro_con_wrap .sect4 .con_title{display: table-cell; vertical-align: middle;}
.intro_con_wrap .sect4 .con_title p{color: #333;}
.intro_con_wrap .sect4_con{overflow: hidden; margin-top: 60px; 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;}
.intro_con_wrap .sect4_con .sect4_left{float: left; width: 50%;}
.intro_con_wrap .sect4_con .sect4_right{float: right; width: 50%;}
.intro_con_wrap .sect4_con .li_wrap{width: 100%; padding: 0 10px;}
.intro_con_wrap .year_wrap{padding: 9px 0; width: 25%; float: left; overflow: hidden;}
.intro_con_wrap .year_wrap h3{float: left;font-size: 32px; line-height: 24px; color: #333;}
.intro_con_wrap .year_wrap .his_line{margin: 10px 0; float: right;}
.intro_con_wrap .year_wrap .his_line div{float: right;width: 40px; height: 1px; background: #ccc;}
.intro_con_wrap .year_wrap .his_line div::before{margin: -5px 0; float: left;display: block; content: ''; width: 10px; height: 10px; background: #ccc; border-radius: 100%;}
.intro_con_wrap .history_wrap{width: 75%; height: 150px; border-left: 1px solid #ddd; float: right;}
.intro_con_wrap .history_wrap li{padding: 10px 0; overflow: hidden;}
.intro_con_wrap .history_wrap .his_line{margin: 9px 0; float: left;}
.intro_con_wrap .history_wrap .his_line div{width: 30px; height: 1px; background: #ccc;}
.intro_con_wrap .history_wrap h6{float: left;font-size: 18px; color: #333; line-height: 22px;padding-right: 10px;}
.intro_con_wrap .history_wrap h6::before{margin: 5px 0; float: left;display: block; content: ''; width: 10px; height: 10px; border: 3px solid #f2b705; border-radius: 100%; margin-right: 10px;}
.intro_con_wrap .history_wrap p{word-break: keep-all; font-size: 16px; color: #888; line-height: 22px;}
.intro_con_wrap .li_wrap:nth-child(5) .history_wrap{height:70px;}
.intro_con_wrap .li_wrap:nth-child(6) .history_wrap{height:70px;}
/*section4 E*/

@media screen and (max-width:1280px){
    .intro_con_wrap .sect3 .con_title h5{font-size: 33px;}
}
@media screen and (max-width:1199px){
    .intro_con_wrap .year_wrap h3{font-size: 26px;}
    .intro_con_wrap .history_wrap h6{font-size: 16px;}
    .intro_con_wrap .history_wrap p{font-size: 14px;}
}
@media screen and (max-width:980px){
    .intro_title h5{font-size: 60px; line-height: 65px;}
    .intro_line{width: 180px;}
    .intro_right{height: 480px;}
    .intro_left{width: 60%;}
    .intro_con_wrap .sect3_tbox p{word-break: keep-all; padding: 0 10px;}
    .intro_con_wrap .sect3_tbox p br{display: none;}
    .intro_con_wrap .sect4_con .sect4_left{width: 100%;}
    .intro_con_wrap .sect4_con .sect4_right{width: 100%;}
    .intro_con_wrap .sect4_con .li_wrap{width: 70%; padding: 0;}
}
@media screen and (max-width:790px){
    .intro_con_wrap .sect3_left{padding: 0; width: 100%;}
    .intro_con_wrap .direc_right{padding: 0; width: 100%; border: none;}
    .intro_con_wrap .sect3 .con_title h5{word-break: normal;}
    .intro_con_wrap .sect3 .con_title h5 br{display: block;}
    .intro_con_wrap .sect3 .txt_wrap{text-align: left;}
    .intro_con_wrap .sect3_con li{width:100%; margin-bottom: 40px;}  
    .intro_con_wrap .sect3_con li:nth-child(3){margin-top: 0;}
    .intro_con_wrap .sect3_con li:nth-child(4){margin-top: 0;}
    .intro_con_wrap .sect3_tbox p{word-break: normal;}
    .intro_con_wrap .sect3_tbox p br{display: block;}
    .intro_con_wrap .direc_right{margin-top: 0;}
    .intro_con_wrap .sect4_con .li_wrap{width: 80%;}
}
@media screen and (max-width:767px){
    .intro_right{width: 100%;}
    .intro_left{width:100%; position: static;padding-top: 0; padding-bottom: 60px;}
    .intro_title h5{font-size: 40px; line-height: 50px;}
    .intro_line{width: 160px;}
    .intro_right{height: 380px;}
    .intro_con_wrap .sect3 .con_title h5{font-size: 30px; line-height: 35px;}
    .intro_con_wrap .sect4_con .li_wrap{width: 85%;}
}
@media screen and (max-width:600px){
    .intro_title h5{font-size: 35px; line-height: 40px;}
    .intro_line{width: 140px; height: 10px;}
    .intro_right{height: 280px;}
    .intro_left{padding-bottom: 45px;}
    .intro_con_wrap .sect2 .con_title h5{word-break: keep-all;}
    .intro_con_wrap .sect2 .con_title p{padding-top: 20px;}
    .intro_con_wrap .sect2 .txt_wrap{margin-bottom: 50px;}
    .intro_con_wrap .sect2_con{height: 400px;}
    .intro_con_wrap .sect3_tbox span{font-size: 16px; line-height: 35px;}
    .intro_con_wrap .sect3_tbox p{font-size: 13px; line-height: 19px;}
    .intro_con_wrap .sect4_con .li_wrap{width: 100%;}
    .intro_con_wrap .year_wrap h3{font-size: 22px;}
    .intro_con_wrap .year_wrap .his_line div{width: 30px;}
    .intro_con_wrap .history_wrap .his_line div{width: 20px;}
    .intro_con_wrap .history_wrap h6{font-size: 14px;}
    .intro_con_wrap .history_wrap p{font-size: 12px;}
}
@media screen and (max-width:480px){
    .intro_title h5{font-size: 30px; line-height: 35px;}
    .intro_line{width: 130px;}
    .intro_right{height: 175px;}
    .intro_left{padding-bottom: 30px;}
    .intro_con_wrap .sect2_con{height: 280px;}
    .intro_con_wrap .sect2 .con_title p{padding-top: 12px;}
    .intro_con_wrap .sect2 .txt_wrap{margin-bottom: 35px;}
    .intro_con_wrap .sect3 .con_title h5{font-size: 24px; line-height: 30px; word-break: keep-all;}
    .intro_con_wrap .sect3 .con_title h5 br{display: none;}
    .intro_con_wrap .sect3_tbox p{word-break: keep-all;}
    .intro_con_wrap .sect3_tbox p br{display: none;}
    .intro_con_wrap .sect3_tbox span{font-size: 14px; line-height: 30px;}
    .intro_con_wrap .sect3_tbox p{font-size: 11px; line-height: 18px;}
    .intro_con_wrap .history_wrap h6 span{display: none;}
    .intro_con_wrap .history_wrap h6{padding-right: 5px;}
    .intro_con_wrap .history_wrap h6::before{padding-right: 5px;}
    .intro_con_wrap .year_wrap .his_line div{width:25px;}
    .intro_con_wrap .history_wrap .his_line div{width: 15px;}
}
@media screen and (max-width:430px){
    .intro_con_wrap .year_wrap .his_line div{display: none;}
    .intro_con_wrap .year_wrap h3::after{display: none;}
    .intro_con_wrap .sect4_left .li_wrap:nth-child(1) .history_wrap{height:160px;}
    .intro_con_wrap .sect4_left .li_wrap:nth-child(2) .history_wrap{height:100px;}
    .intro_con_wrap .sect4_left .li_wrap:nth-child(3) .history_wrap{height:80px;}
    .intro_con_wrap .sect4_right .li_wrap:nth-child(1) .history_wrap{height:100px;}
    .intro_con_wrap .sect4_right .li_wrap:nth-child(3) .history_wrap{height:80px;}
    .intro_con_wrap .history_wrap li{padding: 5px 0;}
}