Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Warning: Cannot modify header information - headers already sent by (output started at /www/wwwroot/www.85520057.com/func.php:230) in /www/wwwroot/www.85520057.com/css.php on line 26
@import "media.css";
.rows {
padding: 0;
}
.header-box {
width: 100%;
background-color: #fff;
height: 80px;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
}
.samll-header-box {
width: 100%;
background: #ffffff;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
display: none;
}
.home-tips {
font-size: 16px;
}
.top_nav_list {
overflow: auto;
min-height: calc(100vh - 44px);
}
.top_nav_item {
border-bottom: 0.5px solid #f1f1f1;
}
.top_nav_level1 {
display: block;
line-height: 48px;
}
.top_nav_level2 {
background: #f6f7f9;
padding: 0 20px 0 40px;
line-height: 48px;
font-size: 12px;
color: #333;
}
.top_nav_level3 {
background: #f6f7f9;
height: 48px;
line-height: 48px;
padding: 0 20px 0 60px;
color: #666;
}
.top_nav_level4 {
background: #f6f7f9;
height: 48px;
line-height: 48px;
padding: 0 20px 0 80px;
color: #666;
}
.nav-act1 {
font-weight: 700;
color: #225560;
}
.foot_img {
width: 10px;
height: 10px;
margin-top: 18px;
}
.mt-header {
margin-top: 80px;
}
.samll-logo {
width: 156px;
height: 22px;
}
.logo {
width: 227px;
height: 32px;
display: inline-block;
margin-top: 23px;
margin-right: 30px;
}
div.navi a {
padding: 0 20px;
height: 100%;
line-height: 80px;
font-size: 15px;
color: #333333;
cursor: pointer;
position: relative;
float: left;
}
div.navi a::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 0px;
height: 2px;
transform: translateX(-50%);
background-color: #225560;
transition: all 0.35s linear;
}
div.navi a:hover {
color: #225560;
}
div.navi a:hover::after,
div.navi a.active::after {
width: 30px;
}
.icon-img {
width: 16px;
height: 16px;
display: inline-block;
}
.icon-img1 {
width: 16px;
height: 16px;
display: inline-block;
position: relative;
top: 3px;
}
.product-scroll {
height: 125px;
}
.product-nav {
padding-bottom: 10px;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap; /* 父级元素中的内容不换行 */
}
.product-nav li {
width: 168px;
text-align: center;
font-size: 13px;
padding-top: 55px;
display: inline-block;
color: #444;
background-size: 40px 40px;
background-repeat: no-repeat;
background-position: top center;
}
.product-nav li:hover {
color: #225560;
font-weight: 700;
background-size: 40px 40px;
background-repeat: no-repeat;
background-position: top center;
}
.product-nav .c0 {
background-image: url(../img/c1.png);
}
.product-nav .c1 {
background-image: url(../img/c2.png);
}
.product-nav .c2 {
background-image: url(../img/c3.png);
}
.product-nav .c3 {
background-image: url(../img/c4.png);
}
.product-nav .c4 {
background-image: url(../img/c5.png);
}
.product-nav .c5 {
background-image: url(../img/c6.png);
}
.product-nav .c6 {
background-image: url(../img/c7.png);
}
.product-nav .c7 {
background-image: url(../img/c8.png);
}
.product-nav .c8 {
background-image: url(../img/c9.png);
}
.product-nav .ac0 {
background-image: url(../img/ac1.png);
}
.product-nav .ac1 {
background-image: url(../img/ac2.png);
}
.product-nav .ac2 {
background-image: url(../img/ac3.png);
}
.product-nav .ac3 {
background-image: url(../img/ac4.png);
}
.product-nav .ac4 {
background-image: url(../img/ac5.png);
}
.product-nav .ac5 {
background-image: url(../img/ac6.png);
}
.product-nav .ac6 {
background-image: url(../img/ac7.png);
}
.product-nav .ac7 {
background-image: url(../img/ac8.png);
}
.product-nav .ac8 {
background-image: url(../img/ac9.png);
}
.product-nav .product-nav-top {
color: #225560;
font-weight: 700;
background-size: 40px 40px;
background-repeat: no-repeat;
background-position: top center;
}
.product-box li {
float: left;
padding: 5px;
box-sizing: border-box;
width: 25%;
height: 220px;
}
.product-box .product-img-box {
background-color: #f6f7f9;
height: 100%;
}
.product-box .product-swiper {
width: 50%;
height: 435px;
background-color: transparent;
overflow: hidden;
position: relative;
}
.product-swiper-img {
width: 45%;
margin-right: 20px;
}
.product-swiper-text {
margin-top: 70px;
}
.product-swiper-item {
width: 100%;
height: 450px;
background-color: #f6f7f9;
padding: 60px 20px 0;
box-sizing: border-box;
}
.but1 {
width: 120px;
height: 40px;
opacity: 1;
border: 1px solid #225560;
font-size: 16px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
text-align: center;
display: block;
color: #225560;
line-height: 38px;
}
.but1:hover {
border: 1px solid #225560;
background-color: #225560;
color: #ffffff;
}
.but2 {
margin: 80px auto 0;
width: 200px;
height: 60px;
background-color: #ed5f18;
padding-left: 8px;
box-sizing: border-box;
}
.but2-link {
padding: 20px 30px;
width: 192px;
background-color: #225560;
height: 60px;
}
.but2-link:hover {
background-color: #ed5f18;
}
.arrow {
width: 20px;
height: 20px;
}
.but3 {
width: 60px;
height: 60px;
border: 1px solid rgba(255, 255, 255, 0.3);
display: block;
}
.img_solution {
width: 100%;
height: 660px;
}
.solution-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 100%;
}
.solution-text {
width: 600px;
margin-top: 40px;
font-size: 16px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
color: #ffffff;
line-height: 28px;
opacity: 0.8;
}
.programme-nav {
position: absolute;
bottom: 0;
left: 0;
height: 100px;
width: 100%;
background-color: rgba(19, 50, 56, 0.25);
z-index: 99;
}
.programme-item {
float: left;
width: 25%;
box-sizing: border-box;
height: 100px;
padding: 25px 0 0 68px;
border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.programme-item:nth-child(1) {
border-left: 1px solid rgba(255, 255, 255, 0.15);
}
.solution-img {
width: 30px;
height: 30px;
}
.programme-item h4 {
opacity: 0.9;
font-size: 16px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
text-align: left;
color: #ffffff;
line-height: 22px;
}
.programme-item:hover {
background: #ed5f18;
}
.programme-item-click {
background: #ed5f18;
}
.programme-item:hover h4 {
opacity: 1;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
font-weight: 700;
}
.about-box {
width: 100%;
background-image: url(../img/about_bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
padding: 0 30px 130px;
box-sizing: border-box;
}
.about-box-left {
float: left;
}
.about-box-right {
float: right;
}
.about-data li:nth-child(2) {
width: 217px;
border-left: 1px solid #dee1ea;
border-right: 1px solid #dee1ea;
}
.about-data h2 {
font-size: 54px;
font-family: Arial, MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica;
font-weight: 700;
color: #225560;
line-height: 60px;
}
.about-show-img {
width: 520px;
height: 420px;
overflow: hidden;
}
.about-but {
position: absolute;
bottom: -30px;
left: 0;
}
.news-img-text {
width: 100%;
height: 60px;
background-color: rgba(0, 0, 0, 0.5);
line-height: 60px;
position: absolute;
bottom: 0;
left: 0;
font-size: 18px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
font-weight: 700;
padding: 0 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #ffffff;
display: block;
}
.news-img-text:hover {
color: #ffffff;
}
.news-item:nth-child(1) {
padding-top: 0;
}
.news-item {
margin-left: 40px;
padding: 30px 0;
border-bottom: 1px solid #f1f1f1;
display: block;
}
.news-item h2 {
font-size: 44px;
font-family: ArialMT, MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
color: #666666;
text-align: center;
}
.news-item span {
font-size: 14px;
font-family: ArialMT, MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
color: #666666;
display: block;
margin-top: 8px;
text-align: center;
}
.news-item:hover p {
color: #225560;
}
.succ-box {
width: 100%;
padding-top: 100px;
background: #f6f7f9;
}
.case-item {
width: 32%;
margin-right: 2%;
display: block;
float: left;
box-sizing: border-box;
overflow: hidden;
}
.case-item:nth-child(3n) {
margin-right: 0;
}
.case-item:hover p {
color: #225560;
}
.cf5 {
color: rgba(255, 255, 255, 0.5);
}
.cf51 {
color: rgba(255, 255, 255, 0.5);
}
.cf5:hover {
color: rgba(255, 255, 255, 1);
}
.code {
width: 100px;
height: 100px;
}
.footer-beian {
padding-top: 28px;
border-top: 1px solid rgba(51, 53, 58, 1);
}
.footer-beian-link {
padding: 0 15px;
border-left: 1px solid rgba(51, 53, 58, 1);
border-right: 1px solid rgba(51, 53, 58, 1);
margin: 0 15px;
display: block;
}
.mib-beian {
border-top: 1px solid #33353a;
padding-top: 25px;
}
.min-footer {
display: none;
}
.header-map {
width: 100%;
padding: 30px 20px 50px;
box-sizing: border-box;
}
.header-map-box {
height: 54px;
opacity: 1;
background: #f6f7f9;
padding: 0 20px;
}
.pauto {
top: 24%;
}
.line {
width: 40px;
height: 4px;
opacity: 1;
background: #ffffff;
margin-top: 25px;
}
.detail-title {
width: 240px;
height: 101px;
background-image: url(../img/img_product_bg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
line-height: 100px;
padding-left: 20px;
box-sizing: border-box;
font-size: 30px;
font-weight: 700;
color: #fff;
}
.left-nav {
width: 240px;
height: auto;
}
.left-nav > li {
margin-bottom: 1px;
}
.left-nav-tit1 {
padding: 20px;
box-sizing: border-box;
font-size: 15px;
color: #333;
background: #f6f7f9;
}
.left-nav-tit2 {
padding: 13px 20px 13px 40px;
background: #edeff2;
font-size: 14px;
color: #666;
box-sizing: border-box;
}
.left-nav-tit3 {
padding: 13px 20px 13px 60px;
background: #edeff2;
font-size: 14px;
color: #666;
box-sizing: border-box;
}
.product-list {
width: 32%;
margin-right: 2%;
box-sizing: border-box;
float: left;
margin-bottom: 1.5%;
}
.product-list:nth-child(3n) {
margin-right: 0;
}
.product-list1 {
width: 23.5%;
margin-right: 2%;
box-sizing: border-box;
float: left;
margin-bottom: 1.5%;
}
.product-list1:nth-child(4n) {
margin-right: 0;
}
.product-list-content {
background: #f6f7f9;
padding: 20px 20px 24px;
text-align: center;
display: block;
box-sizing: border-box;
}
.product-list-content p {
font-size: 16px;
color: #666;
margin-top: 24px;
}
.product-right {
width: 870px;
margin-top: 30px;
}
.detail-top-box {
background: linear-gradient(180deg, #e2e6ed, #f7f9fc 100%);
padding: 30px 0 60px;
}
.detail-box1 {
width: 108px;
}
.detail-box1-img {
width: 23px;
height: 13px;
background-image: url(../img/up.png);
background-repeat: no-repeat;
background-size: 100% 100%;
margin: 0 auto;
}
.detail-box1-img:hover {
background-image: url(../img/up1.png);
}
.detail-box1-img1 {
width: 23px;
height: 13px;
background-image: url(../img/down.png);
background-repeat: no-repeat;
background-size: 100% 100%;
margin: 0 auto;
}
.detail-box1-img1:hover {
background-image: url(../img/down1.png);
}
.detail-swiper {
padding: 10px 0;
box-sizing: border-box;
height: 360px !important;
}
.detail-swiper li {
width: 108px;
height: 108px;
margin: 5px 0;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 10px;
}
.detail-swiper-act {
border: 1px solid #225560 !important;
}
.w108 {
width: 108px !important;
}
.detail-box2 {
width: 400px;
height: 400px;
}
.detail-box3 {
width: 542px;
margin-top: 60px;
}
.detail-box3 h2 {
font-size: 32px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
font-weight: 700;
text-align: left;
color: #333333;
line-height: 48px;
}
.detail-box3 li {
font-size: 14px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
text-align: left;
color: #787878;
line-height: 32px;
}
.detail-clasa-title li {
float: left;
width: 20%;
height: 80px;
line-height: 80px;
font-size: 18px;
color: #333;
position: relative;
}
.detail-clasa-title li::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0px;
height: 4px;
background-color: #225560;
transition: all 0.35s linear;
}
.detail-clasa-title li:hover {
color: #225560;
font-weight: 700;
}
.detail-clasa-title li:hover::after,
.detail-clasa-title li.active::after {
width: 72px;
}
.active {
color: #225560 !important;
font-weight: 700;
}
.but4 {
width: 200px;
height: 60px;
opacity: 1;
background: #225560;
padding: 18px 49px;
box-sizing: border-box;
}
.but4 img {
width: 20px;
height: 24px;
float: left;
}
.product-swiper-detail {
display: none;
}
.solution-nav {
width: 25%;
padding: 0 2px;
box-sizing: border-box;
float: left;
}
.solution-nav p {
height: 50px;
background: #f6f7f9;
line-height: 50px;
font-size: 16px;
text-align: center;
color: #333333;
position: relative;
}
.solution-nav p::after {
content: "";
position: absolute;
left: 50%;
transform: translate(-50%);
bottom: -8px;
width: 16px;
height: 8px;
background-image: none;
}
.solution-nav p:hover {
background: #225560;
color: #ffffff;
}
.solution-nav p:hover::after,
.solution-nav p.solution-nav-act::after {
background-image: url(../img/icon_triangle.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
.solution-nav p.solution-nav-act {
background: #225560;
color: #ffffff;
}
.solution-three a {
width: 49%;
margin-right: 2%;
box-sizing: border-box;
display: block;
float: left;
overflow: hidden;
margin-bottom: 3%;
}
.solution-three a:nth-child(2n) {
margin-right: 0;
}
.solution-three a:hover p {
color: #225560;
}
.product-left{
margin-top: 60px;
}
.solution-sel {
width: 590px;
}
.input-box {
width: 310px;
padding-right: 30px;
}
.inputs {
width: 100%;
padding: 0 15px;
height: 40px;
line-height: 40px;
border: 1px solid #e8e8e8;
font-size: 12px;
}
.solution-input-text {
width: 100%;
height: 100px;
border: 1px solid #e8e8e8;
font-size: 14px;
padding: 10px 15px;
box-sizing: border-box;
resize: none;
}
.input-code {
width: 129px;
height: 40px;
margin-left: 40px;
margin-top: 65px;
}
.sub-but {
width: 160px;
height: 42px;
background: #225560;
font-size: 14px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
text-align: center;
color: #ffffff;
line-height: 42px;
}
.box-ml15 {
margin-left: 20px;
}
.case-nav {
font-size: 18px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
color: #333333;
padding-bottom: 30px;
margin-right: 8%;
position: relative;
}
.case-nav::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0px;
height: 4px;
background-color: #225560;
transition: all 0.2s linear;
}
.case-nav:hover {
color: #225560;
font-weight: 700;
}
.case-nav:hover::after,
.case-nav.case-nav-act::after {
width: 144px;
}
.case-nav-act {
color: #225560 !important;
font-weight: 700;
}
.case-tit {
display: none;
}
.case-detail-tit {
font-size: 32px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
font-weight: 700;
text-align: center;
color: #333333;
margin-top: 60px;
}
.case-detail-img {
width: 900px;
height: auto;
display: block;
margin: 40px auto 80px;
}
.service_link {
width: 33%;
padding: 1.5%;
margin-top: 60px;
box-sizing: border-box;
}
.service_link a {
width: 100%;
padding: 50px 0;
display: block;
background: #f6f7f9;
text-align: center;
}
.service_link img {
width: 72px;
height: 72px;
}
.service_link p:hover {
text-decoration:underline;
}
.service_tit {
font-size: 36px;
text-align: center;
margin-top: 100px;
font-weight: 700;
color: #333;
}
.service_cont {
width: 1140px;
text-align: center;
margin: 30px 0px 0px;
font-size: 18px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
text-align: center;
color: #666666;
line-height: 28px;
}
.repair-content {
margin-top: 40px;
}
.repair-content h4 {
font-size: 20px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
font-weight: 700;
text-align: left;
color: #666666;
margin-bottom: 30px;
}
.repair-content p {
font-size: 14px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
text-align: left;
color: #666666;
line-height: 28px;
}
.contact-list {
width: 33%;
padding: 1.5%;
box-sizing: border-box;
}
.contact-list div {
width: 100%;
height: 240px;
border: 1px solid #f1f1f1;
text-align: center;
padding: 50px 10px 0;
box-sizing: border-box;
}
.contact-list img {
width: 100px;
height: 100px;
}
.contact-list p {
font-size: 18px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
text-align: center;
color: #333333;
margin-top: 20px;
}
.news-list {
padding: 30px 0;
display: block;
}
.news-img {
width: 372px;
margin-right: 40px;
float: left;
overflow: hidden;
}
.news-box {
width: 758px;
}
.news-time {
font-size: 14px;
color: #999;
font-weight: 700;
margin-top: 0;
}
.news-tit {
font-size: 22px;
color: #333;
margin-top: 10px;
font-weight: 700;
}
.news-box:hover .news-tit {
color: #225560;
}
.news-text {
margin-top: 10px;
font-size: 14px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
text-align: left;
color: #999999;
line-height: 24px;
display: -webkit-box;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
-webkit-line-clamp: 2;
overflow: hidden;
}
.see-box {
margin-top: 20px;
display: block;
}
.see-box span {
font-size: 16px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
float: left;
color: #225560;
}
.see-box img {
width: 14px;
height: 14px;
margin-left: 15px;
margin-top: 4px;
float: left;
}
.news-left {
width: 780px;
}
.news-right {
width: 320px;
}
.news-left h2 {
font-size: 32px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
font-weight: 700;
/*text-align: left;*/
color: #333333;
line-height: 51px;
}
.news-left span {
font-size: 16px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
/*text-align: left;*/
color: #999999;
display: block;
margin-top: 20px;
}
.news-detail-content {
font-size: 16px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
color: #333333;
line-height: 32px;
text-align: justify;
}
.right-input {
width: 100%;
height: 60px;
padding: 20px;
box-sizing: border-box;
border: 1px solid #f1f1f1;
}
.right-input input {
font-size: 14px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
float: left;
color: #999999;
line-height: 20px;
width: 80%;
border: none;
}
.right-input img {
width: 20px;
height: 20px;
float: right;
}
.right-input button {
width: 20px;
height: 20px;
float: right;
}
.right-list {
display: block;
margin-top: 40px;
width: 100%;
}
.right-list:hover p {
color: #225560 !important;
}
.page-box {
width: 725px;
margin: 60px auto 0;
}
.page-box li {
margin-left: 50px;
}
.page-box li:nth-child(1) {
margin-left: 0;
}
.page-img {
width: 17px;
height: 16px;
}
.page-box li {
font-size: 16px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
font-weight: 700;
text-align: left;
color: #b2b2b2;
float: left;
}
.page-box .page-act {
color: #225560;
}
.page-box li:hover {
color: #225560;
}
.recomm-news {
display: none;
}
.recomm-news a {
display: block;
font-size: 14px;
line-height: 30px;
color: #666;
}
.recomm-news a:hover {
color: #225560;
}
.recomm-swiper {
text-align: center;
padding-bottom: 40px;
}
.recomm-swiper img {
max-width: 330px;
}
.about-text {
width: 1000px;
font-size: 16px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
text-align: center;
color: #666666;
line-height: 32px;
margin: 40px auto 60px;
}
.about-num-box li {
width: 33.33%;
text-align: center;
float: left;
}
.about-num {
font-size: 40px;
font-family: Arial, MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica;
font-weight: 700;
text-align: center;
color: #225560;
}
.about-num span {
font-size: 16px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
color: #225560;
font-weight: 400;
position: relative;
top: -8px;
}
.about-num-box li:nth-child(2) {
border-left: 1px solid #f1f1f1;
border-right: 1px solid #f1f1f1;
}
.about-img-box {
width: 48%;
margin: 0 1%;
box-sizing: border-box;
float: left;
overflow: hidden;
margin-top: 40px;
}
.add-box {
width: 48%;
padding: 40px 0 40px 40px;
box-sizing: border-box;
background: #f7f8f9;
margin-top: 40px;
position: relative;
}
.add-box img {
width: 72px;
height: 72px;
}
.add-text {
width: 70%;
margin-left: 30px;
}
.add-text div {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.map-left {
width: 500px;
padding-right: 20px;
box-sizing: border-box;
margin-top: 40px;
}
.map-img {
width: 17px;
height: 24px;
display: block;
float: left;
margin-right: 13px;
position: relative;
top: 3px;
}
.map-tit {
font-size: 36px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
font-weight: 700;
text-align: left;
color: #333333;
}
.map-addr-tit {
font-size: 24px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
font-weight: 700;
text-align: left;
color: #225560;
}
.map-list {
max-width: 420px;
margin-top: 35px;
}
.map-list li {
font-size: 16px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
text-align: left;
color: #666666;
line-height: 22px;
margin-top: 15px;
width: 100%;
}
.map-right {
width: 600px;
height: 587px;
background-color: pink;
}
.input-more li {
width: 25%;
box-sizing: border-box;
float: left;
padding-right: 20px;
margin-top: 40px;
}
.more-text {
width: calc(100% - 20px);
padding: 10px 15px;
height: 100px;
border: 1px solid #e8e8e8;
font-size: 12px;
line-height: 20px;
margin-top: 30px;
resize: none;
}
.parent {
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 9999999;
background: rgba(0, 0, 0, 0.4);
display: none;
}
.sear-box {
width: 100%;
padding: 18px 0 50px;
background-color: #fff;
position: absolute;
top: 0;
left: 0;
}
.close1 {
float: right;
width: 36px;
height: 36px;
}
.search-boxs {
width: 75%;
margin: 15px auto 0;
padding: 20px;
box-sizing: border-box;
}
.search-boxs input {
width: 85%;
float: left;
border: none;
}
.search-boxs button {
width: 20px;
height: 20px;
float: right;
position: relative;
top: -2px;
}
.search-boxs img {
width: 20px;
height: 20px;
}
.bgc678 {
background: #f6f7f9;
}
.search-tab {
float: right;
}
.search-tab li {
float: left;
margin-left: 100px;
padding: 25px 0;
font-size: 16px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
color: #333333;
position: relative;
}
.search-tab li::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 0px;
height: 2px;
transform: translateX(-50%);
background-color: #225560;
transition: all 0.35s linear;
}
.search-tab li:hover {
color: #225560;
font-weight: 700;
}
.search-tab li:hover::after,
.search-tab li.search-tab-act::after {
width: 32px;
}
.search-tab a::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 0px;
height: 2px;
transform: translateX(-50%);
background-color: #225560;
transition: all 0.35s linear;
}
.search-tab a:hover {
color: #225560;
font-weight: 700;
}
.search-tab a:hover::after,
.search-tab a.search-tab-act::after {
width: 32px;
}
.search-tab .search-tab-act {
color: #225560;
font-weight: 700;
}
.search-num {
font-size: 16px;
color: #666;
margin-top: 35px;
}
.web-list {
float: left;
margin-top: 50px;
margin-right: 80px;
}
.web-list a {
display: block;
font-size: 14px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
text-align: left;
color: #666666;
line-height: 40px;
}
.web-list a:hover {
color: #225560;
}
.web-list:last-child {
margin-right: 0;
}
.product-detail-img {
padding: 10%;
box-sizing: border-box;
}
.tab-three-tit {
min-height: 50px;
padding: 15px 20px;
box-sizing: border-box;
background: #225560;
color: #fff;
margin-right: 1px;
}
.tab-three-content {
min-height: 50px;
padding: 15px 20px;
font-size: 14px;
font-family: MicrosoftYaHei, PingFangSC-Regular, sans-serif, Helvetica, Arial;
text-align: left;
color: #333333;
box-sizing: border-box;
}
.mb1 {
margin-bottom: 1px;
}
.brf1 {
border-right: 1px solid #e1e3e9;
}
.table-box li:nth-child(1) {
border: none;
margin-right: 0;
}
.table-box li {
border: 1px solid #e1e3e9;
border-top: none;
box-sizing: border-box;
margin-right: 1px;
}
.table-box li:nth-child(2n + 1) {
background-color: rgba(244, 246, 249, 1);
}
.before{
width: 14px;
height: 8px;
position: absolute;
bottom: 15px;
right: 20px;
}
.map-show{
width: 100%;
display: none;
}
.map-show-box{
margin-top: 100px;
}
.contact-tips{
font-size: 18px;
margin-top: 60px;
color: #666;
}
.swiper-top2 {
display: none;
}
.solution-box1 {
position: absolute;
top: 25%;
left: 0;
width: 100%;
}
.but3:hover {
border: 1px solid rgba(255, 255, 255, 1);
}
.case-item-list {
width: 32%;
margin-right: 2%;
margin-top: 4%;
float: left;
overflow: hidden;
}
.case-item-list:nth-child(3n) {
margin-right: 0;
}
.case-item-list:hover p {
color: #225566;
}
.language {
position: absolute;
top: 30px;
text-align: center;
left: -14px;
width: 46px;
height: 60px;
opacity: 1;
background: #ffffff;
border: 1px solid #f5f5f5;
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
}
.language a {
display: block;
line-height: 30px;
font-size: 12px;
font-family: PingFangSC, PingFangSC-Regular, MicrosoftYaHei, sans-serif, Helvetica, Arial;
font-weight: 400;
text-align: center;
color: #666666;
}
.mt60-1 {
margin-top: 60px;
}
.pc-swiper {
width: 100%;
height: 700px;
position: absolute;
top: 0;
left: 0;
}
.sp {
width: 520px;
height: 540px;
position: absolute;
top: 80px;
right: 0;
}
.banner-text-box {
position: absolute;
left: 0;
top: 140px;
}
.banner-text {
font-size: 72px;
font-family: PingFangSC, PingFangSC-Thin;
font-weight: 200;
text-align: left;
color: #4c5b63;
line-height: 72px;
}
.h700 {
height: 700px;
}
.banner-text1 {
position: absolute;
top: 190px;
left: 0;
font-size: 24px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
text-align: left;
color: #225560;
line-height: 33px;
}
.banner-link {
position: absolute;
left: 0;
top: 320px;
}
.min-bg {
width: 100%;
height: 375px;
}
.min-banner-text {
position: absolute;
top: 30px;
width: 100%;
}
.min-banner-text p {
font-size: 36px;
font-family: PingFangSC, PingFangSC-Thin;
font-weight: 200;
text-align: center;
color: #4c5b63;
line-height: 40px;
}
.min-banner-text1 {
font-size: 16px;
font-family: PingFangSC, PingFangSC-Semibold;
font-weight: 600;
text-align: center;
color: #225560;
line-height: 22px;
width: 100%;
text-align: center;
top: 130px;
position: absolute;
}
.min-img {
width: 100%;
height: 170px;
position: absolute;
bottom: 38px;
text-align: center;
}
.min-img img {
width: 180px;
height: 170px;
}