.category01-title{display: flex;margin: 0 0 129px 0;border-bottom: 1px solid #E9E9E9;} .category01-title>div{margin-right: 148px;padding: 0 17px 21px 17px;border-bottom: 2px solid white;} .category01-title>div>a{font-size: 24px;color: #666666;line-height: 24px;font-weight: 400;font-family: "MicrosoftYaHei";} .category01-box-top{display: flex;padding-bottom: 103px;} .category01-box-img{margin-right: 19px !important;} .category01-box-top>div{font-size: 26px;line-height: 26px;color: #333333;font-weight: bold;font-family: "MicrosoftYaHei-Bold";margin: 0;} .category01-box-center{width: 675px;height: 177px;background: #F3F3F3;padding: 0 33px 0 44px;transition: all .5s;} .category01-box-center>a>div>h1{transition: all .5s;color: #666666;font-size: 24px;line-height: 26px;font-weight: 400;font-family: "MicrosoftYaHei";margin: 0;text-align: left;} .category01-box-center>a>div{display: flex;align-items: center;justify-content: space-evenly;height: 100%;} .category01-box-top2{padding-bottom: 109px;} .category01-minibox{display: flex;flex-wrap: wrap;justify-content: space-between;} .category01-minibox>div{margin-bottom: 40px;} .category01{padding-bottom: 106px;} .category01-box-center:hover{background-image: url("../images/newbanners/banner02.png");background-size: 100% 100%;background-repeat: no-repeat;transition: all .5s;} .category01-box-center:hover h1{color: white;transition: all .5s;} .category02-title{margin: 84px 0 22px;} .category02-title>h1{font-size: 30px;font-family: Microsoft YaHei;font-weight: bold;color: #333333;line-height: 26px;margin: 0;} .category02-title>p{font-size: 16px;font-family: Microsoft YaHei;font-weight: 400;color: #333333;line-height: 26px;margin: 22px 0 49px 0;} .category02-minibox-bk{border-left: 1px solid #E9E9E9;border-right: 1px solid #E9E9E9;} .category02-minibox th{background: #009690;font-size: 16px;font-family: Microsoft YaHei;font-weight: bold;color: #FFFFFF;line-height: 26px;} .category02-minibox td{text-align: center;font-size: 16px;font-family: Microsoft YaHei;font-weight: 400;color: #333333;line-height: 26px;} .category02-minibox tr{background: #FAFAFA;margin: 0;} .category02-minibox-bj{background: #F3F3F3 !important;} .category02-minibox{border-spacing: 0;height: 780px;width: 1125px;} .category01-title2{margin: 0;} .category02-title2{margin-top: 86px;} .category02-title3{margin-top: 76px;} .category02-minibox2{height: 240px;} .category02-minibox3{height: 540px;} .category01-title .on{border-color: rgb(0, 150, 144);} #ct01{color: rgb(0, 150, 144);} #ctt2{border-color: rgb(0, 150, 144);} #ct2{color: rgb(0, 150, 144);} .category03{padding-bottom: 143px;} .category03-box{width: 1300px;height: 500px;background: #FAFAFA;} .category03-box-top{padding: 76px 67px 0 59px} .category03-box-left>h1{font-size: 57px;font-family: Source Han Sans CN;font-weight: bold;color: #009690;line-height: 30px;margin: 0 17px 0 0;} .category03-box-left>h4{font-size: 50px;font-family: Source Han Sans CN;font-weight: bold;color: #303030;line-height: 30px;} .category03-box-right2>div{font-size: 57px;font-family: Source Han Sans CN;font-weight: bold;margin: 0 10px 0 20px;} .category03-box-right2.down{ color:#43b610; } .category03-box-right2.up{ color: #C7000B; } .category03-box-right2 . .category03-box-right2>h4{font-size: 34px;font-family: Source Han Sans CN;} .category03-box-top{display: flex;justify-content: space-between;} .category03-box-left{display: flex;align-items: center;} .category03-box-right{display: flex;align-items: center;} .category03-box-right2{display: flex;align-items: baseline;} .category03-box-center{display: flex;justify-content: space-between;padding: 35px 64px 135px 59px;} .category03-box-center-left>p{font-size: 26px;font-family: Source Han Sans CN;font-weight: 400;color: #303030;line-height: 30px;margin: 0;} .category03-box-center-right{width: 216px;display: flex;justify-content: space-between;} .category03-box-center-right.down{ color:#43b610; } .category03-box-center-right.up{ color: #C7000B; } .category03-box-center-right>p{font-size: 26px;font-family: Source Han Sans CN;font-weight: 300;line-height: 30px;margin: 0;} .category03-box-center2{display: flex;justify-content: space-between;padding: 0 69px 21px 58px;} .category03-box-center-left2>p{font-size: 16px;font-family: Source Han Sans CN;font-weight: 300;color: #666666;line-height: 30px;margin: 0;} .category03-box-center-right2>p{font-size: 26px;font-family: Source Han Sans CN;font-weight: 400;color: #303030;line-height: 30px;margin: 0;} .category03-box-center-right2{width: 348px;display: flex;justify-content: space-between;} .category03-box-bottom{display: flex;justify-content: space-between;padding: 0px 64px 0 59px;} .category03-box-bottom-left>p{font-size: 22px;font-family: Source Han Sans CN;font-weight: 400;color: #000000;line-height: 30px;margin: 0;} .category03-box-bottom-right>p{font-size: 50px;font-family: Source Han Sans CN;font-weight: bold;color: #303030;line-height: 30px;margin: 0;} .category03-box-bottom-right{width: 317px;display: flex;justify-content: space-between;} .hidden-md{display: none;} .hidden-sm{display: none;} /* category04 */ .category04-title>h1{font-size: 30px;font-family: Microsoft YaHei;font-weight: bold;color: #333333;line-height: 26px;margin: 0 0 84px 0;} .category04-box-left>div{display: flex;align-items: center;padding-bottom: 81px;} .category04-box-left>div>h1{font-size: 22px;font-family: Microsoft YaHei;font-weight: 400;color: #000000;line-height: 26px;margin: 0 58px 0 26px;} .category04-box-left>div>p{font-size: 18px;font-family: Microsoft YaHei;font-weight: 400;color: #666666;line-height: 26px;margin: 0;} .category04-box-left-box{padding-bottom: 40px !important;position: relative;} .category04-box-left-box:before{content: '';position: absolute;bottom: 0;left: 0;right: 70px;height: 1px;background: #E9E9E9;} .category04-box>div{width: 50%;} .category04-box{display: flex;flex-wrap: wrap;padding-bottom: 138px;} .category04-box-right img{width: 100%;max-width: 100%;height: 100%;} @media (min-width: 1800px){ .category01 .w14{max-width: 1434px;} } @media (max-width: 1400px){ .category03-box{width: 1100px;} } @media (max-width: 1200px){ .category01-title>div>a{font-size: 16px;} .category01-box-top>div{font-size: 28px;} .category01-box-center>a>div>h1{font-size: 16px;} .category01-title{margin-bottom: 100px;} .category02-minibox{width: 900px;} .category02-title>h1{font-size: 18px;} .category03-box{width: 900px;} .category03-box-left>h1 , .category03-box-right2>div{font-size: 38px;} .category03-box-left>h4 , .category03-box-bottom-right>p{font-size: 40px;} .category03-box-right2>h4{font-size: 30px;} .category03-box-center-left>p , .category03-box-center-right>p , .category03-box-center-right2>p{font-size: 20px;} .category03-box-center-left2>p{font-size: 14px;} .category03-box-bottom-left>p{font-size: 18px;} .category03-box-bottom-right{width: 275px;} .category04-box-left>div>h1{min-width: 44px;} } @media (min-width: 991px){ .hidden-sm{display: flex;} } @media (min-width: 991px) and (max-width: 1200px){ .category04-box-left>div>p{max-width: 200px;} } @media (min-width: 791px) and (max-width: 991px){ .category04-box-left>div>p{max-width: 150px;} } @media (max-width: 991px){ .category01-title>div{margin-right: 100px;} .category01-box-center{width: 500px;height: 150px;} .category02-minibox{width: 700px;} .category03-box{width: 100%;} .category03-box-top , .category03-box-center{flex-direction: column;} .hidden-md{display: block;} .category03-box-center-right2 , .category03-box-bottom-right{width: 300px;margin-top: 15px;} .category03-minibox{padding: 0 15px;} .category03-box-center{padding: 0 15px 88px 15px;} .category03-box-top{padding-left: 15px;padding-right: 15px;} .category03-box-left , .category03-box-right{padding-bottom: 35px;} .category04-box>div{width: 100%;} .category04-box-left>div{width: 50%;} .category04-box-left{display: flex;flex-wrap: wrap;} .category04-box-left>div{padding-bottom: 81px !important;} .category04-box-left>div>div{width: 60px;} } @media (max-width: 791px){ .category01-title>div{margin-right: 25px;} .category01-box-center{width: 450px;height: 150px;} .category01-box-top{padding-bottom: 80px;} .category02-minibox{width: 600px;} .category04-box-left>div{width: 100%;padding-bottom: 40px !important;} } @media (max-width: 691px){ .category02-minibox{width: 395px;} } @media (max-width: 610px){ .category04-box-left>div>p{max-width: 200px;} } @media (max-width: 591px){ .category01-title>div{margin-right: 15px;} .category01-box-center{width: 395px;height: 150px;} .category01-title3>div{margin: 0;} .category02-minibox td{ font-size:12px; } }