.page-container{ margin: 0 auto; position: relative;}

.wow{animation: fadeInUp 1s ease both; -webkit-animation: fadeInUp 1s ease both; animation-delay: .4s; -webkit-animation-delay: .4s}

/* 内页banner */
.page-banner{width: 100%; height: 698px; position: relative; overflow: hidden;}
.page-banner .page-bg{width: 100%; height: 100%; background-size: cover; background-position: center; animation: page 40s infinite;}
.page-banner .page-text{width: 100%; position: absolute; top: 0; left: 0; margin-top: 420px; margin-left: 122px; overflow: hidden;}
.page-banner .page-text h3{font-size: 60px; color: #fff; font-weight: bold; margin-bottom: 10px; line-height: 1;}
.page-banner .page-text .line{display: block; width: 135px; height: 2px; background: #dedede; margin: 20px 0;}
.page-banner .page-text h4{font-size: 30px; color: #fff; font-weight: bold;}

@keyframes page {
    0%{transform: scale(1);}
    50%{transform: scale(1.1);}
    100%{transform: scale(1);}
}

/* 关于我们 */
.page-about{padding: 130px 0;}
.page-about h3{position: relative; font-size: 40px; color: #333; font-weight: bold; margin-bottom: 70px; padding-left: 100px;}
.page-about h3:after{content: ""; display: block; width: 55px; height: 2px; background: #333; position: absolute; top: 0; left: 0; margin-top: 28px;}
.page-about p{font-size: 16px; color: #555; font-width: 300; line-height: 1.8;}

.page-service{width: 100%; padding: 80px 0 60px 0; background: url(../image/img06.jpg) no-repeat center; background-size: cover;}
.page-service .text{color: #fff; font-weight: bold;}
.page-service .text h3{font-size: 30px; margin-bottom: 16px;}
.page-service .text h4{font-size: 42px; margin-bottom: 40px;}
.page-service .text p{font-size: 16px; font-weight: 300; line-height: 1.6;}

.page-service .service-con{display: flex; align-items: center; justify-content: space-between; margin-top: 80px;}
.page-service .service-con .li{width: 18%; padding: 60px 20px; border-radius: 10px; background: #dedddc; text-align: center;}
.page-service .service-con .li img{display: block; float: none; margin: 0 auto;}
.page-service .service-con .li .line{display: block; width: 55px; height: 2px; background: #66d4c8; margin: 10px auto;}
.page-service .service-con .li h3{font-size: 18px; color: #555; font-weight: bold;}

.page-client{padding: 90px 0; position: relative; background: #f9f8f5;}
.page-client .client-title h3{position: relative; font-size: 40px; color: #333; font-weight: bold; margin-bottom: 70px; padding-left: 100px;}
.page-client .client-title h3:after{content: ""; display: block; width: 55px; height: 2px; background: #333; position: absolute; top: 0; left: 0; margin-top: 28px;}

.page-client .client-logo{margin-top: 60px;}
.page-client .client-logo .w1673{overflow: hidden; }
.page-client .list-logo{margin-bottom: 20px; display: flex; white-space: nowrap;}
.page-client .list-logo .list-li01{white-space: nowrap; display: flex; animation: roll var(--t) linear infinite;}
.page-client .list-logo .list-li01 li{width: 148px; height: 148px; display: flex; align-items: center; background: #fff; border-radius: 50%; margin: 0 10px;}
.page-client .list-logo .list-li01 li img{display: block; float: none; margin: 0 auto;}
.page-client .w1673:before{content: ""; display: block; width: 10%; height: 100%; background: linear-gradient(to right, #f9f8f5, rgba(255,255,255,0)); position: absolute; top: 0; left: 0; z-index: 2;}
.page-client .w1673:after{content: ""; display: block; width: 10%; height: 100%; background: linear-gradient(to left, #f9f8f5, rgba(255,255,255,0)); position: absolute; top: 0; right: 0; z-index: 2;}

@keyframes roll{
    form{
      transform: translateX(100%);
    }
    to{
      transform: translateX(-100%);
    }
}

/* 加入我们 */
.page-join{padding: 90px 0;}
.page-join .list{margin-right: -3%;}
.page-join .list li{width: 30.3333%; float: left; margin-right: 3%; margin-bottom: 40px; padding: 20px; border-radius: 6px; background: #f9f9f9; box-sizing: border-box;}
.page-join .list li h3{font-size: 20px; color: #555; font-weight: bold; margin-bottom: 12px;}
.page-join .list li span{display: block; font-size: 16px; color: #333; font-weight: 300; margin-bottom: 10px;}
.page-join .list li p{font-size: 16px; color: #7e7e7e; font-weight: 200; margin-bottom: 10px;}

/* 联系我们 */
.page-contact-banner{width: 100%; height: 1016px; position: relative; overflow: hidden;}
.page-contact-banner .page-bg{width: 100%; height: 100%; background-size: cover; background-position: center;}
.page-contact-banner .page-text{position: absolute; top: 24%; left: 50%; transform: translateX(-50%);}
.page-contact-banner .page-text h3{font-size: 36px; color: #fff; font-weight: bold; line-height: 1.4;letter-spacing: 2px;}
.page-contact-banner .page-text .contact-con{display: flex; margin-top: 60px;}
.page-contact-banner .page-text .contact-con .left{margin-right: 70px;}
.page-contact-banner .page-text .contact-con span{display: flex; align-items: center; font-size: 20px; color: #fff; font-weight: 600; margin-bottom: 14px;}
.page-contact-banner .page-text .contact-con span img{display: block; float: none; margin-right: 10px;}
.page-contact-banner .page-text .contact-con .ewm{float: none; display: block; margin-left: 50px;}

/* 案例 */
.page-case{padding: 90px 0;}
.page-case .list{margin-right: -2%;}
.page-case .list li{float: left; width: 31.3333%; margin-right: 2%; margin-bottom: 26px;}
.page-case .list li .img{width: 100%; overflow: hidden;}
.page-case .list li .img img{width: 100%; float: none; display: block; transition: all ease .4s; -webkit-transition: all ease .4s;}
.page-case .list li .text{padding: 20px; background: #f9f9f9;}
.page-case .list li .text h3{font-size: 16px; color: #555;  transition: all ease .4s; -webkit-transition: all ease .4s;}
.page-case .list li .text .line{display: block; width: 30px; height: 1px; background: #66d4c8; margin: 10px 0;}
.page-case .list li .text p{font-size: 14px; color: #6f6f6f; font-weight: 300; line-height: 1.6; height: 60px;}
.page-case .list li:hover .img img{transform: scale(1.1);}
.page-case .list li:hover .text h3{color: #66d4c8}

/* 新闻 */
.page-news{padding-bottom: 90px;}
.page-news .news-link{padding: 40px 0; margin-bottom: 60px; border-bottom: 1px solid #dedede; display: flex; align-items: center; font-size: 0;}
.page-news .news-link a{width: 130px; height: 42px; line-height: 42px; font-size: 14px; color: #666; font-weight: bold; text-align: center; border: 1px solid #dedede; border-radius: 6px; margin-right: 20px; transition: all ease .4s; -webkit-transition: all ease .4s;}
.page-news .news-link a:hover{background: #66d4c8; border: 1px solid #66d4c8; color: #fff;}
.page-news .news-link a.on{background: #66d4c8; border: 1px solid #66d4c8; color: #fff;}
.page-news .news-list .list{margin-right: -3%;}
.page-news .news-list .list li{position: relative; width: 30.3333%; float: left; margin-right: 3%; margin-bottom: 60px;}
.page-news .news-list .list li h3{font-size: 17px; color: #555; font-weight: bold; margin-bottom: 30px; transition: all .4s; -webkit-transition: all .4s;}
.page-news .news-list .list li p{font-size: 15px; color: #666; line-height: 1.7; margin-bottom: 20px;}
.page-news .news-list .list li h6{font-size: 16px; color: #666; font-family: 'Montserrat-Light';}
.page-news .news-list .list li:after{content: ""; display: block; width: 0; height: 1px; background: #66d4c8; position: absolute; bottom: 0; left: 0; margin-bottom: -20px; transition: all .4s; -webkit-transition: all .4s;}
.page-news .news-list .list li:hover h3{color: #66d4c8;}
.page-news .news-list .list li:hover:after{width: 100%;}

/* 新闻详情 */
.news-show .show-title{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0;}
.news-show .show-title h1{font-size: 24px; color: #555; font-weight: bold; margin-bottom: 10px;}
.news-show .show-title span{display: inline-block; font-size: 16px; color: #999; font-weight: 300; margin-right: 40px;}
.news-show .show-con p{font-size: 16px; color: #555; line-height: 1.8;}
.news-show .show-con p img{display: block; max-width: 960px; margin: 20px auto; float: none;}
.news-show .show-con p a{display: inline-block;}
.news-show .show-pages{margin-top: 60px;}
.news-show .show-pages a{font-size: 16px; color: #555; margin-bottom: 10px; transition: all .4s; -webkit-transition: all .4s;}
.news-show .show-pages a:hover{color: #66d4c8;}


/* 服务 */
.page-services{padding: 90px 0;}
.page-services .item{margin-bottom: 80px;}
.page-services .item h3{font-size: 38px; color: #555; font-weight: bold; margin-bottom: 40px;}
.page-services .item .item-con{display: flex; justify-content: space-between;}
.page-services .item .item-con .left{width: 48%; border-radius: 12px; overflow: hidden;}
.page-services .item .item-con .left img{width: 100%; float: none; display: block; transition: all .4s; -webkit-transition: all .4s;}
.page-services .item .item-con .right{width: 48%;}
.page-services .item .item-con .right h6{font-size: 22px; color: #737373; line-height: 1.8;}
.page-services .item .item-con .right .text{margin-top: 50px;}
.page-services .item .item-con .right .text span{position: relative; display: block; font-size: 22px; color: #555; margin-bottom: 20px; padding-left: 30px;}
.page-services .item .item-con .right .text span:after{content: ""; display: block; width: 16px; height: 16px; border: 1px solid #66d4c8; border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

.page-services .item .item-con .right .a-link{display: flex; align-items: center; justify-content: space-between; width: 120px; height: 36px; margin-top: 20px; margin-left: auto; line-height: 36px; border: 1px solid #999; border-radius: 25px; transition: all .4s; -webkit-transition: all .4s;}
.page-services .item .item-con .right .a-link p{font-size: 14px; color: #333; line-height: 36px; padding-left: 16px; transition: all .4s; -webkit-transition: all .4s;}
.page-services .item .item-con .right .a-link span{display: block; width: 34px; height: 32px; background: #66d4c8 url(../image/icon13-1.png) no-repeat center; border-radius: 50px; margin-right: 2px; transition: all .4s; -webkit-transition: all .4s;}
.page-services .item .item-con .right .a-link:hover{background: #66d4c8; border: 1px solid #66d4c8;}
.page-services .item .item-con .right .a-link:hover p{color: #fff;}
.page-services .item .item-con .right .a-link:hover span{background: #fff url(../image/icon13.png) no-repeat center;}

.page-services .item:nth-child(even) .item-con{flex-direction: row-reverse}
.page-services .item:hover .item-con .left img{transform: scale(1.1);}

/* 产品 */
.page-product{padding: 20px 0;}
.page-product .item{padding: 80px 0;}
.page-product .item .w1404{display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse;}
.page-product .item .left{width: 54%;}
.page-product .item .left img{width: 100%; float: none; display: block;}
.page-product .item .right{width: 46%;}
.page-product .item .right h6{font-size: 42px; color: #333; font-weight: bold; margin-bottom: 40px;}
.page-product .item .right span{display: block; font-size: 22px; color: #666; margin-bottom: 20px;}
.page-product .item:nth-child(even){background: #f9f9f9;}


/* 内页通用底部 */
.page-general{position: relative; padding: 160px 0; background: url(../image/img08.jpg) no-repeat center; background-size: cover; overflow: hidden;}
.page-general .general-con{display: flex; align-items: center; justify-content: space-between;}
.page-general .general-con .img{width: 222px;}
.page-general .general-con .img img{display: block; float: none;}
.page-general .general-con .general-text{width: 60%;}
.page-general .general-con .general-text h3{font-size: 42px; color: #fff; font-weight: bold; margin-bottom: 16px;}
.page-general .general-con .general-text h4{font-size: 30px; color: #fff;}
.page-general .general-con .general-text .contact-text{display: flex; justify-content: space-between; margin-top: 78px;}
.page-general .general-con .general-text .contact-text .text-left p{font-size: 18px; color: #fff; line-height: 1.4;}
.page-general .general-con .general-text .contact-text .text-left .p{font-family: Arial;}
.page-general .general-con .general-text .contact-text .text-right{display: flex; margin-top: 50px; margin-right: 20%;}
.page-general .general-con .general-text .contact-text .text-right a{display: flex; margin-right: 20px;}
.page-general .general-con .general-text .contact-text .text-right a .icon{display: block; width: 34px; height: 34px; padding: 2px; background: #fff; border-radius: 50%; margin-right: 6px;}
.page-general .general-con .general-text .contact-text .text-right a .icon img{display: block; float: none;}
.page-general .general-con .general-text .contact-text .text-right a .t{width: 110px; height: 34px; background: #fff; border-radius: 20px; font-size: 14px; color: #333; text-align: center; line-height: 34px; transition: all .4s; -webkit-transition: all .4s;}
.page-general .general-con .general-text .contact-text .text-right a:hover .t{color: #66d4c8;}
.page-general .general-con .general-text .c-link{position: relative; font-size: 16px; color: #fff; font-weight: bold; margin-top: 30px;}
.page-general .general-con .general-text .c-link:after{content: ""; display: block; width: 30px; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; margin: 0 0 8px 80px; transition: all .4s; -webkit-transition: all .4s;}
.page-general .general-con .general-text .c-link:hover:after{width: 50px;}
.page-general .general-con .general-icon{align-self: flex-start;}
.page-general .general-con .general-icon img{display: block; float: none;}

/* 分页 */
.page-nav{display: flex; align-items: center; justify-content: center; margin-top: 60px;}
.page-nav a{width: 40px; height: 40px; line-height: 40px; font-size: 14px; color: #666; font-weight: 400; text-align: center; border: 1px solid #dedede; border-radius: 4px; margin: 0 2px; transition: all ease .4s; -webkit-transition: all ease .4s;}
.page-nav .on{background: #66d4c8; color: #fff; border: 1px solid #66d4c8;}
.page-nav a:hover{background: #66d4c8; color: #fff; border: 1px solid #66d4c8;}
.page-nav .prev, .page-nav .next{font-size: 0;}
.page-nav .prev{background: url(../image/icon24.png) no-repeat center;}
.page-nav .next{background: url(../image/icon25.png) no-repeat center;}
.page-nav .prev:hover{background: #66d4c8 url(../image/icon24-1.png) no-repeat center; border: 1px solid #66d4c8;}
.page-nav .next:hover{background: #66d4c8 url(../image/icon25-1.png) no-repeat center; border: 1px solid #66d4c8;}