.web-all{overflow: hidden!important;}



/* 头部导航样式 */

header{width: 100%;position: fixed;top: 0;left: 0;z-index: 8;}

header.active1{background-color: rgba(255,255,255,.0)}

header.active{background-color: rgba(255,255,255,.9);box-shadow: 2px 5px 5px rgba(248, 206, 206, 0.1);}

.head{width: 100%;}

.head>.left{height: 100%;padding-left: 5%;box-sizing: border-box;transition: all .6s ease-in-out;position: relative;z-index: 1;padding-right: 2%;}

.head>.left>a{height: 80px;position: relative;z-index: 2;transition: all .6s ease-in-out;padding: 10px 0;}

.head>.left>a>img{height: 100%;}

.head>.left>a>img:nth-child(2){display: none;}

nav{width: 50%;transition: all .6s ease-in-out;margin-right: 5%;}

nav>ul>li{padding:30px 0;box-sizing: border-box;position: relative;}

nav>ul>li::after{position: absolute;bottom: 25px;width: 0%;height: 3px;background-color: #fff;left: 50%;transform: translateX(-50%);content: "";border-radius: 2px;width: 0;opacity: 0;transition: all .4s;}

nav>ul>li.active::after{width: 100%;opacity: 1;}

nav>ul>li>a{font-size: 18px;line-height: 40px;color: #fff;height: 40px;overflow: hidden;transition: all .4s ease-in-out;}

nav>ul>li>a p{opacity: .8;transition: all .4s ease-in-out;font-weight: bold;}

nav>ul>li>a p:nth-child(2){opacity: 1;}

nav>ul>li:hover a p:first-child{margin-top: -40px;}



header.active .head>.left>a>img:first-child{display: none;}

header.active .head>.left>a>img:nth-child(2){display: block;}

header.active1 .head>.left>a>img:first-child{display: none;}

header.active1 .head>.left>a>img:nth-child(2){display: block;}

header.active nav>ul>li::after{background-color: #b81c22;}

header.active nav>ul>li.active::after::after{background-color: #b81c22;}

header.active1 nav>ul>li::after{background-color: #b81c22;}

header.active1 nav>ul>li.active::after::after{background-color: #b81c22;}

header.active nav>ul>li>a{color: #333;}

header.active1 nav>ul>li>a{color: #333;}

header nav>ul>li.active>a p:first-child{margin-top: -40px;}



.nav-2-box{width: 100%;}

.nav-2-box>.cont{position: relative;}

.nav-2{background-color: #fff;box-sizing: border-box;border-radius: 0 0 5px 5px;padding: 0 40px;position: absolute;left: 0;top: 0;width: 100%;height: 0;overflow: hidden;transition: all .4s ease-in-out;border:0px solid rgba(0,0,0,.0);box-sizing: border-box;}

.nav-2.active{height: 140px;border:1px solid rgba(0,0,0,.1);}

.nav-2.active.ov{height: 0;}

.nav-2>h5{padding: 40px 0;height: 60px;position: relative;}

.nav-2>h5::after{position: absolute;left: 0;bottom:40px;content: "";width: 50px;height: 4px;background-color: #b81c22;}

.nav-2>ul>li{padding: 40px 0;line-height: 60px;font-size: 18px;margin-left: 60px;position: relative;}

.nav-2>ul>li>a{position: relative;z-index: 1;transition: all .4s ease-in-out;font-weight: bold;}

.nav-2>ul>li:hover a{transform: translateY(-10%);text-shadow: 2px 5px 5px  rgba(0,0,0,.4);}

#fullpage{z-index: 4;}

.inx-01{background-color: #fff;}

.inx-01>video{width: 100%;height: 100%;display: block;object-fit: cover;object-position: center;background-repeat: no-repeat;transition: all .6s ease-in-out;}

.inx-02{background-color: #fff;}

.inx-02-box{padding-left: 5%;box-sizing: border-box;position: relative;height: 100vh;}

.inx-02-page{padding-top: 12%;box-sizing: border-box;transform: translateX(-80%);opacity: 0;z-index: 3;transition: all .8s ease-in-out;}

.inx-02.active .inx-02-page{transform: translateX(0);opacity: 1;}

.inx-02-page>ul>li{margin-bottom: 20px;cursor: pointer;}

.inx-02-page>ul>li>h3{margin-right: auto;margin-left: 0px;line-height: 120px;color: #c6161d;position: relative;z-index: 2;transition: all .4s ease-in-out;font-weight: 900;}

.inx-02-page>ul>li>i{position: relative;display: block;width: 100px;height: 100px;border-radius: 50%;margin-top: 10px;transition: all .4s ease-in-out;}

.inx-02-page>ul>li>i>img{width: 60px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.inx-02-page>ul>li>i>img:nth-child(2){display: none;}

.inx-02-page>ul>li.active>i{background-color: #c6161d;width: 120px;height: 120px;margin-top: 0;}

.inx-02-page>ul>li.active>h3{font-size: 4vw;color: #000;margin-left: -25px;}

.inx-02-page>ul>li.active>i>img:nth-child(1){display: none;}

.inx-02-page>ul>li.active>i>img:nth-child(2){display: block;}

.inx-02-list{width:78%;position: absolute;right: 5%;top: 0;z-index: 1;margin-top: 5%;box-sizing: border-box;}

.inx-02-pic{position: absolute;left: 0;top: 0;width: 100%;display: none;}

.hover-in{transition: .6s ease-out;}

.hover-out{transition: .6s ease-in;} 

.inx-02-pic.active{display: block;}

.inx-02-pic>.img-box{height: 70vh;border-radius: 0 0 0 10vw;overflow: hidden;position: relative;z-index: 2; transform: translateX(100%);opacity: 0;transition: all 1s ease-in-out;transition-delay: .2s;cursor: all-scroll;}

.inx-02.active .inx-02-pic>.img-box{transform: translateX(0);opacity: 1;}

.inx-02-pic>.img-box img{border-radius: 0 0 0 10vw;box-shadow: 2px 5px 15px rgba(0,0,0,.6);}

.inx-02-en{position: absolute;content: "";bottom: -60px;left: -40%;opacity: 0;transition: all 1s ease-in-out; transition-delay: .6s;}

.inx-02.active .inx-02-en{opacity: 1;left: 5%;}

.inx-02-en>h1{color: rgba(0, 0, 0, 0);text-stroke: 1px #c6161d;-webkit-text-stroke: 1px #c6161d;}

.inx-02-info{position: absolute;right: 5%;top: 120%;z-index: 5;text-align: right;opacity: 0;transition: all .8s ease-in-out;transition-delay: .4s;}

.inx-02.active .inx-02-info{opacity: 1;top: 90%;}

.inx-02-info>.top>h3{line-height: 90px;height: 80px;}

.inx-02-info>.top>h3:nth-child(1){background-color: #c6161d;border-radius: 10px;color: #fff;padding: 0 20px;}

.inx-02-info>.top>h3:nth-child(2){font-size: 4vw;margin-left: 5px;}

.inx-02-info>h5{margin-top: 15px;}

.inx-03{padding-top: 10%;box-sizing: border-box;position: relative;}

.inx-03::after{position: absolute;bottom: 0;left: 0;content: "";width: 100%;height: 60vh;background-color: #c6161d;}

.inx-03-txt>em{width: 8%;height: 2px;background-color: #c6161d;margin-top: 30px;}

.inx-03-txt>h4{color: #c6161d;transform: translateY(-80%);opacity: 0;transition: all .8s ease-in-out;}

.inx-03-txt>h4:nth-child(4){transition-delay: .2s;}

.inx-03-txt>h4:nth-child(6){transition-delay: .4s;}

.inx-03-txt>h4:nth-child(8){transition-delay: .6s;}

.inx-03-txt>h4:nth-child(10){transition-delay: .8s;}

.inx-03.active .inx-03-txt>h4{transform: translateY(0);opacity: 1;}

.inx-03-list{position: relative;z-index: 2;width: 100%;}

.inx-03-swiper{width: 120%;position: absolute;left: -10%;top: 0;}

.inx-03-swiper>ul{margin-top: 4.5%;}

.inx-03-swiper>ul>li{width: 20%;padding: 0 1%;box-sizing: border-box;height: 58vh;transition: all 1.2s;}

.inx-03-swiper>ul>li.swiper-slide-active{height: 62vh;margin-top: -4vh;}

.inx-03-swiper>ul>li>a>.img-box{height: 100%;}

.inx-03-swiper>ul>li>a{width: 100%;height: 100%;border-radius: 25px;overflow: hidden;position: relative;}

.inx-03-swiper>ul>li>a>h5{line-height: 100px;background-color: #fff;position: absolute;bottom: 0;left: 0;text-align: center;width: 100%;font-weight: bold;}

.inx-03-swiper>ul>li:hover img{animation: bjimg 6s infinite;animation-timing-function: linear;-webkit-animation: bjimg 6s infinite;-webkit-animation-timing-function: linear;}

.inx-03-btn{width: 100px;height: 100px;border-radius: 50%;background-color: rgba(255,255,255,1);position: absolute;top: 50%;transform: translateY(-50%);z-index: 3;background-repeat: no-repeat;background-position: center center;background-size: 40%;opacity: .5;box-shadow: 2px 5px 10px rgba(0,0,0,.1);cursor: pointer;transition: all .6s;}

.inx-03-btn.left{left: 3%;background-image: url(../images/swi-prv.png);}

.inx-03-btn.right{right: 3%;background-image: url(../images/swi-next.png);}

.inx-03-btn:hover{opacity: 1;}

.color1{color: #e95464;}

.color2{color: #f4ac34;}

.color3{color: #57b8bf;}

.color5{color: #383e78;}

.color4{color: #57b8bf;}

.color6{color: #000;}

.color7{color: #b5b5b6;}

.inx-04{width: 100%;position: relative;}

.footer{width: 100%;padding: 20px 0 120px 0;background-color: #c6161d;color: #fff;position: relative;}

.footer a{color: #fff;margin: 0 20px;}

.footer-last{position: absolute;bottom: 0;left: 0;background-color: #fff;width: 100%;height: 85px;color: #000;z-index: 3;}

.footer-last>h2{line-height: 80px;color: #e2e1e1;opacity: .3;text-transform: uppercase;letter-spacing: .5vw;position: absolute;left: 0;top: 0;z-index: 1;}

.footer-last>.cont{position: relative;z-index: 2;}

.footer-last>.cont>img{height: 55px;margin-top: 15px;}

.foot-tel{line-height: 36px;padding: 24px 0;white-space:nowrap}

.foot-tel>svg{margin-right: 10px;}

.foot-tel>h5{width: auto;}

.foot-tel>h5>i{color: #000;font-weight: 600;}

.foot-lx>h4{margin: 0 20px;opacity: .5;align-items: center;display: flex;}

.foot-lx>h5{line-height: 36px;padding: 24px 0;}

.foot-lx>ul{margin-left: 40px;padding: 15px 0;}

.foot-lx>ul>li{width: 50px;height: 50px;border:1px solid #c6161d;border-radius: 50%;margin-left: 20px;}

.foot-lx>ul>li>a{margin: 0;}

.foot-lx>ul>li>a>img{margin: 0 auto;margin-top: 16px;}



/* 关于我们 */

.ab-bg{background-color: #fafafa;}

.ab-1{width: 100%;height: 100vh;position: relative;}

.ab-1-box{width: 68%;height: 50vh;background-color: #c6161d;position: absolute;right: 0;top: 55%;transform: translateY(-50%);z-index: 2;}

.ab-1-box>img{position: absolute;left: 3%;width: 48%;top:43%;transform: translateY(-50%);}

.ab-1-txt{position: absolute;right: 5%;color: #fff;text-align: right;top: 50%;transform: translateY(-50%);text-shadow: 2px 5px 5px rgba(0,0,0,.2);}

.ab-1-txt>h4{margin-top: 10px;}

.ab-1-en{position: absolute;left: 0;top: 55%;transform: translateY(-50%);z-index: 1;}

.ab-1-en img{-webkit-animation: move_left 40s linear infinite;animation: move_left 40s linear infinite;}

.ab-1-en>img:nth-child(2)，.ab-1-en>img:last-child{margin-left: 30px;}

@-webkit-keyframes move_left {0% {transform: translate3d(0, 0, 0);}100% {transform: translate3d(-100%, 0, 0);}}

@keyframes move_left {0% {transform: translate3d(0, 0, 0);}100% {transform: translate3d(-100%, 0, 0);}}

.ab-1>img{position: absolute;left: 0;width: 30%;transform: translate(-50%,-50%);top: 50%;opacity: .2;}

.scoll-more{position: absolute;left: 50%;bottom: 3%;transform: translateX(-50%);text-align: center;}

.scoll-more>img{margin: 0 auto;width: 32px; -webkit-animation: name_move_half 1s ease-in-out infinite alternate;animation: name_move_half 1s ease-in-out infinite alternate;}

@-webkit-keyframes name_move_half {0% {transform: translate3d(0, 0, 0);}100% {transform: translate3d(0, -50%, 0);}}

 @keyframes name_move_half { 0% {transform: translate3d(0, 0, 0);}100% {transform: translate3d(0, -50%, 0);}}

.scoll-more>p{margin-top: 10px;}



.tit-box>h3{text-align: center;color: #c6161d;font-size: 3.2vw;}

.tit-box>h5{text-align: center;color: #c6161d}

.ab-2-info{width: 100%;margin-top: 60px;text-align: center;font-size: 1vw;width: 95%;margin: 0 auto;padding-top: 30px;}

.ab-2-info>p{line-height: 2.4vw;margin-top: 20px;color: #7b7b7b;}

.ab-2-info>img{width: 30%;margin: 0 auto;margin-top: 80px;}

.ab-3{padding-bottom: 160px;}

.ab-3-box{width: 100%;padding-top: 80px;}

.ab-3-box>.left{width: 50%;padding-left: 3%;padding-top:3%;box-sizing:  border-box;}

.ab-3-box>.left>h2{font-size: 2.6vw;height: auto;}

.ab-3-box>.left>h2:nth-child(3){color: #c6161d;font-size: 3.6vw;margin-top: 10px;}

.ab-3-box>.left>h3{color: #7b7b7b;font-size: 1.2vw;margin-top: 10px;}

.ab-3-box>.right{width: 35%;border-radius:25px;overflow: hidden;}

.ab-3-box>.right>.img_box{width: 100%;}

.ab-4{width: 100%;position: relative;}

.ab-4>h1{position: absolute;left: 0%;top: 0;transform: translateY(-58%);color: rgba(0, 0, 0, 0);text-stroke: 2px #c6161d;-webkit-text-stroke: 2px #c6161d;font-size: 13vw;letter-spacing: 1.5vw;opacity: .3;}

.ab-4>video{width: 100%;}

.ab-4>img{position: absolute;right: 3%;top: 3%;width: 15%;opacity: .7;display: none;}



.ab-5>.cont>p{line-height: 2.8vw;margin-top: 20px;color: #7b7b7b;font-size: 1vw;}

.ab-5>.cont>ul{margin-top: 0px;}

.ab-5>.cont>ul>li{margin-top: 50px;width: 48.5%;border:1px solid rgba(0,0,0,.1);padding: 30px;box-sizing: border-box;border-radius: 5px;}

.ab-5>.cont>ul>li>h5{padding-bottom: 30px;position: relative;}

.ab-5>.cont>ul>li>h5::after{position: absolute;bottom: 15px;content: "";left: 0;width: 10%;height: 2px;background-color: #000;}

.ab-5>.cont>ul>li>h4{font-size: 1vw;}



.ab-6{width: 100%;padding-top: 30px;}

.ab-6-box{width: 90%;justify-content: space-between;gap: 0 2.75%;align-items: last baseline;margin: 0 auto;margin-top: 80px;}

.ab-6-honor{

	width: 23.5%;

	padding-bottom: 24px;

	border-bottom: 1px solid rgba(0,0,0,.1);

	margin-bottom: 0;

	text-align: center;

	height: max-content;

}

.ab-6-honor>img{width: 100%;display: block;margin: 0 auto;box-shadow: 2px 5px 20px rgba(0,0,0,.2);}

.ab-6-info{width: 100%;padding-top: 20px;box-sizing: border-box;text-align: center;}

.ab-6-info>h5:first-child{margin-bottom: 10px;color: #7b7b7b;}

.ab-6-info>h5:nth-child(2){font-size: 1.4vw;}

.ab-6-info>h5:last-child{font-size: 1vw;color: #7b7b7b;margin-top: 10px;}

.ab-6 .list{width: 100%;margin-top: 36px;gap: 24px 0;}

.ab-6 .list>.item{

	width: 23.5%;

	border-radius: 10px;

	padding: 16px;

	box-sizing: border-box;

}

.ab-6 .list>.item>img{

	padding-top: 2vw;

	width: 80%;

	margin: 0 auto;

	display: block;

	border-radius: 6px;

}

.ab-6 .list>.item>h5{

	margin-top: 12px;

	font-size: .95vw;

	line-height: 1.6;

	color: #333;

	text-align: center;

}



.ab-7{width: 100%;padding-top: 30px;}

.ab-7-info>h5{font-size: 1vw;color: #7b7b7b;margin-top: 5px;}



.ab-7-box{width: 100%;margin-top: 80px;position: relative;}

.ab-7-box img{width: 90%;margin: 0 auto;margin-top: 2vw;}

/* .ab-7-box{width: 100%;margin-top: 80px;position: relative;background-image: url(../images/line1.svg);background-repeat: no-repeat;background-position: center center;background-size: 160%;animation: lines 6s infinite;}

.ab-7-box::after{content: "";background-image: url(../images/line1.svg);background-repeat: repeat-x;background-position: 0 center;background-size: auto 5rem;position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: .5;animation: lines1 6s infinite;}

.ab-7-box::before{content: "";background-image: url(../images/line.svg);background-repeat: repeat-x;background-position: 0 center;background-size: auto 8rem;position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.3;animation: lines2 6s infinite;}

@keyframes lines{

	0%{

		background-size: 160%;

	}

	50%{

		background-size: 100%;

	}

	100%{

		background-size: 160%;

	}

}

@keyframes lines1{

	0%{

		background-size: auto 5rem;

	}

	50%{

		background-size: auto 8rem;

	}

	100%{

		background-size: auto 5rem;

	}

}

@keyframes lines2{

	0%{

		background-size: auto 8rem;

	}

	50%{

		background-size: auto 5rem;

	}

	100%{

		background-size: auto 8rem;

	}

} */

.ab-7-swiper>ul{padding:0 5%;box-sizing: border-box;}

.ab-7-swiper>ul>li{width: 14.1%;height: 25vw;display: flex;flex-direction: column;justify-content: flex-start;padding:0 2%;box-sizing: border-box;}

.ab-7-swiper>ul>li:nth-child(2n){justify-content: flex-end;}

.ab-7-swiper>ul>li>.ab-7-info{width: 170%;margin-left: -35%;}

.ab-7-swiper>ul>li>.ab-7-info>h4{color: #c6161d;}



.foot-box{padding: 80px 0 140px 0;background-color: #fafafa;}

.foot-box>.top{ color: #7b7b7b;}

.foot-box>.top>a{color: #7b7b7b;margin: 0 20px;}



.foot1{position: fixed;z-index: 3;left: 0;bottom: 0;transition: all .6s;z-index: 5;}

.foot-bt{position: absolute;width: 30px;height: 30px;background-color: #d6d6d6;right: 0;top: -30px;cursor: pointer;z-index: 2;background-size: 70% 70%;background-repeat: no-repeat;background-position: center center;}

.foot-bt:hover{background-color: #c6161d;}

.foot-close{background-image: url(../images/close-ico.png);display: block;}

.foot1.active{bottom: -80px;}

.foot-open{display: none;background-image: url(../images/open-ico.png);}



.footer-evm{width: 400px;height: 533px;position: fixed;right: -400px;bottom: 85px;background-color: #fff;background-image: url(../images/zmt-bg.jpg);background-size: cover;box-shadow: 0px 0 10px rgba(0,0,0,.1);border-radius: 15px 15px 0 0;overflow: hidden;z-index: 4;opacity: 0;transition: all .8s;}

.pro-evm{bottom: 0;}

.footer-evm.active{right: 0;opacity: 1;animation:move 1s;-webkit-animation:move 1s;}

.pro-evm.active{animation:move1 1s;-webkit-animation:move1 1s;}

.jjh-logo{width: 120px;height: 120px;background-color: #c6161d;border-radius: 50%;margin: 0 auto;margin-top: 40px;background-image: url(../images/logo2.png);background-repeat: no-repeat;background-size: 90%;background-position: center center;position: relative;border: 5px solid #fff;}

.footer-evm>h5{text-align: center;margin-top: 10px;font-size: 1.4vw;}

.env-tit{padding: 5px 15px;background-color: #fef2ed;margin: 0 auto;width: 35%;border-radius: 25px;text-align: center;line-height: 30px;margin-top: 20px;}

.env-tit>p{display: none;}

.env-tit>p.active{display: block;}

.footer-evm>.img-box{width: 180px;height: 180px;background-color: #fff;border-radius: 10px;overflow: hidden;margin: 0 auto;margin-top: 30px;box-shadow: 2px 5px 10px rgba(0,0,0,.1);position: relative;}

.footer-evm>.ewm-box>img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;display: none;}

.footer-evm>.ewm-box>img.active{display: block;}

/* 首页 */

.inx-evm{position: absolute;z-index: 2;color: #000;}

@keyframes move

{   

0%   {right: -400px;bottom: -300px;opacity: 0;}

	50%  {right: 0;bottom: -300px;opacity: 1;}

	100% {right: 0px;bottom: 85px;opacity: 1;}

}

@keyframes move1

{   

	0%   {right: -400px;bottom: -300px;opacity: 0;}

	50%  {right: 0;bottom: -300px;opacity: 1;}

	100% {right: 0px;bottom: 0px;opacity: 1;}

}









.make-top{width: 100px;height: 100px;background-color: #c6161d;position: fixed;bottom: 120px;right: 2%;border-radius: 50%;cursor: pointer;z-index: 2;opacity: 0;transition: all .6s;}

.make-top.active{opacity: 1;}

.make-top::after{position: absolute;width: 100%;height: 100%;content: "";left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;background-color: #c6161d;opacity: .3;transition: all .6s;}

.make-top>svg{margin: 0 auto;display:flex;justify-content: center;margin-top: 20px;position: relative;z-index: 1;}

.make-top>p{color: #fff;text-align: center;position: relative;z-index: 1;}

.make-top:hover::after{width: 120%;height: 120%;}



/* 产品中心 */

.pro-box,.pro-list{display: flex;flex-wrap: nowrap;will-change: transform;position:relative;background-color: #f5f5f5;}

/* .pro-list.move{left: -30vw;}

.pro-list::-webkit-scrollbar {display: none;}

.pro-list>.page{width: 100vw;height: 100vh;flex-shrink: 0;}

.pro-scoll{width: 17px;height: 100vh;position: fixed;z-index: 999;right: 0;top: 0;background-color: rgba(0,0,0,0);display: none;}

.pro-scoll.active{display: block;}

.pro-scoll-thumb{position: absolute;width: 7px;height: 200px;background-color: #c6161d;right: 2px;border-radius: 7px;top: 0;transition: all 0.15s;cursor: pointer;left: 5px;}

.pro-1{width: 100vw;height: 100vh;}

.pro-1>.cont{position: relative;}

.pro-list-left{width: 5%;height: 100vh;padding-bottom: 50px;box-sizing: border-box;}

.pro-list-left>h4{writing-mode: vertical-lr;writing-mode: tb-lr;margin-top: auto;opacity: 1;font-size: 2vw;letter-spacing: 5px;position: relative;}

.pro-list-left>h4::before{position: absolute;content: "";left: 30%;width: 2px;background-color: #000;height: 80px;bottom: -100px;}

.pro-list-left>ul{margin-top: 130px;}

.pro-list-left>ul>li{width: 50px;height: 50px;border:1px solid #c6161d;border-radius: 50%;margin-top: 10px;}

.pro-list-left>ul>li>a{margin: 0;}

.pro-list-left>ul>li>a>img{margin: 0 auto;margin-top: 16px;}

.pro-1-con{width: 65vw;position: absolute;left: 15%;top: 15%;z-index: 1;}

.pro-1-con>.scoll-en-box{width: 100%;height: 26vw;background-color: #fff;position: relative;overflow: hidden;}

.scoll-en-box>.pro-1-scoll{position: absolute;height: 28%;width: 100%;overflow: visible;opacity: 1;}

.scoll-en-box>.pro-1-scoll:first-child{left: 0;top: 3%;}

.scoll-en-box>.pro-1-scoll:first-child>img{-webkit-animation: move_left 30s infinite linear ;animation: move_left 30s infinite linear ;height: 100%;}

.scoll-en-box>.pro-1-scoll>img:last-child{margin-left: 50px;}

.scoll-en-box>.pro-1-scoll:nth-child(2){left: 0;top: 50%;transform: translateY(-50%);}

.scoll-en-box>.pro-1-scoll:nth-child(2)>img:first-child{margin-left: auto;}

@-webkit-keyframes move_right {0% {transform: translate3d(-100%, 0, 0);}100% {transform: translate3d(0, 0, 0);}}

.scoll-en-box>.pro-1-scoll:nth-child(2)>img{-webkit-animation: move_right 25s infinite linear ;animation: move_right  25s infinite linear ;height: 100%;}

.scoll-en-box>.pro-1-scoll:last-child{left: 0;bottom: 3%;}

.scoll-en-box>.pro-1-scoll:last-child>img{-webkit-animation: move_left 35s infinite linear ;animation: move_left 35s infinite linear ;height: 100%;}

.pro-1-con>.info{margin-top: 50px;}

.pro-1-con>.info>h4{margin-top: 10px;}

.pro-1-more{position: absolute;right: 0;bottom: 8%;width: 189px;height: 189px;z-index: 1;cursor: pointer;}

.pro-1-more>img{width: 100%;-webkit-animation: rotate 15s infinite linear ;animation: rotate 15s infinite linear ;}

.more-box{position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width:70%;height: 70%;background-color: #fff;border-radius: 50%;background-image: url(../images/r-ico.png);background-repeat: no-repeat;background-position: center center;background-size: 36px 36px;}

@-webkit-keyframes rotate{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}} */

.pro-2{width: 23vw;border-left: 4px solid #000;border-right: 4px solid #000;padding:  0 5vw;box-sizing: border-box;} 

.pro-2-tit>h1{writing-mode: vertical-lr;writing-mode: tb-lr;text-align: center;height: 100%;font-size: 4vw;}

.pro-3{width: 100vw;height: 100vh;position: relative;}

.pro-pic-box{width: 70vw;position: relative;overflow: hidden;margin-left: auto;}

.pro-pic-list{width: 100%;}

.pro-pic-list>.pro-video{width: 100%;height: 60vh;overflow: hidden;position: relative;}

.pro-pic-list>.pro-video>video{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.pro-pic-list .img-box{height: 60vh;}

.pro-3>img{position: absolute;left: 25%;top: 50%;transform: translateY(-50%);z-index: 2;width: 30vw;opacity: 0;}

.pro-tit-box{width: 15vw;position: relative;border-right: 4px solid #000;height: 100vh;overflow: hidden;}

.pro-tit-list{position: absolute;top: 0;left: 50%;z-index: 1;}

.pro-tit-list.ac{bottom: 0;top: auto;}

.pro-tit-list>h1{ white-space: nowrap;writing-mode: vertical-lr;writing-mode: tb-lr;-webkit-animation: name_move 10s linear infinite;animation: name_move 10s linear infinite;height: auto;letter-spacing: 1.5vw;font-size: 4vw;font-weight: bold;}

.pro-tit-list>h1:last-child{margin-top: 40px;}

.pro-tit-list.ac>h1{-webkit-animation: name_move1 10s linear infinite;animation: name_move1 10s linear infinite;}

@-webkit-keyframes name_move {0% {transform: translate3d(-50%, 0, 0);}100% {transform: translate3d(-50%, -100%, 0);}}

@keyframes name_move {0% {transform: translate3d(-50%, 0, 0);}100% {transform: translate3d(-50%, -100%, 0);}}

@-webkit-keyframes name_move1 {0% {transform: translate3d(-50%, 0, 0);}100% {transform: translate3d(-50%, 100%, 0);}}

@keyframes name_move1 {0% {transform: translate3d(-50%, 0, 0);}100% {transform: translate3d(-50%, 100%, 0);}}

.pro-3-info{width: 30vw;height: 100vh;position:relative;}

.pro-3-introduce{padding-left: 10%;box-sizing: border-box;width: 90%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.pro-3-introduce>em{width: 60px;height: 2px;background-color: #000;display: block;margin: 30px 0;}

.pro-3-introduce>p{font-size: 1.4vw;color: #7b7b7b;}

.pro-3-introduce>span{margin-top: 20px;display: block;color: #7b7b7b;}

.pro-3-introduce>span>p{font-size: 1vw;margin-bottom: 15px;}

.pro-3-introduce>i{color: #7b7b7b;font-size: 1.1vw;margin-top: 40px;}

.pro-3-introduce>h2{font-size: 4vw;}

.pro-3-introduce h5{color: #b81c22;}

.pro-4{width: 15vw;margin-left: 10vw;box-sizing: border-box;height: 100vh;background-color: #c6161d;color: #fff;position: relative;overflow: hidden;}

.pro-4-scoll{position: absolute;top: 0;left: 50%;z-index: 1;height: 100vh;}

.pro-4-scoll>h1{white-space: nowrap;writing-mode: vertical-lr;writing-mode: tb-lr;-webkit-animation: name_move 10s linear infinite;animation: name_move 10s linear infinite;height: auto;letter-spacing: 0.8vw;font-size: 4.6vw;}

.pro-4-scoll>h1:last-child{margin-top: 40px;}

.pro-5{margin-left: 5vw;height: 100vh;min-width: 100vw;display: flex;    align-items: center;}

.pro-5 li{margin:0 5vw;text-align: center;}

.pro-5 img{height: 18vw;}

.pro-5 h5{margin-top: 15px;font-weight: bold;margin-bottom: 10px;}

.pro-5 p{font-size: 1vw;}

.pro-6{width: 15vw;margin-left: 5vw;height: 100vh;display: flex; align-items: center;margin-right: 8vw;text-align: center;padding-right: 12vw;}

.pro-6>img{width: 100%;}

.pro-6>h5{width: 100%;margin-left: 5px;}

.pro-6>h5:nth-child(2){margin-left: 15px;}



.newstore-banner>.ab-1-box{overflow: hidden;height: 60vh;top: 50%;background-color: rgba(0, 0, 0, 0);}

.newstore-banner>.ab-1-en{top: 50%;}

.ab-1-box>video{position: absolute;width: 100%;left: 0%;bottom:0;}

.ab-1-box.culture-video{width: 70%;height: 70vh;}

.culture-video>video{bottom: 0;}

.newstore-box{background-color: #fafafa;}

.newstore-box ul{margin-top: 0px;}

.newstore-box ul>li{width: 48%;padding: 40px;box-sizing: border-box;border-radius: 15px;margin-top: 80px;position: relative;}

.newstore-box ul>li>h4:first-child{margin-top: 10%;}

.newstore-box ul>li>h5{color: #7b7b7b;margin-top: 15px;font-size: 1vw;position: relative;padding-left: 30px;box-sizing: border-box;}

.newstore-box ul>li>h5:nth-child(3){margin-top: 40px;}

.newstore-box ul>li>h5::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 10px;height: 10px;border-radius: 50%;background-color: #c6161d;}

.bg-color1{background-color: #f5bbc7;}

.bg-color2{background-color: #feee82;}

.bg-color3{background-color: #82cac6;}

.bg-color4{background-color: #82cac6;}

.bg-color5{background-color: #182158;}

.bg-color6{background-color: #000;}

.bg-color7{background-color: #b5b5b6;}

.newstore-box ul>li.bg-color4::after{width: 96%;height: 96%;border-radius: 15px;background-color: #feee82;content: "";z-index: 1;left: 2%;top: 2%;position: absolute;}

.newstore-box ul>li a{position: relative;z-index: 2;}

.newstore-box ul>li a>.img-box{border-radius: 15px;overflow: hidden;height: 22vw;}

.newstore-box ul>li{padding-bottom: 21vw;}

.newstore-box ul>li:first-child{padding-bottom: 40px;}

.adress-box{background-color: #fff;padding: 40px;box-sizing: border-box;margin-top: 40px;border-radius: 15px;position: absolute;z-index: 3;width: 92%;left: 4%;bottom: 5%;transition: all .6s ease-in-out;height: auto;overflow: hidden;}

.adress-box>em{width: 30%;height: 10px;border-radius: 5px;display: block;margin: 0 auto;}

.adress-box .info{margin-top: 40px;}

.store-name{width: 40%;position: relative;min-height: 10vw;}

.store-name-box{width: 100%;text-align: center;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.adress-info{width: 50%;}

.store-name-box>h4{font-size: 1.8vw;}

.store-name-box>h5{font-size: 1.2vw;}

.store-name-box>p{width: 80%;margin: 0 auto;margin-top: 10px;font-size: 1.2vw;color: #fff;}

.store-name svg{position: absolute;right: -60px;top: 50%;transform: translateY(-50%);}

.bg-color1 svg{fill:#f5bbc7;}

.bg-color2 svg{fill:#feee82;}

.bg-color3 svg{fill:#82cac6;}

.bg-color4 svg{fill:#82cac6;}

.bg-color5 svg{fill:#182158;}

.bg-color6 svg{fill:#000;}

.bg-color7 svg{fill:#b5b5b6;}

.adress-info-box{padding: 10px 0;}

.adress-box dl{opacity: 0;transition: all 0.6s ease-in-out;}

.adress-box dl dd{width: 48%;height: 0vw;overflow: hidden;transition: all .6s ease-in-out;}

.adress-box dl dd h5{font-size: 1.2vw;}

.adress-box dl dd p{margin-top: 5px;font-size: 1vw;}

.adress-box:hover dl{opacity: 1;}

.adress-box:hover dl dd{height: 6vw;}





.news-list{width: 100%;padding-top: 10%;background-color: #fafafa;}

.news-list-tap{margin-top: 60px;}

.news-list-tap>ul>li{margin: 0 30px;}

.news-list-tap>ul>li>a{padding: 8px 25px;border-radius: 30px;border:1px solid #000;transition: all .3s;}

.news-list-tap>ul>li.active>a{background-color: #c6161d;border-color: #c6161d;color: #fff;}

.news-list-tap>ul>li:hover>a{background-color: #c6161d;border-color: #c6161d;color: #fff;}

.news-list-box{width: 100%;margin-top: 80px;}

.news-top{width: 100%;}

.news-top>a{width: 50%;}

.news-top>a>.img_box{height: 25vw;}

.news-top-info{background-color: #c6161d;width: 50%;padding: 50px;box-sizing: border-box;}

.news-top-info>a{color: #fff;height: 100%;}

.news-top-info>a>.type{font-size: 1.4vw;margin-bottom: 20px;display: block;}

.news-top-info>a>h5{font-size: 1.6vw;}

.news-top-info>a>p{margin-top: auto;font-size: 1.2vw;opacity: .5;}

.news-list-box>ul{margin-top: 60px;}

.news-list-box>ul>li{width: 46%;margin-top: 80px;}

.news-list-box>ul>li>a>.img_box{height: 25vw;}

.news-list-box>ul>li>a>.type{font-size: 1.2vw;margin-bottom: 10px;margin-top: 30px;opacity: .5;}

.news-list-box>ul>li>a>h5{font-size: 1.6vw;}

.news-list-box>ul>li>a>p{margin-top: 30px;font-size: 1.2vw;opacity: .5;}



.news-dail-top{padding-bottom: 40px;border-bottom: 1px solid rgba(0,0,0,.1);}

.news-dail{background-color:#fafafa;padding-top: 140px;}

.news-dail-tit h4{font-size: 2vw;font-weight: 600;}

.news-dail-tit>p{color: #7b7b7b;margin-top: 10px;}

.news-dail-back>a{opacity: .6;padding-top: 30px;box-sizing: border-box;}

.news-dail-back>a>img{width:26px;height: 26px;margin-top: 2px;}

.news-dail-info{width:100%;padding-top: 40px;box-sizing: border-box;}

.news-dail-back>a>p{line-height: 30px;margin-left: 10px;}

.news-content{min-height: 60vh;}

.news-content img{max-width: 100% !important;height: auto!important;margin:0 auto;display: inline-block;}

.news-dail-tap{width:100%;margin-top: 60px}



.culture-01{background-color: #fafafa;}

.culture-01-box{margin-top: 100px;}

.culture-01-box>.left{padding-left: 5%;box-sizing: border-box;}

.culture-01-box>.left>h4{font-size: 2.4vw;margin-top: 15%;}

.culture-01-box>.left>h3{font-size: 3vw;}

.culture-01-box>.left>h2{color: #c6161d;font-size: 3.6vw;}

.culture-01-box>.right{width: 55%;}

.culture-01-box>.right>img{width: 100%;}

.culture-02{margin-top: 10%;}

.culture-02>.left{padding-left: 0;padding-right: 5%;width: 38%;box-sizing: border-box;}

.culture-02>.left>h4{color: #c6161d;margin-top: 18%;}

.culture-02>.left>p{margin-top: 40px;font-size: 1vw;color: #7b7b7b;line-height: 2.4vw;}

.culture-03>.left{padding-right: 0;padding-left: 5%;}



.contact-box{width: 100vw;height: 100vh;background-color: #fafafa;padding-top: 100px;box-sizing: border-box;overflow: hidden;}

.contact-box>.left{width: 45%;height: 100%;padding-left: 5%;padding-right: 5%;box-sizing: border-box;padding-bottom: 12%;}

.contact-box>.left>h4{margin-top: auto;}

.contact-box>.left>.tel-400{margin-top: 30px;margin-bottom: 30px;}

.contact-box>.left>.tel-400>.ico{width: 70px;height: 70px;border-radius: 50%;border:2px solid #c6161d;}

.contact-box>.left>.tel-400>.ico>svg{margin-top: 10px;margin-left: 12px;}

.contact-box>.left>.tel-400>.tel{margin-right: auto;margin-left: 20px;color: #c6161d;display: flex;align-items: center;}

.contact-box>.left>.tel-400>.tel>p{font-size: 1.4vw;}

.contact-box>.left>p{color: #7b7b7b;font-size: 1vw;margin-top: 10px;}

.contact-box>.left>ul{margin-top: 20px;}

.contact-box>.left>ul>li{width: 20%;margin-top: 30px;text-align: center;}

.contact-box>.left>ul>li:first-child,.contact-box>.left>ul>li:nth-child(2){width: 20%;}

.contact-box>.left>ul>li:first-child>img,.contact-box>.left>ul>li:nth-child(2)>img{width: 90%;}

.contact-box>.left>ul>li>img{width: 90%;margin: 0 auto;margin-bottom: 5px;}

.contact-box>.left>p:last-child{font-size: 17px;margin-top: 50px;line-height: 34px;}

.contact-box>.right{width: 55%;height: 100%;position: relative;}

.contact-box>.right>img{position: absolute;width: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);}

/* .person-box{width: 100%;height: 100%;overflow: hidden;}

.person-box>ul{width: 100%;height: 100%;}

.person-box>ul>li{width: 25%;height: 25%;overflow: hidden;}

.person-box>ul>li.t1,.person-box>ul>li.t0,.person-box>ul>li.t2{overflow: visible;}

.person-box>ul>li>.box{width: 100%;position: relative;background-color: #b81c22;height: 100%;}

.person-box>ul>li>.box>img{position: absolute;width: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-filter: grayscale(30%);filter: grayscale(30%);}

.person-box>ul>li:nth-child(1)>.box>img{width: 80%;}

.person-box>ul>li>.box>.txt-box{position:absolute;width: 100%;height: 100%;background-color: #b81c22;color:#fff;top: 0;left: 0;padding: 30px;box-sizing: border-box;z-index: 1;transition: all .6s;cursor: pointer;}

.person-box>ul>li>.box>.txt-box:hover{width: 200%;height: 200%;}

.person-box>ul>li>.box>.txt-box>i{width: 32px;height: 32px;display: inline-block;margin-top: 20px;background: url(../images/more.svg) no-repeat;}

.txt-more{width: 100%;margin-top: 20px;width: 480px;opacity: 0;transition: all .4s ease-in-out;}

.person-box>ul>li>.box>.txt-box:hover .txt-more{opacity: 1;}

.fnt24{font-size: 24px;}

.fnt40{font-size: 36px;}

.txt-more p{margin-top: 20px;line-height: 30px;}

.link-to{width: 100%;position: absolute;bottom: 20px;padding: 0 30px;box-sizing: border-box;left: 0;justify-content: space-between;display: flex;}

.link-to>a{line-height: 30px;color: #fff;margin-top: 30px;}

.link-to>a>img{height: 20px;display: inline-block;margin-left: 0;transform: translateY(4px);}

.link-to>span{display: block;padding-bottom: 20px;}

.link-to>span>p{margin-top: 0;text-align: right;}

.person-box>ul>li.t1>.box>.txt-box{bottom: 0;top:auto;}

.person-box>ul>li.t2>.box>.txt-box{bottom: 0;top:auto;right: 0;left: auto;} */

.contact-foot{padding-bottom: 30px;}



.allstore-box{padding-top: 8%;}

.seach-add input{width: 25vw;height: 50px;background-color: #f7f7f7;text-indent: 2rem;border:none}

.seach-add button{width: 200px;height: 50px;background-color: #b81c22;color: #fff;border:none;font-size: .8vw;}

.store-box{width: 100%;padding: 0px 0 30px 0;position: relative;margin-top: 60px;}

.store-adds{width: 30%;}

.selcet-city{width: 100%;padding:20px 30px;box-sizing: border-box;background-color: #b81c22;line-height: 32px;border-radius: 5px;color: #fff;}

.selcet-city>h5{margin-right: auto;margin-left: 15px;}

.selcet-city>button{width: 100px;line-height: 32px;background-color: #b81c22;border:none;color: #fff;border-radius: 5px;cursor: pointer;}

.add-sel{width: 100%;padding: 20px 30px;box-sizing: border-box;background-color: #fff;border-radius: 5px;margin-top: 10px;}

.add-sel{background-color: #f7f7f7;height: 80vh;overflow: scroll;}

#china-map{width: 58%;height: 50vw;}

#china-map canvas{right: 0!important;top: 0%!important;left: auto!important;width: 100%!important;height: auto!important;}

#china-map div{overflow: visible!important;}

.address-list{width: 40%;}

.address-list ul{border:1px solid rgba(0,0,0,.1);}

.address-list ul dl{width: 100%;}

.address-list ul dd{border-bottom: 1px solid rgba(0,0,0,.1);text-align: center;align-items: center;}

.address-list ul dd p{width: 40%;border:none}

.address-list ul dd div{width: 60%;height: 100%;border-left: 1px solid rgba(0,0,0,.1);padding: 20px;box-sizing: border-box;}

.address-list ul dd div p{width: 100%;}

.address-list ul li:first-child{background-color: #b81c22;text-align: center;align-items: center;}

.address-list ul li:first-child p{color: #fff;font-size: 22px;border-color: #fff;width: 60%;height: 100%;border-left: 1px solid rgba(0,0,0,.1);padding: 20px;box-sizing: border-box;}

.address-list ul li:first-child p:first-child{width: 40%;}

.address-list ul li .my-4{margin: 15px 0;}

.scach-ok{width: 100%;}



/* m端导航 */

.m-header{background-color: rgba(255,255,255,1);box-sizing: border-box;position: fixed;left: 0;top: 0px;z-index: 9;width: 100%;display: none;box-shadow: 2px 5px 5px rgba(0,0,0,.1);}

.m-header.on{border-bottom:1px solid #ddd;box-shadow: none;}

.m-header .cont{align-items: center;}

.m-header a{height: 50px;padding: 15px 0;transition: all .4s ease-in-out;}

.m-header a img{height: 100%;}

.m-header a img:last-child{display: none;}

.m-header .menu-btn{width: 34px;height: 40px;position: relative;}

.m-header .menu-btn span{position: absolute;display: block;width: 100%;height: 3px;background-color: #c6161d;top: 10px;transition: all .25s;transform-origin: center center;}

.m-header .menu-btn span:nth-child(2){top: 19px;width: 25px;}

.m-header .menu-btn span:nth-child(3){top: 28px;}

.m-header .menu-btn.on span:first-child{transform: rotate(45deg);}

.m-header .menu-btn.on span:nth-child(2){transform: scaleX(0);}

.m-header .menu-btn.on span:last-child{transform: rotate(-45deg);}

.m-header .menu-btn.on span{top: 19px;}

.m-nav-box{width: 100%;height: 0;background-color: #fff;position: fixed;left: 0;top: 0;z-index: 7;box-sizing: border-box;overflow: hidden;transition: all .4s ease-in-out;}

.m-nav-box.active{height: 100%;}

.m-nav-box .m-nav-item{width: 100%;position: relative;}

.m-nav-box .m-nav-item:first-child{margin-top: 100px;}

.m-nav-box .m-nav-item a{font-size: 24px;display: block;line-height: 80px;border-bottom: 1px solid #ddd;transition: all .6s ease-in-out;overflow: hidden;height: 0px;opacity: 0;}

.m-nav-box.active .m-nav-item a{opacity: 1;height: 80px;}

.m-nav-box .m-nav-item .m-nav-top{width: 50%;position: absolute;height: 80px;right: 0;top: 0;z-index: 1;background: url(../images/ico-open.png) no-repeat right center;background-size: 3.4vw auto;}

.m-nav-box .m-nav-item .m-nav-top.on{background-image: url(../images/ico-close.png);}

.m-nav-box .m-nav-item .m-nav-list{overflow: hidden;width: 100%;padding-bottom: 0px;transition: all .6s ease-in-out;}

.m-nav-box .m-nav-item .m-nav-list a{font-size: 20px;line-height: 60px;padding: 0 10px;box-sizing: border-box;border:none;height: 0;overflow: hidden;transition: all .6s ease-in-out;}

.m-nav-box .m-nav-item .m-nav-list.active{padding-bottom: 30px;}

.m-nav-box .m-nav-item .m-nav-list.active a{height: 60px;}

.m-header.color{background-color: rgba(0,0,0,0);box-shadow: none;}

.m-header.color a{padding: 25px 0;}

.m-header.color a img{display: none;}

.m-header.color a img:last-child{display: block;}

.m-header.on a{padding: 15px 0;}

.m-header.on a img{display: block;}

.m-header.on a img:last-child{display: none;}

.m-header .menu-btn.color span{background-color: #fff;}

.m-header .menu-btn.on span{background-color: #c6161d;}



/*m端 首页一屏样式增加*/

.m-banner{width: 100%;height: 100%;position: relative;display: none;}

.m-banner::before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background-color: rgba(0,0,0,.4);transition: all .3s ease-in-out;}

.m-banner.show::before{background-color: rgba(0,0,0,.8);}

.m-banner video{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);z-index: 1;display: none;}

.m-play{width: 13vw;height: 13vw;border-radius: 50%;background-color: #b81c22;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-image: url(../images/play-ico.png);background-size: 50% auto;background-position: center center;background-repeat: no-repeat;z-index: 2;}

.m-stop{width: 13vw;height: 13vw;border-radius: 50%;background-color: #b81c22;position: absolute;left: 50%;top: 80%;transform: translate(-50%,-50%);background-image: url(../images/close-ico.png);background-size: 50% auto;background-position: center center;background-repeat: no-repeat;z-index: 2;display: none;}

/* m端 首页一屏改版 */

.m-sce-1{width: 100%;height: 100%;position: relative;padding-top: 50px;box-sizing: border-box;display: none;}

.m-sce-1 img{width: 65%;margin: 0 auto;}

.m-sce-1 img:nth-child(2){width: 70%;margin-top: 5vw;}

.m-sce-1 .tel{width: 90%;margin: 0 auto;border-radius: 15vw;box-shadow: 2px 5px 50px 5px rgba(0,0,0,.1);margin-top:8vw;padding: 3vw 7vw;box-sizing: border-box;align-items: center;}

.m-sce-1 .tel a{width: 10vw;height: 10vw;border-radius: 50%;border:0px solid #7b7b7b;display: flex;align-items: center;-webkit-filter: grayscale(100%);filter: grayscale(100%);}

.m-sce-1 .tel a img{width: 50%;margin: 0 auto;}

.m-sce-1 .tel p{font-size: 4vw;width: 100%;border: none;}



/*m端 首页二屏样式增加*/

.m-inx-02-box{width: 100%;height: 100%;display: none;background-color: #f5f5f5;}

.m-inx-02-box .pic-box{width: 100%;height: 55vh;}

.m-inx-02-box .pic-box ul,.m-inx-02-box .pic-box li,.m-inx-02-box .pic-box .img-box{height: 100%;}

.m-inx-02-box .info-list{width: 100%;padding: 5vw 5%;box-sizing: border-box;}

.m-inx-02-box .info-list ul{width: 100%;}

.m-inx-02-box .info-list ul li{width: 100%;margin-right: 10px;}

.m-inx-02-box .info-list .pro-item{width: 100%;background-color: #fff;padding: 3vh;box-sizing: border-box;align-items: center;position: relative;border-radius: 5px;overflow: hidden;}

.m-inx-02-box .info-list .pro-item .pro-type{position: absolute;right: 0;top: 0;padding: 2% 5%;background-color: #b81c22;color: #fff;font-size: 2.8vw;border-radius: 0 5px 0 5px;}

.m-inx-02-box .info-list .pro-item img{height: 12vh;margin: 0 auto;}

.m-inx-02-box .info-list .pro-item .pro-info{width: 100%;text-align: center;margin-top: 2vh;}

.m-inx-02-box .info-list .pro-item .pro-info h3{margin-bottom: 1vh;}

.m-inx-02-tap{width: 100%;padding: 0 5%;box-sizing: border-box;align-items: center;}

.m-inx-02-tap .m-inx-02-btn .btn{display: inline-block;width: 8vw;height: 8vw;margin: 0 .5vw;border-radius: 100%;}

.m-swia-prv{background-image: url(../images/ico-swil.png);background-size: cover;}

.m-swia-next{background-image: url(../images/ico-swir.png);background-size: cover;}

.m-inx-02-line{width: 80%;height: 3px;background-color: #eee;}

.m-inx-02-line .swiper-scrollbar-drag{background-color: #b81c22;}



/* m端底部样式 */

.m-footer{padding: 3vh 0;background-color: #f5f5f5;box-sizing: border-box;padding-top: 120px;display: none;}

.m-footer h5{text-align: center;}

.m-footer .m-footer-cul{margin-top: 3vh;}

.m-footer .m-footer-cul .m-footer-cli{width: 10vw;height: 10vw;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: #fff;margin:0 2vw;-webkit-filter: grayscale(100%);filter: grayscale(100%);}

.m-footer .m-footer-cul .m-footer-cli img{width: 90%;margin: 0 auto;}

.m-foot-nul{margin-top: 5vh;}

.m-foot-nul .m-foot-nli{width: 100%;position: relative;}

.m-foot-nul .m-foot-nli>a{font-size: 3.2vw;line-height:8vh;border-bottom: 1px solid #ddd;}

.m-foot-top{position: absolute;width: 50%;height: 8vh;top: 0;right: 0;z-index: 1;background: url(../images/ico-open.png) no-repeat right center;background-size: auto 2.4vh;}

.m-foot-top.on{background-image: url(../images/ico-close.png);}

.m-foot-nitem{overflow: hidden;width: 100%;padding-bottom: 0px;transition: all .6s ease-in-out;}

.m-foot-nitem a{font-size:2.4vw;line-height: 5vh;padding: 0 10px;box-sizing: border-box;border:none;height: 0;overflow: hidden;transition: all .6s ease-in-out;}

.m-foot-nitem.active{padding-bottom: 3vh;}

.m-foot-nitem.active a{height: 4vh;}

.m-footer-bottom{text-align: center;margin-top: 5vh;}

.m-footer-bottom p,.m-footer-bottom a{font-size: 2.4vw;}



/* m端手机样式 */

.m-pro-box{width: 100%;padding-top: 120px;box-sizing: border-box;display: none;}

.m-pro1{padding: 3vw 0;border-top: 1px solid #000;border-bottom: 1px solid #000;align-items: center;}

.m-pro1 img{width: 15vw;margin: 0 3vw;}

.m-pro2{width: 100%;margin-top: 10vw;}

.m-pro2 video{width: 100%;}

.m-pro2 img{width: 100%;}

.m-pro-infobox{margin-top: 8vw;text-align: center;}

.m-pro-infobox h2{font-size: 5vw;}

.m-pro-infobox em{height: 1px;width: 16vw;background-color: #b81c22;margin:2vw auto;display: block;}

.m-pro-infobox p{font-size: 3vw;color: #7b7b7b;}

.m-pro-scolltxt{margin-top: 8vw;border-top: 1px solid #000;border-bottom: 1px solid #000;overflow: hidden;padding: 3vw 0;display: flex;}

.m-pro-scolltxt h1{flex-shrink: 0;text-align: center;padding: 0 3vw;-webkit-animation: move_left 5s linear infinite;animation: move_left 5s linear infinite;}

.m-pro2:nth-child(2n) .m-pro-scolltxt{justify-content: flex-end;}

.m-pro2:nth-child(2n) .m-pro-scolltxt h1{-webkit-animation: move_right 5s linear infinite;animation: move_right 5s linear infinite;}

@-webkit-keyframes move_left {

	0% {

	  transform: translate3d(0, 0, 0);

	}

	100% {

	  transform: translate3d(-100%, 0, 0);

	}

  }

  @keyframes move_left {

	0% {

	  transform: translate3d(0, 0, 0);

	}

	100% {

	  transform: translate3d(-100%, 0, 0);

	}

  }

  @-webkit-keyframes move_right {

	0% {

	  transform: translate3d(0, 0, 0);

	}

	100% {

	  transform: translate3d(100%, 0, 0);

	}

  }

  @keyframes move_right {

	0% {

	  transform: translate3d(0, 0, 0);

	}

	100% {

	  transform: translate3d(100%, 0, 0);

	}

  }

.m-pro3{padding-top: 8vw;text-align: center;}

.m-pro3 h2,.m-pro3 h3{color: #b81c22;}

.m-pro3-list{margin-top: 5vw;}

.m-pro3-list a{width: 50%;margin-bottom: 4vw;}

.m-pro3-list a .img-box{height: 27vw;}

.m-pro3-list a img{width: 60%;margin: 0 auto;}

.m-pro3-list a h5{font-size: 2.6vw;margin-bottom: 1vw;}

.m-pro3-list a p{font-size: 17px;color: #7b7b7b;}