/* 公司介绍 */
.about01{max-width: 1280px;margin: 0 auto;padding: 0 6%;margin-bottom: 3%;}
.about01-left{float: left;width: 400px;}
.about01-title{position: relative;padding-bottom: 35px;margin-bottom: 35px;}
.about01-title h1{font-size: 30px;font-weight: normal;color: #999;margin-bottom: 20px;}
.about01-title p{font-size: 36px;color: #222;}
.about01-title::after{content: "";position: absolute;left: 0;bottom: 0;width: 30px;height: 3px;background: #2450AC;}
.about01-txt p{font-size: 15px;color: #555;line-height: 30px;}
.about01-txt img{width: 100%;}
@media(max-width:1600px){
    .about01-title h1{font-size: 28px;}
    .about01-title p{font-size: 32px;}
    .about01-title{padding-bottom: 32px;margin-bottom: 32px;}
}
@media(max-width:1500px){
    .about01-title h1{font-size: 26px;margin-bottom: 18px;}
    .about01-title p{font-size: 30px;}
    .about01-title{padding-bottom: 28px;margin-bottom: 28px;}
}
@media(max-width:1400px){
    .about01-left{width: 350px;}
    .about01-title h1{font-size: 24px;margin-bottom: 16px;}
    .about01-title{padding-bottom: 24px;margin-bottom: 24px;}
    .about01-title p{font-size: 28px;}
    .about01-txt p{font-size: 14px;line-height: 28px;}
}
@media(max-width:1300px){
    .about01-title h1{font-size: 22px;margin-bottom: 14px;}
    .about01-title p{font-size: 26px;}
    .about01-title{padding-bottom: 22px;margin-bottom: 22px;}
}
@media(max-width:1200px){
    .about01{padding: 0 3%;}
    .about01-left{width: 300px;}
    .about01-title h1{font-size: 20px;margin-bottom: 12px;}
    .about01-title p{font-size: 24px;}
    .about01-title{padding-bottom: 18px;margin-bottom: 18px;}
    .about01-title::after{height: 2px;}
}
@media(max-width:960px){
    .about01-left{float: none;}
    .about01-title h1{font-size: 18px;margin-bottom: 10px;}
    .about01-title p{font-size: 22px;}
    .about01-txt p{font-size: 13px;line-height: 26px;}
}
@media(max-width:760px){
    .about01{margin-bottom: 10%;}
    .about01-title h1{font-size: 16px;}
    .about01-title p{font-size: 20px;}
}



/* 合作案例 */
.about02{position:relative;margin-bottom: 12%;}
.about02-left{display: inline-block;width: 66.7%;background: #f6f6f6;padding: 5% 0;}
.about02 .index-title{text-align: left;}
.about02 .index-title::after{left: 0;}
.about02-left-box{max-width: 640px;margin: 0 auto;padding: 0 15%;}
.about02-left-box ul{display: flex;flex-wrap: wrap;}
.about02-left-box ul li{width: 38.23%;margin-right: 4%;margin-bottom: 4%;}
.about02-left-box ul li .list-img{width: 100%;padding-bottom: 75%;position: relative;}
.about02-left-box ul li .list-img a{display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.about02-left-box ul li .list-img a img{ display: inline-block; width: 100%; height: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.about02-left-box ul li:hover .list-img a img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.about02-left-box ul li .list-txt{padding: 5% 3%;background: #e5e5e5;}
.about02-left-box ul li .list-txt h1 a{display: block;text-align: center;font-size: 16px;font-weight: normal;color: #221;}
.about02-left-box ul li:hover .list-txt{background: #2450AC;}
.about02-left-box ul li:hover .list-txt h1 a{color: #fff;}
.about02-right{ background: url(../image/about02-bg.png) no-repeat;box-sizing: border-box; background-size: cover;width: 50%;position: absolute;right:0%;top: 10%;padding: 6% 0 5%;}
.about02-right-box{max-width: 455px;padding: 0 16% 0 8%;}
.about02-right .index-title p{color: #fff;}
.about02-right .index-title::after{background: #fff;}
.about02-right ul{margin-top: 15%;}
.about02-right ul li{display: flex;margin-bottom: 16%;}
.about02-right ul li .list-icon{width: 55px;}
.about02-right ul li .list-icon img{ display: inline-block; width: 40px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.about02-right ul li .list-txt{width: calc(96% - 55px);}
.about02-right ul li .list-txt h1{font-size: 18px;color: #fff;margin-bottom: 5%;}
.about02-right ul li .list-txt p{font-size: 16px;line-height: 32px;color: #fff;}
.about02-more a{margin-top: 2%; display: inline-block;width: 140px;line-height: 40px;text-align: center;border: 1px solid #ccc;font-size: 15px;color: #999;}
.about02-more a:hover{background: #2450AC;color: #fff;border: 1px solid #2450AC;}
.about02-right ul li:hover .list-icon img{ transform:scale(1.2) ; -webkit-transform:scale(1.2) ; -moz-transform:scale(1.2) ; -ms-transform:scale(1.2) ; -o-transform:scale(1.2) ; }
@media(max-width:1600px){
    .about02-right ul li .list-txt h1{font-size: 17px;}
    .about02-right ul li .list-txt p{font-size: 15px;line-height: 30px;}
    .about02-left-box ul li .list-txt h1 a{font-size: 15px;}
}
@media(max-width:1500px){
    .about02-right ul li .list-txt h1{font-size: 16px;}
    .about02-right ul li .list-txt p{font-size: 14px;line-height: 28px;}
    .about02-right ul li .list-icon img{width: 35px;}
    .about02-right ul li .list-icon{width: 45px;}
    .about02-right ul li .list-txt{width: calc(96% - 45px);}
    .about02-left-box ul li .list-txt h1 a{font-size: 14px;}
    .about02-more a{font-size: 14px;width: 135px;line-height: 38px;}
}
@media(max-width:1400px){
    .about02-right ul li .list-txt h1{font-size: 15px;}
    .about02-right ul li .list-txt p{font-size: 13px;line-height: 26px;}
    .about02-right ul li .list-txt h1{margin-bottom: 3%;}
    .about02-left-box ul li .list-txt h1 a{font-size: 13px;}
}
@media(max-width:1300px){
    .about02-right ul li .list-txt h1{font-size: 14px;}
    .about02-right ul li .list-txt p{font-size: 12px;line-height: 24px;}
    .about02-right ul li .list-icon img{width: 30px;}
    .about02-right ul li .list-icon{width: 40px;}
    .about02-right ul li .list-txt{width: calc(96% - 40px);}
    .about02-more a{font-size: 13px;width: 125px;line-height: 35px;}
}
@media(max-width:1200px){
    .about02-right ul li{margin-bottom: 12%;}
}
@media(max-width:960px){
    .about02-more a{font-size: 12px;width: 100px;line-height: 30px;}
    .about02-left{width: 100%;}
    .about02-right{width: 100%;position: static;}
    .about02-left{padding: 8% 0 5%;}
    .about02-left-box{max-width: none;padding: 0 6%;}
    .about02-left-box ul{justify-content: space-between;width: 100%;display: flex;}
    .about02-left-box ul li{width: 47.5%;margin-right: 0;}
}
@media(max-width:760px){
    .about02{margin-bottom: 15%;}
}



/* 键派团队 */
.about03{max-width: 1280px;margin: 0 auto;padding: 0 6%;margin-bottom: 5%;}
.about03-lbt .item-img{width: 100%;padding-bottom: 100%;position: relative;}
.about03-lbt .item-img a{display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.about03-lbt .item-img a img{ display: inline-block; width: 100%; height: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.about03-lbt .item:hover .item-img a img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.about03-lbt .item-txt{padding: 3%;text-align: center;}
.about03-lbt .item-txt h1 a{display: block; font-size: 20px;color: #222;font-weight: normal;margin-bottom: 3%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.about03-lbt .item-txt p{display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 15px;color: #999;}
.about03-lbt .item:hover .item-txt h1 a{color: #2450AC;}
@media(max-width:1600px){
    .about03-lbt .item-txt h1 a{font-size: 18px;}
    .about03-lbt .item-txt p{font-size: 14px;}
}
@media(max-width:1400px){
    .about03-lbt .item-txt h1 a{font-size: 16px;}
}
@media(max-width:1200px){
    .about03{padding: 0 3%;}
    .about03-lbt .item-txt h1 a{font-size: 14px;}
    .about03-lbt .item-txt p{font-size: 13px;}
}
@media(max-width:960px){
    .about03-lbt .item-txt p{font-size: 12px;}
}
@media(max-width:760px){
    .about03{margin-bottom: 10%;padding: 0 8%;}
}


/* 荣誉证书 */
.honor-main{max-width: 1280px;margin: 0 auto;padding: 0% 6%; margin-bottom: 5%;}
.honor-main ul{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.honor-main ul li{width: 22.7%;margin-right: 2.7%;margin-bottom: 3%;box-sizing: border-box;overflow: hidden;}
.honor-main ul li:nth-child(4n){margin-right: 0;}
.honor .item>a{display: block; width: 100%;box-sizing: border-box; }
.honor .item .item-img{background: #f0f0f0;width: 100%;padding-bottom: 100%;position: relative;overflow: hidden; }
.honor .item .item-img>div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;display: flex;align-items: center;}
.honor .item .item-img img{display: block;width: auto;max-width: 80%;max-height: 80%;margin: 0 auto;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.honor .item:hover .item-img img{transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);}
.honor .item .item-txt {text-align: center;padding: 15px 15px;background: #dbdbdb;}
.honor .item .item-txt h2 {font-size: 16px;font-weight: normal;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.honor .item:hover .item-txt {background: #2450AC;}
.honor .item:hover .item-txt h2 {color:#fff;}

@media(max-width:1600px){
    .honor .item .item-txt{padding: 13px 13px;}
    .honor .item .item-txt h2{font-size: 15px;}
   
}
@media(max-width:1500px){
  
}
@media(max-width:1400px){
    .honor .item .item-txt h2{font-size: 14px;}
   
}

@media(max-width:1200px){
    .honor-main{padding: 0 3%;}
    .honor-main{margin-bottom: 5%;}
    .honor .item .item-txt{padding: 10px 10px;}
    .honor .item .item-txt h2{font-size: 14px;}
}
@media(max-width:960px){
    .honor .item .item-txt h2{font-size: 12px;}
}
@media(max-width:960px){
    .honor-main,.news-main,.pro-main,.solution-main,.support-main{padding: 10% 3%;}
    .honor-main ul{justify-content: space-between;}
    .honor-main ul li{width: 48%;margin-right: 0;margin-bottom: 4%;}
}



/* 新闻资讯 */
.news-container{
    max-width: 1280px;
    margin: 0 auto;
    padding: 0% 6% 5%;
}
    
.news-list{

}
    .news-list ul li{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 2%;
        border-bottom: 1px solid #eee;
        margin-bottom: 3%;
    }
    .news-list ul li:hover{
        border-bottom: 1px solid #2450AC;
    }
    .news-list .list-left{
        display: flex;
        justify-content: space-between;
        width: calc(92% - 300px);
    }
    .news-list .list-left .list-time p{
        font-size: 30px;
        line-height: 30px;
        color: #999;
        margin-bottom: 20px;
        font-weight: normal;
    }
    .news-list .list-left .list-time span{
        display: inline-block;
        font-size: 16px;
        color: #999;
    }
    .news-list .list-left .list-txt{
        display: inline-block;
        width: 80%;
    }
    .news-list .list-left .list-txt h1 a{
        display: block;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        font-size: 18px;
        letter-spacing: 0.1em;
        color: #333;
        font-weight: normal;
        margin-bottom: 4%;
    }
    .news-list ul li:hover .list-left .list-txt h1 a{
        color: #2450AC;
    }
    .news-list .list-left .list-txt p a{
        display: block;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-size: 15px;
        line-height: 30px;
        letter-spacing: 0.1em;
        color: #666;
    }
    .news-list .list-right{
        display: inline-block;
        width: 300px;
    }
    .news-list .list-right .list-img{
        display: inline-block;
        width: 100%;
        padding-bottom: 66.6666%;
        position: relative;
    }
    .news-list .list-right .list-img a{
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .news-list .list-right .list-img a img{
        display: inline-block;
        width: 100%;
        height: 100%;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }
    .news-list ul li:hover .list-right .list-img a img{
        transform: scale(1.08);
        -webkit-transform: scale(1.08);
        -moz-transform: scale(1.08);
        -ms-transform: scale(1.08);
        -o-transform: scale(1.08);
    }



    @media(max-width:1600px){
        .news-list .list-left .list-time p{
            font-size: 28px;
        }
        .news-list .list-left .list-txt h1 a,.news-top .news-txt>div h1 a{
            font-size: 16px;
        }
        .news-list .list-left .list-time span {
            font-size: 16px;
        }
        .news-list .list-left {
            width: calc(88% - 270px);
        }
        .news-list .list-right {
            display: inline-block;
            width: 270px;
        }
    }
    @media(max-width:1400px){
        .news-list .list-left .list-time p{
            font-size: 26px;
            line-height: 26px;
            margin-bottom: 16px;
        }
        .news-list .list-left .list-txt h1 a{
            font-size: 15px;
        }
        .news-list .list-left .list-time span {
            font-size: 15px;
        }
        .news-list .list-left .list-txt p a {
            font-size: 14px;
            line-height: 28px;
        }
        .news-list .list-left {
            width: calc(92% - 250px);
        }
        .news-list .list-right {
            display: inline-block;
            width: 250px;
        }
    }
    @media(max-width:1200px){
        .news-container {
            padding: 0% 3% 8%;
        }
        .news-list .list-left .list-time p{
            font-size: 24px;
            line-height: 24px;
            margin-bottom: 12px;
        }
        .news-list .list-left .list-txt h1 a{
            font-size: 14px;
        }
        .news-list .list-left .list-time span {
            font-size: 14px;
        }
        .news-list .list-left .list-txt p a {
            font-size: 12px;
            line-height: 22px;
        }
        .news-list .list-left {
            width: calc(92% - 220px);
        }
        .news-list .list-right {
            display: inline-block;
            width: 220px;
        }
    }
    @media(max-width:960px){
        .news-list .list-left .list-time p{
            font-size: 22px;
            line-height: 22px;
            margin-bottom: 10px;
        }
      
        .news-list .list-left .list-time span {
            font-size: 16px;
        }
        .news-list .list-left {
            width: calc(92% - 180px);
        }
        .news-list .list-right {
            display: inline-block;
            width: 180px;
        }
        .news-list .list-left .list-txt {
            width: calc(92% - 70px);
        }
    }
    @media(max-width:760px){
        .news-container {
            padding: 0% 3% 10%;
        }
        .news-list .list-left .list-time p{
            font-size: 20px;
            line-height: 20px;
            margin-bottom: 8px;
        }
        .news-list .list-left .list-time span {
            font-size: 14px;
        }
        .news-list .list-left {
            width: calc(92% - 140px);
        }
        .news-list .list-right {
            display: inline-block;
            width: 140px;
        }
        .news-list .list-left .list-txt {
            width: calc(90% - 50px);
        }
    }

    @media(max-width:580px){
        .news-list ul li{
            flex-wrap: wrap;
            flex-direction: column-reverse;
            padding-bottom: 4%;
            margin-bottom: 8%;
        }
        .news-list .list-left{
            width: 100%;
        }
        .news-list .list-right{
            width: 100%;
            margin-bottom: 5%;
        }
    }



/* 新闻详情 */
.newsd-container{
    max-width: 1280px;
    margin: 0 auto;
    padding: 0% 6% 5%;
}
.newsd-container>h1{
    font-size: 24px;
    text-align: center;
    color: #333;
    font-weight: normal;
    margin-bottom: 1.5%;
}
.newsd-container>p{
    font-size: 14px;
    color: #999;
    text-align: center;
    padding-bottom: 2%;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 4%;
}
.newsd-text{
    padding-bottom: 3%;
    margin-bottom: 2%;
    border-bottom: 1px dashed #ddd;
}
.newsd-text p{
    font-size: 14px;
    color: #666;
	margin-bottom: 2%;
    line-height: 24px;
}
.newsd-text img{
    display: inline-block;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    
}

.newsd-share{
margin-bottom: 2%;
}
.newsd-other{
position: relative;
}
.newsd-other ul{
    display: inline-block;
}
    .newsd-other ul li{
        display: block;
        font-size: 14px;
        line-height: 30px;
        color: #666;
    }
    .newsd-other ul li a{ 
        color: #333;
    }
    .newsd-other ul li a:hover{ 
       color: #2450AC;
    }
    .newsd-other>a{
        position: absolute;
        right: 0%;
        font-size: 14px;
        padding: 0.8% 3%;
        border: 1px solid #2450AC;
        color: #2450AC;
    }
    .newsd-other>a:hover{
        background: #2450AC;
        color: white;
    }

@media(max-width:1400px){
    .newsd-other>a,.newsd-container>p{
        font-size: 13px;
    }
    .newsd-other ul li{
        font-size: 13px;
        line-height: 26px;
    }
    .newsd-container>h1{
        font-size: 22px;
    }
}
@media(max-width:1200px){
    .newsd-container{
        padding: 0% 3% 8%;
    }
    .newsd-other>a,.newsd-container>p{
        font-size: 12px;
    }
    .newsd-other ul li{
        font-size: 12px;
        line-height: 22px;
    }
    .newsd-container>h1{
        font-size: 20px;
    }
}

@media(max-width:760px){
    .newsd-container{
        padding: 0% 3% 10%;
    }
    .newsd-container>p {
        padding-bottom: 4%;
        margin-bottom: 8%;
    }
    .newsd-text p{
        font-size: 13px;
        line-height: 22px;
    }

.newsd-container{
    margin-bottom: 5%;
}
.newsd-other ul{
    display: block;
}
.newsd-other>a{
    position: static;
    display: inline-block;
    padding: 2% 5%;
    margin-top: 2%;
}
.newsd-container>h1{
    font-size: 18px;
}
.newsd-other>a {
    position: static;
    display: inline-block;
    padding: 0;
    width: 110px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    margin-top: 15px;
}
.newsd-text {
    margin-bottom: 8%;
}

}


/* 案例 */
.cases-main{max-width: 1280px;margin: 0 auto;padding: 0 6% 5%;}
.cases-list ul{display: flex;flex-wrap: wrap;}
.cases-list ul li{display: inline-block;width:31.25%;margin-right: 3.12%;margin-bottom: 3.12%;}
.cases-list ul li:nth-child(3n){margin-right: 0;}
.cases-list ul li .list-img{display: inline-block;width: 100%;padding-bottom: 66.25%;position: relative;}
.cases-list ul li .list-img a{display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.cases-list ul li .list-img a img{ display: inline-block; width: 100%; height: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.cases-list ul li:hover .list-img a img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.cases-list ul li .list-txt{padding: 5% 3.5% 1%;text-align: center;}
.cases-list ul li .list-txt h1 a{position: relative; padding-top: 5%; display: block; font-size: 18px;font-weight: normal;color: #333;position: relative;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.cases-list ul li:hover .list-txt h1 a{color: #2450AC;}
.cases-list ul li .list-txt h1 a:after{content: "";position: absolute;left: calc(50% - 10px);top: 0;width: 20px;height: 1px;background: #999;}
.cases-list ul li:hover .list-txt h1 a:after{background: #2450AC;}
@media(max-width:1500px){
    .-list ul li .list-txt h1 a{font-size: 16px;}
}
@media(max-width:1400px){
    .cases-list ul li .list-txt h1 a{font-size: 15px;}
}
@media(max-width:1200px){
    .cases-main{padding: 0 3% 8%;}
    .cases-list ul li .list-txt h1 a{font-size: 14px;}
}
@media(max-width:760px){
    .cases-main{padding: 0 3% 10%;}
    .cases-list ul li .list-txt{padding: 12px 10px 5px;}
    .cases-list ul{justify-content: space-between;}
    .cases-list ul li{width: 48.5%;margin-right: 0 !important;margin-bottom:5%;}
    .cases-list ul li .list-txt h1 a{font-size: 13px;}
}



/* 联系我们 */
.contact-main{max-width: 1280px;margin: 0 auto;padding: 0% 6%;}
.contact-top ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 4%;}
.contact-top .index-title p{font-weight: normal;}
.contact-top ul li{width: 33.3%;box-sizing: border-box;padding: 0 3%;text-align: center;}
.contact-top ul li p img{display: inline-block;width: 40px;}
.contact-top ul li h1{display: inline-block;font-size: 20px;font-weight: normal;color: #222;padding: 5% 0;}
.contact-top ul li p{font-size: 15px;color: #666;line-height: 30px;}
.contact-bottom{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 5%; margin-bottom: 3%;align-items: center;}
.contact-map{width: 50%;}
.contact-msg {width: 46.875%;}
.contact-msg>h1{font-size: 26px;font-weight: normal;color: #222;margin-bottom: 5%;}
.contact-msg form{margin: 5% 0 0;}
.contact-msg ul li { margin-bottom: 13px; overflow: hidden;}
.contact-msg ul li .inp{ border: none; outline: none; font-family: sans-serif; font-size: 15px; color: #333; padding: 0 4%; display: inline-block; width: 92%;height: 45px; line-height: 45px;background: #f0f0f0;}
.contact-msg .submit{margin-top: 2%; border: none; padding: 10px 55px; display: inline-block; background: #2450AC; color: #fff; font-size: 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.contact-msg ul li textarea{padding-bottom: 8% !important;height: auto !important;line-height: auto !important;background: #f6f6f6 !important;border: none !important;}
.contact-msg ul li .inp::-webkit-input-placeholder{
    color:#999;
}
.contact-msg ul li .inp::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#999;
}
.contact-msg ul li .inp:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#999;
}
.contact-msg ul li .inp:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#999;
}

/* 地图 */
.con_map{ width:100%; padding-bottom:67.75%; position:relative;}
.con_map .map{ position:absolute; top:0px; left:0px; width:100%; height:100%;}

@media(max-width:1600px){
    .contact-msg>h1{font-size: 24px;line-height: 24px;}
    .contact-top ul li h1{font-size: 18px;}
}
@media(max-width:1500px){
    .contact-msg>h1{font-size: 24px;line-height: 24px;}
    .contact-top ul li h1{font-size: 17px;}
    .contact-top ul li p{font-size: 14px;line-height: 28px;}
    .contact-msg .submit{font-size: 14px;padding: 9px 50px;}
}
@media(max-width:1400px){
    .contact-msg>h1{font-size: 22px;line-height: 22px;}
    .contact-top ul li h1{font-size: 16px;}
    .contact-top ul li p img{width: 35px;}
}
@media(max-width:1300px){
    .contact-msg>h1{font-size: 20px;line-height: 20px;}
    .contact-top ul li h1{font-size: 15px;}
    .contact-top ul li p{font-size: 13px;line-height: 26px;}
    .contact-msg ul li .inp{height: 40px;line-height: 40px;}
    .contact-msg .submit{font-size: 13px;padding: 8px 42px;}
}
@media(max-width:1200px){
    .contact-main{padding: 1% 3%;}
    .contact-msg>h1{font-size: 18px;line-height: 18px;}
    .contact-top ul li h1{font-size: 14px;}
}
@media(max-width:960px){
    .contact-top ul li p img{width: 30px;}
    .contact-msg>h1{font-size: 16px;line-height: 16px;}
    .contact-top ul li p{font-size: 12px;line-height: 24px;}
    .contact-msg ul li{margin-bottom: 10px;}
    .contact-msg ul li .inp{height: 35px;line-height: 35px;}
    .iw_poi_content{font-size: 12px;}
    .contact-msg{width: 100%;margin-top: 5%;}
    .contact-map{width: 100%;}
}
@media(max-width:760px){
    .contact-main{padding: 1% 3%;}
    .contact-top ul{justify-content: center;}
    .contact-top ul li{width: 80%;margin-top: 5%;}
    .contact-msg{width: 100%;margin-top: 30px;}
}



/* 产品中心 */
.products-main{max-width: 1280px;margin: 0 auto 8%;padding: 0 6%;}
.products-list ul{display: flex;flex-wrap: wrap;}
.products-list ul li{display: inline-block;width: 22.65%;margin-right: 2.7%;margin-bottom: 3%;}
.products-list ul li:nth-child(4n){margin-right: 0;}
.products-list .list-top{position: relative;}
.products-list .list-img{width: 100%;padding-bottom: 100%;position: relative;}
.products-list .list-img a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.products-list .list-img a img{opacity: 1; display: block;width: auto;max-height: 100%; margin: 0 auto;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.products-list .list-txt{text-align: center;padding: 0 3%;}
.products-list .list-txt h1 a{display: block; font-size: 18px;font-weight: normal;color: #222;margin: 10px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.products-list .list-txt p a{display: block; font-size: 15px;color: #999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.products-list .list-icon{ position: absolute; width: 11.03%; height: 11.03%; left: 44.485%; top: 44.485%; opacity: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.products-list .list-icon a{display: block;}
.products-list .list-icon a img{display: inline-block;width: 100%;}
.products-list ul li:hover .list-icon{opacity: 1;}
.products-list ul li:hover .list-img a img{opacity: .4; transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);}
.products-list ul li:hover .list-txt h1 a{color: #2450AC;}
@media(max-width:1600px){
    .products-list .list-txt h1 a{font-size: 17px;}
    .products-list .list-txt p a{font-size: 14px;}
}
@media(max-width:1500px){
    .products-list .list-txt h1 a{font-size: 16px;margin: 9px 0;}
    .products-list .list-txt p a{font-size: 13px;}
}
@media(max-width:1400px){
    .products-list .list-txt h1 a{font-size: 15px;margin: 8px 0;}
    .products-list .list-txt p a{font-size: 12px;}
}
@media(max-width:1300px){
    .products-list .list-txt h1 a{font-size: 14px;margin: 6px 0;}
}
@media(max-width:1200px){
    .products-main{padding: 0 3%;}
    .products-list .list-txt h1 a{font-size: 13px;margin: 5px 0;}
}
@media(max-width:960px){
    
}
@media(max-width:760px){
    .products-main{margin-bottom: 10%;}
    .products-list ul{justify-content: space-between;}
    .products-list ul li{width: 47.5%;margin-right: 0;}
}


/* 产品详情 */
.prod-main{max-width: 1280px;margin: 0 auto 8%;padding: 0 6%;}
.prod-top{background: #eaeff6;}
.prod-top .item-img{position: relative;width: 100%;padding-bottom: 62.5%;}
.prod-top .item-img a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.prod-top .item-img a img{opacity: 1; display: block;width: auto;height: 80%; margin: 0 auto;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.prod-top .owl-nav .owl-prev,.prod-top .owl-nav .owl-next{
    width: 36px;height: 36px;position: absolute;top: 44.5%;background: url(../image/prod-arrow.png) no-repeat;background-size: 100% 100%;display: block !important;}
    .prod-top .owl-nav .owl-prev{left: 3%;}
    .prod-top .owl-nav .owl-next{ right: 3%; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
    .prod-top .owl-nav .owl-prev:hover{ background: url(../image/prod-arrow-hover.png) no-repeat; background-size: 100% 100%; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
    .prod-top .owl-nav .owl-next:hover{
background: url(../image/prod-arrow-hover.png) no-repeat;
background-size: 100% 100%;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);}

.prod-center{margin: 3.5% 0 8%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.prod-center .prod-left{display: inline-block;width: 460px;}
.prod-center .prod-left h1{font-size: 30px;color: #222;font-weight: normal;padding-bottom: 25px;position: relative;margin-bottom: 8%;}
.prod-center .prod-left h1:after{content: "";position: absolute;left: 0;bottom: 0;width: 30px;height: 3px;background: #2450AC;}
.prod-center .prod-left a{display: inline-block;padding: 10px 40px;font-size: 15px;color: #999;border: 1px solid #ccc;}
.prod-center .prod-left a:hover{color: #fff;background: #2450AC;border: 1px solid #2450AC;}
.prod-center .prod-right{display: inline-block;width: calc(96% - 460px);}
.prod-center .prod-right p{font-size: 15px;line-height: 30px;color: #666;margin-bottom: 7px;}
.prod-bottom-title{padding-bottom: 20px;border-bottom: 1px solid #dddddd;}
.prod-bottom .row{margin-top: 3%;}
.prod-bottom-title h1{display: inline-block; font-size: 22px;color: #333;font-weight: normal;position: relative;}
.prod-bottom-title h1:after{width: 40px;height: 1px;content: "";position: absolute;left: calc(50% - 20px);bottom: -10px;background: #333;}
.prod-bottom .item:hover .list-icon{opacity: 1;}
.prod-bottom .item:hover .list-img a img{opacity: .4; transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);}
.prod-bottom .item:hover .list-txt h1 a{color: #2450AC;}

@media(max-width:1600px){
    .prod-center .prod-left h1{font-size: 28px;}
    .prod-bottom-title h1{font-size: 20px;}
}
@media(max-width:1500px){
    .prod-center .prod-left h1{font-size: 26px;}
    .prod-center .prod-left a{font-size: 14px;padding: 9px 36px;}
    .prod-center .prod-right p{font-size: 14px;line-height: 28px;}
    .prod-bottom-title h1{font-size: 19px;}
    .prod-center .prod-left{width: 400px;}
    .prod-center .prod-right{width: calc(96% - 400px);}
}
@media(max-width:1400px){
    .prod-center .prod-left h1{font-size: 24px;}
    .prod-bottom-title h1{font-size: 18px;}
}
@media(max-width:1300px){
    .prod-center .prod-left h1{font-size: 22px;}
    .prod-center .prod-left a{font-size: 13px;padding: 8px 30px;}
    .prod-bottom-title h1{font-size: 17px;}
    .prod-center .prod-left{width: 360px;}
    .prod-center .prod-right{width: calc(96% - 360px);}
}
@media(max-width:1200px){
    .prod-main{padding: 0 3%;}
    .prod-center .prod-left h1{font-size: 20px;}
    .prod-center .prod-right p{font-size: 13px;line-height: 24px;}
    .prod-bottom-title h1{font-size: 16px;}
    .prod-center .prod-left{width: 320px;}
    .prod-center .prod-right{width: calc(96% - 320px);}
}
@media(max-width:960px){
    .prod-center .prod-left h1{font-size: 18px;}
}
@media(max-width:760px){
    .prod-main{margin-bottom: 10%;}
    .prod-center .prod-left{width: 100%;margin-bottom: 30px;}
    .prod-center .prod-right{width: 100%;}
}