body * { box-sizing: border-box; flex-shrink: 0;padding: 0;margin: 0;}
body {padding: 0;margin: 0;}
a{color:#333;text-decoration:none; font-size:14px;transition:color 1.5s}
a:hover{color:rgba(210,55,57,1); text-decoration:none;}
ul,li{list-style:none;}
i,em{font-style:normal}
html {--main_color:#DA484B;}
.page{width: 100%;overflow: hidden;}
.clear{clear: both;}
.fl{float: left}.fr{float: right}
.top{width:100%;height:7vw;border-bottom:1px solid rgba(255,255,255,0.2)}
.top1{position: relative;}
.top hr{height: 1px; color: #fff;opacity: 0.2;border: 0;background-color: #fff;position: absolute;bottom: 0;left: 0;}
.wrap{ width: 90%;  margin: 0 auto;}
.gra{ transition: all 0.3s;}
.top .wrap{position: relative}
.top .logo{margin-top:1.4vw;width:15%;}
.top .i2{display: none;}
.top .logo img{width: 6vw; height: 3vw;}
.prel{background-color: #FFFFFF;height: 5vw;border-bottom: 2px var(--main_color) solid;}
.prel .logo{margin-top:1.4vw;width:15%;}
.prel .logo img{width: 5vw; height: 2.5vw;}
.prel .i1{display: none;}
.prel .i2{display: block;}
.nav{ width:65%;}
	.nav li{ padding:0 0.5vw; height:2vw;float: left;position: relative;z-index:89; margin:0 1.5vw;}
	.nav li a{display: block; color:#fff; font-size:1vw;transition: none ease-out .3s;transition-property: color, background, text-indent, opacity;padding:2.7vw 0;}
	.prel .nav li a{color: #333;padding:1.67vw 0;}
	.nav li a.on,.nav li:hover a{color:#fc7b7b;border-bottom:0.3vw solid #fc7b7b;}
	.prel .nav li a.on,.prel .nav li a:hover{color:#DB3A3C;border-bottom:0.3vw solid #DB3A3C;}
	/*导航下拉菜单 */
	.nav li .subnav {
		position: absolute;width:10vw;top:7vw;left: -2vw;z-index:89;
		/*border-top: 3px solid rgba(210,55,57,1);*/
		box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
		transition: all 0.3s ease-out 0s; opacity: 0;visibility: hidden;
		transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px);
	}
	.prel .nav li .subnav{top: 5vw;}
	.nav li:hover .subnav {opacity: 1;visibility: visible; transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);}
	.nav li .subnav a{font-size:14px;color: #888;display:block;padding:14px 0; text-align:center;background: #fff; transition: all 0.2s ease-out 0s; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); overflow:hidden;border-bottom: 1px solid #eeeeee;}
	
	.nav li .subnav a:hover{overflow:hidden;text-indent:1vw;  background: #EDEDED; color: #333; }
	.prel .nav li .subnav a:hover{border-bottom:none;}

.topr{margin:0.7vw 0 0 0;width:20%;text-align: right; }
.toptelpic{ width: 1.7vw;height: 1.7vw;}
.toptel {
  width: 4.07vw;height: 1.25vw;color:#ffffff; font-size: 1.3vw;
  text-align: left; line-height: 1.41vw; margin: 0 0 0 0.8vw;
}
.prel .toptel {color: #333333;}
.sp_nav{width:30px;height:30px;display:none; z-index: 101;cursor:pointer;position: absolute;right: 0;top:4vw;}
.sp_nav span{display:block;background:#ffffff;width:28px;height:3px;position:absolute;left:0px;transition:all ease 0.35s}
.prel .sp_nav span{background:#DB3A3C;}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:999;background:#DB3A3C;width:100%;height: auto;top:-100%;left: 0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;visibility: hidden;}
.nav_show{top:12vw;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;padding:1.2rem 0;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #155f5c solid;position:relative;line-height:4vw;font-size:1.5rem; text-align: center;}
.sjj_nav>ul >li:last-child{}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#fff;width:100%; display:block; font-size:5vw;padding:5vw 0; }

.otop{border-top: 1px solid #e2e2e2;}
.banner{position: relative;height:40vw;overflow: hidden;width: 100%;}
.banner1{width: 100%;height: 100%; background-size: cover;background-position: center; animation: scaleAnim 5s ease forwards;}
.ptop{height:5vw;width: 100%;}
@keyframes scaleAnim{
    0%{-webkit-transform: scale(1.1);   transform: scale(1.1);  }
    100%{-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes bgimgain{0%{background-size: 120%;} 100%{background-size: 100%;}}
.banner .text {text-align: center;color: #fff;position: absolute;left: 50%;width: 800px;margin-left: -400px;top:40%;z-index: 10;}
.banner .text b{font-size: 60px;text-transform: uppercase;display: block}
.banner .text em{font-size: 30px;}
.bnw{position: absolute;bottom:-6vw;width: 100%;}
.bnw .nr{background: url(../img/bnwbg.png);background-size: 100%; width:60%;height:12vw;margin: auto;overflow: auto;}
.bnw .nr ul{width:90%; margin-left:6%;margin-top:3.5vw; display: flex;flex-direction: row;justify-content:space-between;}
.bnw .nr ul li{display: flex;flex-direction: row;justify-content:center;font-size:1vw;width: 25%;}
.bnw .nr ul li span{font-size:2vw;color:var(--main_color);}
.pclass{margin:1vw auto 3vw auto;}
.pclass a{display: inline-block; padding:1vw 2vw;color: #999;border: 1px solid #ccc;border-radius: 3vw;margin-right: 1vw;font-size: 1vw;}
.pclass a:hover{background-color: #DB3A3C;color: #ffffff;}
.pclass a.tion{background-color: #DB3A3C;color: #ffffff;}
.pg{margin:3vw auto;width: 100%;text-align: left;color: #999;font-size:1vw;}
.pg a{text-align: center; display:inline-block;padding:0.5vw;border-radius:2vw;background: #ccc;color: #ffffff;font-size:1vw;}
.pg a:hover{background-color: #DB3A3C;color: #ffffff;}
.pg i{display:inline-block;padding:0.5vw;border-radius:2vw;background-color: #DB3A3C;color: #ffffff;}

.list_img{padding-right:-1%;margin-top: 3vw;overflow: auto}
.list_img li{float: left; width:48%;height:25vw; margin-right:2%; margin-bottom:3vw;overflow: hidden;text-align: center;box-shadow:2px 1px 5px #eee;padding:3vw 0;background: url(../img/product/plist_bg.jpg) center;background-size: 100%;}
.list_img li>:last-child{margin-right: 0;}
.list_img li .aa{width: 100%;height: 100%;}
.list_img li .img{height:100%;overflow: hidden;width: 35%;}
.list_img li img{ height:auto;max-height: 100%; transition:all 0.4s ease; }
.list_img li:hover img{transition:all 0.4s ease; }
.list_img li .ri{margin-left:5%;margin-top:4vw;width: 60%;text-align: left}
.list_img li .ri b{font-size: 1.2vw;margin-bottom:1vw;}
.list_img li .ri span{color: #999;}
.list_img li .ri p{margin:1vw 0;width: 90%;line-height: 1.6;}
.list_img li i{font-style:normal; margin-top:1vw;font-size: 1vw;background-color: var(--main_color);border-radius: 20px;width:35%;color: #fff;padding:0.6vw 1vw;text-align: center;}

.list_news{ margin:3vw 0 7vw 0;}
	.list_news ul{}
	.list_news ul li{padding:3vw 0;transition:all 0.2s;width:99%;margin-right: 1%;margin-bottom: 2vw;border-bottom: 1px solid #cccccc;display: block;}
	.list_news ul li .le{float: left;width:30%;}
	.list_news ul li .le img{width:100%;}
    .list_news ul li .ri{float: right;width: 60%;}
	.list_news ul li a{display:block;transition:all 0.2s ease; }
	.list_news b{font-size:2vw;color: #333;font-weight: bold;text-transform:uppercase;display: block;}
	.list_news ul li:hover b{color:#DB3A3C; transition:all 0.6s ease;}
	.list_news span{font-size:1vw;color: #888;text-transform:uppercase;display: block;margin-top:1vw;}
    .list_news ul li p{margin-top:1.5rem;color:#666666;width:100%;font-size: 1vw;line-height: 1.7vw;}
	.list_news ul li i{margin-top:1.5vw;background: url(../img/more.png) no-repeat;background-size: 100%; width:2.5vw;height: 2.5vw;display: block;}

.list_news1{ margin:6rem 0.7rem;}
	.list_news1 .more1{margin-top:2rem;}
	.list_news1 ul li{background-color:#f9f9f9; padding:1.6rem;transition:all 0.2s;margin-bottom: 30px;border: 1px solid #f9f9f9;}
	.list_news1 ul li:hover{box-shadow: 0px 0px 15px #ccc;transition:all 0.6s;border: 1px solid #f2f2f2;}
	.list_news1 ul li a{font-size:1.5rem; display: inline; color:#888; transition:all 0.2s ease;}
	.list_news1 ul li:hover a{color: #666;margin-left:1%; transition:all 0.6s  ease; padding: 2% auto;}
	.list_news1 ul li p{transition:all 0.2s  ease; margin-left: 2%; }
	.list_news1 ul li:hover p{margin-left:1%; transition:all 0.6s; }
	.list_news1 ul li i{margin-left:0.3rem; font-size:0.8rem; color:#aaa}
	.list_news1 ul li p{margin: 1rem 0;font-size:0.8rem; }
	.list_news1 .more{margin-top:1.5rem;}
	
.at{background-color: #f8f8f8;font-size: 0.8vw;padding:0.8vw 0;color: #666666;
display: flex;justify-content: left;}
.at img{width: 0.7vw;height: 0.7vw}
.at i{display: inline-block;margin:0 0.7vw;}
.at a{font-size: 0.8vw;}
.detail{margin-top: 5vw;}
.detail #le{width: 62%; float: left;}
	.detail .wz{ padding:3vw 0; line-height:2rem;}
	.detail h1{text-align:left;margin:0 0 1vw 0; padding-bottom:1rem;font-size: 2.2vw;}
	.detail .desc{border-top:1px #CCC dotted; padding-top:1vw;height:2vw;color:#bbb;font-size:0.8vw;display: flex;justify-content: left; }
	.detail .wz p{margin-bottom:1vw;font-size: 1vw;line-height: 1.7vw;}
.detail #ri{width: 32%; float: right;}
.detail #ri b{margin-top:1vw;display: block;font-size: 1.5vw;background-color:rgba(210,55,57,1);color: #ffffff;padding: 1vw;}
.detail #ri .fix{ background-color:#f8f8f8;padding: 2vw;}
.detail #ri ul li{border-bottom: 1px solid #eeeeee;padding-bottom: 1vw;}
.news .tinr a{font-size: 1.2vw;color: #333333;margin: 1vw 0 0.3vw 0;display: block;}
.news .tinr a:hover{color:#DB3A3C }
.news .tinr p{font-size:0.8vw;color: #888888;line-height: 1.4vw;}
.contact .ti{position: relative;height: 10vw;width: 100%;margin-top: 4vw;}
.contact .ti em{position: absolute;top: 0;left: 0;font-size: 10vw;z-index: 1;color: #eeeeee;font-weight: bold;}
.contact .ti i{position: absolute;top:4vw;left:4vw;z-index: 2;font-size:3vw;font-weight: bold;}
.contact .w1{margin-top:4vw;margin-left:4vw; }
.contact .d1{margin:1vw 0 1vw 4vw;}
.contact .d1 img{width: 2.6vw;height:2.6vw; margin-right: 1vw;}
.contact hr{margin: 2vw 0;color: #f5f5f5;background-color: #f5f5f5;border:1px solid #eeeeee;;}
.contact-map {width: 100%;min-width:750px; min-height:600px;position: relative;background: #dddddd;margin-top:5vw;}
.contact-map .map { width: 100%; height: 100%;min-height:600px;
}

.contact-map .content { position: relative; z-index: 9; padding: 30px 50px;}
.contact-map .content .bg { width: 324px; padding: 50px 22px 22px; overflow: hidden;}
.contact-map .content .logo { margin: 0 auto; max-width: 90%;}
.contact-map .content .company-name {margin-top: 16px; font-size: 18px; line-height: 1.5em;color: #000000;}


.foot {width: 100%;background-color:#f2f2f2;}
.foota{ width:86%; margin:5vw auto 3vw auto;}
.footnav { width:70%;}
.footnav li{float: left;width:11.6vw;margin-left: 2%;}
.footnav li a{font-weight: bold;font-size: 1.2vw;color:#333;display: block;border-bottom:1px solid #cccccc;padding-bottom: 1vw;}
.footnav li a:hover{color: #333333;}
.footnav dd{margin-top:2vw;}
.footnav dd a{font-weight: normal;font-size:1vw;margin-top:1vw;color:#666666; border-bottom:none}
.foot .ri{width: 30%;text-align: right;}
.foot .ri b{font-size: 1.2vw;border-bottom:1px solid #cccccc;padding-bottom: 1vw;}
.footatel{color: #111;font-size: 2vw;font-weight: bold;margin-top: 1vw;align-items: center;justify-content: flex-end}
.footatel img{width:1.5vw;height: 1.5vw;margin-right: 0.4vw;}
.footadz{color: #666666;font-size: 1vw;line-height: 1.5vw;margin-top: 1vw;justify-content: flex-end}

.footb {width:100%; background-color:#ad4749; padding:1vw 0; margin-top:1vw;}
.footb1 {
  width: 35.06vw; height: 0.99vw;overflow-wrap: break-word; color: rgba(255, 255, 255, 1);
  font-size: 0.93vw;font-family: MicrosoftYaHei; font-weight: NaN;
  text-align: left; white-space: nowrap; line-height: 1.88vw; margin-top: 0.21vw;
}
.footb1 a{color: #ffffff;}
.footb2 {width: 1.88vw;margin-left: 46.05vw;}
.footb3 { width: 1.88vw; margin-left: 0.84vw;}

input { background-color: transparent; border: 0;}
button {
  margin: 0; padding: 0; border: 1px solid transparent;
  outline: none;  background-color: transparent;
}
button:active { opacity: 0.6;}
.flex-col { display: flex; flex-direction: column;}
.flex-row { display: flex; flex-direction: row;}
.justify-start { display: flex; justify-content: flex-start;}
.justify-center { display: flex; justify-content: center;}
.justify-end { display: flex;  justify-content: flex-end;}
.justify-evenly { display: flex;  justify-content: space-evenly;}
.justify-around { display: flex; justify-content: space-around;}
.justify-between { display: flex; justify-content: space-between;}
.align-start { display: flex; align-items: flex-start;}
.align-center { display: flex; align-items: center;}
.align-end { display: flex; align-items: flex-end;}

@media only screen and (max-width:768px)
{
	body *{font-size:1vw;}
	.wrap{width:92%; margin:0 auto;}
	.prel .logo{width:40%;margin-top:2vw;}
	.prel .logo img{width:12vw;height:6vw;}
	.nav{display:none}
	.topr{margin-top:2vw;}
	.toptelpic{width: 4vw;height: 4vw;}
	.toptel{font-size:4vw;}
	.top{height:12vw;}
	.prel{height:12vw;}
	.sp_nav{display: block;}
	.sjj_nav{visibility:visible;}
	
	.banner .text b{font-size:30px;text-transform: uppercase;}
	.banner .text em{font-size: 15px;}
	.list_news{ margin:2rem 0rem;}
	.home .more{top:1%;width:35%;}
	.pclass a{padding:5px;color: #999;}
	
	.list_img li{width:48%;height:56vw;padding:5vw 0;}
	
	.bo .words{text-align: center; }
	
	.pg span{width: 100%;}

	.detail #le{width:100%; margin: 0 auto;}
	.detail #ri{width:100%; margin: 0 auto; background-color:#f8f8f8;height: auto}

	.contact .ti em{font-size: 16vw;}
	.contact .ti i{font-size:10vw;}
	.contact .w1{font-size:5vw;margin-top: 10vw;}
	.contact .d1{width: 100%;}
	.contact .d1 p{font-size:4vw;line-height:4vw;}
	.contact .d1 img{width: 4vw;height: 4vw;}

}


.pys .ti{
  width: 10vw;  height: 3.49vw;  color: rgba(0, 0, 0, 1);font-weight: bold;
  font-size: 2.5vw; text-align: left; line-height: 3.49vw; margin: 5.05vw 0 0 44.79vw;
}
.pys .tihr {background-color: #DB3A3C;width:7.56vw;height:0.4vw;margin: 1vw auto 0 auto;}
.pys .list_ys{
  width:90%; height:25vw;  justify-content: space-between;  margin: 3.02vw auto 6.56vw auto;
}
.pys .ys_0{
  box-shadow: -1px 13px 20px 0px rgba(240, 242, 244, 1);
  border-radius: 5px; width:18vw;  height: 22vw;
  margin-left: 1.88vw;  background: rgba(255, 255, 255, 1);
}
.pys .image_38-0 { width: 3.23vw;height: 3.23vw;margin: 1.35vw auto 0.3vw auto;}
.pys .text-group_53-0 { width: 9.17vw; height: 3.81vw; margin: 1.19vw auto 0 auto;}
.pys b{
  width: 11vw; color: rgba(0, 0, 0, 1);margin:1vw auto 0 auto;
  font-size: 1.6vw; font-weight: bold; text-align: center;  line-height: 1.6;
}
.pys i{
  width: 11vw; color: #666666;font-size:1vw;text-align: center;
  line-height: 1.7; margin:0.6vw auto;
}
.pys p{width:88%;color:#aaaaaa;font-size:1vw;text-align:center;line-height:1.7;margin:1vw auto}
.pys .ys_1 {
  box-shadow: -1px 13px 20px 0px rgba(240, 242, 244, 1);
  border-radius: 5px; width: 18vw; height: 22vw; margin-left:1.88vw; background: #DB3A3C;
}
.pys .image_38-1 {width: 3.23vw; height: 3.23vw; margin: 1.35vw auto 0 auto;}
.text-group_52-1 {width: 10.63vw;  height: 8.44vw; margin: 1.19vw 0 2.86vw 2.18vw;}
.pys .ys_1 b{
  width:11vw; color: rgba(255, 255, 255, 1); font-size: 1.6vw;
  font-weight:bold; text-align: center; line-height: 1.7;margin:1vw auto 0 auto;
}
.pys .ys_1 i{
  width:11vw; color: rgba(255, 255, 255, 1);
  font-size: 1vw;  text-align: center; line-height: 1.7; margin: 0.4vw auto 1vw auto;
}
.pys .ys_1 p{
  width:82%; height: 5.73vw; color: rgba(255, 255, 255, 1);
  font-size:1vw; text-align: center;  line-height: 1.7;margin:1vw auto;
}