* {
    margin: 0;
    padding: 0;
}

html,
body {
    width: 100%;
    font-family: "Microsoft YaHei", "PingFang", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 30px;
    margin: 0;
    padding: 0;
}

ul,
ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0
}

img {
    max-width: 100%;
}

a,
a:hover {
    text-decoration: none;
    color: #333;
}

.marginAuto {
    margin: 0 auto;
}

.textCenter {
    text-align: center;
}


@media(min-width:1400px) {
    .container {
        width: 1400px;
    }
}


.width20 {
    width: 20%
}

.width25 {
    width: 25%
}

.width30 {
    width: 30%
}

.width33 {
    width: 33.33%
}

.width40 {
    width: 40%
}

.width45 {
    width: 45%;
}

.width50 {
    width: 50%
}

.width55 {
    width: 55%
}

.width60 {
    width: 60%
}

.width65 {
    width: 65%
}

.width70 {
    width: 70%
}

.width20 {
    width: 20%
}

.width80 {
    width: 80%
}

.width75 {
    width: 75%
}

.font20 {
    font-size: 20px;
}

.font30 {
    font-size: 30px;
}

.font60 {
    font-size: 60px;
}

.noPaddingLeft {
    padding-left: 0;
}

.noPaddingRight {
    padding-right: 0;
}


.banner .swiper-button-prev,
.banner .swiper-container-rtl .swiper-button-next,
.banner .swiper-button-next,
.banner .swiper-container-rtl .swiper-button-prev {
    color: #fff;
}


.banner {
    width: 100%;
    overflow: hidden;
}
.banner img{
    width:100%
}

.banner-c {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.banner-c img {
    width:100%;
    display: block;
    margin: 0 auto;
}

.location {
    position: absolute;
    bottom: 30px;
    left: 8%;
    color: #fff;
}

.location a {
    color: #fff;
}


/* 面包屑导航 */
.sub_nav {
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    background: #0179f1;
    display: none;
}

.sub_nav ul {
    font-size: 0;
    width: 100%;
    margin: 0 auto;
}

.sub_nav li {
    display: inline-block;
}

.sub_nav li a {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #fff;
    position: relative;
    padding: 15px 30px;
}

.sub_nav li.cur a {
    color: #fff;
    background: #025db8;
}

.sub_nav li.cur a:after {
    left: 0;
    width: 100%;
}

.sub_nav li:hover a {
    color: #fff;
    background: #0179f1;
}

.sub_nav li:hover a:after {
    left: 0;
    width: 100%;
}


.section {
    background: url(../../images/sec1.jpg) no-repeat center;
    background-size: cover;
}

/* 关于 */
.sec1 {
    margin: 60px 0;
    position: relative;
    height: 750px;
}

.alt {
    width: 44%;
    overflow: hidden;
    height: 750px;
    position: relative;
    left: 56%;

}

.art {
    width: 56%;
    /* background: #fff; */
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 2;
    padding: 50px 50px 50px 0;
}


.aboutContent {
    width: 100%;
    padding-right: 60px;
    padding-top: 30px;
    color: #555;
}


.aboutPic {
    width: 100%;
    overflow: hidden;
}

.aboutPic img {
    width: 100%;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.aboutPic:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.bt {
    color: #333;
}

.aboutT {
    font-weight: bold;
}

.aboutTime {
    position: relative;
    margin: 30px 0;
}

.aboutTime s {
    display: block;
    width: 82%;
    position: absolute;
    height: 1px;
    background: #ddd;
    left: -33%;
    top: 50%;
}

.aboutTimeC {
    font-size: 60px;
    font-family: 'Courier New', Courier, monospace;
    text-transform: uppercase;
    letter-spacing: -6px;
    text-align: right;
    color: #ccc;
    line-height: 60px;
}

.aboutTimeC span {
    font-weight: bold;
    color: #3e88f1;
}


.title {
    font-size: 42px;
    line-height: 40px;
    font-weight: bold;
    margin: 20px 0;
    color: #000;
}

.line {
    width: 100px;
    height: 2px;
    background: #0179f1;
}

.aboutDesc {
    margin: 30px 0 60px;
    color: #777;
    line-height: 40px;
}

.secBtn {
    width: 200px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border: 1px solid #0179f1;
    margin-bottom: 3px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.secBtn a {
    display: block;
}

.secBtn:hover {
    background: #0179f1;
    box-shadow: 0 2px 2px 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 2px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 2px 3px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 2px 2px 3px rgba(0, 0, 0, .2);
}

.secBtn:hover a {
    color: #fff;
}

.about {
    /* background: url(../../images/aboutLogo.png) no-repeat right 6% bottom 4%; */
    margin: 60px 0;
    line-height: 40px;
}

.cAboutPic {
    float: left;
    border-radius: 30px;
    overflow: hidden;
    width: 45%;
    position: relative;
    margin: 0 60px 0px 0;
}

.cAboutT {
    font-size: 32px;
    font-weight: bold;
    line-height: 40px;
    position: relative;
}

.cAboutLine {
    width: 80px;
    height: 2px;
    display: inline-block;
    background: #0179f1;
    margin: 20px 0 30px;
}


.speed {
    background: url(../../images/aboutBg.jpg) no-repeat top;
    padding: 80px 0;
    overflow: hidden;
}

.speedTit {
    background: url(../../images/yh.png) no-repeat left top;
    background-size: auto;
    padding-top: 40px;
    font-size: 32px;
    font-weight: bold;
    color: #0179f1;
    line-height: 80px;
}

.speedDesc {
    line-height: 40px;
    width: 80%;
}

.style {
    padding: 80px 0;
    overflow: hidden;
}

.style .cAboutT {
    color: #000;
}

.style .cAboutLine {
    background: #fff;
}

/* .styleItem{overflow: hidden;} */


.hidden {
    display: none;
}

.styleItem {
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
}

.styleItem ul.list {
    overflow: hidden;
}

.styleItem ul.list li {
    overflow: hidden;
}

.style-box {
    /* background: #f4f4f4; */
    padding: 5px;
    width: 100%;
    height: 250px;
    margin-bottom: 30px;
    position: relative;
    display: table;
    overflow: hidden;
}

.style-box a {
    display: flex;
    width: 100%;
    height: 240px;
    flex-wrap: wrap;
    overflow: hidden;
}
.style-box a img{
    width:100%;
    object-fit: cover;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    
}


/* .style-box a img {
    max-width: 100%;
    max-height: 240px;
    display: block;
    margin: 0 auto;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
} */

.styleItem .more {
    overflow: hidden;
    padding: 10px;
    text-align: center;
}

.styleItem .more a {
    display: block;
    width: 160px;
    padding: 8px 0;
    color: #fff;
    margin: 0 auto;
    background: #333;
    text-align: center;
}

.styleItem .more a:hover {
    text-decoration: none;
    background: #0179f1;
    color: #fff;
}


.styleItem ul li:hover .style-box img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

/* .about-icon{overflow: hidden;} */
.about-icon-box img {
    height: 80px;
    width: 80px;
    display: block;
    margin: 0 auto;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.about-icon-name {
    text-align: center;
    line-height: 40px;
    margin-top: 20px;
}

.h-about-pic {
    overflow: hidden;
}

.h-about-pic-top {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.h-about-pic-bottom {
    border-radius: 10px;
    overflow: hidden;
}

.h-about-pic-top img,
.h-about-pic-bottom img {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.h-about-pic-top:hover img,
.h-about-pic-bottom:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.about-icon-box:hover img {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}



/* .product-num-box{
    width: 100%;
    background-repeat: no-repeat;
    background-position:center;
    background-size:100%;
}

.product-num-content{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
    color:#000;
}

.product-num-title{
    padding-top: 110px;
    margin-bottom: 30px;
    font-size: 42px;
    color: #fff;
    line-height: 45px;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC-Medium,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
}
.product-num-text{
    font-size: 16px;
    color: #fff;
    line-height: 28px;
}

.product-num-head{
    margin-top: 80px;
    font-size: 0;
}

.product-num-item{
    text-align: center;
    position: relative;
    display: inline-block;
    width: 50%;
    font-size: 55px;
    color: #000;
    line-height: 62px;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
    padding:60px 30px;
}

.product-num-jus{
    display: inline-block;
    margin: 80px 0;
    width: 162px;
    height: 56px;
    font-size: 22px;
    color: #fff;
    line-height: 48px;
    letter-spacing: 2px;
    border: 4px solid #fff;
    cursor: pointer;
    font-weight: 500;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC-Medium,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    text-decoration: none;
}

.product-num-nub{
    display: inline-block;
    width: 50%;
    font-size: 55px;
    color: #000;
    line-height: 62px;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
}

.product-num-add{
    font-size: 20px;
    color: #333;
    margin-left: -20px;
    position: absolute;
    right: 45px;
    top: 70px;
}
.product-num-head .product-num-item:nth-child(1){
    border-right: 1px solid #ddd;
    border-bottom:1px solid #ddd;
    position: relative;
}
.product-num-head .product-num-item:nth-child(1):before{
    content: "";
    display: block;
    width:80px;
    height: 4px;
    background: #0179f1;
    position: absolute;
    left:0;
    bottom:-3px;
}
.product-num-head .product-num-item:nth-child(1):after{
    content: "";
    display: block;
    width:4px;
    height: 80px;
    background: #0179f1;
    position: absolute;
    right:-3px;
    top:0;
}
.product-num-head .product-num-item:nth-child(4){
    border-left:1px solid #ddd;
    border-top:1px solid #ddd;
    position: relative;
}
.product-num-head .product-num-item:nth-child(4):before{
    content: "";
    display: block;
    width:4px;
    height: 80px;
    background: #0179f1;
    position: absolute;
    left:-3px;
    bottom:0;
}
.product-num-head .product-num-item:nth-child(4):after{
    content: "";
    display: block;
    width:80px;
    height: 4px;
    background: #0179f1;
    position: absolute;
    right:0px;
    top:-3px;
}


.product-num-head .product-num-item:nth-child(3) .product-num-add,.product-num-head .product-num-item:nth-child(4) .product-num-add{
    right:100px;
}


.product-num-inf{
    margin-top: 24px;
    font-size: 24px;
    color: #333;
    line-height: 0;
    display: block;
    line-height: 30px;
}

.product-num-jus:hover{
    background-color: #fff;
    color: #3e88f1;
}

.product-num-wan{
    position:absolute;
    right: 55px;
    top: 0px;
} */


.product-num-box {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 350px;
}

.product-num-content {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
    color: #000;
    overflow: hidden;
}

.product-num-title {
    padding-top: 110px;
    margin-bottom: 30px;
    font-size: 42px;
    color: #fff;
    line-height: 45px;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, PingFangSC-Medium, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
}

.product-num-text {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
}

.product-num-head {
    font-size: 0;
    overflow: hidden;
}

.product-num-item {
    text-align: left;
    position: relative;
    width: 50%;
    float: left;
    font-size: 42px;
    color: #000;
    line-height: normal;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, PingFangSC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
    padding: 50px 30px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

.product-num-jus {
    display: inline-block;
    margin: 80px 0;
    width: 162px;
    height: 56px;
    font-size: 22px;
    color: #fff;
    line-height: 48px;
    letter-spacing: 2px;
    border: 4px solid #fff;
    cursor: pointer;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, PingFangSC-Medium, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    text-decoration: none;
}

.product-num-nub {
    width: 40%;
    font-size: 40px;
    color: #3e88f1;
    line-height: normal;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, PingFangSC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
}

.product-num-add {
    font-size: 16px;
    color: #333;
}


.product-num-inf {
    font-size: 18px;
    color: #999;
    line-height: 30px;
    display: block;
}

.product-num-jus:hover {
    background-color: #fff;
    color: #3e88f1;
}

.product-num-wan {
    position: absolute;
    right: 55px;
    top: 0px;
}

.product-num-l {
    width: 40%;
    padding-top: 10px;
}

.product-num-r {
    width: 60%
}


/* 产品 */
.sec2 {
    overflow: hidden;
    padding: 60px 0;
    background: url(../../images/sec2.jpg) no-repeat center;
    background-size:cover;
}

/* .sec2 .title{

    color:#fff;

}
 */

.sec2 .productDesc {

    color: #333;

}

.sec2-top {
    overflow: hidden;
    margin-bottom: 40px;
}

.pro {
    margin: 30px auto 0;
    overflow: hidden;
    width: 95%;
}

.pro-item-ch {
    font-size: 30px;
}

.pro-item-en {
    font-size: 24px;
    color: #0179f1;
    text-transform: uppercase;
    margin: 10px 0;
}

.pro-line {
    width: 80px;
    height: 2px;
    background: #0179f1;
}

.pro-top h2 {
    margin-bottom: 20px;
}

/* .pro-top h2:after{
    content: "";
    display: block;
    width:80px;
    height: 4px;
    background: #0179f1;
    margin-top:20px;    
} */
.pro-desc {
    color: #555;
    margin-top: 20px;
}

.pro-item {
    overflow: hidden;
    width: 100%;
    margin: 60px 0;
}

.pro-item-list {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 300px;
}

.pro-item-cover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    padding: 90px 0;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.pro-item-icon img {
    width: 70px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.pro-item-name {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
    margin-top: 20px;
}

.pro-item-list:hover .pro-item-cover {
    background: rgba(0, 0, 0, 0);
}

.pro-item-list:hover .pro-item-cover .pro-item-icon img {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

.pro-apply {
    background: #f4f4f4;
    padding: 60px 0;
}

.pro-apply-en {
    font-size: 30px;
    color: #0179f1;
    margin: 20px 0;
    text-transform: uppercase;
}

.pro-form {
    overflow: hidden;
    margin-top: 40px;
}

.pro-form-input {
    margin-left: -15px;
    margin-right: -15px;
}

.pro-form-input input[type='text'] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 10px;
    border-radius: 20px;
    border: 1px solid #777;
}

.pro-form textarea {
    width: 100%;
    margin-top: 30px;
    border-radius: 10px;
    height: 100px;
    padding: 10px;
    border: 1px solid #777;
}

.pro-form button {
    width: 200px;
    border: 1px solid #0179f1;
    text-align: center;
    line-height: 48px;
    height: 48px;
    border-radius: 24px;
    background: #fff;
    float: right;
    margin-top: 30px;
    transition: all .3s linear;
}

.pro-form button:hover {
    background: #0179f1;
    color: #fff;
}

.pro-pro-item {
    overflow: hidden;
    margin: 40px -15px 60px;
}

.pro-pro-pic {
    position: relative;
    display: table;
    overflow: hidden;
    width: 100%;
    height: 285px;
    padding: 5px;
    text-align: center;
    border: 1px #ddd solid;
}

.pro-pro-pic a {
    display: table-cell;
    width: 100%;
    height: 275px;
    vertical-align: middle;
}

.pro-pro-pic a img {
    max-width: 100%;
    max-height: 275px;
    margin: 0 auto;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.pro-pro-name {
    border: 1px solid #ddd;
    border-top: none;
    line-height: 48px;
    height: 48px;
    overflow: hidden;
    margin-bottom: 30px;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.pro-pro-box:hover {
    box-shadow: 0 2px 2px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 2px 2px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 2px 5px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 2px 2px 5px rgba(0, 0, 0, .1);
}

.pro-pro-box:hover .pro-pro-pic img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.pro-pro-box:hover .pro-pro-name {
    background: #0179f1;
    color: #fff;
}

.pro-pro-box:hover .pro-pro-name a {
    color: #fff;
}

.pro-pro-c {
    margin-bottom: 60px;
    margin-top: 30px;
    width: 100%;
    overflow: hidden;
}

.pro-pro-c .mySwiperThumb {
    margin-top: 20px;
}

.pro-pro-c .swiper-slide img {
    max-height: 530px;
}

.pro-left {
    padding-right: 60px;
    min-height: 600px
}

.case-left {
    margin-left: 15%
}

.pro-right {
    margin-bottom: 60px;
    position: relative;
}

.pro-right h3:after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background: #0179f1;
    margin: 10px 0 30px;
}


.pro-right #element_id {
    overflow: hidden;
    width: 100%;
}

.pro-right-item {
    height: 800px;
}

.pro-right #element_id ul li {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    border-bottom: 1px dotted #ddd;
}

.pro-right #element_id ul li img {
    display: block;
    margin: 0 auto;
}

.pro-right-name {
    line-height: 40px;
}








/* 服务 */
.sec3 {
    padding-bottom: 60px;
    padding-top: 60px;
    background: url(../../images/sec3.jpg) no-repeat center;
    background-size: 100% 100%;
}

.sec3-line {
    width: 80px;
    height: 2px;
    background: #333;
    margin: 20px auto 40px;
}

.service-item {
    overflow: hidden;
    width: 100%;
    height: 616px;
}

.serviceBox {
    overflow: hidden;
}

.servicePic {
    height: 278px;
    overflow: hidden;
}

.serviceBox img {
    display: block;
    margin: 0 auto;
    max-height: 278px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.serviceBox:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.serviceName {
    height: 48px;
    line-height: 48px;
    text-align: center;
}



/* 荣誉 */
.secHonor {
    width: 100%;
    background: url(../../images/honor-bg.jpg) no-repeat center;
    padding: 80px 0;
    overflow: hidden;
    background-size:cover;
}


/* 案例 */
.secCase {
    background: url(../../images/case-bg.jpg) no-repeat center;
    color: #fff;
}

.secCase .sec2-top {
    margin: 80px 0 60px;
    padding: 0;
}

.sec2Btn {
    width: 200px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border: 1px solid #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.sec2Btn:hover {
    background: #0179f1;
    border: 1px solid #0179f1;
    box-shadow: 0 2px 2px 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 2px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 2px 3px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 2px 2px 3px rgba(0, 0, 0, .2);
}

.sec2Btn a {
    display: block;
    text-align: center;
    color: #fff;
}

#element_id {
    overflow: hidden;
}

#element_id ul li {
    float: left;
    width: 443px;
    height: 333px;
}

.secCase-box img {
    width: 443px;
    height: 333px;
}

.con {
    padding: 60px 0;
    color: #555;
    line-height: 2em;
    overflow: hidden;
}

.case-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    background: #eee;
}

.case-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 257px;
    text-align: center;
}

/* .case-img a {
    display: table-cell;
    width: 100%;
    height: 378px;
    vertical-align: middle;
} */

.case-img a img {
    max-width: 100%;
    max-height: 257px;
    margin: 0 auto;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.case-t {
    text-align: center;
    background: #555;
    line-height: 54px;
    color: #fff;
    font-size: 20px;
}

.case-t a {
    color: #fff;
}

.case-cover {
    width: 100%;
    height: 100%;
    background: rgba(1, 121, 241, .5);
    padding: 100px 30px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    color: #fff;
    text-align: center;
}

.case-cover a {
    color: #fff;
}

.case-cover-t {
    font-size: 24px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-weight: bold;
    margin-bottom: 20px;
}

.case-cover-d {
    height: 136px;
    overflow: hidden;
    font-size: 14px;
    color: #777;
}

.case-cover-btn {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #fff;
    margin: 60px auto;
    color: #fff;

}

.case-box:hover .case-img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.case-box:hover .case-cover {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
}

.productDesc {
    font-weight: normal;
    font-size: 16px;
    color: #999;
    margin-left: 40px
}


/*首页案例*/

.productContent {
    width: 100%;
    margin: 40px auto 60px;
    background: rgba(255, 255, 255, .5);
    padding: 15px;
    overflow: hidden;
}

.productContent .title {
    border-right: 3px solid #e7e7e7;
    width: 20%;
    float: left;
}

.productContent .title h2 {
    font-size: 20px;
    font-family: "microsoft yahei";
}

.productContent .title-list {
    position: relative;
}

.productContent .title-list li {
    width: 100%;
    line-height: 120px;
    font-size: 24px;
    position: relative;
    padding-left: 40px;
    border-bottom: 1px solid #ddd;
}

.productContent .title-list li.on {
    color: #ff6600;
    font-weight: bold;
}

.productContent .title-list li.on::after {
    content: "";
    display: block;
    background: #ff6600;
    width: 3px;
    height: 120px;
    position: absolute;
    top: 0;
    right: -3px;
}

.productContent .title-list p {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 3px;
    height: 120px;
    overflow: hidden;
}

.productContent .title-list b {
    display: inline-block;
    width: 0;
    height: 120px;
    margin-right: -3px;
    border-right: 3px solid #ff6600;
    overflow: hidden;
    zoom: 1;
    font-size: 0;
}

.product {
    position: relative;
    overflow: hidden;
    display: none;
    margin-top: 20px;
}

.product ul {
    overflow: hidden;
}

.product-wrap {
    width: 75%;
    float: right;
}

.product-wrap .play {
    display: block;
}

.product-wrap .product li {
    width: 33.333%;
    padding: 15px;
    float: left;
    display: inline;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}

.product-wrap .product li.ml0 {
    margin-left: 0px;
}

.product-wrap .product li a.imgwrap {
    display: block;
    width: 100%;
    background: #fff;
    text-align: center;
    border: 1px solid #ddd;
    padding: 5px;
    height: 210px;
    overflow: hidden;
}

.product-wrap .product li a.imgwrap img {
    max-height: 200px;
    display: block;
    margin: 0 auto;
}

.product-wrap .product li p {
    color: #666666;
    border: 1px solid #ddd;
    border-top: unset;
    line-height: 48px;
    height: 48px;
    overflow: hidden;
    padding: 0 10px;
    background: #fff;
}

.product-wrap .product li p a {
    color: #666666;
    text-decoration: none;
    display: block;
    text-align: center;
}

.product-wrap .product li p a:hover {
    color: #ff6600;
    text-decoration: none;
}









.pro-pro-c .swiper-button-next,
.pro-pro-c .swiper-container-rtl .swiper-button-prev {
    right: 110px
}



.map-c {
    margin-top: 60px;
}









#pages {
    text-align: center;
    line-height: 48px;
}

#pages a {
    color: #333;
    padding: 0 10px;
}

#pages span {
    padding: 5px 10px;
    color: #0179f1;
    border-radius: 20px;
    border: 1px solid #0179f1;
}



/* 新闻 */
.secNews {
    overflow: hidden;
    margin: 60px 0;
}

.secNews .bt {
    color: #000;
}

.secNews .line {
    background: #333;
}

.secNews-item {
    margin-top: 40px;
    overflow: hidden;
    padding: 10px;
}

.secNewsBox {
    overflow: hidden;
    box-shadow: 0px 2px 3px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0px 2px 3px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 2px 3px 5px rgba(0, 0, 0, .1);
    -o-box-shadow: 0px 2px 3px 5px rgba(0, 0, 0, .1);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.secNewsPic {
    overflow: hidden;
    height: 241px;
}

.secNewsPic img {
    height: 236px;
    display: block;
    margin: 0 auto;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    max-height: 241px;
}

.secNews-item .secNewsBox:hover .secNewsPic img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.secNews-item .secNewsBox:hover {
    box-shadow: unset;
}

.secNewsContent {
    padding: 20px 20px 30px;
    overflow: hidden;
}

.secNewsDate {
    color: #777;
    font-size: 14px;
}

.secNewsLine {
    width: 40px;
    height: 2px;
    background: #333;
    margin: 10px 0 20px;
}

.secNewsTit {
    font-size: 20px;
    height: 60px;
    overflow: hidden;
}

.secNewsDesc {
    color: #777;
    height: 60px;
    overflow: hidden;
}

.news-top {
    overflow: hidden;
    margin: 60px 0;
    box-shadow: 0px 2px 2px 5px rgba(0, 0, 0, .1);
}

.news-top-left {
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.news-top-right {
    padding: 60px;
    overflow: hidden;
}

.news-top-title {
    font-size: 20px;
    font-weight: bold;
}

.news-top-date {
    color: #777;
    margin: 10px 0;
}

.news-top-desc {
    color: #555;
}

.news-top-btn {
    width: 160px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 24px;
    margin-top: 40px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.news-top-btn a {
    display: block;
}

.news-top-btn:hover {
    background: #0179f1;
}

.news-top-btn:hover a {
    color: #fff;
}

.news-top-left a {
    display: block;
}

.news-item {
    overflow: hidden;
    margin: 0 -15px;
    margin-bottom: 60px;
}

.news-item-box {
    overflow: hidden;
    margin-bottom: 30px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    position: relative;
}

.news-item-line {
    width: 100%;
    height: 4px;
    background: #0179f1;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.news-item-info {
    padding: 20px 10px;
    overflow: hidden;
}

.news-item-pic {
    width: 100%;
    height: 218px;
    overflow: hidden;
}

.news-item-pic img {
    max-height: 218px;
    display: block;
    margin: 0 auto;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.news-item-name {
    font-size: 18px;
    font-weight: bold;
    height: 60px;
    overflow: hidden;
}

.news-item-date {
    margin-top: 10px;
    color: #777;
}

.news-item-box:hover {
    box-shadow: 0 2px 2px 5px rgba(0, 0, 0, .1);
}

.news-item-box:hover .news-item-pic img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.news-item-box:hover .news-item-line {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -otransform: translateX(-100%);
}

.news-container {
    padding: 60px 0;
    overflow: hidden;
}

.news-c-l {
    padding-right: 40px;
    overflow: hidden;
}

.news-title {
    font-size: 33px;
    font-weight: bold;
    line-height: 48px;
}

.news-icon {
    line-height: 60px;
    color: #777;
    margin: 20px 0 30px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.news-tools {
    font-size: 14px;
    color: #bbb;
    line-height: 40px;
    margin: 20px 0 40px;
}

.news-tools span {
    margin-right: 20px;
}

.news-content {
    color: #777;
    overflow: hidden;
}

.news-content img {
    height: auto !important;
}

.news-c-r-fy {
    margin-bottom: 20px;
    position: relative;
}

.news-c-r-fy:after {
    content: '';
    position: absolute;
    top: 15px;
    right: 0;
    width: 75%;
    height: 1px;
    background-color: #e2e2e2;
    overflow: hidden;
}

.news-c-r-fy span {
    display: block;
    color: #555;
    font-size: 18px;
    font-weight: bold;
    color: #0179f1;
}

.news-c-r-fy a {
    color: #999;
    font-size: 14px;
}

.news-tuijian {
    margin-top: 60px;
}

.news-tuijian-t {
    color: #555;
    font-size: 18px;
    border-top: 1px solid #ccc;
    padding-top: 40px;
}

.news-tuijian ul li {
    padding: 15px 0;
    border-bottom: 1px dotted #ddd;
}

.news-tuijian ul li a {
    color: #999;
}

.news-tj-t {
    height: 60px;
    overflow: hidden;
}

.news-tj-d {
    font-size: 14px;
    color: #bbb;
    line-height: 40px;
}


/* 优势 */

.secAdv {
    background: #fef9f3;
    padding: 60px 0;
    overflow: hidden;
}

.secAdvBox {
    padding: 0 40px;
    text-align: center;
}

.secAdvIcon img {
    width: 72px;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.secAdvTit {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}

.secAdvDec {
    color: #555;
    margin-top: 10px;
}

.secAdvBox:hover .secAdvIcon img {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}


/* footer */
.footer {
    overflow: hidden;
    background: #333;
    padding: 60px 0;
    color: #fff;
}

.footer a {
    color: #fff;
}

.ft-nav ul {
    overflow: hidden;
    margin: 20px 0;
}

.ft-nav ul li {
    float: left;
    margin-right: 20px;
}

.erweima img {
    width: 120px;
}

.ft-contact {
    margin-top: 20px;
}

.copyright {
    overflow: hidden;
    text-align: right;
    line-height: 40px;
}


/* 联系 */
.contactB{
    overflow: hidden;
    min-height: 60vh;
    display: grid;
    gap:60px;
    grid-template-columns: repeat(2,1fr);
    align-items: center;
}
.contact {
    overflow: hidden;
    padding-right: 60px;
}



.contact h2:after,
.message h2:after {
    display: block;
    content: "";
    width: 80px;
    height: 2px;
    background: #0179f1;
    margin: 20px 0;
}

.contact-c,
.message-c {
    margin-top: 40px;
    overflow: hidden;
}

.message-c .form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}

input[type="text"] {
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
    line-height: 40px;
    padding: 10px;
}

textarea {
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
}

.message-c button {
    width: 160px;
    border: unset;
    border-radius: 24px;
    height: 48px;
    background: #0179f1;
    line-height: 48px;
    text-align: center;
}





.bannerSwiper .swiper-slide-active img {
    animation: ImgBig 6s linear forwards;
    -webkit-animation: ImgBig 6s linear forwards;
    -moz-animation: ImgBig 6s linear forwards;
    -o-animation: ImgBig 6s linear forwards;
}

.banner-c img {
    animation: ImgBigOne 8s linear forwards infinite;
    -webkit-animation: ImgBigOne 8s linear forwards infinite;
    -moz-animation: ImgBigOne 8s linear forwards infinite;
    -o-animation: ImgBigOne 8s linear forwards infinite;
}

.bannerSwiper .swiper-slide {
    position: relative;
}

.bannerSwiper .swiper-slide .banner-cover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

.bannerSwiper .swiper-slide .banner-cover .zh {
    line-height: 80px;
    font-weight: bold;
    letter-spacing: 4px;
    margin-bottom:30px;
}
.bannerSwiper .swiper-slide .banner-cover h2{
    font-weight:normal;
}


@keyframes ImgBig {
    0% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@keyframes ImgBigOne {
    0% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    100% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
}



@media(max-width:1600px) and (min-width:1440px) {
    .news-item-pic {
        height: 218px;
    }

    .news-item-pic img {
        max-height: 218px;
    }

    .pro-pro-pic,
    .pro-pro-pic a {
        height: 237px;
    }

    .pro-pro-pic a img {
        max-height: 237px;
    }

    .productBox,
    .productBox a {
        height: 269px;
    }

    .productContent .cont .productBox img {
        max-height: 269px;
    }

    .serviceBox {
        height: 213px;
    }

    .serviceBox img {
        max-height: 213px;
    }
}

/* @media(max-width:1440px) and (min-width:1366px){
    .serviceBox
} */

@media(max-width:1366px) and (min-width:1200px) {
    .news-item-pic {
        height: 180px
    }

    .news-item-pic img {
        max-height: 180px;
    }

    .pro-pro-pic,
    .pro-pro-pic a {
        height: 194px;
    }

    .pro-pro-pic a img {
        max-height: 194px;
    }

    .aboutContent {
        padding-top: 0;
    }

    .title {
        font-size: 26px;
        margin: 10px 0;
    }

    .productBox,
    .productBox a {
        height: 225px;
    }

    .productContent .cont .productBox img {
        max-height: 225px;
    }

    .serviceBox {
        height: 197px;
    }

    .serviceBox img {
        max-height: 197px;
    }

    .secNewsPic {
        height: 170px
    }

    .secNewsPic img {
        max-height: 170px;
    }
}


@media(max-width:992px) and (min-width:768px) {

    .width45,
    .width55,
    .width40,
    .width60 {
        width: 100%
    }

    .aboutContent {
        padding-left: 0;
    }

    .sec2-top {
        padding: 0;
    }

    .productName ul li {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
    }

    .productBox,
    .productBox a {
        height: 113px;
    }

    .productContent .cont .productBox img {
        height: 113px;
    }

    .sec2 .productContent .cont {
        height: auto;
        margin-bottom: 30px;
    }

    .serviceBox {
        height: 118px;
    }

    .serviceBox img {
        max-height: 118px;
    }

    .secNewsPic {
        height: 102px;
    }

    .secNewsPic img {
        max-height: 102px;
    }

    .secAdvTit {
        font-size: 20px
    }

    .secAdvDec {
        line-height: 24px;
    }

    .style-box,
    .style-box a {
        height: 98px;
    }

    .style-box a img {
        max-height: 98px;
        display: block;
        margin: 0 auto;
    }

    .case-img,
    .case-img a {
        height: 108px;
    }

    .case-img a img {
        max-height: 108px;
    }

    .case-t {
        line-height: 40px;
        height: 40px;
        overflow: hidden;
    }

    .pro-pro-pic,
    .pro-pro-pic a {
        height: 118px;
    }

    .pro-pro-pic a img {
        max-height: 118px;
    }

    .pro-right-item {
        height: 400px;
    }

    .news-top-right {
        padding: 30px 0 30px 40px
    }

    .news-item-pic {
        height: 110px;
    }

    .news-item-pic img {
        max-height: 110px;
    }

    .news-item-name {
        font-size: 16px;
        line-height: 24px;
        height: 48px;
        overflow: hidden;
    }
}
.max{display: block;}
.min{display: none;}
@media(max-width:992px){
    .contactB{
    display: block;        
    }
.min{display: block;}
.max{display: none;}
}

@media(max-width:767px) {
    .alt,.art{width: 100%;left:unset;right:unset;position: unset;height:auto;}
    .art{padding:0;}
    .sec1{height:auto;}
    .aboutTimeC{font-size:40px}
    .aboutTime{margin:10px 0;}
    .product-num-l,.product-num-r{
        float:unset !important;
        width: 100%;
    }
    .product-num-item{
        padding:30px 20px;
    }
    .product-num-nub{font-size: 36px;}
    .product-num-box{top:0px;position: relative;}
    .banner-c {
        margin-top: 44px;
    }

    .location {
        bottom: 0;
        font-size: 14px
    }

    .width50 {
        width: 100%;
    }

    .bt {
        font-size: 22px
    }

    .contact,
    .message {
        padding-right: 10px;
        padding-left: 10px
    }

    .contact h2:after,
    .message h2:after {
        margin: 10px 0;
    }

    .contact-c,
    .message-c {
        margin-top: 20px;
    }

    .message {
        margin-top: 20px;
    }

    .contact h2,
    .message h2,
    .pro-apply-en {
        font-size: 24px
    }

    .noPaddingLeft,
    .noPaddingRight {
        padding-left: 0;
        padding-right: 0;
    }

    .message-c .noPaddingRight {
        margin-top: 20px;
    }

    .pro {
        margin: 60px 10px 0
    }

    .sub_nav li a {
        padding: 8px 15px;
    }

    .case-img,
    .case-img a {
        height: 105px
    }

    .case-img img,.case-img a img {
        max-height: 105px;
    }

    .case-t {
        height: 40px;
        line-height: 40px;
        font-size: 14px
    }

    .case-cover {
        padding: 30px;
    }

    .case-cover-t {
        font-size: 16px;
    }

    .case-cover-btn {
        margin: 20px auto;
    }

    #pages {
        font-size: 14px;
    }

    .ft-nav h4 {
        display: none;
    }

    .erweima img {
        display: block;
        margin: 0 auto;
    }

    .copyright {
        text-align: center;
        font-size: 14px;
        line-height: 24px;
        margin-top: 20px
    }

    .footer {
        padding: 30px 0;
    }

    .news-top-left {
        height: 200px
    }

    .news-top-right {
        padding: 20px 10px
    }

    .news-item-pic {
        height: 200px;
    }

    .news-item-pic img {
        max-height: 200px;
    }

    .news-item-name {
        height: auto;
    }

    .news-container {
        padding: 60px 0 30px
    }

    .news-c-l {
        padding-right: 0;
    }

    .news-title {
        font-size: 20px;
        line-height: 30px;
    }

    .news-tj-t {
        height: auto;
    }

    .width75,
    .width25 {
        width: 100%
    }

    .pro-left {
        padding-right: 0;
        min-height: unset;
    }

    .pro-pro-c {
        margin-bottom: 0;
        margin-top: 0;
    }

    .pro-right {
        display: none;
    }

    .pro-form-input input[type='text'] {
        margin-top: 20px
    }

    .cAboutPic {
        width: 100%;
        float:unset;
        margin-bottom:30px;
    }

    .speedDesc {
        width: 100%;
        line-height: 30px;
    }

    .speed,
    .style {
        padding: 30px 10px
    }

    .style-box,
    .style-box a {
        height: 92px;
    }
    .style-box{margin-bottom:15px;}

    .style-box a img {
        max-height: 92px;
    }

    .banner {
        margin-top: 44px
    }

    .sec1 {
        margin: 30px 10px;
    }

    .width45,
    .width55,
    .width40,
    .width60 {
        width: 100%
    }

    .aboutContent {
        padding-left: 10px;
        padding-right: 0;
        padding-top: 0;
    }

    .sec2-top {
        padding: 0 10px;
        margin-bottom: 0;
    }

    .productName ul li {
        width: auto;
        padding: 0px 10px;
        font-size: 16px;
        margin-bottom: 20px;
        height: 40px;
        line-height: 40px;
    }

    .productName ul li:nth-child(3) {
        margin-right: 0;
    }

    .pName {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
    }

    .productBox,
    .productBox a {
        height: 109px;
    }

    .productContent .cont .productBox img {
        max-height: 109px;
    }

    .sec2 .productContent .cont {
        height: auto;
    }

    .title {
        font-size: 20px;
        margin: 10px 0;
    }

    .aboutDesc {
        height: 240px;
        overflow: hidden;
        margin: 30px 0;
    }
    .productDesc{
        display: block;
        margin-left:0;
        line-height: 30px;
    }
    .sec2{padding:30px 0;}
    .about-icon-box img {
        width: 60px;
        height: 60px;
    }

    .about-icon-name {
        margin-top: 0;
    }

    /* .serviceBox{height: 105px;} */
    .service-item {
        height: 350px !important;
    }

    .serviceBox img {
        max-height: 129px;
    }

    .servicePic {
        height: 129px;
    }

    .serviceName {
        font-size: 14px
    }

    .sec3 {
        margin-bottom: 30px;
        padding:30px 10px;
    }

    .secHonor {
        padding: 40px 0;
    }

    .secCase .sec2-top {
        margin: 30px 0;
        padding: 0 10px;
    }

    .sec2-top .font20 {
        font-size: 16px;
    }

    .width70,
    .width30 {
        width: 100%
    }

    .sec2-top .lf,
    .sec2-top .rg {
        float: unset;
    }

    .secNews {
        margin: 30px 0;
    }

    .secNewsPic {
        height: auto;
    }

    .secNewsPic img {
        max-height: unset;
        height: 185px;
    }

    .secNews-item ul li {
        margin-bottom: 20px;
    }

    .secNewsTit {
        height: auto;
        font-size: 16px;
        line-height: 24px;
    }

    .secNewsDesc {
        font-size: 14px;
        line-height: 20px;
    }

    .secAdv {
        padding: 30px 0;
    }

    .secAdv .width25 {
        width: 50%
    }

    .secAdvBox {
        padding: 0 10px
    }

    .secAdvIcon img {
        width: 60px
    }

    .secAdvTit {
        font-size: 18px
    }

    .sub_nav {
        display: none;
    }

    .about {
        padding: 0 10px;
        line-height: 30px;
        margin: 60px 0 30px
    }

    .pro-pro-item {
        margin: 30px 0px 30px
    }

    .pro-apply {
        padding: 30px 10px;
    }

    .pro-form {
        margin-top: 20px
    }

    .news-top {
        margin: 60px 10px 30px;
    }

    .news-item {
        margin: 0px;
    }

    .news-tuijian {
        margin-top: 30px;
    }

    .con {
        padding: 60px 0 30px;
    }
    .productContent .title{
        float: unset;
        width: 100%;
    }
    .productContent .title-list li{
        font-size: 18px;
        line-height: 48px;
        padding-left:0;
        text-align: center;
    }
    .productContent .title-list li.on::after{height: 48px;}
    .product-wrap{width: 100%;}
    .product-wrap .product li{width:50%}
    .product-wrap .product li a.imgwrap{height:110px;}
    .product-wrap .product li a.imgwrap img{max-height:100px}
    .productContent{margin: 40px auto 0px;}
    .cAboutT{font-size: 24px;}
    .speedTit{font-size: 26px;}
    .con{min-height: 70vh;}
}