.page_ban{text-align: center;position: relative;width: 100%;overflow: hidden;}
.page_ban div{width: 100%;height: 100%;}
.page_ban img{display: block;width: 100%;height: 100%;object-fit: cover;}

.ResTitle_a1{width: 100%;text-align: center;margin-bottom: 3.7vw;font-size: 1.8vw;}
.ResTitle_a1 br{display: none;}
.ResTitle_a1 span{display: block;}
.ResTitle_a1 em{text-transform: uppercase;font-family: Arial;display: none;}

.about{}
.about .contactus{padding:40px 0 0 0;text-align: center;}
.about .contactus a{width: auto;padding:0 24px;color:#12519a;height:42px;line-height: 42px;border:1px solid #12519a;display: none;}
.about .contactus a:hover{background:#12519a;color:#fff;}


.photo_list{}
.photo_list .contactus{padding:40px 0 0 0;text-align: center;}
.photo_list .contactus a{width: auto;padding:0 24px;color:#12519a;height:42px;line-height: 42px;border:1px solid #12519a;display: inline-block;}
.photo_list .contactus a:hover{background:#12519a;color:#fff;}


.product_list{}
.product_list .contactus{padding:40px 0 0 0;text-align: center;}
.product_list .contactus a{width: auto;padding:0 24px;color:#12519a;height:42px;line-height: 42px;border:1px solid #12519a;display: inline-block;}
.product_list .contactus a:hover{background:#12519a;color:#fff;}


.product_detail{}
.product_detail .contactus{padding:30px 0;text-align: center;}
.product_detail .contactus a{width: auto;padding:0 24px;color:#12519a;height:42px;line-height: 42px;border:1px solid #12519a;display: inline-block;}
.product_detail .contactus a:hover{background:#12519a;color:#fff;}

.aboutComTitle{
    font-size: 32px;
    color:#12519a;
    font-weight:bold;
    padding: 20px 0 10px;
    text-align: center;
    position: relative;
    margin-bottom: 35px;
}
.aboutComTitle::after{
    content: '';
    width: 50px;
    height: 1px;
    background: #dedede;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.content{width: 73%;margin: 3.2vw auto 5.3vw auto;font-size: 16px;line-height: 1.4;}
.content img{max-width: 100%;}
.about{font-size: 16px;}
.about h3{color: #12519a;font-size: 1.8em;}
.about h2{color: #404040;font-size: 1.6em;line-height: 1.5;}
.about h2 span{font-weight: bold;color: #12519a;font-family: Impact;font-size:2em;}
.about h2:before{content: "";display: block;background: #f0ca9f;height: 4px;width: 33px;margin-bottom: 0.5vw;}
.about .mt{margin-top: 1.5vw;}
/* 数字加载 */
.about .numberwrap{
    padding: 90px 0;
    overflow: hidden;
    background: url(../images/aboutBg.png) 100% no-repeat;
    background-position: top center;
}
.content.about{
    margin-bottom: 0;
}
.about .numberwrap .fl{width: auto;box-sizing: border-box;border-right: 1px solid #fff;text-align: center;padding: 10px 6%;}
.about .numberwrap .fl:last-child{border-right: none;}
.about .numberwrap .fl .num{font-size: 26px;color: #fff;line-height: 1;}
.about .numberwrap .fl .num i{font-size: 90px;color: #fff;}
.about .numberwrap .fl .num span{/* font-size: 20px; */color: #fff;vertical-align: top;}
.about .numberwrap .fl .sm{font-size: 20px;color: #fff;margin-top: 10px;}

.content .factory .PhotoList_i1 ul li{
    width: 25%;
    margin: 0 0 2.6vw;
}
.content.about .PhotoList_i1 ul li a img{
    max-width: unset;
    max-height: unset;
    top: unset;
    transform: translateX(-50%);
    -webkit-transform: translateC(-50%);
    height: 100%;
}
.content .factory .PhotoList_i1 ul li span{
    display: none;
}
.content .equipment .PhotoList_i1 li a{
    height: 11vw;
    margin-bottom: 0;
}
.content .equipment .PhotoList_i1 li span{
    display: block;
    width: calc(100% - 70px);
    float: left;
    text-align: left;
    line-height: 60px;
}
.content .equipment .proArrow{
    width: 60px;
    height: 60px;
    float: right;
    background: #ebebeb url(../images/rightArrow_g.png) center no-repeat;
    background-size: 15px auto;
}
.content .equipment .PhotoList_i1 li:hover .proArrow{
    background: #12519a url(../images/rightArrow.png) center no-repeat;
    background-size: 15px auto;
    transition: background linear 0.3s;
}
.quality{
    width: 100%;
    background: #13519a;
    padding: 100px 0 30px;
    position: relative;
}
.quality .quality_con{
    width: 79%;
    margin: 0 auto;
}
.quality .quality_con .con_left{
    width: 50%;
    padding-right: 60px;
    box-sizing: border-box;
}
.quality .quality_con .con_left .con_item{
    width: 100%;
    margin-bottom: 70px;
    overflow: hidden;
}
.quality .quality_con .con_left .con_item .icon{
    width: 58px;
    margin-right: 20px;
    float: left;
}
.quality .quality_con .con_left .con_item .icon img{
    width: 100%;
}
.quality .quality_con .con_left .con_item .text{
    width: calc(100% - 78px);
    float: right;
}
.quality .quality_con .con_left .con_item .text .title{
    font-size: 22px;
    color: #fff;
    padding: 20px 0;
    position: relative;
    line-height: 1;
}
.quality .quality_con .con_left .con_item .text .title::before{
    content: '';
    width: 40px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.quality .quality_con .con_left .con_item .text .desc{
    font-size: 15px;
    color: #fff;
    line-height: 1.5;
}
.quality .quality_img{
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    overflow: hidden;
}
.quality .quality_img img{
    height: 100%;
}

/* .PosList_b2{box-sizing: border-box;line-height: 22px; font-size: 14px;padding: 1.5vw 13.5%; margin: 0 auto;text-align: left;}
.PosList_b2 a{font-size: 14px;}
.PosList_b2 b{font-weight: normal;}
.PosList_b2{
    background: #f2f2f2;
} */

.news_display h1{ text-align:center; font-weight:600; font-size: 25px;}
.news_display h4{width:100%;margin:0 0 10px; text-align:center; font-weight:0;padding:8px 0; color:#bbb; border-bottom:1px dashed #bbb;font-size: 15px;}
.news_display h4 span{margin:0 10px}
.news_display p img{ display:block; max-width:100%; margin:5px 0;}
.caseback{margin: 4vw auto 0 auto;width: 9em;font-size: 16px;color: #fff;background-color: #12519a;padding: 0.5em 0; line-height: 1.5;text-align: center;display: block;overflow: hidden;}

table{text-align: center;border-collapse: collapse;border: 1px solid #cccccc;width: auto !important;}
table td{border-width: 1px;border-style: solid;padding: 0.2vw 0.5vw;line-height: 1.6;width: auto !important;height: auto !important;}
.ProductDetail_a1 .Pimg {text-align: center;max-width: 100%; margin: 0 auto 1vw auto;}
.ProductDetail_a1 .Pimg img{width: auto;display: inline-block;height: auto;max-height: 640px;max-width: 640px;}
.ProductDetail_a1 .pul li{display: none;}
.ProductDetail_a1 .pul li.name{display: block;font-size: 22px;text-align: center;margin-bottom: 3vw;}
.detail .til1{font-size: 22px;border-left: 5px solid #12519a;padding-left: 2vw;margin-bottom: 3vw;border-bottom: 1px solid #ededed;padding-bottom: 10px;}

/* .NavList_a1 {text-align: center;margin: 3vw  0 !important;}
.NavList_a1 li {display: inline-block;margin: 0 0.5vw;width: auto;}
.NavList_a1 li a{display: block;padding: 7px 20px;line-height: 1.0;text-transform: capitalize;}
.NavList_a1 li a:hover{background-color: #12519a;color: #fff;}
.NavList_a1 li a.on{background-color: #12519a;color: #fff;} */
.mobsnav .sort_btn{display: none;}

/*招聘中心*/
.hrList_a1_item{ background:#fff;width:100%; float:left; margin-bottom:60px;border-bottom: dotted 1px #ddd;padding-bottom: 60px;}
.hrList_a1_item:nth-child(3n){ margin-right:0;}
.hrList_a1_title{ font-size:24px; font-weight:bold; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; line-height: 1.0;
    border-left: solid #666 5px; padding:2px 0 2px 10px;color:#666;}
.hrList_a1_button{display: none;}
.hrList_a1_item ul{ padding-top:15px;}
.hrList_a1_item ul li{ width:33%; float:left; line-height:20px; padding:5px 0; color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.hrList_a1_item ul li.other{ width:100%; line-height:22px; padding:5px 0;color:#777;text-overflow: inherit;white-space: inherit; }
.hrList_a1_item ul li.other p{display: block;width: calc(100% - 5.7em);float: right;}
.hrList_a1_item ul li span{ display:inline-block; width:90px; color:#333; font-weight:bold;}

/*视频*/
.vdobx {width: 100%;text-align: center;}
.vdobx h3 {width: 100%;margin-bottom: 2vw;text-align: center;}
.vdobx iframe {width: 800px;height: 500px;margin: 0 auto;}

.contact_img{width: 50%;overflow: hidden;}
.contact_img img{width: 100%;display: block;}
.contact_txt {width: 45%;}
.contact_txt .line{margin-top: 1.5vw;position: relative;padding-left: 2em;box-sizing: border-box;}
.contact_txt i{width: 1.6em;height: 1.6em;background: #e4007d;border-radius: 50%;position: absolute;left: 0;top: 0;}
.contact_txt i.email{background:#12519a url('../images/Emile.svg')no-repeat center center;fill: #fff;background-size: 59%;}
.contact_txt i.call1{background:#12519a url('../images/call1.svg')no-repeat center center;fill: #fff;background-size: 70%;}
.contact_txt i.call2{background:#12519a url('../images/call2.svg')no-repeat center center;fill: #fff;background-size: 50%;}
.contact_txt i.service{background:#12519a url('../images/service.svg')no-repeat center center;fill: #fff;background-size: 95%;}
.contact_txt i.addr{background:#12519a url('../images/addr.svg')no-repeat center center;fill: #fff;background-size: 50%;}
.contact_txt i.fox{background:#12519a url('../images/fox.svg')no-repeat center center;fill: #fff;background-size: 60%;}

.page{text-align: center;padding-top: 2vw;}
.page a,.page span{display: inline-block;padding: 2px 10px;border: 1px solid #ccc;margin: 5px;line-height: 1.5;}
.page .on, .page .cur{border-color: #12519a;color: #fff;background-color: #12519a;}
.pageinfo{display: none;}
.content .page{display: none;}
.content #load_more_button{display: none;width: 100px;margin: 20px auto 0 auto;padding: 0.6em 1em;line-height: 1.5;border-radius: 1.5em;
    text-align: center;background: #12519a;color: #fff;}
/* .footer{background: #253842;padding-top: 90px;margin-top: 0!important;} */

.news_display{
    width: 885px;
    float: left;
    margin-right: 50px;
}
.news_list{
    width: calc(100% - 935px);
    float: right;
}
.news_list .news_title{
    font-size: 20px;
    color: rgb(51, 51, 51);
    font-weight: bold;
    margin-bottom: 16px;
}
.news_list ul{
    margin-bottom: 30px;
}
.news_list .liItem{
    width: 100%;
}
.news_list .liItem a{
    width: 100%;
    display: block;
    font-size: 14px;
    font-family: "Arial";
    color: rgb(102, 102, 102);
    font-weight: bold;
    line-height: 2.071;
    height: 26px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.news_list .news_img{
    width: 100%;
}
.news_list .news_img img{
    width: 100%;
}

.pro_list{
    width: 100%;
    background: #f6f6f6;
    padding: 119px 0 50px 0;
}
.pro_list .pro_title{
    font-size: 40px;
    font-family: "Arial";
    color: rgb(51, 51, 51);
    font-weight: 600;
    line-height: 1.2;
    width: 100%;
    text-align: center;
}
.pro_list ul{
    overflow: hidden;
}
.pro_list .list_item{
    width: calc(94% / 3);
    margin-right: 3%;
    float: left;
    background: #fff;
    padding: 16px;
    box-sizing: border-box;
}
.pro_list .list_item .item_img{
    position: relative;
    width: 100%;
    height: 230px;
    overflow: hidden;
}
.pro_list .list_item .item_img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.pro_list .list_item .item_title{
    font-size: 16px;
    font-family: "Arial";
    color: rgb(51, 51, 51);
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 0;
    box-sizing: border-box;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 33px;
    white-space: nowrap;
}
.pro_list .list_item .item_time{
    font-size: 14px;
    font-family: "PingFang";
    color: rgb(51, 51, 51);
    line-height: 2.286;
    padding: 0 5px 0 27px;
    box-sizing: border-box;
    background: url(../images/protime_icon.png) 5px 7px no-repeat;
    background-size: 15px;
}
.pro_list .list_item .item_desc{
    font-size: 14px;
    height: 34px;
    color: rgb(153, 153, 153);
    line-height: 1.2;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    margin: 5px 0 0 0px;
}
.pro_list .list_item:nth-child(3n){
    margin-right: 0;
}
.reProduct{
    width: 100%;
    padding: 100px 0;
    background: #f2f2f2;
    overflow: hidden;
}
.reProduct .reProduct_title{
    font-size: 48px;
    font-family: "Arial";
    color: rgb(51, 51, 51);
    font-weight: bold;
    line-height: 1.2;
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}
.reProduct .reProCon{
    display: flex;
    justify-content: center;
    min-height: unset;
}
.reProduct .item{
    width: calc((100% - 30px) / 4);
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    margin-right: 10px;
    float: left;
}
.reProduct .item:last-child{
    margin-right: 0;
}
.reProduct .item .itemImg{
    width: 100%;
    height: 300px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
.reProduct .item .itemImg img{
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: unset;
}
.reProduct .item .title{
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
    line-height: 1;
}
.reProduct .item .time{
    width: 100%;
    font-size: 14px;
    overflow: hidden;
    padding-bottom: 10px;
    line-height: 1;
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px;
}
.reProduct .item .desc{
    width: 100%;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    margin-bottom: 10px;
    height: 67px;
}

.message{
    background: #f2f2f2;
    overflow: hidden;
}
.message .title{
    font-size: 38px;
    width: 100%;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
.message .desc{
    font-size: 16px;
    width: 100%;
    text-align: center;
    line-height: 1.8;
}
.message .Gbook_b1{width:100%;margin:0 auto;padding: 30px 0 0px 0;/* border-bottom: solid #e8e8e8 1px; */}
.message .Gbook_b1 .name{width:49%;float:left; margin-bottom:20px;}
.message .Gbook_b1 .phone{width:49%; margin-left:2%;float:left; margin-bottom:20px;}
.message .Gbook_b1 .email{width:49%;float:left; margin-bottom:20px;}
.message .Gbook_b1 .company{width:100%;float:left;margin-bottom:20px;display: none;}
.message .Gbook_b1 .content{width:100%;float:left;margin-bottom:20px;margin-top: 0;}
.message .Gbook_b1 .vcode{width:49%;float:left;margin-bottom: 20px;}
.message .Gbook_b1 .vcode .InputV1{width: 370px;margin-right: 20px;}
.message .Gbook_b1 .btn{width:100%;float:left;margin-left: 0;}
.message .Gbook_b1 .InputV1{height: 40px;width: 100%;line-height: 40px;padding:0 10px;border:1px solid #ddd;background-color:#fafafa;box-sizing: border-box;}

.message .Gbook_b1 .InputV1:focus{border:1px solid #009c73;background-color:#fff;}
.message .Gbook_b1 .ButtonV1{width: 100%;height:40px;line-height:40px;padding:0 20px;background-color: #facd08;color:#fff;font-size:18px;cursor:pointer;font-family:"微软雅黑";border: none;}
.message .Gbook_b1 .TextareaV1{line-height: 20px;width: 100%;padding: 10px;border:1px solid #ddd;background-color:#fafafa;resize:none;box-sizing: border-box;height: 60px;}
.message .Gbook_b1 .TextareaV1:focus{border:1px solid #009c73;background-color:#fff;}
.message .floatleft{
    float: left;
}


@media screen and (max-width: 1380px){
	.content{width: 80%;}
    .PosList_b2{padding: 1vw 10%;}
}
@media screen and (max-width: 1024px) {
	.content{width: 90%;height: auto;margin-top: 5vw;min-height: 50vh;}
	.PosList_b2{padding: 1vw 5%;margin-bottom: 5vw;}
    .about h2 br{display: none;}
    .ResTitle_a1 span{font-size: 35px;}
	.ResTitle_a1 em{font-size: 24px;}

    .contact_txt h2{margin-bottom: 25px;}
    .contact_txt .line{width: 50%;float: left;}
    .contact_txt div:first-of-type{width: 100%;}
	.contact_img{width: 100%;float: none;}
	.contact_txt{width: 100%;margin-bottom: 2vw;float: none;}

    .hrList_a1_item ul li{width: 50%;}
    .hrList_a1_title{font-size: 20px;}
    .hrList_a1_item{padding-bottom: 30px;margin-bottom: 30px;}
    .vdobx iframe{width: 70vw;height: 40vw;}
}
@media screen and (max-width: 640px){
    .content{font-size: 3.8vw;margin: 8vw auto 8vw auto;min-height: auto;}
	.content{width: 94%;}
    .ResTitle_a1{margin-bottom: 8vw;}
    .ResTitle_a1 span{font-size: 6vw;}
    .ResTitle_a1 em{font-size: 5vw;}
    .ResTitle_a1:after{margin-top: 3vw;}

    .about {font-size: 3.8vw;}
    .about .fl{float: none;width: 100%;}
    .about .fr{float: none;width: 100%;margin: 6vw 0;border:none;padding: 0;}
    .about h2{font-size: 1.3em;}
    .about h3{font-size: 1.2em;}

    .about .numberwrap {
        margin: 24px auto;
    }
    .about .numberwrap .fl{
        width: auto;
        padding: 0 2vw;
        display: inline-block;
    }
    .about .numberwrap .fl .num{
        font-size: 18px;
    }
    .about .numberwrap .fl .num i{
        font-size: 30px;
    }
    .about .numberwrap .fl .sm{
        font-size: 16px;
    }
    .content .factory .PhotoList_i1 ul li{
        width: 50%;
    }
    .content .equipment .PhotoList_i1 li a{
        height: 36vw;
    }
    .quality{
        padding: 50px 0 1px;
    }
    .quality .quality_con{
        width: 92%;
    }
    .quality .quality_img{
        display: none;
    }
    .quality .quality_con .con_left{
        width: 100%;
        padding-right: 0;
    }
    .quality .quality_con .con_left .con_item{
        margin-bottom: 30px;
    }
    .quality .quality_con .con_left .con_item .icon{
        width: 36px;
    }
    .quality .quality_con .con_left .con_item .text{
        width: calc(100% - 56px);
    }
    .quality .quality_con .con_left .con_item .text .title{
        font-size: 18px;
    }
    .quality .quality_con .con_left .con_item .text .desc{
        font-size: 14px;
    }

	.content #page{display: none;}
	.content #load_more_button{display: block;}

	.PosList_b2{font-size: 3.6vw;margin-bottom: 0;text-align: left;padding: 2vw 4%;}
	.contact_txt .line{margin-bottom: 3vw;width: 100%;}

    .ProductDetail_a1 .Pimg{margin-bottom: 3vw;width: 100%;height: auto;max-height: 100vw;}
    .ProductDetail_a1 .Pimg img{max-height: 100vw;max-width: 100%;height: auto !important;width: auto !important;}
    .detail .til1,.ProductDetail_a1 .pul li.name{font-size: 4.5vw;border-width: 3px;line-height: 1.5;}
    .vdobx iframe{width: 100%;height: 55vw;}
    .caseback{font-size: 3.8vw;}
    
    /* .NavList_a1{margin-bottom: 6vw !important;}
    .NavList_a1 li a{padding: 2vw 3vw;} */

    .hrList_a1_item ul li{width: 100%;}
    .hrList_a1_title{font-size: 4.2vw;}
    .hrList_a1_item ul li span{font-size: 3.8vw;font-weight: normal;display: inline;}
    .hrList_a1_item p{display: inline;float: none;font-size: 3.8vw;}
    .hrList_a1_item ul li{font-size: 3.8vw;}

    .mobsnav{margin-bottom: 6vw;position: relative;}
    .mobsnav .sort_btn{display: block;border-bottom: 1px solid #cdcdcd;line-height: 1.8;padding: 3vw 0; font-size: 4vw;padding: 0.5em 12% 0.5em 3%;
        background: url(../images/d.png) 95% center no-repeat;
        background-size: auto 5px;}
    .mobsnav .NavList_a1{
    width: 100%;
    z-index:2;
    display: none;
    overflow:hidden;
    padding: 0;
    position: absolute;
    /* bottom: -100%; */
    background: #fff;
    z-index: 1;
    height: 45vw;
    overflow: scroll;
    top: 45px;
    left: 0;
    border: 1px solid #999;
    }
    /* .NavList_a1 li a{border: none;} */
    .mobsnav .NavList_a1 li{margin: 0 auto;text-align: left; display: block; width: 100%;border-bottom: 1px solid #efefef;padding: 0 ;line-height: 1.5;list-style: none;box-sizing: border-box;}
    /* .footer{
        padding-top: 0 !important;
    } */
    .news_display{
        width: 100%;
    }
    .news_display h1{
        font-size: 20px;
    }
    .news_list{
        display: none;
    }
    .reProduct{
        padding: 50px 0;
    }
    .reProduct .reProduct_title{
        font-size: 30px;
    }
    .reProduct .item{
        width: calc((100% - 10px) / 2);
        margin-bottom: 20px;
    }
    .reProduct .item:nth-child(2){
        margin-right: 0;
    }
    .reProduct .item .itemImg{
        height: 162px;
    }
    .pro_list{
        padding: 34px 0;
    }
    .pro_list content{
        width: 100%;
    }
    .pro_list .list_item{
        width: 48%;
        margin-bottom: 20px;
    }
    .pro_list .pro_title{
        font-size: 21px;
    }
    .pro_list .list_item .item_img{
        height: 112px;
    }
    .pro_list .list_item .item_title{
        font-size: 15px;
        text-overflow: ellipsis;
        overflow: hidden;
        height: 24px;
        white-space: nowrap;
        margin-top: 5px;
    }
    .pro_list .list_item .item_time{
        font-size: 12px;
        background: url(../images/protime_icon.png) 5px 5px no-repeat;
    }
    .pro_list .list_item .item_desc{
        font-size: 13px;
        /* height: auto; */
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .pro_list .list_item:nth-child(2n){
        margin-right: 0;
    }
}