.page_ban{background: url(../../images/page_ban.jpg) no-repeat center;background-size: cover;text-align: center;height: 27.5vw;line-height: 27.5vw; 
    width: 100%;overflow: hidden;}

.ResTitle_a1{width: 100%;padding-left: 20vw;}
.ResTitle_a1 span,.ResTitle_a1 br{color: #fff;font-size: 2.6vw;width: 100%;text-align: left;display: none;}
.ResTitle_a1 em{color: #fff;text-transform: uppercase;font-family: Arial;display: inline-block;font-size: 2.6vw;width: 100%;text-align: left;}

.content{width: 67%;margin: 5.2vw auto 8.3vw auto;font-size: 16px;line-height: 1.8;color: #666666;}
.about img{max-width: 100%;}
.about .t_txt{width: 68.75%;margin: 0 auto 50px auto;text-align: center;line-height: 28px;margin-bottom: 3.6vw;}
.about .top{margin-bottom: 4vw;}
.about .top .txt{padding-top: 2vw;}
.about h1{color: #000000;line-height: 1.0;margin-bottom: 2.0vw;font-weight: normal;}
.about .txt h3{color: #000000;font-weight: bold;line-height: 1.0;display: inline-block;margin-bottom: 2vw;}
.about .img img{max-width: 100%;display: block;}
.about .img {width: 50%;}
.about .txt {width: 48%;}

.PosList_a1{box-sizing: border-box;line-height: 55px;height: 55px;color: #333;width: 67%;margin: 0 auto;color: #000;}
.PosList_a1 a{color: #000;}
.PosList_a1 b{font-weight: normal;}

ul li img{width: 100%;}

.contact_img{width: 60%;overflow: hidden;}
.contact_img img{width: 100%;display: block;}
.contact_txt {width: 35%;}
.contact_txt h2{line-height: 2;}
.contact_txt .line p{display: inline;line-height: 1.0;color: #666;}
.contact_txt .line{margin-bottom: 1.5vw;}
.contact_txt i{float: left;margin-right: 10px;/*display: block;*/width: 30px;height: 30px;background: #666666;border-radius: 50%;}
.contact_txt i.email{background:#666666 url('../../images/Emile.svg')no-repeat center center;fill: #fff;background-size: 59%;}
.contact_txt i.call1{background:#666666 url('../../images/call1.svg')no-repeat center center;fill: #fff;background-size: 70%;}
.contact_txt i.call2{background:#666666 url('../../images/call2.svg')no-repeat center center;fill: #fff;background-size: 50%;}
.contact_txt i.service{background:#666666 url('../../images/service.svg')no-repeat center center;fill: #fff;background-size: 95%;}
.contact_txt i.addr{background:#666666 url('../../images/addr.svg')no-repeat center center;fill: #fff;background-size: 50%;}
.contact_txt i.fox{background:#666666 url('../../images/fox.svg')no-repeat center center;fill: #fff;background-size: 60%;}
.contact_txt .line .nbg{background: none;}
.contact_txt .line .tin5em{display: inline-block;width:3em;}

.page{text-align: center;padding-top: 40px;}
.page a,.page span{display: inline-block;padding: 5px 10px;border: 1px solid #ccc;margin: 5px;color: #555;line-height: 1.0;}
.page .on, .page .cur{border-color: #666666;color: #fff;background-color: #666666;}
.pageinfo{display: none;}
.content .page{display: block;}
.content #load_more_button{display: none;width: 100px;margin: 20px auto 0 auto;padding: 11px 25px;
    text-align: center;border: 1px solid #555;color: #555;}

.NavList_a1 {text-align: center;margin-bottom: 3vw  !important;}
.NavList_a1 li {display: inline-block;margin: 0 0.5vw;}
.NavList_a1 li a{display: block;color: #666666;padding: 7px 20px;line-height: 1.5;}
.NavList_a1 li a:hover{background-color: #c31535;color: #fff;}
.NavList_a1 li a.on{background-color: #c31535;color: #fff;}
.news_display h3{ text-align:center; font-weight:bold; }
.news_display h4{ width:100%;margin:0 0 10px; text-align:center; font-weight:300;padding:8px 0; color:#bbb; border-bottom:1px dashed #bbb;}
.news_display p img{ display:block; max-width:100%; margin:5px 0;}

.ProductDetail_a1 img{max-width: 100%;}
.ProductDetail_a1 .Pimg {text-align: center;margin-bottom: 2vw;}
.ProductDetail_a1 .Pimg img{width: auto;display: inline-block;height: auto;}
.ProductDetail_a1 .pul li{display: none;}
.ProductDetail_a1 .pul li.name{display: block;font-size: 22px;border-left: 5px solid #333;padding-left: 2vw;margin-bottom: 3vw;}
.detail .til1{font-size: 22px;border-left: 5px solid #333;padding-left: 2vw;margin-bottom: 3vw;}
.caseback{margin: 6vw auto 0 auto;width: 7em;font-size: 18px;color: #fff;background-color: #666;height: 40px;line-height: 40px;text-align: center;display: block;}
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;}
.navbtn{width: 50%;margin: 6vw auto;font-size: 3.8vw;display: none;background-color: #c0172d;padding: 2vw 3vw;text-align: center;color: #fff;}

.vdobx {width: 100%; padding: 0 5% 15px; border-bottom: 5px solid #f2f2f2; }
.vdobx h3 {width: 100%;margin-bottom: 2vw;}
.VideoDisplay_a1_C iframe, .VideoDisplay_a1_C video {width: 100%; background:#000;aspect-ratio: 10/6;}
.navbtn{margin: 0 auto; width: 50%;margin: 6vw auto;font-size: 3.8vw;display: none;background-color: #c0172d;padding: 2vw 3vw;text-align: center;color: #fff;}
#map0{height: 500px;}

@media screen and (max-width: 750px) {
    .caseback{font-size: 3.8vw;width: 8em;text-align: center;height: auto;line-height: 1.5;padding: 2vw 0;}
    .Product_Title{font-size: 6vw;margin-bottom: 6vw;}
    .NavList_a1{margin-bottom: 6vw !important;}
    .NavList_a1 li a{padding: 2vw 3vw ;}
}
@media screen and (max-width: 1380px){
	.content{width: 80%;}
    .PosList_a1{width: 80%;}
    .about{padding: 0;background: transparent;}
    .about .fl{margin-left: 0;width: 45%;padding: 0;}
}
@media screen and (max-width: 1024px) {
	.content{width: 90%;height: auto;margin-top: 30px;}
	.PosList_a1{width: 90%;}
    
    .ResTitle_a1{padding-left: 5%;}
	.ResTitle_a1 span{font-size: 35px;}

	.contact_txt .ResTitle_a1{margin: 0 0 50px 0;width: 100%;text-align: center;}
	.contact_txt .ResTitle_a1 span{font-size: 18px;}	

	.about .bottom .txt{padding-top: 0;}
	.about .top .txt{padding-top: 0;}

	.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-top: 0;}

    .hrList_a1_item ul li{width: 50%;}
    .hrList_a1_title{font-size: 20px;}
    .hrList_a1_item{padding-bottom: 30px;margin-bottom: 30px;}
}
@media screen and (max-width: 640px){
	.page_ban{height: 180px;margin-bottom: 3vw;line-height: 180px;}
    .ResTitle_a1{padding-left: 0;}
    .ResTitle_a1 span,.ResTitle_a1 em{font-size: 6vw;text-align: center;}
    .content,.PosList_a1{width: 94%;}
    .contact_txt .line{width: 100%;}
    .content {margin: 8vw auto 16vw auto;font-size: 3.8vw;}
    .content #load_more_button{display: block;font-size: 3.8vw;}
    .about h1{margin-bottom: 3vw;}
	.about .t_txt{width: 100%;font-size: 3.8vw;margin-bottom: 6vw;}
    .about .fl.img{display: none;}
    .about .txt,.about .img{width: 100%;}

	#page{display: none;}

	.PosList_a1{line-height: 2.0;height: auto;font-size: 3.8vw;}
	.contact_txt .line{margin-bottom: 3vw;}
	.contact_txt i{height: 7vw;width: 7vw;}
	.contact_txt h2{margin-bottom: 3vw;font-size: 1.2em;}

    .ProductDetail_a1 .Pimg{margin-bottom: 3vw;}
    .detail .til1,.ProductDetail_a1 .pul li.name{font-size: 4.5vw;border-width: 3px;line-height: 1.5;}
    .caseback{font-size: 3.8vw;width: 8em;text-align: center;height: auto;line-height: 1.5;padding: 2vw 0;}

   .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;}
        .navbtn{display: block;}
    #map0{display: none;}
.contact_txt .line,.contact_txt{float: none !important; }


}