.overall-situation-big-title{ font-size: 2rem; font-weight: 700; text-align: center; color: #333333; letter-spacing: 0.28rem; margin-bottom: 20px; } .overall-situation-small-title{ font-size: 1.5rem; font-weight: 400; text-align: center; color: #999999; letter-spacing: 0.21rem; margin-bottom: 50px; } .gp_info_box{ background: #FFFFFF; box-sizing: border-box; } .gpib_content{ display: flex; justify-content: space-between; align-items: center; } .gpib_left_box{ margin-right: 12%; font-size: 18px; color: #656565; padding-bottom: 50px; } .gpib_left_box_c{ line-height: 30px; padding-bottom: 18px; } .gpib_left_box_t{ float: left; padding-right: 15px; } .gpib_left_box_title{ font-weight: 600; } .gpib_left_box_s_title{ color: #999999; font-size: 18px; } .gpib_left_box_content{ padding-left: 45px; } .gp_info_box_left{ float: left; width: 54%; } .gp_info_box_right{ float: right; width: 46%; text-align: center; margin: auto; } .gp_info_box_right img{ width: 100%; } .gpib_left_box_nav{ font-size: 18px; background-color: #14A83A; color: #FFFFFF; font-weight: 550; margin: 10px 0 5px 0; padding-left: 10px; display: inline-block; } .gpib_left_box_nav:after{ position: absolute; content: ''; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 30px solid #14A83A; display: inline-block; } .gpib_left_box_nav1{ margin-left: 45px; } .gpib_left_box_nav_c{ margin-left: 45px; font-size: 17px; } .main-one-box { background-image: url(../image/waste_oil/2.jpg); text-align: center; height: 610px; padding-top: 70px; background-size:auto; } .main-one-box-cc{ } .main-one-box-1 { width: 550px; color: #FFFFFF; padding-top: 40px; text-align: left; float: left; padding-left: 40px; } .main-one-box-2 { width: 550px; color: #FFFFFF; float: left; text-align: left; padding-top: 150px; padding-left: 200px; } .main-one-box-1-title{ color: #FFFFFF; font-size: 18px; font-weight: 550; padding-bottom: 16px; } .main-one-box-1-border{ border:#FFFFFF solid 3px; width: 50px; margin-bottom: 16px; } .main-one-box-1 .main-one-box-1-content{ color: #FFFFFF; font-size: 16px; width: 86%; line-height: 26px; padding-bottom: 50px; } .main-one-box-2 .main-one-box-1-content{ color: #FFFFFF; font-size: 16px; width: 93%; line-height: 26px; padding-bottom: 50px; } .main-one-box-2 .main-one-box-1-title{ font-size: 25px; } .main-one-box-2 .main-one-box-1-content{ font-size: 18px; line-height: 30px; } .main-two-box{ padding-top: 60px; color: #666666; } .main-two-box-cc{ background-color: #F2F2F2; margin-top: 40px; } .main-two-box-block{ float: left; width: 33%; text-align: center; margin-top: 80px; border-right: #FFFFFF 1px solid; } .main-two-box-block1{ border-right: 0px; } .main-two-box-block-c{ width: 56%; margin: 0 auto; font-size: 18px; line-height: 25px; padding-bottom: 40px; } .main-two-box-block-c1{ width: 65%; } .main-two-box-block-t{ font-size: 18px; font-weight: 550; padding: 16px 0 18px 0; } .main-three-box{ padding: 70px 0; text-align: center; } .main-four-box{ padding: 70px 0; text-align: center; background-color: #EEEEEE; } .main-five-box{ padding: 70px 0; background-color: #F2F2F2; } .main-five-box-c{ width: 26%; float: left; padding-right: 4%; font-size: 24px; color: #666666; line-height: 40px; } .main-five-box-img{ width: 70%; float: left; } .main-six-box{ padding-top: 70px; } .main-six-box-block{ display: flex; padding-bottom: 50px; } .main-six-box-l-t{ color: #0b9e27; } .main-six-box-l-t1{ border: 4px solid #0b9e27; } .main-six-box-l-t2{ padding-left: 10px; font-size: 20px; font-weight: 550; } .main-six-box-l{ width: 40%; float: left; } .main-six-box-c{ width: 40%; float: left; } .main-six-box-r{ width: 20%; float: left; } .main-six-box-l-c{ padding: 15px 50px 30px 0; color: #676767; line-height: 26px; font-size: 16px; } .main-six-box-l-bb{ float: left; } .main-six-box-l-bb-z{ color: #0b9e27; font-size: 32px; font-weight: 550; padding:0 60px 5px 30px; } .main-six-box-l-bb-c{ padding:0 60px 0 30px; font-size: 18px; color: #676767; }