p {margin: 0;}
input, textarea {border: none;outline: none;background-color: transparent;}

/* 通用样式 */
.p1920 {width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.w1200 {width: 1200px;margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
.clearfix::after {content: '';display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.dfc {display: flex;justify-content: space-between;align-items: center;}
.ovimg {overflow: hidden;}
.ovimg img {width: 100%;min-height: 100%;}
.imgbig img {-webkit-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;-o-transition: all ease .5s;transition: all ease .5s;}
.imgbig:hover img {-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}

/* 头部 */
.sh1 {width: 100%;background-color: #f1f1f1;}
.sh1 div {line-height: 31px;font-size: 12px;color: #999999;font-weight: lighter;}
.sh1 div p {line-height: 31px;font-size: 12px;color: #999999;font-weight: lighter;}
.sh1 div a {line-height: 31px;font-size: 12px;color: #999999;font-weight: lighter;}

.sh2 {min-height: 150px;}
.sh2a {margin-top: 29px;}

.sh2a-title {min-height: 58px;border-left: 1px solid #e2e2e2;margin-left: 23px;margin-top: 22px;padding-left: 23px;}
.sh2a-title p {font-size: 24px;line-height: 58px;color: #01acad;}

.sh2b {padding-left: 58px;background-image: url(../images/sh2a_tel.png);background-repeat: no-repeat;background-position: left top;margin-top: 58px;}
.sh2b h2 {font-size: 16px;color: #333333;line-height: 1;}
.sh2b p {font-size: 24px;color: #01acad;font-family: Impact;line-height: 1;margin-top: 8px;}

.sh3 {width: 100%;background-color: #01acad;}

/* 导航栏 */
.nav1 {}
.nav-li {position: relative;z-index: 999;}
.nav-li .nav-a {display: block;line-height: 61px;font-size: 16px;color: #fff;width: 150px;text-align: center;}
.nav-ul {height: 0;overflow: hidden;position: absolute;left: 50%;top: 100%;background-color: #01acad;z-index: 999;width: 100%;transform: translateX(-50%);}
.nav-ul li {width: 100%;}
.nav-ul li a {width: 100%;line-height: 38px;text-align: center;display: block;color: #fff;}

.nav-li:hover .nav-a {background-color: #fe7f00;}
.nav-ul li a:hover {background-color: #fe7f00;}

/* 产品中心 */
.s1 {padding-bottom: 41px;}
.s1a {padding-top: 86px;background-image: url(../images/sa.png);background-repeat: no-repeat;background-position: center 46px;text-align: center;}
.s1a h2 {font-size: 16px;color: #666666;text-transform: uppercase;text-align: center;font-weight: lighter;letter-spacing: 1px;}
.s1a h2::before, .s1a h2::after {content: "";display: inline-block;width: 9px;height: 2px;background-color: #acacac;margin: 0 8px;transform: translateY(-5px);}
.s1a p {text-align: center;background-image: url(../images/sa-p.png);background-repeat: no-repeat;background-position: center center;margin-top: 20px;font-size: 28px;color: #666666;font-weight: lighter;}
.s1a p span {color: #0baeaf;}

.s1b {text-align: center;margin-top:50px;width: 1200px;
    margin: 0 auto;}
.s1b li {
    margin: 0 -30px;
    /* width: 162px; */
    display: inline-block;
}
.s1b li a {display: block;width: 210px;height: 207px;background-image: url(../images/s1b.png);padding: 3px;position: relative;}
.s1b li a p {position: absolute;left: 0;right: 0;top: -5px;line-height:  11px;text-align: center;font-size: 14px;color: #999999;}
.s1b li a div {width: 100%;height: 100%;}
.s1b li a h2 {position: absolute;left: 0;right: 0;bottom: -5px;text-align: center;white-space: nowrap;font-size: 18px;color: #333333;font-weight: bold;}

.s1b li+li {margin-left: 63px;}
.s1b li a:hover {background-image: url(../images/s1b-hover.png);}
.s1b li a:hover p {color: #fe7f00;}
.s1b li a:hover h2 {color: #fe7f00;}

.s1c {margin-top: 47px;position: relative;}
.s1c-btn a {display: block;width: 58px;height: 109px;position: absolute;top: 50%;transform: translateY(-60%);background-repeat: no-repeat;}
.s1c-btn a.prev {left: -95px;background-image: url(../images/s1c-left.png);}
.s1c-btn a.next {right: -95px;background-image: url(../images/s1c-right.png);}
.s1c-con {overflow: hidden;}

.s1c-list {width: 592px;margin-right: 16px;}
.s1c-list li {width: 288px;margin-right: 15px;}
.s1c-list li:nth-child(2n) {margin-right: 0;}
.s1c-list li:nth-child(n+3) {margin-top: 25px;}
.s1c-list li a {display: block;}
.s1c-list li a div {width: 100%;height: 261px;border: 1px solid #bcbcbc;}
.s1c-list li a h3 {font-size: 16px;color: #333333;text-align: center;margin-top: 18px;}

.s1-box .s1d {display: block;margin: 29px auto 0;width: 122px;height: 28px;background-color: #0baeaf;text-align: center;line-height: 28px;font-size: 16px;color: #fff;}

/* 横图 */
.s2-box {min-height: 318px;padding-top: 100px;}
.s2-box h2 {font-size: 36px;font-weight: bold;color: #333333;}
.s2-box h2 span {display: inline-block;width: 33px;height: 33px;text-align: center;line-height: 27px;background-color: #01acad;font-size: 40px;color: #fff;font-weight: bold;margin-right: 10px;}
.s2-box h2 span+span {margin-left: 15px;}
.s2-box p {margin-top: 27px;width: 658px;text-align: center;height: 57px;line-height: 57px;border-radius: 5px;background-color: #fd8903;font-size: 34px;color: #fff;}

/* 服务优势 */
.s3a {padding-top: 116px;background-image: url(../images/sa.png);background-repeat: no-repeat;background-position: center 75px;text-align: center;}
.s3a h2 {font-size: 16px;color: #666666;text-transform: uppercase;text-align: center;font-weight: lighter;letter-spacing: 1px;}
.s3a h2::before, .s3a h2::after {content: "";display: inline-block;width: 9px;height: 2px;background-color: #acacac;margin: 0 8px;transform: translateY(-5px);}
.s3a p {text-align: center;background-image: url(../images/sa-p.png);background-repeat: no-repeat;background-position: center center;margin-top: 20px;font-size: 28px;color: #666666;font-weight: lighter;}
.s3a p span {color: #0baeaf;}

/* 动画 */
@keyframes sx {
    from {
        transform: translate(0,0)
    }
    to {
        transform: translate(0,6px)
    }
}
@-moz-keyframes sx { /* Firefox */
    from {
        transform: translate(0,0)
    }
    to {
        transform: translate(0,6px)
    }
}
@-webkit-keyframes sx { /* Safari 和 Chrome */
    from {
        transform: translate(0,0)
    }
    to {
        transform: translate(0,6px)
    }
}
@-o-keyframes sx { /* Opera */
    from {
        transform: translate(0,0)
    }
    to {
        transform: translate(0,6px)
    }
}


@keyframes dx {
    from {
        transform: scale(1)
    }
    to {
        transform: scale(1.1)
    }
}
@-moz-keyframes dx { /* Firefox */
    from {
        transform: scale(1)
    }
    to {
        transform: scale(1.1)
    }
}
@-webkit-keyframes dx { /* Safari 和 Chrome */
    from {
        transform: scale(1)
    }
    to {
        transform: scale(1.1)
    }
}
@-o-keyframes dx { /* Opera */
    from {
        transform: scale(1)
    }
    to {
        transform: scale(1.1)
    }
}

.s3-box {height: 644px;position: relative;}

.s3b {position: absolute;width: 340px;background-image: url(../images/s3a.png);background-repeat: no-repeat;background-position: left bottom;}
.s3c {position: absolute;width: 410px;}
.s3b0 {left: 0;top: 133px;animation: sx 1.3s ease-in-out infinite alternate;-webkit-animation: sx 1.3s ease-in-out infinite alternate; /* Safari 和 Chrome */}
.s3b1 {left: 0;top: 340px;animation: sx 1.3s ease-in-out infinite alternate;-webkit-animation: sx 1.3s ease-in-out infinite alternate; /* Safari 和 Chrome */}
.s3c2 {right: 0;top: 147px;animation: sx 1.3s ease-in-out infinite alternate;-webkit-animation: sx 1.3s ease-in-out infinite alternate; /* Safari 和 Chrome */}
.s3c3 {right: 0;top: 353px;animation: sx 1.3s ease-in-out infinite alternate;-webkit-animation: sx 1.3s ease-in-out infinite alternate; /* Safari 和 Chrome */}

.s3-bg {position: absolute;left: 340px;top: 78px;animation: dx 1.3s ease-in-out infinite alternate;-webkit-animation: dx 1.3s ease-in-out infinite alternate; /* Safari 和 Chrome */}

.s3b-num {font-size: 34px;color: #00a6ba;border-bottom: 2px solid #00a6ba;width: 35px;text-align: center;font-family: Impact;padding-bottom: 5px;}
.s3b-fname {margin-left: 8px;}
.s3b-fname h2 {font-size: 25px;font-weight: bold;color: #ff8800;}
.s3b-fname h2 span {color: #333333;}
.s3b-fname p {font-size: 12px;color: #afafaf;text-transform: uppercase;margin-top: 5px;}
.s3b-con {font-size: 16px;color: #333;line-height: 26px;padding-top: 15px;padding-bottom: 20px;}

.s3c-num {font-size: 34px;color: #00a6ba;border-bottom: 2px solid #00a6ba;width: 35px;text-align: center;font-family: Impact;padding-bottom: 5px;margin-top: 29px;}
.s3c-con {width: 344px;margin-left: 5px;}
.s3c-con h2 {font-size: 25px;font-weight: bold;color: #ff8800;}
.s3c-con h2 span {color: #333333;}
.s3c-con p {font-size: 12px;color: #afafaf;text-transform: uppercase;margin-top: 5px;white-space: nowrap;}
.s3c-con div {font-size: 16px;color: #333;line-height: 26px;padding-top: 5px;padding-bottom: 20px;background-image: url(../images/s3a.png);background-repeat: no-repeat;background-position: left bottom;}

/* 验配流程 */
.s4 {padding-bottom: 81px;}
.s4a {padding-top: 40px;background-image: url(../images/sa.png);background-repeat: no-repeat;background-position: center top;text-align: center;}
.s4a h2 {font-size: 16px;color: #666666;text-transform: uppercase;text-align: center;font-weight: lighter;letter-spacing: 1px;}
.s4a h2::before, .s4a h2::after {content: "";display: inline-block;width: 9px;height: 2px;background-color: #acacac;margin: 0 8px;transform: translateY(-5px);}
.s4a p {text-align: center;background-image: url(../images/sa-p.png);background-repeat: no-repeat;background-position: center center;margin-top: 20px;font-size: 28px;color: #666666;font-weight: lighter;}
.s4a p span {color: #0baeaf;}

.s4b {margin-top: 82px;height: 226px;background-image: url(../images/s4b.jpg);background-repeat: no-repeat;position: relative;}

.s4c {position: absolute;font-size: 16px;color: #333333;font-weight: bold;}
.s4c0 {left: 96px;top: 36px;}
.s4c1 {left: 330px;top: 36px;}
.s4c2 {left: 560px;top: 36px;}
.s4c3 {left: 793px;top: 36px;}
.s4c4 {left: 1024px;top: 36px;}
.s4c5 {left: 1024px;bottom: 34px;}
.s4c6 {left: 793px;bottom: 34px;}
.s4c7 {left: 560px;bottom: 34px;}
.s4c8 {left: 330px;bottom: 34px;}

/* 公司简介 */
.s5 {min-height: 650px;background-image: url(../images/s5.jpg);background-repeat: no-repeat;background-size: 100% 100%;}
.s5a {padding-top: 94px;background-image: url(../images/s5a.png);background-repeat: no-repeat;background-position: center 54px;text-align: center;}
.s5a h2 {font-size: 16px;color: #fff;text-transform: uppercase;text-align: center;font-weight: lighter;letter-spacing: 1px;}
.s5a h2::before, .s5a h2::after {content: "";display: inline-block;width: 9px;height: 2px;background-color: #aadcdf;margin: 0 8px;transform: translateY(-5px);}
.s5a p {text-align: center;background-image: url(../images/s5a-p.png);background-repeat: no-repeat;background-position: center center;margin-top: 20px;font-size: 28px;color: #fff;font-weight: lighter;}
.s5a p span {color: #fff;}

.s5b {width: 1205px;min-height: 385px;background-image: url(../images/s5b.png);background-repeat: no-repeat;margin-top: 52px;background-size: 100% 100%;}
.s5b-video {padding-top: 19px;padding-left: 17px;padding-bottom: 20px;width: 487px;overflow: hidden;}

.s5b-con {margin-left: 62px;padding-top: 57px;width: 600px;}
.s5b-name {font-size: 16px;color: #333333;font-weight: bold;padding-right: 181px;background-image: url(../images/s5b-name.jpg);background-repeat: no-repeat;background-position: right center;width: 261px;}

.s5b-title {margin-top: 50px;}
.s5b-title p {font-size: 16px;color: #666666;line-height: 32px;}

.s5b-more {display: block;width: 604px;height: 32px;background-image: url(../images/s5c.jpg);background-repeat: no-repeat;}

/* 案例中心 */
.s6a {padding-top: 78px;background-image: url(../images/sa.png);background-repeat: no-repeat;background-position: center 38px;text-align: center;}
.s6a h2 {font-size: 16px;color: #666666;text-transform: uppercase;text-align: center;font-weight: lighter;letter-spacing: 1px;}
.s6a p {text-align: center;background-image: url(../images/sa-p.png);background-repeat: no-repeat;background-position: center center;margin-top: 20px;font-size: 28px;color: #666666;font-weight: lighter;}
.s6a p span {color: #0baeaf;}

.s6b {position: relative;margin-top: 56px;}

.s6b-btn a {display: block;width: 58px;height: 109px;position: absolute;top: 78px;background-repeat: no-repeat;}
.s6b-btn a.prev {left: -95px;background-image: url(../images/s1c-left.png);}
.s6b-btn a.next {right: -95px;background-image: url(../images/s1c-right.png);}

.s6b-con {overflow: hidden;}
.s6b-con ul li {width: 285px;margin-right: 20px;}
.s6b-con ul li a {display: block;width: 100%;}
.s6b-con ul li a div {width: 100%;height: 266px;}
.s6b-con ul li a h3 {font-size: 16px;color: #666666;text-align: center;margin-top: 21px;}

.s6b-con ul li a:hover h3 {color: #ff7310;}

.s6 .s6c {display: block;width: 122px;height: 28px;text-align: center;line-height: 28px;background-color: #0baeaf;font-size: 16px;color: #fff;margin: 35px auto 0;}

/* 新闻中心 */
.s7a {padding-top: 86px;background-image: url(../images/sa.png);background-repeat: no-repeat;background-position: center 46px;text-align: center;}
.s7a h2 {font-size: 16px;color: #666666;text-transform: uppercase;text-align: center;font-weight: lighter;letter-spacing: 1px;}
.s7a p {text-align: center;background-image: url(../images/sa-p.png);background-repeat: no-repeat;background-position: center center;margin-top: 20px;font-size: 28px;color: #666666;font-weight: lighter;}
.s7a p span {color: #0baeaf;}

.s7-box {margin-top: 66px;}
.s7b {width: 825px;}

.s7b-btn {width: 100%;height: 50px;background-image: url(../images/s7b-btn.jpg);background-repeat: no-repeat;background-position: left bottom;}
.s7b-btn ul {width: 100%;height: 100%;}
.s7b-btn ul li {width: 230px;height: 100%;cursor: pointer;}
.s7b-btn ul li h2 {font-size: 20px;color: #2f3030;}
.s7b-btn ul li p {font-size: 14px;color: #c5c5d2;margin-top: 5px;}

.s7b-btn ul li.on {background-image: url(../images/s7b-btn-hover.jpg);background-repeat: no-repeat;background-position: left bottom;}
.s7b-btn ul li.on h2 {color: #ff5d00;}

.s7b-con {margin-top: 26px;}

.s7b-tj {width: 370px;}
.s7b-tj-img {width: 100%;height: 242px;}

.s7b-tj-con {width: 100%;height: 138px;background-color: #f1f1f1;padding-left: 15px;padding-top: 16px;position: relative;}
.s7b-tj-con .s7b-tj-name {display: block;padding-left: 98px;font-size: 16px;color: #1c1a19;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;padding-right: 15px;}

.s7b-tj-title {margin-top: 15px;line-height: 27px;font-size: 13px;color: #686768;padding-right: 28px;}
.s7b-tj-title a {color: #fb822d;}

.s7b-tj-time {position: absolute;left: 19px;top: -45px;height: 90px;width: 88px;background: -webkit-linear-gradient(top, #0a9c94, #53b351);background: -o-linear-gradient(top, #0a9c94, #53b351); background: -moz-linear-gradient(top, #0a9c94, #53b351);background: linear-gradient(top, #0a9c94, #53b351);text-align: center;padding-top: 5px;}
.s7b-tj-time h2 {font-size: 48px;color: #fff;font-weight: bold;}
.s7b-tj-time div {width: 75px;height: 1px;background-color: #a6dabb;margin: 5px auto 0;}
.s7b-tj-time p {font-size: 16px;color: #fff;margin-top: 5px;}

.s7b-list {width: 425px;min-height: 360px;background-image: url(../images/s7b-list.jpg); background-repeat: no-repeat;background-position: 5px top;background-size: 2px 100%;}
.s7b-list li {padding-left: 21px;border-bottom: 2px dashed #d0d0d0;position: relative;}
.s7b-list li a {display: block;line-height: 45px;font-size: 14px;color: #716e6f;}
.s7b-list li p {display: block;line-height: 45px;font-size: 12px;color: #afb0af;}
.s7b-list li::before {content: "";display: block;width: 12px;height: 12px;background-color: #d0d0d0;position: absolute;left: 0;top: 50%;transform: translateY(-50%);border-radius: 50%;}

.s7b-list li:nth-child(1)::before, .s7b-list li:nth-child(2)::before, .s7b-list li:nth-child(3)::before {background-color: #ff7612;}

.s7c {width: 333px;}
.s7c-name {height: 50px;border-bottom: 2px solid #d9d9d9;}
.s7c-fname h2 {font-size: 20px;color: #2f3030;}
.s7c-fname p {font-size: 14px;color: #c5c5d2;margin-top: 5px;}
.s7c-name .s7c-more {font-size: 14px;color: #2f3030;margin-top: 25px;}

.s7c-con {margin-top: 26px;}
.s7c-con div ul li {min-height: 121px;border-bottom: 2px solid #f2f2f2;padding-top: 30px;}
.s7c-con div ul li a {display: block;font-size: 14px;color: #616364;font-weight: bold;padding-left: 32px;background-image: url(../images/s7c-con.jpg);background-repeat: no-repeat;background-position: left center;line-height: 22px;}
.s7c-con div ul li p{padding-left: 32px;font-size: 14px;color: #9f9e9d;line-height: 22px;margin-top: 5px;} 

/* 友情链接 */
.s8 {margin-top: 66px;padding-left: 224px;padding-bottom: 38px;min-height: 130px;background-image: url(../images/s8.png);background-repeat: no-repeat;background-position: 100px top;}
.s8 h2 {font-size: 18px;color: #0baeaf;padding-top: 20px;}
.s8 p {margin-top: 25px;}
.s8 p a {font-size: 12px;color: #878787;margin-right: 36px;}

/* 底部 */
footer {min-height: 316px;background-image: url(../images/footer.png);background-repeat: no-repeat;}

.sf1 {width: 100%;padding-top: 25px;}
.sf1 p {float: left;}
.sf1 p a {color: #fff;font-size: 14px;}
.sf1 p+p {margin-left: 107px;}

.sf2 {margin-top: 77px;}

.sf2a {margin-left: 45px;}

.sf2b {margin-left: 145px;font-size: 12px;color: #fff;line-height: 23px;}
.sf2b a {font-size: 12px;color: #fff;line-height: 23px;}
.sf2b p {font-size: 12px;color: #fff;line-height: 23px;}

.sf2c {width: 158px;text-align: center;padding-top: 10px;background-image: url(../images/footer-code.png);background-repeat: no-repeat;background-position: left top;}
.sf2c img {width: 130px;height: 130px;}
.sf2c p {font-size: 14px;color: #fff;margin-top: 5px;padding-left: 65px;text-align: left;}