.info-title {text-align: center;margin-bottom: 40px;}
.info-title h1{display: inline-block;text-align: center;position: relative;font-size: 22px;color: #204c97;padding-bottom: 20px;font-weight: normal;}
.info-title h1:after{content: "";position: absolute;left: calc(50% - 15px);bottom: 0;width: 30px;height: 1px;background: #204c97;}
@media(max-width:1600px){
    .info-title h1{font-size: 20px;}
    .info-title {margin-bottom: 35px;}
}
@media(max-width:1500px){
    .info-title h1{font-size: 19px;padding-bottom: 18px;}
    .info-title {margin-bottom: 30px;}
}
@media(max-width:1400px){
    .info-title h1{font-size: 18px;}
}
@media(max-width:1200px){
    .info-title h1{font-size: 17px;padding-bottom: 15px;}
    .info-title {margin-bottom: 28px;}
}
@media(max-width:960px){
    .info-title h1{font-size: 16px;}
    .info-title {margin-bottom: 25px;}
}
@media(max-width:760px){

}


/* 公司简介 */
.about01{padding-top: 110px;}
.about01-container{max-width: 1280px;margin: 0 auto;padding: 0 6%;}
.about01-content>.index-title{width: 40%;float: left;}
.about01-content .about-txt p{font-size: 15px;line-height: 30px;color: #666;}
.about01-content .about-txt img{display: inline-block;width: 100%;}
.about01-content .index-title p{color: #204c97 !important;}

/* 企业文化 */
.about02{padding-top: 5%;}
.about02-container{padding: 3.5% 0 5%; background: url(../img/about02-bg.jpg) no-repeat;background-size: cover;background-position: center;}
.about02-content{max-width: 1280px;margin: 0 auto;padding: 0 6%;}
.about02-lbt .row{position: relative;}
.about02-lbt .item{display: flex;justify-content: space-between;background: #fff;flex-wrap: wrap;align-items: center;}
.about02-lbt .item .item-left{display: inline-block;width: 51.56%;}
.about02-lbt .item .item-img{display: inline-block;width: 100%;padding-bottom: 66.6%;position: relative;}
.about02-lbt .item .item-img a{display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;right: 0;overflow: hidden;}
.about02-lbt .item .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; }
.about02-lbt .item:hover .item-img a img{ transform:scale(1.05) ; -webkit-transform:scale(1.05) ; -moz-transform:scale(1.05) ; -ms-transform:scale(1.05) ; -o-transform:scale(1.05) ; }
.about02-lbt .item .item-right{display: inline-block;width: 48.44%;box-sizing: border-box;padding: 0 5% 0 7.5%;}
.about02-lbt .item .item-right h1{font-size: 18px;color: #333333;padding-bottom: 5%;margin-bottom: 4%;position: relative;}
.about02-lbt .item .item-right h1::after{content: "";position: absolute;left: 0;bottom: 0;width: 24px;height: 1px;background: #204c97;}
.about02-lbt .item .item-right p{font-size: 15px;line-height: 30px;color: #666;}

/* 荣誉证书 */
.about03{padding: 6.5% 0;}
.about03-container{max-width: 1280px;margin: 0 auto;padding: 0 6%;}
.honor{}
.honor .item>a{display: block; width: 100%;box-sizing: border-box; }
.honor .item .item-img{background: #f6f6f6;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: #ddd;}
.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: #204c97;}
.honor .item:hover .item-txt h2 {color:#fff;}
.honor .item:hover a{box-sizing: border-box; border: 1px solid #204c97;}
.about03-more{text-align: center;margin-top: 3.5%;}
.about03-more a{display: inline-block;width: 170px;text-align: center;line-height: 50px;border: 1px solid #cccccc;font-size: 16px;color: #999;}
.about03-more a:hover{color: #fff;border: 1px solid #204c97;border: 1px solid #204c97;background: #204c97;}

@media(max-width:1600px){
    .honor .item .item-txt{padding: 13px 13px;}
    .honor .item .item-txt h2{font-size: 15px;}
    .about02-lbt .item .item-right h1{font-size: 17px;}
    .about03-more a{width: 160px;line-height: 48px;font-size: 15px;}
}
@media(max-width:1500px){
    .about01-content .about-txt p,.about02-lbt .item .item-right p{font-size: 14px;line-height: 28px;}
    .about02-lbt .item .item-right h1{font-size: 16px;}
    .about03-more a{width: 150px;line-height: 45px;font-size: 15px;}
}
@media(max-width:1400px){
    .honor .item .item-txt h2{font-size: 14px;}
    .about02-lbt .item .item-right h1{font-size: 15px;}
    .about03-more a{width: 140px;line-height: 42px;font-size: 14px;}
}
@media(max-width:1300px){
    .about01-content .about-txt p,.about02-lbt .item .item-right p{font-size: 13px;line-height: 26px;}
    .about02-lbt .item .item-right h1{font-size: 14px;}
    .about03-more a{width: 130px;line-height: 40px;font-size: 13px;}
}
@media(max-width:1200px){
    .about02-lbt,.about03-content{padding: 0 5.5%;}
    .about01-container,.about03-container,.about02-content{padding: 0 3%;}
    .honor .item .item-txt{padding: 10px 10px;}
    .honor .item .item-txt h2{font-size: 14px;}
    .about03-more a{width: 120px;line-height: 38px;font-size: 12px;}
}
@media(max-width:960px){
    .about03-more{margin-top: 25px;}
    .about01{padding-top: 60px;}
    .honor .item .item-txt h2{font-size: 12px;}
    .about02{padding-top: 40px;}
    .about02-container{padding: 35px 0;}
    .about02-lbt .item .item-left{width: 100%;}
    .about02-lbt .item .item-right{width: 100%;padding: 5%;}
    .about03{padding: 10% 0;}
}
@media(max-width:760px){
    .about01-content>.index-title{float: none;}
}
@media(max-width:580px){
    
}

/* 内页荣誉资质 */
.honor-main,.news-main,.pro-main,.solution-main,.support-main{max-width: 1280px;margin: 0 auto;padding: 5% 6%;}
.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;}
@media(max-width:1200px){
    .honor-main,.news-main,.pro-main,.solution-main,.support-main{padding: 5% 3%;}
}
@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%;}
}
@media(max-width:760px){
   
}

/* 新闻 */
.news-top{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;background: #f6f6f6;margin-bottom: 6%;box-sizing: border-box;padding: 2%;}
.news-main .news-left{display: inline-block;width: 48.83%;}
.news-main .news-img{display: inline-block;width: 100%;padding-bottom: 66.6%;position: relative;overflow: hidden;}
.news-main .news-img a{display: inline-block;width: 100%;height: 100%; overflow: hidden;position: absolute;left: 0;top: 0;}
.news-main .news-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-top .news-img:hover 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); }
.news-main .news-right{ display: inline-block;width: 50%;box-sizing: border-box;padding:  0 6.5% 0 4.5%;}
.news-main .news-txt h1 a{position: relative; padding-left: 0; display: block; font-size: 18px; color: #333; font-weight: normal; margin-bottom: 4%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.news-main .news-txt h1 a:after{ content: ""; position: absolute; left: 0; top: 50%; width: 0px; height: 1px; background: #d82e31; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.news-top:hover .news-txt h1 a{color: #204c97;}
.news-main .news-txt p{display: block; font-size: 14px;line-height: 28px;color: #666; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-main .news-time p{display: block;font-size: 20px;color: #999;margin-bottom: 15px;}
.news-list ul{display: flex;flex-wrap: wrap;}
.news-list ul li{display: inline-block;width: 30.46875%;margin-right: 4.2%;margin-bottom: 4.2%;}
.news-list ul li:nth-child(3n){margin-right: 0;}
.news-list ul li .news-txt{padding-top: 5%;}
.news-list ul li:hover .news-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); }
.news-list ul li:hover .news-txt h1 a{color: #204c97;padding-left: 30px;}
.news-top .news-time p{margin-bottom: 8%;}
.news-list ul li:hover .news-txt h1 a:after{width: 20px;}
.news-txt>a{display: inline-block;width: 150px;text-align: center;line-height: 40px;font-size: 14px;color: #999;border: 1px solid #ccc;margin-top: 12%;}
.news-txt>a:hover{color: #fff;background: #204c97;border: 1px solid #204c97;}
@media(max-width:1600px){
    .news-main .news-txt h1 a{font-size: 17px;}
    .news-main .news-time p{font-size: 19px;background-size: 24px;}
    .news-top:hover .news-txt>a,.news-list ul li:hover .news-txt>a{background-size: 24px;}
}
@media(max-width:1500px){
    .news-main .news-txt h1 a{font-size: 16px;}
    .news-main .news-txt p{font-size: 13px;line-height: 26px;}
    .news-main .news-time p{font-size: 18px;}
    .news-txt>a{width: 140px;line-height: 38px;}
}
@media(max-width:1400px){
    .news-main .news-txt h1 a{font-size: 15px;}
    .news-main .news-time p{font-size: 17px;background-size: 22px;}
    .news-top:hover .news-txt>a,.news-list ul li:hover .news-txt>a{background-size: 22px;}
    .news-txt>a{width: 130px;line-height: 34px;font-size: 13px;}
}
@media(max-width:1300px){
    .news-main .news-txt h1 a{font-size: 14px;}
    .news-main .news-txt p{font-size: 12px;line-height: 24px;}
    .news-main .news-time p{font-size: 16px;background-size: 20px;}
    .news-top:hover .news-txt>a,.news-list ul li:hover .news-txt>a{background-size: 20px;}
}
@media(max-width:1200px){
    .news-main .news-txt h1 a{font-size: 13px;}
    .news-main .news-time p{font-size: 15px;}
    .news-txt>a{width: 110px;line-height: 34px;font-size: 12px;}
}
@media(max-width:960px){
    .news-main .news-txt h1 a{font-size: 16px;} 
    .news-main .news-time p{font-size: 16px;margin-bottom: 10px;}
    .news-main{margin-bottom: 12%;}
    .news-list ul{justify-content: space-between;}
    .news-list ul li{width: 48.5%;margin-right: 0;margin-bottom: 30px;}
}
@media(max-width:760px){
    .news-top{padding: 4%;}
    .news-main .news-left{width: 100%;}
    .news-main .news-right{width: 100%;padding: 6% 4% 4%;}
    .news-main .news-txt h1 a{margin-bottom: 10px;}
}
@media(max-width:580px){
    .news-list ul li{width: 100%;margin-bottom: 30px;}
}

/* 新闻详情 */

/* 新闻详情 */
.newsd-container>h1{
    font-size: 24px;
    text-align: center;
    color: #000;
    font-weight: 400;
    margin-bottom: 20px;
}
.newsd-container>p{
    font-size: 14px;
    color: #666;
    text-align: center;
    padding-bottom: 2%;
}
.newsd-text{
    padding-bottom: 4%;
    margin-bottom: 2%;
    padding-top: 4%;
    border-bottom: 1px dashed #ddd;
    border-top: 1px dashed #ddd;
}
.newsd-text img{
    display: inline-block;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
}
.newsd-share{
    height: 30px;
    margin-bottom: 2%;
}
.newsd-other{
position: relative;
}
.newsd-other ul{
    display: inline-block;
}
    .newsd-other ul li{
        display: block;
    }
    .newsd-other ul li a{ 
        font-size: 16px;
        color: #333;
        line-height: 30px;
    }
    .newsd-other ul li a:hover{ 
       color: #204c97;
    }
    .newsd-other>a{
        position: absolute;
        right: 0%;
        font-size: 14px;
        padding: 10px 40px;
        border: 1px solid #999;
        color: #999;
    }
    .newsd-other>a:hover{
        background: #204c97;
        border: 1px solid #204c97;
        color: white;
    }

@media(max-width:1600px){
    .newsd-container>h1{font-size: 22px;}
    .newsd-other ul li a{font-size: 15px;}
}
@media(max-width:1400px){
    .newsd-container>h1{font-size: 20px;}
    .newsd-other ul li a{font-size: 14px;}
    .newsd-container>p{font-size: 13px;}
    .newsd-other>a{font-size: 13px;padding: 8px 38px;}
}
@media(max-width:1200px){
    .newsd-container>h1{font-size: 18px;}
}
@media(max-width:960px){
    .newsd-container>h1{margin-bottom: 15px;}
}
@media(max-width:760px){
    .newsd-container>p{font-size: 12px;padding-bottom: 20px;}
    .newsd-other ul{
        display: block;
    }
    .newsd-other ul li,.newsd-other ul li a{
        font-size: 12px;
    }
    .newsd-other>a {
        position: static;
        display: inline-block;
        margin-top: 20px;
        padding: 8px 30px;
    }
    .newsd-text {
        padding-bottom: 10%;
        margin-bottom: 7%;
    }
    .newsd-text p{
        font-size: 12px;
        line-height: 24px;
    }
}


/* 产品中心 */
.inside-nav2{max-width: 1280px;margin: 1.5% auto 0;padding: 0 6%;}
.inside-nav2 ul{display: flex;justify-content: center;flex-wrap: wrap;}
.inside-nav2 ul li{margin: 0 2% 15px;}
.inside-nav2 ul li a{font-size: 14px;color: #666;display: inline-block;padding-bottom: 7px; border-bottom: 1px solid transparent;}
.inside-nav2 ul li.active a{border-bottom: 1px solid #204c97;color: #333;color: #204c97;}
.inside-nav2 ul li:hover a{border-bottom: 1px solid #204c97;color: #333; color: #204c97;}

.pro-list ul{display: flex;justify-content:space-between;flex-wrap: wrap;}
.pro-list ul li{display: flex;width: 48.4375%;margin-bottom: 3.3%;background: #f7f7f7; box-sizing: border-box;padding: 2.5%;justify-content: space-between;align-items: center;border: 2px solid transparent;}
.pro-list ul li .list-left{display: inline-block;width: 45%;}
.pro-list ul li .list-left h1 a{margin: 5% 0 14%; display: block;font-size: 16px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro-list ul li .list-left p{font-size: 14px;line-height: 30px;color: #666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro-list ul li .list-left span{font-size: 14px;color: #999;}
.pro-list ul li .list-left>a{font-size: 14px;color: #999;display: inline-block;width: 150px;line-height: 40px;text-align: center;border: 1px solid #ccc;margin-top: 17%;}
.pro-list ul li:hover .list-left>a{color: #fff;border: 1px solid #d82e31;background: #d82e31;}
.pro-list ul li .list-right{display: inline-block;width: 45%;}
.pro-list ul li .list-img{display: inline-block;width: 100%;padding-bottom: 100%;position: relative;background: #ffffff;}
.pro-list ul li .list-img a{display:flex;width: 100%;height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;align-items: center;justify-content: center;}
.pro-list ul li .list-img a img{ display: inline-block; max-width: 100%; max-height: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; object-fit: contain;}
.pro-list ul li:hover .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) ; }
.pro-list ul li:hover .list-left h1 a{color: #204c97;}
.pro-list ul li:hover{border: 2px solid #204c97;}


@media(max-width:1600px){
    
}
@media(max-width:1500px){
    .pro-list ul li .list-left h1 a{font-size: 15px;}
    .pro-list ul li .list-left>a{width: 140px;line-height: 38px;}
}
@media(max-width:1400px){
    .inside-nav2 ul li a{font-size: 13px;}
    .pro-list ul li .list-left span,.pro-list ul li .list-left p{font-size: 13px;line-height: 28px;}
    .pro-list ul li .list-left>a{width: 130px;line-height: 35px;font-size: 13px;}
}
@media(max-width:1300px){
    .inside-nav2 ul li a{font-size: 12px;}
    .pro-list ul li .list-left h1 a{font-size: 14px;}
}
@media(max-width:1200px){
    .inside-nav2{margin-top: 20px;}
    .pro-list ul li .list-left span,.pro-list ul li .list-left p{font-size: 13px;line-height: 25px;}
    .pro-list ul li .list-left>a{width: 110px;line-height: 30px;font-size: 12px;}
}
@media(max-width:960px){
    .pro-list ul li .list-left span,.pro-list ul li .list-left p{font-size: 12px;line-height: 22px;}
    .pro-list ul li .list-left>a {width: 100px;line-height: 30px;margin-top: 12%;}
    .pro-list ul li .list-left h1 a {margin: 5% 0 10%;}
}
@media(max-width:760px){
    .pro-list ul li{width: 100%;margin-bottom: 20px;}
}



/* 产品详情 */
.productsd-top{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between; align-items: center;margin-bottom: 6.5%;}
.prod-left{display: inline-block;width: 39.0625%;}
.prod-left .row{position: relative;}
.prod-left .row  .owl-item .item{display: inline-block;width: 100%;position: relative;padding-bottom: 100%;}
.prod-left .row .item a{display: inline-block; width: 100%; height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;box-sizing: border-box; border: 1px solid #ddd;}
.prod-left .row .item a>img{display: inline-block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;object-fit: contain;} 
/* .prod-left .row .item:hover 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) ; } */
.prod-left .row .owl-nav .owl-prev,.prod-left .row .owl-nav .owl-next{
    width: 50px;height: 50px;position: absolute;top: 44.5%;background: url(../img/about02-arrow.png) no-repeat center center;background-size: 13px;display: block !important;}
.prod-left .row .owl-nav .owl-prev{left: 10px;}
.prod-left .row .owl-nav .owl-next{ right: 10px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.prod-left .row .owl-nav .owl-prev:hover{background: url(../img/about02-arrow-hover.png) no-repeat center center;background-size: 13px;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg)-ms-transform: rotate(180deg);-o-transform: rotate(180deg);}
.prod-left .row .owl-nav .owl-next:hover{background: url(../img/about02-arrow-hover.png) no-repeat center center;background-size: 13px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);}

.prod-left .owl-theme .owl-controls .owl-dots {position: absolute;bottom:3%;width: 100%;}
.prod-left .owl-theme .owl-controls .owl-dots{color:#fff;font-size:14px;margin:5px;padding:4px 7px;display:inline-block;cursor:pointer;width: calc(100% - 14px);border-radius: 100%;
      text-align: center;-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;text-align: center;}
.prod-left .owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline;}
.prod-left .owl-theme .owl-dots .owl-dot span{ width:8px;height:8px;margin:5px 7px;border: 1px solid #204c97;display:block;
    -webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;}
.prod-left .owl-theme .owl-dots .owl-dot.active span,.prod-left .owl-theme .owl-dots .owl-dot:hover span{background:#204c97;}
.prod-right{ display: inline-block;width: 52%;box-sizing: border-box;padding: 0 5% 0 0;}
.prod-right span{font-size: 14px;color: #999;}
.prod-right h1{font-size: 22px;color: #204c97;padding-bottom: 8%;margin-top: 3%; position: relative;}
.prod-right h2{font-size: 14px;color: #333;font-weight: normal;margin-bottom: 3%;}
.prod-txt p{font-size: 14px;line-height: 30px;color: #666;}
.prod-right .back{margin-top: 12%;}
.prod-right .back a{display: inline-block; font-size: 14px; color: #999;  border: 1px solid #ccc;width: 150px;line-height: 40px;text-align: center;}
.prod-right .back a:hover{color: #fff;background: #204c97;border: 1px solid #204c97;}
.prod-page{padding-top: 3%;border-top: 1px solid #ccc;}
.prod-page p{font-size: 14px; color: #666;margin-bottom: 15px;}
.prod-page p a{color: #999;}
.prod-page p a:hover{color: #204c97;}
.back a:hover{color: #fff;background: #204c97;}
/* 产品编辑 */
.prod-edit img{display: inline-block;width: auto !important;height: auto !important;max-width: 100% !important;}

.prod-tab .hd ul{background: #f0f0f0;display: flex}
.prod-tab .hd ul li{display: inline-block;padding: 15px 30px;font-size: 18px;color: #666;cursor: pointer;}
.prod-tab .hd ul li.on{background: #204c97;color: #fff;}
.prod-tab .bd{padding: 3% 0;}
.downLoad-list ul li{background: #f0f0f0;box-sizing: border-box;padding: 1.8%;margin-bottom: 2%;display: flex;justify-content: space-between;align-items: center;}
.downLoad-list ul li .list-left{width: calc(85% - 100px);}
.downLoad-list ul li .list-left h1 a{display: block; font-size: 20px;font-weight: normal;color: #333;margin-bottom: 1.4%;}
.downLoad-list ul li .list-left p{font-size: 14px;color: #999;}
.downLoad-list ul li .list-right{width: 100px;}
.downLoad-list ul li .list-right a{display: inline-block;width: 100%;text-align: center;}
.downLoad-list ul li .list-right a img{ display: inline-block; width: 26px; filter: grayscale(1) brightness(1.5); -webkit-filter: grayscale(1) brightness(1.5); }
.downLoad-list ul li:hover .list-right a img{ filter:none ; -webkit-filter:none ; }
.downLoad-list ul li:hover .list-left h1 a{color: #204c97;}


.prod-bottom{margin-top: 7.5%;}
.prod-bottom-lbt .item>a{border: 1px solid #ddd;}
.prod-bottom-lbt .item .item-img>div{display: block;}
.prod-bottom-lbt .item .item-img img{max-width: none;max-height: none;width: 100%;height: 100%;object-fit: contain;}

@media(max-width:1600px){
    .prod-right h1{font-size: 20px;}
    .downLoad-list ul li .list-left h1 a{font-size: 18px;}
    .downLoad-list ul li .list-right a img{width: 24px;}
}
@media(max-width:1500px){
    .prod-right h1{font-size: 19px;}
    .prod-right .back a{width: 140px;line-height: 38px;}
    .prod-tab .hd ul li{font-size: 16px;padding: 13px 26px;}
    .downLoad-list ul li .list-left h1 a{font-size: 17px;}
}
@media(max-width:1400px){
    .prod-right h1{font-size: 18px;}
    .prod-right h2,.prod-right span,.downLoad-list ul li .list-left p{font-size: 13px;}
    .prod-txt p{font-size: 13px;line-height: 28px;}
    .prod-right .back a{width: 130px;line-height: 35px;font-size: 13px;}
    .prod-page p{font-size: 13px;margin-bottom: 10px;}
    .downLoad-list ul li .list-left h1 a{font-size: 16px;}
    .downLoad-list ul li .list-right a img{width: 22px;}
}
@media(max-width:1300px){
    .prod-right h1{font-size: 17px;}
    .prod-right .back a{width: 120px;line-height: 33px;font-size: 13px;}
    .prod-tab .hd ul li{font-size: 15px;padding: 12px 22px;}
    .downLoad-list ul li .list-left h1 a{font-size: 15px;}
    .downLoad-list ul li .list-right a img{width: 20px;}
}
@media(max-width:1200px){
    .prod-bottom .row{padding: 0 6%;}
    .prod-right h1{font-size: 16px;}
    .prod-right .back a{width: 110px;line-height: 30px;font-size: 12px;}
    .downLoad-list ul li .list-left h1 a{font-size: 14px;}
    .downLoad-list ul li .list-left p{font-size: 12px;}
    .downLoad-list ul li .list-right a img{width: 18px;}
}
@media(max-width:960px){
    .prod-bottom{margin-top: 11%;}
    .prod-tab .hd ul li{font-size: 14px;padding: 10px 18px;}
    .prod-page p{font-size: 12px;margin-bottom: 8px;} 
    .downLoad-list ul li .list-left h1 a{margin-bottom: 10px;}
    .downLoad-list ul li{padding: 4%;}
}
@media(max-width:760px){
    .productsd-top{margin-bottom: 10%;}
    .prod-left{width: 100%;margin-bottom: 20px;}
    .prod-right{width: 100%;}
    .downLoad-list ul li{margin-bottom: 15px;}
    .downLoad-list ul li .list-left h1 a{font-size: 13px;margin-bottom: 8px;}
    .prod-left .owl-theme .owl-dots .owl-dot span{margin: 0 4px;width: 6px;height: 6px;}
    .prod-tab .bd{padding: 30px 0;}
    .downLoad-list ul li .list-left{width: calc(95% - 70px);}
    .downLoad-list ul li .list-right{width: 70px;}
}


/* 解决方案 */
.solution-list ul{display: flex;flex-wrap: wrap;}
.solution-list ul li{display: inline-block;width: 30.46875%;margin-right: 4.2%;margin-bottom: 4.2%;}
.solution-list ul li:nth-child(3n){margin-right: 0;}
.solution-list ul li .list-img{display: inline-block;width: 100%;padding-bottom: 66.6%;position: relative;overflow: hidden;}
.solution-list ul li .list-img a{display: inline-block;width: 100%;height: 100%; overflow: hidden;position: absolute;left: 0;top: 0;}
.solution-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;}
.solution-list ul li .list-txt{ padding: 4.5% 5%; background: #f6f6f6; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.solution-list ul li .list-txt h1 a{position: relative; padding-left: 0; display: block; font-size: 18px; color: #333; font-weight: normal; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.solution-list ul li .list-txt h1 a:after{ content: ""; position: absolute; left: 0; top: 50%; width: 0px; height: 1px; background: #d82e31; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.solution-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); }
.solution-list ul li:hover .list-txt h1 a{color: #fff;padding-left: 30px;}
.solution-list ul li:hover .list-txt h1 a:after{width: 20px;}
.solution-list ul li:hover .list-txt{background: #204c97;}
@media(max-width:1600px){
    .solution-list ul li .list-txt h1 a{font-size: 17px;}
}
@media(max-width:1500px){
    .solution-list ul li .list-txt h1 a{font-size: 16px;}
}
@media(max-width:1400px){
    .solution-list ul li .list-txt h1 a{font-size: 15px;}
}
@media(max-width:1300px){
    .solution-list ul li .list-txt h1 a{font-size: 14px;}
}
@media(max-width:1200px){
    .solution-list ul li .list-txt h1 a{font-size: 13px;}
}
@media(max-width:960px){
    .solution-list ul li .list-txt h1 a{font-size: 14px;} 
    .solution-list ul{justify-content: space-between;}
    .solution-list ul li{width: 48.5%;margin-right: 0;margin-bottom: 15px;}
}


/* 技术支持 */
.support-list ul{display: flex;flex-wrap: wrap;}
.support-list ul li{display: flex;align-items: center;justify-content: space-between; width: 30.46875%;margin-right: 4.2%;margin-bottom: 4.2%;background: #f7f7f7;box-sizing: border-box;padding: 2%;box-sizing: border-box;border: 2px solid transparent;}
.support-list ul li:nth-child(3n){margin-right: 0;}
.support-list ul li .list-left{display: inline-block;width: 35.42%;}
.support-list ul li .list-right{display: inline-block;width: 53.42%;}
.support-list ul li .list-img{display: inline-block;width:100%;padding-bottom: 100%;position: relative;}
.support-list ul li .list-img a{display: inline-block;width: 100%;height: 100%; overflow: hidden;position: absolute;left: 0;top: 0;}
.support-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;}
.support-list ul li:hover .list-img a 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); }
.support-list ul li .list-right h1 a{display: block;font-size: 18px;color: #333;font-weight: normal;margin-bottom: 4%;}
.support-list ul li .list-right p{font-size: 14px;line-height: 26px;color: #999;margin-bottom: 4%;}
.support-list ul li .list-right>a{ display: inline-block; padding: 10px 25px; font-size: 14px; line-height: 14px; color: #fff; background: #204c97; transition: 0s; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; }
.support-list ul li:hover{border: 2px solid #204c97;}
.support-list ul li:hover .list-right>a{background: #d82e31;}

@media(max-width:1600px){
    .support-list ul li .list-right h1 a{font-size: 17px;}
    .support-list ul li .list-right p{line-height: 24px;}
    .support-list ul li .list-right>a{padding: 8px 22px;}
}
@media(max-width:1500px){
    .support-list ul li .list-right h1 a{font-size: 16px;margin-bottom: 5.5%;}
    .support-list ul li .list-right p{line-height: 22px;font-size: 13px;margin-bottom: 5.5%;}
    .support-list ul li .list-right>a{padding: 8px 20px;font-size: 13px;}
}
@media(max-width:1400px){
    .support-list ul li .list-right h1 a{font-size: 15px;}
    .support-list ul li .list-right p{line-height: 20px;font-size: 12px;}
    .support-list ul li .list-right>a{padding: 7px 18px;font-size: 12px;}
}
@media(max-width:1300px){
    .support-list ul li .list-right h1 a{font-size: 14px;}
    .support-list ul li .list-right p{line-height: 18px;font-size: 12px;}
}
@media(max-width:1200px){
    .support-list ul li .list-right h1 a{font-size: 3px;}
}
@media(max-width:960px){
    .support-list ul{justify-content: space-between;}
    .support-list ul li{width: 47.5%;margin-right: 0;}
}
@media(max-width:760px){
    .support-list ul li .list-right h1 a{font-size: 16px;}
    .support-list ul li .list-right p{line-height: 20px;font-size: 13px;}
    .support-list ul li{width: 100%;margin-right: 0;padding: 4%;}
    .support-list ul li .list-right>a{padding: 8px 22px;font-size: 14px;}
}


/* 联系我们 */
.contact-top,.contact-map,.contact-list{max-width: 1280px;margin:0 auto;padding: 0 6%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact-top{margin: 5% auto 3%;}
.contact-top .top-left{display: inline-block;width: 28.9%;}
.contact-top .top-left h1{font-size: 22px;color: #204c97;margin-bottom: 8px;}
.contact-top .top-left h2{font-size: 15px;line-height: 30px; color: #999;margin-bottom: 4%;}
.contact-top .top-left p{font-size: 15px;line-height: 32px;color: #666;}
.contact-top .top-right{display: inline-block;width: 58.59%;}
.contact-top .top-right p{font-size: 14px;line-height: 30px;color: #666;}
/* 地图 */
.con_map{ width:100%; padding-bottom:35.15%; position:relative;}
.con_map .map{ position:absolute; top:0px; left:0px; width:100%; height:100%;}
/* 列表 */
.contact-list{margin-top: 5%;}
.contact-list ul{width: 100%;margin-bottom: 8%;}
.contact-list ul li{display: flex;justify-content: space-between;align-items: center;padding: 3% 0;border-bottom: 1px solid #dddddd;flex-wrap: wrap;}
.contact-list ul li .list-left{display: inline-block;width: 50%;box-sizing: border-box;padding: 0 5%;}
.contact-list ul li .list-img{width: 100%;padding-bottom: 50%;position: relative;}
.contact-list ul li .list-img a{display: inline-block;width: 100%;height: 100%; overflow: hidden;position: absolute;left: 0;top: 0;}
.contact-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;}
.contact-list ul li:hover .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); }
.contact-list ul li .list-right{display: inline-block;width: 50%;}
.contact-list ul li .list-left h1 a{display: inline-block;font-size: 22px;font-weight: normal;color: #333;margin-bottom: 5%;padding-bottom: 5%;position: relative;}
.contact-list ul li .list-left p{font-size: 15px;line-height: 32px;color: #666;}
.contact-list ul li .list-left>a{display: inline-block;margin-top: 5%;font-size: 14px;color: #666;padding-bottom: 5px;border-bottom: 1px solid #999;}
.contact-list ul li .list-left h1 a:after{content: "";position: absolute;left: 0;bottom: 0;width: 30px;height: 1px;background: #d82e31;}
.contact-list ul li:hover .list-left h1 a{color: #204c97;}
.contact-list ul li:hover .list-left>a{border-bottom: 1px solid #204c97;color: #204c97;}
/* 在线留言 */
.contact-msg{background: #f6f6f6;padding: 4% 0;}
.msg-container {max-width: 1280px;margin: 0 auto ;padding: 0 6%;}
.msg-container>h1{text-align: center;font-size: 24px;color: #0036b0;margin-bottom: 3%;}
.msg-container form{}
.msg-container ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.msg-container ul li { margin-bottom: 30px; overflow: hidden;width: 100%;text-align: center;}
.msg-container ul li:nth-child(1){width: 48.5%;}
.msg-container ul li:nth-child(2){width: 48.5%;}
.msg-container ul li .inp{background: none;border: none; outline: none; font-family: sans-serif; font-size: 16px; color: #666; padding: 0 15px; display: inline-block; width: calc(100% - 30px);border-bottom: 2px solid #ccc; height: 45px; line-height: 45px;}
.msg-container .submit{border: none; padding: 10px 60px; display: inline-block; background: #d82e31; color: #fff; font-size: 15px; }
.msg-container ul li textarea{padding-bottom: 6% !important;height: auto !important;line-height: normal !important;background: #ffffff !important;border: none !important;padding-top: 15px !important;}
.inp::-webkit-input-placeholder{
    color:#999;
}
.inp::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#999;
}
.inp:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#999;
}
.inp:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#999;
}


@media(max-width:1600px){
    .msg-container .submit{border: none; padding: 10px 55px;font-size: 14px;}
    .contact-top .top-left h1,.contact-list ul li .list-left h1 a{font-size: 20px;}
}
@media(max-width:1500px){
    .msg-container ul li .inp{font-size: 15px;}
    .contact-top .top-left h1,.contact-list ul li .list-left h1 a{font-size: 18px;}
    .contact-top .top-left p,.contact-list ul li .list-left p{font-size: 14px;line-height: 30px;}
    .contact-top .top-right p{font-size: 13px;line-height: 27px;}
}
@media(max-width:1400px){
    .msg-container ul li .inp{font-size: 14px;}
    .msg-container .submit{border: none; padding: 10px 50px;font-size: 13px;}
    .contact-top .top-left h1{font-size: 17px;}
}
@media(max-width:1300px){
    .msg-container ul li{margin-bottom: 25px;}
    .contact-top .top-left h1,.contact-list ul li .list-left h1 a{font-size: 16px;}
    .contact-list ul li .list-left>a{font-size: 13px;}
    .msg-container ul li .inp{height: 40px;line-height: 40px;}
    .contact-top .top-left p,.contact-list ul li .list-left p{font-size: 13px;line-height: 27px;}
    .contact-top .top-right p{font-size: 12px;line-height: 24px;}
}
@media(max-width:1200px){
    .contact-top, .contact-map, .contact-list{padding: 0 3%;}
    .msg-container{padding: 0 3%;}
    .msg-container ul li{margin-bottom: 22px;}
    .msg-container .submit{border: none; padding: 8px 45px;font-size: 14px;}
}
@media(max-width:960px){
    .contact-top{margin: 10% 0;}
    .msg-container ul li .inp{height: 35px;line-height: 35px;}
    .contact-top .top-left{width: 100%;}
    .contact-top .top-right{width: 100%;margin-top: 5%;}
    .contact-top .top-right p{font-size: 13px;line-height: 27px;}
}
@media(max-width:760px){
    .contact-msg{padding: 8% 0 12%;}
    .con_map{padding-bottom: 80%;}
    .msg-container ul li{margin-bottom: 20px;}
    .msg-container ul li:nth-child(1){width: 100%;}
    .msg-container ul li:nth-child(2){width: 100%;}
    .iw_poi_content{font-size: 12px;}
    .contact-list ul li{flex-direction: column-reverse;padding: 20px 0;}
    .contact-list ul li .list-right{width: 100%;margin-bottom: 4%;}
    .contact-list ul li .list-left{width: 100%;}
}
@media(max-width:580px){
    .msg-container ul li textarea{padding-bottom: 15% !important;}
}


/* 会员中心 */
.member-main{max-width: 1280px;margin: 5% auto;padding: 0 6%;}
.member-list ul li{display: flex; border-bottom: 1px dashed #ccc;padding: 15px 0;}
.member-list ul li:last-child{border-bottom: none;}
.member-list ul li p{font-size: 16px;line-height: 36px;}
.member-list ul li p:nth-child(1){color: #333;width: 100px;}
.member-list ul li p:nth-child(2){color: #666;width: calc(99% - 100px);}
.member-list ul li p a:hover{color: #204c97;}
.member-list ul li p span{color: #999;}
.member-list .inp{outline: none;display: inline-block;width: 100%;border: none;line-height: 36px;box-sizing: border-box;padding: 0 15px;border: 1px solid transparent;}
.member-list .inp:focus{border: 1px solid #204c97;}
.member-list ul li.submit p a{display: inline-block;font-size: 16px;color: #fff;padding: 8px 35px;background: #204c97;}








/* 注册 */
.reg-main{margin-top: 100px;background: url(../img/register-bg.jpg) no-repeat;background-size: cover;padding: 4.5% 0 6%;}
.login-main{background: url(../img/login-bg.jpg) no-repeat;background-size: cover;}
.reg-container{max-width: 1280px;margin: 0 auto;padding: 0 6%;text-align: right;}
.reg-box{display: inline-block; background: #fff;text-align: left;width: 460px;box-sizing: border-box;padding: 3%;}
.reg-box>h1{font-size: 22px;color: #204c97;font-weight: normal;margin-bottom: 8%;}
.reg-box ul li {width: 100%;margin-bottom: 15px;display: flex;justify-content: space-between;}
.reg-box ul li .inp{outline: none; display: inline-block;border: none;line-height: 40px;font-size: 14px;color: #666;border-bottom: 1px solid #f0f0f0;width: 100%;box-sizing: border-box;padding: 0 15px;}
.reg-box ul li img{display: inline-block;width: 80px;height: 35px;cursor: pointer;}
.reg-box ul li:nth-child(4) .inp{width: calc(95% - 80px);}
.reg-box ul li:nth-child(3){align-items: center;justify-content: start;}
.login-main .reg-box ul li:nth-child(3) {font-size: 12px;color: #666;}
.login-main .reg-box ul li:nth-child(3) input{margin-right: 5px;}
.login-main .reg-box ul li:nth-child(3) a{display: inline-block;color: #204c97;margin-left: 25px;}
.reg-box .tips p{font-size: 12px;color: #999;}
.reg-box .tips p a{color: #204c97;}
.submit-btn{margin: 15px 0;}
.submit-btn a{display: block;width: 100%;padding: 10px 0;font-size: 14px;color: #fff;background: #204c97;text-align: center;}
.submit-btn a:nth-child(2){background: #f0f0f0;color: #666;margin-top: 15px;}
.submit-btn a:hover{background: #d82e31 !important;color: #fff !important;}


@media(max-width:1500px){
    .reg-box>h1{font-size: 20px;}
    .reg-main{margin-top: 90px;}
}
@media(max-width:1400px){
    .reg-box{width: 430px;}
    .reg-main{margin-top: 85px;}
}
@media(max-width:1300px){
    .reg-main{margin-top: 80px;}
}
@media(max-width:1200px){
    .member-main{padding: 0 3%;}
    .reg-box{width: 410px;}
    .reg-main{margin-top: 75px;}
}
@media(max-width:960px){
    .reg-box{width: 400px;}
    .reg-main{padding: 8% 0 10%;}
    .reg-main{margin-top: 55px;}
}
@media(max-width:760px){
    .member-main{margin: 10% 0;}
    .member-list ul li{padding: 10px 0;}
    .member-list ul li p{font-size: 14px;line-height: 30px;}
    .member-list ul li p:nth-child(1){color: #333;width: 80px;}
    .member-list ul li p:nth-child(2){color: #666;width: calc(99% - 80px);}
}
@media(max-width:580px){
    .reg-container{text-align: center;}
    .reg-box ul li{margin-bottom: 10px;}
    .reg-box{width: 90%;padding: 4.5%;}
}





