nd-color: #333333; margin-top: 2%;} .brand_power .txt p{ font-size: 16px; color: #666666; line-height: 32px; margin-bottom: 0; max-width: 235px;} @media(max-width:1024px){ .brand_power .tit h3{ font-size: 26px;} .brand_power .txt b{ font-size: 32px;} .brand_power .txt h2{ font-size: 20px;} .brand_power .txt p{ line-height: 26px; font-size: 14px;} } @media(max-width:768px){ .brand_power .tit h3{ font-size: 22px;} .brand_power .tit h4{ font-size: 14px; line-height: 26px;} .brand_power .txt{ padding-left: 2%;} .brand_power .txt b{ font-size: 28px;} .brand_power .txt h2{ font-size: 18px; margin: 2% 0;} .brand_power .txt p{ line-height: 26px; font-size: 14px;} } @media(max-width:640px){ .brand_power .ytable-cell{ display: block; width: 100%!important;} .brand_power .txt{ padding: 4% 5%;} } .Green_factory .list_con .list{ padding: 4.5% 0;} .Green_factory .tit{ font-size: 30px; font-weight: normal; color: #333333; margin: 0;} .Green_factory article{ font-size: 18px; line-height: 36px; color: #666666;} .Green_factory article::after{ content: ''; display: block; width: 20px; height: 3px; background-color: #c8192a; margin: 50px 0;} .Green_factory .list_con .content { max-width: 1560px; margin: 0 auto; position: relative; width: 92%;} .Green_factory .list_con .list:first-child .fr{ width: 53.847%;} .Green_factory .list_con .list:first-child .fl{ width: 50%; margin-right: -3.847%; background-color: #fff; position: relative; z-index: 2; margin-top: 5%; box-shadow: 0 0 20px rgba(0,0,0,0.1); padding: 5%;} .Green_factory .list_con .list:nth-child(2){ padding: 0;} .Green_factory .list_con .list:nth-child(2) .content { width: 100%; display: table; table-layout: fixed; max-width: 100%;} .Green_factory .list_con .list:nth-child(2) .content::after{ display: none;} .Green_factory .list_con .list:nth-child(2) .fl, .Green_factory .list_con .list:nth-child(2) .fr{ display: table-cell; vertical-align: middle; float: none;} .Green_factory .list_con .list:nth-child(2) .fr{ width: 50.447%;} .Green_factory .list_con .list:nth-child(2) .fl{ background-color: #f7f7f7;} .Green_factory .list_con .list:nth-child(2) .fl .txt{ max-width: 780px; padding: 2% 8%; } .Green_factory .list_con .list:nth-child(3) .fr{ width: 50%;} .Green_factory .list_con .list:nth-child(3) .fl{ width: 50%; padding: 5% 4.5%; text-align: justify; margin-top: 8.5%;} .Green_factory .list_con .list:nth-child(3) .content{ padding-bottom: 2%;} .Green_factory .list_con .list:nth-child(3) .content::before{ content: ''; height: 90%; width: 80%; left: 0; bottom: 0; border: 1px solid #cccccc; position: absolute;} @media(max-width:1200px){ .Green_factory .tit{ font-size: 24px;} .Green_factory article{ font-size: 16px; line-height: 30px;} .Green_factory article::after{ margin: 30px 0;} } @media(max-width:768px){ .Green_factory .tit{ font-size: 20px;} .Green_factory article{ font-size: 14px; line-height: 26px;} .Green_factory .list_con .fl, .Green_factory .list_con .fr{ width: 100%!important; float: none; display: block!important;} .Green_factory .list_con .list:nth-child(2) .content{ width: 92%; display: block; margin: 0 auto;} .Green_factory .list_con .list:nth-child(2) .fl .txt{ padding: 5%;} .Green_factory .list_con .list:nth-child(3) .content::before{ width: 100%;} .Green_factory .list_con .list:nth-child(3) .fl{ margin-top: 0;} } @media(max-width:640px){ .Green_factory .tit{ font-size: 18px;} } .job_list{ padding: 5% 0;} .job_list .list{border: 1px solid #eeeeee; margin-bottom: 10px;} .job_list .ullist{ padding: 0 4%; font-size: 18px; color: #666666; line-height: 66px; cursor: pointer;} .job_list .ullist li{ float: left; width: 18%; text-align: center;} .job_list .ul_top{ background: #f7f8fa; color: #333; cursor: default; margin-bottom: 10px;} .job_list .ullist .icon{ width: 5%; text-align: right;} .job_list .ullist .name{ text-align: left; width: 23%;} .job_list .icon span{ width: 22px; height: 22px; display: inline-block; vertical-align: middle; border-radius: 100%; background: url("../images/icon_arrow5.png") no-repeat center #c8192a;} .job_list .con{ display: none; margin:0 2%; padding: 3% 2%; font-size: 16px; color: #666666; line-height: 30px; border-top: 1px solid #eee;} .job_list .con .h2{ font-weight: normal; margin: 0 0 1.5%; font-size: 18px; color: #333;} .job_list .con article{ font-size: 18px; line-height: 30px; margin-bottom: 2.5%;} .job_list .Aon .ullist{ color: #c8192a;} .job_list .Aon .icon span{ background-image: url("../images/icon_arrow6.png");} @media(max-width:1000px){ .job_list .ullist li{ font-size: 16px;} .job_list .con .h2{ font-size: 16px;} .job_list .con article{ font-size: 14px; line-height: 24px;} } @media(max-width:768px){ .job_list .ullist .salary, .job_list .ullist .add{ display: none;} .job_list .ullist .name{ width: 57%;} .job_list .ullist .icon{ width: 7%;} } @media(max-width:640px){ .job_list .ullist li{ font-size: 14px;} .job_list .ullist .num, .job_list .ullist .add{ display: none;} .job_list .ullist .name{ width: 57%;} .job_list .ullist li{ width: 36%;} .job_list .ullist .icon{ width: 7%;} } .Dealer_area{ padding: 10% 0; background: url(/uploadfiles/image/20210331111212169.jpg) no-repeat center top; background-size: cover;} .Dealer_area dl{ max-width: 540px; width: 92%; margin: 0 auto; background-color: #fff; border-radius: 15px; padding: 2% 4.5%;} .Dealer_area dt{ text-align: center; font-size: 30px; color: #333333; margin-bottom: 12%;} .Dealer_area dd{ margin-bottom: 8%;} .Dealer_area .text{ width: 100%; border: 1px solid #eeeeee; line-height: 56px; height: 56px; padding: 0 45px; background: url(../images/login_icon1.png) no-repeat 10px center; border-radius: 3px;} .Dealer_area .text.password{ background-image: url(../images/login_icon2.png)} .Dealer_area .btn{line-height: 56px; height: 56px; text-align: center; color: #fff; background-color: #c8192a; font-size: 16px; width: 100%; border: none; cursor: pointer;} .Dealer_area .dd4{ text-align: center; margin:-4% 0 0;} .Dealer_area .dd4 a{ color: #c8192a;} .path_list{ padding: 4% 0;} .path_list .slider-nav, .path_list .auto-inner{ position: relative; } .path_list .slider-nav ul{ padding: 0 50px;} .path_list .slider-nav .slick-track{ display: table;} .path_list .slider-nav li{ text-align: center; font-size: 16px; color: #666666; display: table-cell; vertical-align: bottom; float: none; padding-bottom: 68px; position: relative;} .path_list .slider-nav h2{ margin: 0; font-size: 24px;} .path_list .slider-nav li i{ position: absolute; width: 7px; height: 7px; border-radius: 100%; background-color: #e6e6e6; bottom: 5px; left: 50%; transform: translateX(-50%);} .path_list .slider-nav::before, .path_list .slider-nav li::before, .path_list .slider-nav li i::before{ content: ''; position: absolute;} .path_list .slider-nav::before{ width: 100%; height: 1px; background-color: #eee; left: 0; bottom: 8px;} .path_list .slider-nav li::before{ bottom: 5px; width: 1px; height: 65px; left: 50%; background-color: #eee;} .path_list .slider-for{ margin-top: 5%;} .path_list .slider-for li{ margin-bottom: 20px;} .path_list .ytable{ height: auto;} .path_list .years{ width: 111px;} .path_list .years time{ display: block; width: 100%; height: 111px; line-height: 111px; border-radius: 100%; background-color: #fcf1f2; font-size: 28px; color: #c8192a; text-align: center; font-weight: bold;} .path_list .con{ padding-left: 3%; font-size: 18px; color: #666666;} .path_list .month{ width: 120px; text-align: center; font-weight: bold;} .path_list .box{ padding-left: 3%; } .path_list .ytable .ytable{ margin-bottom: 5px;} .path_list .ytable .ytable .ytable-cell{ vertical-align: top;} .path_list .slider-nav li i::before{ width: 15px; height: 15px; border-radius: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%);border:1px solid transparent;} .path_list .slider-nav .slick-current{ color: #c8192a;} .path_list .slider-nav .slick-current::before, .path_list .slider-nav .slick-current i{ background-color: #c8192a;} .path_list .slider-nav .slick-current i::before{ border-color:#c8192a;} .path_list .slider-nav .slick-arrow{ position: absolute; width: 60px; height: