html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,form,legend,dl,dt,dd,ul,ol,li{margin:0;padding:0;border:0}
html,body{height:100%;position:relative}
body{margin:0;padding:0;font-family:'-apple-system','HelveticaNeue',"Microsoft YaHei";background:#fff;font-size:10px}
body{font-size:10px}
@media (min-width:1440px) and (max-width:2520px){html,body{font-size:10px}
}@media (min-width:1024px) and (max-width:1440px){html,body{font-size:8.75px}
}@media (min-width:320px) and (max-width:1024px){html,body{font-size:10px}
}h1,h2,h3,h4,h5,h6,b,i,em{font-weight:normal;font-style:normal}
ol,ul,li{list-style:none}
li{list-style-type:none}
a{text-decoration:none;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.clearfix:after{content:"\200B";display:block;height:0;clear:both}
.clearfix{*zoom:1}
@font-face {
  font-family: "iconfont"; /* Project id 3764447 */
  src:url('iconfont.woff?t=1677926666238') format('woff'),
       url('iconfont.ttf?t=1677926666238') format('truetype');
}
.header{z-index:2;width:100%;height:90px;min-width:1260px;position:absolute;background:rgba(255,255,255,0.4);-webkit-box-shadow:0 2px 4px 0 rgb(0 0 0 / 8%);moz-box-shadow:0 2px 4px 0 rgb(0 0 0 / 8%);box-shadow:0 2px 4px 0 rgb(0 0 0 / 8%)}
.header-center{padding:0;position:relative;height:90px;margin:0 auto;width:90%;min-width:1260px;max-width:1600px;}
.header-center h2{width:340px;top:24px;position:absolute;padding:0;margin:0}
.header-center h2 img{display:block;border:0;height:43px;width:auto}
.header .menu{width:700px;padding:0;margin:0 auto;height:100%;text-align:left;position:absolute;right:0}
.header .header-center i{display:none}
.header .menu ul{width:100%;margin:0 auto;height:100%;position:relative;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-around;align-items: center;align-content: stretch;}
.header .menu ul li{line-height:56px;margin:0;padding:0;}
.header .menu ul li a{font-size:18px;line-height:56px;display:block;color:rgba(0,0,0,0.6);font-size:16px;font-weight:600;padding:0 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.header .menu ul li a:hover{color:#ea352e;background:#fff;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;}
@media (min-width:320px) and (max-width:1024px){
.header{width:100%;height:50px;min-width:320px;position:relative;background:#fff}
.header-center{padding:0;position:relative;margin:0 auto;height:50px;width:96%;min-width:320px}
.header-center h2{width:50%;top:15px;position:absolute;padding:0;margin:0}
.header-center h2 img{display:block;border:0;height:20px;width:auto}
.header .header-center i{display:block;width:36px;height:36px;position:absolute;right:0px;top:7px;cursor:pointer;z-index:5;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}
.header .header-center i:after{font-family:"iconfont" !important;width:36px;height:36px;font-size:2.4rem;color:#666;text-align:center;line-height:36px;display:block}
.header .header-center i.off:after{content:"\e620"}
.header .header-center i.on:after{content:"\e627"}
.header .menu{display:none;width:100%;min-height:200px;top:50px;overflow-y:auto;background:#fff;position:absolute;z-index:9999;}
.header .menu ul{display:flex;flex-direction: column;justify-content: flex-start;}
.header .menu ul li{line-height:50px;color:#000;margin:0;display:block;padding:0;width:100%;border-bottom:1px solid #f2f2f2}
.header .menu ul li a{display:block;width:100%;;text-align:center;padding:0;}
}


.banner{width:100%;height:auto;overflow:hidden;position:relative;background:#000;z-index:1;}
.banner .swiper-slide img{-webkit-filter: blur(3px);opacity:0.2;-moz-filter: blur(10px);-o-filter: blur(10px);filter: blur(10px);width:100%;height:auto;display:block;animation-duration:5s;transition:6s ease 0.8s;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.banner .swiper-slide-active img{filter: blur(0px);opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:3s ease 0.6s}
.a-slide-content{left:15%;width:70%;top:30%;z-index:2;position:absolute;text-align:center}
.banner .a-title{font-weight:600;color:#eb0a0a;margin:0px auto;opacity:0;-webkit-transform:translate3d(10rem,0px,0);transform:translate3d(10rem,0px,0);transition:1s ease 0.1s;transition:1s ease 0.1s;width:100%;}
.banner .b-title{font-weight:600;color:#eb0a0a;margin:0px auto;opacity:0;-webkit-transform:translate3d(-10rem,0px,0);transform:translate3d(-10rem,0px,0);transition:1s ease 0.1s;transition:1s ease 0.1s;width:100%;}
.banner .swiper-slide-active .a-title,
.banner .swiper-slide-active .b-title{opacity:1;-webkit-transform:translate3d(0rem,0px,0);transform:translate3d(0rem,0px,0);transition:3s ease 0.6s}
.banner .a-title-en{opacity:0;color:#333;font-weight:600;-webkit-transform:translate3d(-10rem,0px,0);transform:translate3d(-10rem,0px,0);transition:1s ease .1s;text-transform:uppercase;width:100%;margin:0 auto}
.banner .b-title-en{opacity:0;color:#333;font-weight:600;-webkit-transform:translate3d(10rem,0px,0);transform:translate3d(10rem,0px,0);transition:1s ease .1s;text-transform:uppercase;width:100%;margin:0 auto}
.banner .swiper-slide-active .a-title-en,
.banner .swiper-slide-active .b-title-en{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:3s ease 0.6s}
.banner .a-title-k,.banner .b-title-k{margin:20px auto;opacity:0;width:30px;height:5px;background:rgb(235 10 10 / 0.6);display:block;-webkit-transform:translate3d(0rem,20px,0);transform:translate3d(0rem,20px,0);transition:1s ease .1s;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.banner .swiper-slide-active .a-title-k,.banner .swiper-slide-active .b-title-k{width:90px;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:3s ease 0.6s}

.banner .b-title{font-weight:600;font-size:60px;line-height:90px;text-align:center;}
.banner .b-title-en{font-weight:600;font-size:30px;line-height:60px;text-align:center;color:#fff}
.banner .a-title{font-weight:600;font-size:60px;line-height:90px;text-align:center;}
.banner .a-title-en{font-weight:600;font-size:36px;line-height:60px;text-align:center;color:#fff}
.banner .c{width:100%;min-width:1260px;position:relative}
.banner .c img{display:block;width:auto;width:100%}

.ban_page{position:absolute;bottom:10%;width:86%;height:5rem;left:7%;z-index:10;font-family:"iconfont" !important}
.ban_page .button-next:hover,.ban_page .button-prev:hover{color:rgba(255,255,255,1);border:1px dashed rgba(255,255,255,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}
.ban_page .button-next,.ban_page .button-prev{display:block;position:absolute;cursor:pointer;width:5rem;height:5rem;-moz-border-radius:5rem;-webkit-border-radius:5rem;border-radius:5rem;font-size:2.4rem;line-height:5rem;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;text-align:center;color:rgba(255,255,255,0.2);border:1px dashed rgba(255,255,255,0.4)}
.ban_page .button-next{right:0}
.ban_page .button-prev{left:0}

.products .page{position:absolute;bottom:10%;width:100%;height:5rem;left:0%;z-index:10;font-family:"iconfont" !important}
.products .button-next:hover,.products .button-prev:hover{color:rgba(255,255,255,1);border:1px dashed rgba(255,255,255,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}
.products .button-next,.products .button-prev{display:block;position:absolute;cursor:pointer;width:5rem;height:5rem;-moz-border-radius:5rem;-webkit-border-radius:5rem;border-radius:5rem;font-size:2.4rem;line-height:5rem;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;text-align:center;color:rgba(255,255,255,0.2);border:1px dashed rgba(255,255,255,0.4)}
.products .button-next{right:0}
.products .button-prev{left:0}
.tbanner{width:100%;padding:0;margin:0;height:auto}
.tbanner .c{width:100%;min-width:1260px;max-width:1920px;}
.tbanner .c img{display:block;width:100%;height:auto}

@media (min-width:1024px) and (max-width:1440px){
.banner .b-title{font-weight:600;font-size:50px;line-height:80px;}
.banner .b-title-en{font-weight:200;font-size:30px;line-height:50px;}
.banner .a-title{font-weight:600;font-size:50px;line-height:80px;}
.banner .a-title-en{font-weight:600;font-size:30px;line-height:50px;}
}

@media (max-width:1024px){
.banner{height:calc(100vh * 0.4)}
.banner .swiper-slide img{width:auto;height:100%;}
.a-slide-content{left:5%;width:90%;top:26%;}
.banner .b-title{font-weight:600;font-size:26px;line-height:40px;}
.banner .b-title-en{font-weight:400;font-size:18px;line-height:30px;}
.banner .a-title{font-weight:600;font-size:26px;line-height:40px;}
.banner .a-title-en{font-weight:400;font-size:18px;line-height:30px;}
.banner .a-title-k,.banner .b-title-k{margin:10px auto;opacity:0;width:60px;height:3px}
.ban_page{position:absolute;bottom:10%;width:86%;height:3rem;left:7%;z-index:10;font-family:"iconfont" !important}
.ban_page .button-next:hover,.ban_page .button-prev:hover{color:rgba(255,255,255,1);border:1px dashed rgba(255,255,255,1)}
.ban_page .button-next,.ban_page .button-prev{display:block;position:absolute;cursor:pointer;width:3rem;height:3rem;-moz-border-radius:3rem;-webkit-border-radius:3rem;border-radius:3rem;font-size:1.6rem;line-height:3rem;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;text-align:center;color:rgba(255,255,255,0.2);border:1px dashed rgba(255,255,255,0.4)}
.ban_page .button-next{right:0}
.ban_page .button-prev{left:0}
.tbanner{height:auto;overflow-x: hidden;}
.tbanner .c{width:120%;min-width:320px;max-width:1024px;margin-left:-10%}
}

.about{width:100%;position:relative;overflow:hidden;background:#fff url(../images/vkt_2.jpg) center bottom no-repeat;z-index: 1;}
.about .about_div{width:90%;max-width:1600px;min-width:1260px;position:relative;margin:0 auto;padding:10rem 0 8rem 0;z-index: 2;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;}
.about h2{height:14rem;font-size:4.4rem;line-height:9rem;color:#000;font-weight:600;position:relative;width:50%;margin:-2rem auto 0 auto;text-align:center}
.about h2:before{content:"";position:absolute;top:8.5rem;display:block;z-index:1;width:8rem;left:50%;height:0.5rem;background:#ea352e;margin-left:-4rem;-moz-border-radius:0.5rem;-webkit-border-radius:0.5rem;border-radius:0.5rem}
.about .i_b_d{width:50%;}
.about .i_b_d ul{font-size:1.8rem;margin:0 auto;line-height:180%;color:#000}
.about .i_b_d ul p{padding:0.5rem 0}
.about .i_b_d .more{margin-top:6rem}
.about .i_a_d{width:45%;text-align:center;position:absolute;right:0;z-index:2;top:180px}
.about .i_a_d:after{content:"";width:90%;height:90%;left:-5%;bottom:-10%;border:15px solid rgba(0,0,0,0.1);display:block;position:absolute;z-index:-1}
.about .i_a_d img{width:100%;height:auto;display:block;position:relative;z-index:1}
.about .i_a_d span{display:block;padding:0;margin:0;width:100%;height:100%;}
.products .h2,.innews .h2{width:100%;height:12rem;position:relative;margin:0 auto}
.products .h2 h2,.innews .h2 h2{width:40%;position:relative;}
.products .h2 h2 i,.innews .h2 h2 i{font-size:4.4rem;line-height:140%;color:#333;font-weight:800;display:block;position:absolute;top:1.6rem;z-index:2}
.products .h2 h2:before{content:"";position:absolute;top:9rem;display:block;z-index:1;width:8rem;left:0;height:0.4rem;background:#ea352e;}
.innews .h2 h2:before{content:"";position:absolute;top:9rem;display:block;z-index:1;width:8rem;left:50%;margin-left:-4rem;height:0.4rem;background:#ea352e;}


.products .h2 .more,.innews .h2 .more{position:absolute;right:0;top:3rem}
.products{width:90%;max-width:1600px;min-width:1260px;position:relative;margin:0 auto;padding:8rem 0}
.products ul{padding:0;width:100%;margin:0 auto;padding:2rem 0}
.products ul a{display:block;width:100%;height:100%;}
.products ul .pc{padding:1rem 0 2rem 0;}
.products ul .swiper-slide{width:calc(25% - 16px);margin-right:20px;box-sizing:border-box;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;}
.products ul li{position:relative;padding:0px;margin:0rem;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;overflow:hidden}
.products ul li img{width:100%;height:auto;display:block;position:relative;z-index:1;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;}
.products ul .swiper-slide:hover{-webkit-box-shadow:0px 0px 1rem 0.8rem #f2f3f6;moz-box-shadow:0px 0px 1rem 0.8rem #f2f3f6;box-shadow:0px 0px 1rem 0.8rem #ddd}
.products ul .swiper-slide:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:1}
.products ul li p{box-sizing:border-box;backdrop-filter: blur(2px);overflow:hidden; white-space:nowrap;text-overflow:ellipsis;position:absolute;bottom:0rem;left:0;width:100%;padding:0 5%;font-size:1.8rem;line-height:6rem;height:6rem;text-align:left;background:rgba(255,255,255,0.6);color:#222;z-index:12;-moz-border-radius:0 0 1rem 1rem;-webkit-border-radius:0 0 1rem 1rem;border-radius:0 0 1rem 1rem}
.products ul li:hover p{color:#ea352e}


.products .page{text-align:center;padding-top:2rem;font-family:"iconfont" !important;width:100%;position:absolute;bottom:40%;z-index: 10;}
.products .page .button-next{right:-6rem;color:#000}
.products .page .button-prev{left:-6rem;color:#000}
.products .page:hover div{color:#ea352e}
.inews{padding:8rem 0;width:100%;background:#edeff7 url(../images/vkt_07.jpg) center bottom no-repeat;background-size:100% auto;}
.innews{position:relative;padding:0;width:90%;max-width:1600px;min-width:1260px;margin:0 auto}
.innews .h2{position:relative;width:100%;height:12rem;position:relative;margin:0 auto}
.innews h2:before{content:"";position:absolute;top:8rem;display:block;z-index:1;width:10rem;left:50%;margin-left:-5rem;height:5px;background:#ea352e}
.innews .h2 h2{width:40%;margin:0 auto;font-size:5rem;line-height:140%;color:#333;font-weight:800;z-index:2;position:relative;text-align:center}
.inews ul{position:relative;margin:2rem 0;font-size:1.8rem;line-height:3rem;padding:0 3rem 0rem 3rem;color:#333;text-align:center;}
.inews ul p{padding:0.5rem 0}
.inews ul a{color:#333;font-weight:600}

.bottom{width:100%;padding:3rem 0 2rem 0;height:18rem;background:#000}
.bottom .ul{width:96%;min-width:1200px;max-width:1280px;margin:0 auto}

.bottom .links{width:800px;margin:0 auto;text-align:center;padding:20px 0}
.bottom .links li{display:inline-block;text-align:center;}
.bottom .links a{font-size:16px;line-height:40px;padding:0 15px;color:#fff;text-align:center;}
.bottom .links a:hover{color:#ea352e}
.bottom .itext{font-size:1.4rem;line-height:26px;color:rgba(255,255,255,0.6);padding-top:20px;margin:20px auto 0 auto;width:500px;text-align:center;border-top:1px solid rgba(255,255,255,0.3)}
.bottom .itext a{font-size:1.4rem;line-height:26px;color:rgba(255,255,255,0.6)}

@media (max-width:1024px){
.about{background-size:150% auto;background-position: center bottom;background-color:#f2f3f8;}
.about .about_div{width:100%;max-width:1024px;min-width:320px;padding:3rem 0;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content:nowrap;}
.about h2{height:7rem;font-size:2.6rem;line-height:4rem;width:100%;margin:0 auto;}
.about h2:before{content:"";position:absolute;top:5rem;display:block;z-index:1;width:6rem;left:50%;height:0.3rem;background:#ea352e;margin-left:-3rem;}
.about .i_b_d{width:90%;position:relative;z-index:5;margin:0 auto;}
.about .i_b_d ul{font-size:1.6rem;line-height:160%;}
.about .i_b_d .more{display:none}
.about .i_a_d{width:100%;position:relative;z-index:5;margin:2rem auto 1rem auto;top:0}
.about .i_a_d:after{display:none}
.products .h2,.innews .h2{width:100%;height:7rem;position:relative;margin:0 auto}
.products .h2 h2,.innews .h2 h2{width:100%;position:relative;}
.products .h2 h2 i,.innews .h2 h2 i{font-size:2.6rem;line-height:4rem;top:0rem;}
.products .h2 h2:before{content:"";position:absolute;top:4.5rem;display:block;z-index:1;width:6rem;left:0;height:0.3rem;background:#ea352e;}
.innews .h2 h2:before{content:"";position:absolute;top:9rem;display:block;z-index:1;width:8rem;left:50%;margin-left:-4rem;height:0.4rem;background:#ea352e;}
.products .h2 .more,.innews .h2 .more{top:1rem}
.products{width:90%;max-width:1024px;min-width:320px;padding:3rem 0}
.products ul{padding:0;width:100%;margin:0 auto;padding:1rem 0}
.products ul .swiper-slide{width:95%;margin-right:2%;box-sizing:border-box;}
.products ul li p{font-size:1.6rem;line-height:5rem;height:5rem;}
.products .page{display:none}
.inews{padding:3rem 0;width:100%;background-size:auto 100%;}
.innews{max-width:1024px;min-width:320px;}
.innews .h2{height:6rem;}
.innews .h2 h2{width:40%;margin:0 auto;font-size:2.8rem;line-height:3rem;color:#333;font-weight:800;z-index:2;position:relative;text-align:center}
.innews .h2 h2:before{top:4rem;display:block;z-index:1;width:6rem;left:50%;margin-left:-3rem;height:3px;b}
.inews ul{margin:1rem 0;font-size:1.6rem;line-height:3rem;padding:0;}
.bottom{width:100%;min-width:320px;max-width:1024px;padding:2rem 0;height:auto;}
.bottom .ul{width:90%;min-width:320px;max-width:1024px;}
.bottom .links{display:none}
.bottom .itext{padding:0;margin:0 auto;width:100%;text-align:center;border-top:none}
}

.chp_content{width:100%;padding:0;}

.chp{width:100%;padding:0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: stretch;align-content: stretch;}


.chp li{width:32%;margin:0 0 30px 0;border:1px solid #f2f2f2;box-sizing:border-box;position:relative;padding:10px;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;}
.chp li p{width:100%;}
.chp li p img{display:block;width:100%;height:auto;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;}
.chp li i{font-size:1.6rem;color:#000;display:block;line-height:5rem}
.chp li em{font-size:1.4rem;color:#333;display:block;line-height:3rem;width:83%;padding:0 3%;left:5%;top:20px;position:absolute;background:rgba(255,255,255,0.4);-moz-border-radius:3rem;-webkit-border-radius:3rem;border-radius:3rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.chp li:hover i{color:#ea352e}
.chp li:hover{-webkit-box-shadow:5px 5px 5px 0px #c59c1e;moz-box-shadow:5px 5px 5px 0px #c59c1e;box-shadow:0px 0px 10px 8px #f2f3f8}

@media (max-width:1024px){
.chp{width:96%;margin:0 auto}
.chp li{width:48%;margin:0 0 2rem 0;border:1px solid #f2f2f2;box-sizing:border-box;position:relative;padding:0.5rem;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.chp li i{font-size:1.6rem;color:#000;display:block;line-height:3rem}
}


.tnav{width:100%;min-width:1260px;position:relative;background:#fff;border-bottom:1px solid rgba(0,0,0,0.1);height:56px;}

.tnav ul{width:1260px;margin:0 auto;position:relative;height:56px;border-left:1px solid rgba(0,0,0,0.1);box-sizing:border-box;display: flex;flex-direction: row;justify-content: space-between;}
.tnav ul .li{width:calc(100% - 100px);overflow-x:auto;display: flex;flex-direction: row;justify-content: flex-start;}
.tnav ul .li li{width:160px;font-size:18px;color:#333;line-height:56px;text-align:center;border-right:1px solid rgba(0,0,0,0.1);}
.tnav ul .li li.on{font-weight:600;color:#ea352e}

.tnav ul .p{position:relative;width:50px;font-size:16px;line-height:56px;text-align:center;color:#333;font-family:"iconfont" !important;cursor:pointer;box-sizing:border-box}
.tnav ul .p.pr{border-right:1px solid rgba(0,0,0,0.1);border-left:1px solid rgba(0,0,0,0.1);}
.tnav ul .p.pl{border-right:1px solid rgba(0,0,0,0.1);}
.tnav ul a{color:#333}
.tnav ul a:hover,.tnav ul li.on a{color:#ea352e}
.title{font-size:28px;padding:3rem 5% 2rem 5%;width:90%;font-weight:bold;margin:0px auto;text-align:center}
.attr{border-bottom:1px dashed #ededed;font-size:16px;line-height:3rem;padding-bottom:1rem;color:#999;width:100%;margin:0 auto;text-align:center}
.attr i{color:#865d44;padding-right:10px;font-family:"iconfont"}
.np{width:100%;margin:0 auto;padding:10px 0;line-height:30px;color:#6D6C7A;text-align:left;font-size:16px;clear:both;font-weight:normal;margin:10px auto 0 auto;border-top:1px dashed #f2f2f2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.np a{font-size:16px;line-height:30px;color:#000}
.np a:hover{color:#0068b7}
.search{width:100%;border-bottom:1px solid #f2f2f2;font-size:1.6rem;line-height:40px;padding:15px 0;margin:0 auto 40px auto;}

.neirong{font-size:16px;width:1260px;border:1px solid #f2f2f2;overflow:hidden;padding:3rem;color:#000;box-sizing:border-box;margin:4rem auto;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;}
.neirong .ul{width:100%;padding:30px 0;color:#000;margin:0 auto;min-height:400px}
.neirong .ul{font-size:16px;line-height:180%;color:#000}
.neirong .ul img{max-width:820px}
.neirong .ul p{padding:5px 0}
.neirong .ul a{font-size:16px;line-height:180%;color:#000}
.neirong .ul a:hover{font-size:16px;line-height:180%;color:#ea352e}
.neirong .ul .tb{width:100%;overflow-y:hidden}
.neirong .ul .tb2{overflow-y:scroll}
.neirong .ul table{margin:10px auto;width:100%;border-spacing:1px;background:#ddd;border:0}
.neirong .ul th{background:#ededed;background:#f2f2f2;font-weight:700;padding:8px}
.neirong .ul td{font-size:14px;color:#000;padding:8px;border-collapse:0;background:#fff}
.neirong .ul table tr:nth-child(odd) td{background:#f8f8f8}
.neirong .ul td p{padding:0}
.neirong .ul h1{font-weight:600;line-height: 100%;position: relative;font-size:32px;margin:30px auto 0 auto 0 auto;padding-bottom:30px;color:#ea352e;text-align:center}
.neirong .ul h2,.neirong .ul h3,.neirong .ul h4,.neirong .ul h5,.neirong .ul h6{font-weight:600;padding-left:20px;;line-height: 100%;position: relative;padding-bottom:20px}
.neirong .ul h1:before {content:"";width:60px;height:4px;background:#ea352e;position: absolute;left:50%;bottom:10px;margin-left:-30px}
.neirong .ul h2:before,.neirong .ul h3:before,.neirong .ul h4:before,.neirong .ul h5:before,
.neirong .ul h6:before{content:"";width:5px;height:20%;background:#ea352e;position: absolute;left:0;margin-top:-10px;top:40%;}
.neirong .ul h2{font-size:3.8rem;margin:30px auto 0 auto;color:#ea352e}
.neirong .ul h3{font-size:2.4rem;margin:30px auto 0 auto;color:#000}
.neirong .ul h4{font-size:2.0rem;margin:30px auto 0 auto;color:#333}
.neirong .ul h5{font-size:1.6rem;margin:30px auto 0 auto;color:#666}
.neirong .ul h6{font-size:1.6rem;margin:30px auto 0px auto;color:#000}
.neirong .ul dl{border:1px solid #ededed;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;}
.neirong .ul dl dt{font-size:16px;line-height:40px;text-align:left;padding:5px 2rem;background:#ededed;font-weight:600;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.neirong .ul dl dd{padding:2rem}
.neirong .ul dl dd li{padding:4px;border-bottom:1px solid #f2f2f2}
.neirong .ul dl dd li a{font-size:16px;line-height:30px;display:block}

.news{width:100%;min-width:1260px;margin:0 auto;padding:40px 0}
.news li{width:1260px;margin:20px auto;padding-bottom:15px;position:relative}
.news li .n_time{width:80px;height:80px;border:1px solid #f2f2f2;float:left;margin:0 30px 0 0;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.news li .n_time i{font-size:30px;line-height:45px;display:block;color:#ea352e;border-bottom:1px solid #f2f2f2;width:90%;margin:0 auto;font-weight:800}
.news li .n_time em{font-size:14px;line-height:30px;display:block;color:#666}
.news li .n_text,.news li .n_p_t{width:1140px;float:right}
.news li .n_p{width:340px;height:220px;border:1px solid #f2f2f2;float:left;margin-right:20px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;overflow:hidden}
.news li .n_p img{display:block;max-width:100%;max-height:100%;-webkit-transition:All .5s ease;transition:All .5s ease}
.news li .n_p_text{width:760px;float:right}
.news li .n_title{font-size:20px;font-weight:bold;line-height:20px;padding-bottom:15px;display:block;color:#333}
.news li .n_desc{font-size:16px;line-height:30px;font-weight:300;color:#666}
.news li .more{margin-top:20px}
.news li:hover .more{background:#ea352e;color:#fff}
.news li:hover .n_title{color:#ea352e;}
.news li:hover img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.hei{position:fixed;width:100%;left:0;background:rgba(0,0,0,0.6);z-index:9999;vertical-align:middle;line-height:100%}
.hei .close{cursor:pointer;width:50px;height:50px;background:#000;position:absolute;right:10px;top:10px;font-family:'iconfont';-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;font-size:16px;line-height:50px;text-align:center;color:#fff}
.hei img{display:block;width:auto;height:auto;position:absolute;max-width:80%;max-height:80%;left:50%;top:50%;animation-duration:3s;transition:0.6s ease 0s;opacity:0.1;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
@media (min-width:320px) and (max-width:1024px){
.neirong{font-size:16px;width:100%;max-width:1024px;min-width:320px;border:none;padding:1rem;margin:2rem auto;}
.neirong .ul{width:100%;padding:2rem;box-sizing:border-box }	
.neirong{font-size:16px;line-height:180%;width:100%;overflow:hidden;padding:10px 0;color:#000;margin:0px auto}
.neirong .ul img{max-width:100%}
.neirong .ul .table_div{width:100%;overflow-x:auto}

.neirong .ul dl dt{padding:5px 1rem;}
.neirong .ul dl dd{padding:1rem}


.products .page .button-prev,.products .page .button-next{display:inline-block;margin:0 1rem;width:3rem;height:3rem;-moz-border-radius:3rem;-webkit-border-radius:3rem;border-radius:3rem;font-size:1.8rem;line-height:3rem}
.news{width:100%;min-width:320px;margin:0 auto;padding:30px 0}
.news li{width:92%;margin:10px auto;position:relative}
.news li .n_time{width:60px;height:60px;border:1px solid #f2f2f2;float:left;margin-right:0px;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.news li .n_time i{font-size:20px;line-height:30px}
.news li .n_time em{font-size:12px;line-height:24px;display:block;color:#666}
.news li .n_text,.news li .n_p_t{width:calc(100% - 80px);float:right}
.news li .n_p{width:100%;height:auto;border:1px solid #f2f2f2;float:none;margin-right:0px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;overflow:hidden}
.news li .n_p img{display:block;width:100%;height:auto;-webkit-transition:All .5s ease;transition:All .5s ease}
.news li .n_p_text{width:100%;float:none}
.news li .n_text .n_title{font-size:18px;font-weight:bold;line-height:26px;padding-bottom:10px;display:block;color:#333}
.news li .n_p_text .n_title{font-size:18px;font-weight:bold;line-height:26px;padding:10px 0;display:block;color:#333}
.news li .n_desc{font-size:12px;line-height:22px;display:none;font-weight:300;color:#666}
.news li .more{margin-top:20px}
.news li .more{margin:0px 0 10px 0}

.title{font-size:1.5rem;padding:1rem 2rem;width:100%;box-sizing:border-box}
.attr{font-size:14px;line-height:3rem;}


.np{width:100%;margin:0 auto;padding:1rem 2rem;line-height:30px;font-size:14px;}
.np a{font-size:14px;}
.np a:hover{color:#0068b7}

}
.hei{position:fixed;width:100%;left:0;background:rgba(0,0,0,0.6);z-index:9999;vertical-align:middle;line-height:100%}
.hei .close{cursor:pointer;width:50px;height:50px;background:#000;position:absolute;right:10px;top:10px;font-family:'iconfont';-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;font-size:16px;line-height:50px;text-align:center;color:#fff}
.hei img{display:block;width:auto;height:auto;position:absolute;max-width:80%;max-height:80%;left:50%;top:50%;animation-duration:3s;transition:0.6s ease 0s;opacity:0.1;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}

.pg{width:100%;text-align:center;height:60px;color:#6D6C7A;font-size:14px;line-height:40px;margin:5px auto;padding:20px 0 0 0;border-top:1px solid #f2f2f2}
.pg span{display:inline-block;*display:inline;*zoom:1;width:40px;height:40px;border:1px solid #ddd;background:#f5f5f5;text-align:center;padding:0;margin:0 3px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;overflow:hidden}
.pg .hend{width:40px;font-family:"iconfont" !important;}
.pg .end{width:40px;clear:both;font-family:"iconfont" !important;}
.pg a{font-size:14px;line-height:40px;color:#000;display:block;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.pg a:hover{font-size:14px;line-height:40px;color:#fff;background:#28343c}
.pg .current{background:#28343c;color:#fff}
.pg .current a{color:#fff}
.backToTop{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;z-index:9999;width:45px;height:45px;padding:0px;background:#ea352e;font-family:"iconfont";font-size:24px;line-height:45px;color:#fff;text-align:center;cursor:pointer;right:15px;position:fixed;bottom:15px;box-shadow:0 4px 23px 5px rgba(0,0,0,0.2),0 2px 6px rgb(255,255,255);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.backToTop:hover{background-color:#ca241e}

.more{z-index:2;width:12rem;padding-right:2.8rem;height:4.6rem;font-size:1.6rem;line-height:4.6rem;background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;text-align:center;color:#333;text-align:center;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,0.1);box-sizing:border-box}
.more i,.more u{text-decoration:none;font-family:"iconfont";position:absolute;display:block;right:0;top:1.3rem;width:3rem;font-size:1.2rem;line-height:2rem;height:2rem;text-align:center;border-left:1px solid rgba(0,0,0,0.1)}
.more:hover{background:#fff;color:#ea352e;-webkit-box-shadow:0px 10px 16px 0px rgba(0,0,0,.1);moz-box-shadow:0px 10px 16px 0px rgba(0,0,0,.1);box-shadow:0px 10px 16px 0px rgba(0,0,0,.1)}
.more:before{border-radius:50%;content:"";display:block;height:0;left:50%;padding-top:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transition:all .6s;width:100%;overflow:hidden}
.more:hover:before{-webkit-animation:button_style_0_anim .75s;animation:button_style_0_anim .75s;z-index:1}
@media (max-width:1024px){
.more{z-index:2;width:9rem;padding-right:2rem;height:3.2rem;font-size:1.4rem;line-height:3.2rem;}
.more i,.more u{top:0.6rem;width:1.8rem;font-size:1rem;}

.tnav{width:100%;min-width:320px;max-width:1024px;height:40px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch}

.tnav ul{width:100%;min-width:320px;max-width:1024px;border-left:0;height:40px;overflow: hidden;}
.tnav ul .li{width:auto;height:50px;display:flex;overflow-x:scroll;width:calc(100% - 80px);flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:stretch;overflow-y:hidden;overflow-x:scroll}
.tnav ul .li li{width:100px;font-size:16px;border-right:1px solid rgba(0,0,0,0.1);height:40px;line-height:40px;float:left;display:block;}
.tnav ul .li li.on{font-weight:600;color:#ea352e;height:40px;line-height:40px;}
.tnav ul .li li a{color:#333;padding:0px;display: block;height:40px;line-height:40px;width:100px;display:block;font-size:1.4rem;}
.tnav ul .li li a:hover,.tnav ul .li li.on a{color:#ea352e;height:40px;line-height:40px;}
.tnav ul .p{position:relative;width:40px;font-size:16px;line-height:40px;text-align:center;color:#333;font-family:"iconfont" !important;cursor:pointer;box-sizing:border-box}
.tnav ul .p.pr{border-right:1px solid rgba(0,0,0,0.1);border-left:1px solid rgba(0,0,0,0.1);}
.tnav ul .p.pl{border-right:1px solid rgba(0,0,0,0.1);}
}
@-webkit-keyframes button_style_0_anim{0%{background:rgba(0,104,183,.25);transform:translateX(-50%) translateY(-50%) scale(0)}
to{background:transparent;transform:translateX(-50%) translateY(-50%) scale(1)}
}
@keyframes button_style_0_anim{0%{background:rgba(0,0,0,.25);transform:translateX(-50%) translateY(-50%) scale(0)}
to{background:transparent;transform:translateX(-50%) translateY(-50%) scale(1)}
}