/** * About 4.5.3 * * Copyright 2021-2029 */ /* About */ .fl {float:left;display: inline;} .fr {float:right;display: inline;} .main {width: 100%; float: left;} .main .introd {width: 100%;background-color: #555;min-height: 100px;border-top: 1px solid #bebebe;} .main .introd .introd-inform {width: 100%;color: #fff;padding: 60px 0;} .main .introd .introd-inform h4 {line-height: 50px;font-size: 32px;font-family: 'fzlt';} .main .introd .introd-inform p {line-height: 30px;font-size: 14px;padding-top: 20px;font-family: 'fzlt';} .main .introd .introd-about {width: 100%;padding: 50px 0;float: left;position: relative;} .main .introd .introd-about .introd-about-imgs {width: 90%;float: left;overflow: hidden;} .main .introd .introd-about .introd-about-imgs img {width: 100%;transition: 0.5s;} .main .introd .introd-about .introd-about-imgs:hover img {transform: scale(1.2, 1.2);} .main .introd .introd-about .introd-about-txt {position: absolute;right:0;top:90px;background-color: #a09f9fd4;padding: 30px 28px;max-width:1030px;} .main .introd .introd-about .introd-about-txt p { color: #fff;line-height:35px;text-align: justify;font-size: 14px;} .main .introd .introd-about .introd-about-title { position: absolute;right: 0;bottom: 94px;} .main .introd .introd-about .introd-about-title:after {content: '';position:absolute;right: 0;bottom:-20px;width:70px;height:4px;background-color: #f60;} .main .introd .introd-about .introd-about-title h4 {line-height: 74px;font-size: 60px;color: #555;font-family: Arial, Helvetica, sans-serif;} .standard {width: 100%;float: left;min-height: 759px;background: url("../images/img7.jpg") center no-repeat;} .standard .standard-col {width: 100%;text-align: right;color: #fff;height: 759px;display: flex;justify-content: center;flex-direction: column;} .standard .standard-col h3 {width: 100%;padding: 30px 0;position: relative;} .standard .standard-col h3:after {content: '';position: absolute;right: 0;bottom: 0px;width: 70px;height: 4px;background-color: #f60;float:left;text-align:right;} .standard .standard-col h3 span {display: block;width: 100%;line-height: 60px;font-size: 50px;font-family: Arial, Helvetica, sans-serif;padding-bottom: 10px;} .standard .standard-col h3 em {font-size: 32px;} .standard .standard-col h4 {line-height: 28px;font-size: 14px;padding: 30px 0;} .standard .standard-col p span {display: block;width: 100%;line-height: 30px;} .standard.standard-list2 .standard-col {text-align: left;} .standard.standard-list2 .standard-col h3:after {left: 0;} .standard2 {width: 100%;float: left;min-height: 759px;background: url("../images/brand2.png") center no-repeat;} .standard2 .standard-col {width: 100%;text-align: left;color: #fff;height: 759px;display: flex;justify-content: center;flex-direction: column;float:left;text-align:left;} .standard2 .standard-col h3 {width: 100%;padding: 30px 0;position: relative;float:left;text-align:left;} .standard2 .standard-col h3:after {content: '';position: absolute;right: 0;bottom: 0px;width: 70px;height: 4px;background-color: #f60;left:0 !important ;} .standard2 .standard-col h3 span {display: block;width: 100%;line-height: 60px;font-size: 50px;font-family: Arial, Helvetica, sans-serif;padding-bottom: 10px;} .standard2 .standard-col h3 em {font-size: 32px;} .standard2 .standard-col h4 {line-height: 28px;font-size: 14px;padding: 30px 0;} .standard2 .standard-col p span { display: block; width: 100%; line-height: 30px;} .standard.standard-list2 .standard-col {text-align: left;} .standard.standard-list2 .standard-col h3:after {left: 0;} .industry {width:100%;float: left;} .industry .industry-col {width: 100%;} .industry .industry-col .industry-box {width: 100%;height: 380px;} .industry .industry-col .industry-box .industry-imgs {width: 50%;height: 100%;align-items: flex-end;display: flex;justify-content: flex-end;overflow: hidden;} .industry .industry-col .industry-box .industry-imgs img {width: 100%;transition: 0.5s;} .industry .industry-col .industry-box .industry-imgs:hover img {transform: scale(1.1, 1.1);} .industry .industry-col .industry-box .industry-inform {width: 50%;} .industry .industry-col .industry-box .industry-inform .industry-inform-col {width: 100%;min-height: 100px;} .industry .industry-col .industry-box .industry-inform .industry-inform-col .industry-inform-tit {width: 100%;height: 215px;display: flex;justify-content: flex-start;align-items: center;} .industry .industry-col .industry-box .industry-inform .industry-inform-col .industry-inform-txt {width: 100%;} .industry .industry-col .industry-box .industry-inform .industry-inform-col .industry-inform-txt .industry-inform-title {width:200px;line-height: 36px;font-size: 26px;color: #333;} .industry .industry-col .industry-box .industry-inform .industry-inform-col .industry-inform-txt .industry-inform-text {width: calc(100% - 200px);} .industry .industry-col .industry-box .industry-inform .industry-inform-col .industry-inform-txt .industry-inform-text p {line-height: 26px; font-size: 15px; color: #333;} .industry .industry-col .industry-box .industry-inform .industry-inform-col .industry-inform-txt .industry-inform-text p span {display: inline-block; float: left; width: 50%;} .industry .industry-col .industry-box.industry-list2 .industry-inform {padding-left: 30px;} .industry .industry-col .industry-box.industry-list2 .industry-imgs {display: flex;justify-content: flex-start;align-items: center;} .honor { width: 100%;} .honor .honor-col {width: 100%;padding: 94px 0;float: left;} .honor .honor-col .honor-title {width: 100%;text-align: center;position: relative;} .honor .honor-col .honor-title:after {content: '';position: absolute;left: 50%;margin-left: -35px;bottom: -40px;width: 70px;height: 4px;background-color: #f60;} .honor .honor-col .honor-title h5 {line-height: 55px;font-size: 32px;color: #333;} .honor .honor-col .honor-title h3 {line-height: 52px;font-size: 46px;color: #f60;font-family: Arial, Helvetica, sans-serif;} .honor .honor-col .honor-txt {width: 100%;text-align: center;float: left;padding-top: 70px;line-height: 38px;font-size: 14px;color: #666;} .honor .honor-col .honor-list {width: 100%;padding-top: 50px;float: left;} .honor .honor-col .honor-list ul {width: 100%;display: flex;justify-content: center;} .honor .honor-col .honor-list ul li {width: 245px;} .honor .honor-col .honor-list ul li .honor-list-img {width: 100%;text-align: center;height: 200px;display: flex;justify-content: center;align-items: center;} .honor .honor-col .honor-list ul li .honor-list-txt {width: 100%;text-align: center;line-height: 24px;font-size: 15px;color: #333;padding: 10px 0;} .data {width: 100%;height: 759px;background: url("../images/img8.jpg") center no-repeat;float: left;} .data .data-col {width: 100%;height: 759px;display: flex;justify-content: center;flex-direction: column;} .data .data-col .data-list {width: 100%;height: 214px;} .data .data-col .data-list ul {width: 100%;display: flex;justify-content: center;} .data .data-col .data-list ul li {width: 25%;height: 214px;padding: 55px 0;color: #fff;position: relative;} .data .data-col .data-list ul li:after {content: '';position: absolute;right: 0;top: 50%;margin-top: -40px;width: 1px;height: 80px;background: rgba(255,255,255,0.2);} .data .data-col .data-list ul li:last-child:after {display: none;} .data .data-col .data-list ul li .data-list-num {width: 100%;height: 66px;line-height: 66px;text-align: center;font-size: 28px;} .data .data-col .data-list ul li .data-list-num b {font-size: 58px;font-family: Arial, Helvetica, sans-serif;} .data .data-col .data-list ul li .data-list-txt {width: 100%;text-align: center;line-height: 38px;font-size: 16px;color: #bfc0c0;} .history-list{background-color: #666666;} .container {width:1100px;margin: 0 auto;height: 500px;position: relative;padding: 50px;} .slide-content {width:100%;display:block;margin-top:50px;margin-bottom:50px;overflow:hidden;height:auto;} .slide-content ul li{color:#999;font-size:18px;text-align:center; cursor:pointer; position:relative} .slide-content ul li:hover{color:#f60} .slide-content ul li.cur{color:#f60} .slide-content ul li span{font-size: 100px; color: #f60;display:block;text-align:center;overflow:hidden;height:180px;line-height:180px;} .slide-content ul li font{font-size:18px;text-align:center;display:block;text-align:center;line-height:25px;} .slide_wrap {overflow: hidden;position: relative;} .slide_wrap ul {position: relative;left: 0px;} .slide_wrap::after {width: 100%;height: 1px ;background-color: #999;content: '';position: absolute;top: 48px;left: 0px;} .slide_items li{float: left;font-size: 20px;width: 200px;text-align: center;} .slide_items li a {display: block;} .slide_items li.on {color:#f60;border-radius: 30px;} .slide_items li span {color: #333333;font-size: 24px;display: block;} .slide_items li div {display: inline-block;width: 16px;height: 16px;border: 1px solid #f60;border-radius: 13px;padding: 2px;box-sizing: border-box;margin-top: 22px;} .slide_items li i{display: block;width: 10px;height: 10px;background-color: #f60;border-radius: 5px;} .slide_items li.on div {display: inline-block;width: 26px;height: 26px;border-radius: 13px;padding:7px;box-sizing: border-box;margin-top: 16px;/*background-color: #d3d3d3;*/} .slide-content {margin-top: 100px;} .slide-content img{width: 100%;} .slide-content ul {display: none;} .slide-content ul.on {display: block;}