@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family: 'SourceHanSansCNRegular', sans-serif;color:#898989;line-height:1.5; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea {font-family: 'SourceHanSansCNRegular', sans-serif; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; max-width:100%;}
a{ color:#5c5c5c; text-decoration:none!important;}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }
.img-hide{ overflow:hidden; display: block; }


.page-main{display:none;}

.img-hide img{ transition: 0.3s all; transform: scale(1,1); }
.img-hide:hover img{ transition: 0.3s all; transform: scale(1.05,1.05); }
.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.header{background: #000000;height: 120px;}
.headerbox{width: 1790px;margin: 0 auto; overflow: hidden; max-width: 98%;}
.logo{float: left; width: 234px; padding-top: 45px;}
.logo img{width: 100%;}
.lxdh{float: right;}
.lxdh p{font-family: 'SourceHanSansCNRegular', sans-serif;font-size: 28px; line-height: 120px;background: url(../images/a_01.png) no-repeat left center ;padding-left: 75px; color: #da262e; font-weight: bold;}
.nav {float: left;}
.nav ul{overflow: hidden; padding-right: 20px;}
.nav li{font-size: 24px; /*line-height: 120px; */padding-left: 53px;float: left;}
.nav li a{display: block; position: relative; color: #333;}
.nav li a:before{position: absolute; content: ""; border-bottom: 3px solid #da262e; width: 0; left: 50%; bottom: 37px;transform: translateX(-50%);transition: All 0.4s ease-in-out;}
.nav li.cur a{color: #da262e;}
.nav li.cur a:before{width: 100%;}
.nav a:hover{color: #da262e;}
.nav a:hover:before{width: 100%;}
.banner{position: relative;overflow:hidden;}
.banner{background: url(../images/a_02.jpg) no-repeat center center; height: 25.2vw;background-size: cover;}
.banner_text{position: absolute; width: 1480px;max-width: 94%;left:50%; top:50%; transform:translate(-50%,-50%);}
.banner_text h2{font-size: 40px; color: #fff;margin-bottom: 40px;}
.banner_text p{color: #fff;font-size: 20px; line-height: 1.6;}
.banner_text span{ position: relative; padding: 0px; position: relative; color: rgba(255,255,255,0);}
.banner_text span:before{ display: block; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 18px; height: 18px; border-radius: 50%; background: #da262e; }
.wznr{width: 1480px;max-width: 94%;margin: 0 auto;}
.dqwz{border-bottom: 1px solid #d0d0d0;}
.dqwz p{font-size: 14px; line-height: 85px; background: url(../images/a_05.png) no-repeat left center; padding-left: 30px;color: #999;width: 1480px;max-width: 94%;margin: 0 auto;}
.dqwz p a{color: #666666;}
.dqwz p a:hover{color: #da262e;}
.schd_title{padding: 20px 0 65px;text-align: center;}
.schd_title li{display: inline-block; padding: 0 5px;}
.schd_title a{display: block; text-align: center; font-size: 26px; color: #000000;line-height: 88px; width: 245px;transition: All 0.4s ease-in-out;}
.schd_title li.cur a{color: #fff;background: #da262e;}
.schd_title a:hover{color: #fff;background: #da262e;}

.qjtp img{width: 100%;}
.qjtp a{display: block; position: relative;}
.qjtp p{font-size: 20px; line-height: 70px; padding: 0 100px 0 50px; position: absolute; width: 100%; color: #fff; left: 0; bottom: 0;background: rgba(0,0,0,.7);}
.qjtp .swiper-pagination{text-align: right; padding: 0 30px 0 0;bottom: 25px;}
.qjtp .swiper-pagination-bullet{width: 20px;height: 5px;background: #fff;border-radius: 0; opacity: 1;}
.qjtp .swiper-pagination-bullet-active{background: #7b4038;}
.schd_nr{padding-top: 85px;}
.schd_nr ul{overflow: hidden; margin-left: -95px;}
.schd_nr li{float: left; width: 33.33%; padding: 0 0 110px 95px;}
.schd_nr span{display: block; overflow: hidden; height: 285px;}
.schd_nr img{width: 100%; height: 100%; object-fit: cover;}
.schdbox h2{font-weight: bold; font-size: 26px; line-height: 62px; color: #000;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} 
.schdbox h3{color: #555555;font-size: 16px;margin-bottom: 30px;}
.schdbox p{font-size: 20px; line-height: 30px; height: 90px; color: #000000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.dynr{text-align: center; padding-bottom: 105px;}
.dynr li{display: inline-block; padding: 0 5px;}
.dynr li a{display: block; font-size: 24px; color: #000000;line-height: 50px; padding: 0 18px;background: #e7e7e7;}
.dynr li.cur a{color: #fff;background: #da262e;}
.dynr a:hover{color: #fff;background: #da262e;}

.footer{background: #000000;padding-top: 100px;}
dl.foot-dl dt{font-weight: normal;font-size: 20px;margin-bottom: 15px;}
dl.foot-dl dd{line-height: 36px;font-size: 16px;}
dl.foot-dl dd a{color: #f4f5fa;opacity: 0.5;}
.dddh{text-align: center; padding: 75px 0 35px;}
.dddh li{display: inline-block; font-size: 16px; color: #696969; }
.dddh li span{padding: 0 35px;}
.dddh li a{font-size: 20px;color: #fff;}
.dddh li a:hover{color: #da262e;}
.flnr{text-align: center;}
.flnr li{display: inline-block; padding: 0 8px;margin-bottom: 20px;}
.flnr li a{display: block; width: 290px;
/*height: 100px;*/
border: 1px solid #7c7c7d; padding: 20px 0 26px 35px;text-align: left;}
.flnr li h2{font-size: 22px; color: #fff; margin-bottom: 13px;text-transform: capitalize;}
.flnr img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.flnr p{font-size: 12px; color: #fff; 
/*padding-left: 40px;*/
    
}
.rwma{padding: 0 0 0 28px;text-align: left;}
.rwma li{ padding: 0 8px;display: inline-block;}
.bqxx img{margin: 0 auto;}
.xxnr p{font-size: 18px;text-align: center; color: #fff; line-height: 1.6; padding: 20px 0 20px;border-top: 1px solid rgba(255, 255, 255, 0.6);margin-top: 60px;}
.foot-rb-mes{padding-left: 20px;margin-top: 30px;border-left: 1px solid #7c7c7d;text-align: left;font-size: 18px;}
.foot-rb-mes .l{color: #f4f5fa;opacity: 0.5;float:left;}
.foot-rb-mes .tel{font-size: 30px;color: #fff;float:left;}
.foot-rb-mes .p2{margin-top: 15px;}

/*侧边样式*/
.ul-sub{position:fixed;right:12px;top:40%;z-index:999;width: 66px;}
.ul-sub::before {position: absolute;content: "";bottom: 0;top: 0;left: 0;right: 0;width: 100%;height: 100%;background: #FFFFFF;border: 1px solid rgba(101, 115, 165, 0.15);box-shadow: 0px 10px 20px rgba(101, 115, 165, 0.12);border-radius: 8px;overflow: hidden;
}
.ul-sub li:first-child .icn{ border-radius:8px 8px 0 0 ; -webkit-border-radius:8px 8px 0 0 ; -moz-border-radius:8px 8px 0 0 ; -ms-border-radius:8px 8px 0 0 ; -o-border-radius:8px 8px 0 0 ; }
.ul-sub li:last-child .icn{ border-radius: 0 0  8px 8px; -webkit-border-radius: 0 0  8px 8px; -moz-border-radius: 0 0  8px 8px; -ms-border-radius: 0 0  8px 8px; -o-border-radius: 0 0  8px 8px;}
.ul-sub .icn{display:block;background-color:#FFFFFF;padding:8px 0;box-shadow:0 25px 30px rgba(122,137,157,.1);background-repeat:no-repeat;background-position:center;-o-background-size:auto;background-size:auto;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;position:relative}
.ul-sub .icn:hover{background-color:#fff}
/* .ul-sub .icn1:hover{background-image:url(../images/g-icn08.png)}
.ul-sub .icn2:hover{background-image:url(../images/g-icn06.png)}
.ul-sub .icn3:hover{background-image:url(../images/g-icn04.png)} */
.ul-sub .pic{width: 24px;height: 24px;margin:0 auto 6px;position: relative;z-index: 30;}
.ul-sub img{display:block;margin:0 auto;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;max-width: 100%;max-height: 100%;}
.ul-sub .qr{opacity:0; visibility:hidden; border: 1px solid #E5E8EF; box-shadow: 0px 10px 20px rgba(101, 115, 165, 0.12); border-radius: 8px; position:absolute; top:0%; right:128%; display:block; width:116px; transform:translateY(0%); z-index:-10;  background-color:#fff; box-shadow:0 0 15px rgba(122,137,137,.2); padding:6px 3px 0; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s; -webkit-transform:translateY(0%); -moz-transform:translateY(0%); -ms-transform:translateY(0%); -o-transform:translateY(0%); }
.ul-sub .qr::before { position: absolute; content: ""; top: 8px; right: -5px; width: 8px; height: 8px; background: #FFFFFF; border: 1px solid #D9D9D9; transform: rotate(45deg) !important; -webkit-transform: rotate(45deg) !important; -moz-transform: rotate(45deg) !important; -ms-transform: rotate(45deg) !important; -o-transform: rotate(45deg) !important; border-left: none; border-bottom: none;
}
.ul-sube02:hover .qr, .ul-sub a:hover .qr{opacity:1;visibility:initial}
.ul-sub .qr .txt{text-align:center;font-size:14px;line-height:1.5em;color:#333}
.ul-sub a:hover>img{opacity:0}
/* .ul-sub li:last-child{margin-top:10px} */
.ul-sub .go-top{display:block;padding:15px;box-shadow:0 25px 30px rgba(122,137,157,.1);background-color:#fff;background-repeat:no-repeat;background-position:center;-o-background-size:auto;background-size:auto;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
/* .ul-sub .go-top:hover{background-color:#da262e;background-image:url(../images/g-icn03.png)} */
.ul-sube01 img{
		margin-bottom: -2px;
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-ms-transition: .5s;
		-o-transition: .5s;
	}
	.ul-sube01 p{
		color: #1E2128;
		font-size: 12px;
		text-align: center;
		position: relative;
		padding-bottom: 10px;
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-ms-transition: .5s;
		-o-transition: .5s;
	}
	.ul-sube01 P::after{
		position: absolute;
		content: "";
		bottom: 0%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		width: 80%;
		height: 1px;
		background-color: #E5E8EF;
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-ms-transition: .5s;
		-o-transition: .5s;
	}
	.ul-sube01 li:last-child P::after{
		width: 0;
		height: 0;
	}
	.ul-sube01 .img2{
	display: none;
	}
	.ul-sub .go-top:hover .img1,
	.ul-sube01 .icn:hover .img1{
		display: none;
	}
	.ul-sub .go-top:hover .img2,
	.ul-sube01 .icn:hover .img2{
		display: block;
	}
	.ul-sube01 .icn:hover p,
	.ul-sub .icn:hover{
	color: #da262e;
	}
	/* .ul-sube01 .icn:hover P::after{
		background-color: #da262e;
	} */
	.ul-sub a:hover>img {
		opacity: 1;
	}
	.ul-sube02{
		margin-top: 225px;
		width: 66px;
		height: 65px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
	}
	.ul-sub .go-top {
		display: block;
		padding: 0px;
	}
	.ul-sube02 .qr{
		top: 50%;
		transform: translateY(-50%);
		width: 120px;
		height: 40px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
	}
	
	.ul-sube02 .qr::before {
	 position: absolute;
	 content: "";
	 top: 50%;
	 transform: translateY(-50%) rotate(45deg) !important;
	 right: -5px;
	 width: 8px;
	 height: 8px;
	 background: #FFFFFF;
	 border: 1px solid #D9D9D9;
	 border-left: none;
	 border-bottom: none;
	 -webkit-transform: translateY(-50%) rotate(45deg) !important;
	 -moz-transform: translateY(-50%) rotate(45deg) !important;
	 -ms-transform: translateY(-50%) rotate(45deg) !important;
	 -o-transform: translateY(-50%) rotate(45deg) !important;
	}
	.ul-sub .qr img{
		display: block;
		width: 100px;
		height: 100px;
	}
@media(max-width:1480px){
.nav li{font-size: 20px;}	
}
@media(max-width:1400px){
.schd_nr span{height: 220px;}
.schd_nr ul{margin-left: -60px;}
.schd_nr li{padding: 0 0 90px 60px;}
.nav li{font-size: 18px; padding-left: 30px;}
}
@media(max-width:1200px){
.lxdh p{font-size: 16px;}
.nav li{font-size: 16px; padding-left: 20px;}	
.schd_nr span{height: 180px;}
.ul-sub{width: 60px;}
}
@media(max-width:1000px){
    .ul-sub{display: none;}
    .ul-sube02{display: block;width: 50px;height: 50px;top: auto;bottom:5%;}
    .ul-sub .pic{margin-top: 10px;}
.header{width: 100%; position: fixed; left: 0;top: 0; height: 60px;z-index: 100;}
.fgt{height: 60px;}
.logo{width: 200px; padding-top: 17px;}
.dhbtn{position: absolute; width: 30px;height: 30px; right: 3%; top: 15px;background: url(../images/d1.png) no-repeat center center;background-size: 20px 20px;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center;background-size: 20px 20px;}
/* .nav{position: fixed; background: #fff; width: 100%; height: calc(100% - 60px); top: 60px;left: 0;display: none;}
.nav li{float: none;width: 100%;line-height: 55px; border-bottom: 1px solid #eee; padding: 0; }
.nav li a{padding: 0 15px; color: #333;}
.nav li.cur a:before{width: 100%; bottom: 0;padding: 0 15px;}
.nav ul{padding: 0;} */
.lxdh{display: none;}

.banner{height: 260px;}
.banner_text h2{font-size: 20px;margin-bottom: 20px;}
.banner_text p{font-size: 16px;}
.dqwz p{line-height: 55px; font-size: 16px;}
.schd_title a{font-size: 14px; width: auto; line-height: 45px; padding: 0 15px;}
.schd_title{padding-bottom: 30px;}
.qjtp p{font-size: 12px; line-height: 45px; padding: 0 100px 0 15px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.qjtp .swiper-pagination{bottom: 18px;padding-right: 10px;}
.schd_nr li{width: 50%; padding: 0 0 20px 10px;}
.schd_nr ul{margin-left: -10px;}
.schd_nr span{height: 2.6rem;}
.schd_nr{padding-top: 50px;}
.schdbox h2{font-size: 18px; line-height: 38px;}
.schdbox h3{margin-bottom: 15px;}
.schdbox p{font-size: 14px; line-height: 20px;height: 60px;}
.dynr li a{font-size: 16px; line-height: 35px; padding: 0 12px;}
.dynr{padding-bottom: 50px;}
.dddh{padding: 20px 0;}
.dddh li{font-size: 12px;}
.dddh li span{padding: 0 5px;}
.dddh li a{font-size: 12px;}
.flnr li{vertical-align: middle;padding: 0;}
.flnr li a{width: 190px; padding: 10px;vertical-align: middle;
/*height: 70px;*/
    
}
.flnr li h2{font-size: 14px;margin-bottom: 5px;}
.flnr p{font-size: 12px;
/*padding-left: 30px;*/
    
}
.rwma{padding: 0 0 0 20px;}
.rwma img{width: 80px;}
.bqxx img{width: 160px;}
.xxnr p{font-size: 14px;padding: 20px 1%;margin-top: 30px;}
.foot-rb-mes{font-size: 14px;padding-left: 10px;}
.foot-rb-mes .tel{font-size: 16px;}
.rwma li{padding-left: 0;}
}

/********************关于*****************/
.he_syp2 {
    width: 100%;
    position: relative;
    height: 220vh;
    overflow: hidden;
}
.mc_bs3_videobox {
    width: 100vw;
    height: 100vh;
    position: relative;
    z-index: 1;
    left: 50% !important;
    transform: translateX(-50%) !important;
}
.mc_bs3_videowrap {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100vh;
    max-width: none;
    overflow: hidden;
    display: none;
}
.mc_bs3_video {
    width: 100%;
    height: auto;
    max-width: none;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    min-height: 100vh;
    transition: inherit;
    /* background: transparent; */
}
.mc_bs3_svg {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 120%;
    max-width: none;
    transition: all 0.36s;
}
.mc_bs3_videobox.end .mc_bs3_svg {
    opacity: 0;
}
.mc_bs3_videobox.act .l_d1bx1tp {
    opacity: 0;
    visibility: hidden !important;
}



.about-banner{ background: url(../images/about-banner.png) center no-repeat; background-size: cover!important; }
.logo-sm{ margin-top: 80px; }
.title-about{ font-size: 44px; color: #000; line-height: 44px; margin-top: 10px; }
.about-width{ max-width: 70%; margin:0 auto; margin-top: 70px; }
.pull-right{ float: right; }
.about-p{ font-size: 20px; color: #000; line-height: 35px; text-align: justify; }
.about-b-left{ float: left; width: 280px; }
.about-b-title{ font-size: 26px; margin-top: 70px; color: #000; width: 78px; padding-bottom: 25px; border-bottom: solid 2px #da262e; }
.about-b-txt{ font-size: 20px; color: #000; text-align: justify; line-height: 35px; margin-top: 25px; }
.about-b-right{ float: right; width: 490px; }
.about-back{ margin-top: 80px; background: url(../images/about-back.png) center no-repeat; background-size: cover; }
.about-back-center{ position: relative; }
.about-back-ul li{ float: left; width: 25%; padding-top: 360px; height: 660px; border-left: solid 1px rgba(255,255,255,0.3); }
.about-back-ul{ border-right: solid 1px rgba(255,255,255,0.3); }
.about-number-left{ font-size: 80px; position: relative; z-index: 10; color: #fff; font-family: "Swis721 Cn BT"; font-weight: bold; float: left; }
.about-number{ padding-left: 70px; position: relative; }
.about-number-right{ font-size: 24px; margin-top: 5px; position: relative; z-index: 10; color: #fff; margin-left: 15px;  float: left; } 
.about-number-img{ position: absolute; transition: 0.3s all; left: 0; top: 0; line-height: 58px; padding:0 10px; height: 58px; background: rgba(255,255,255,0.3); width: 56px; }
.about-number-img img{ opacity: 0.5; display: inline-block; vertical-align: middle;}
.about-number-p{ padding-left: 70px; font-size: 14px; color: #fff; margin-top: 10px; line-height: 1.6;}
.about-back-ul li:hover .about-number-img{ width: 240px; background: #da262e; }
.about-back-ul li:hover .about-number-img img{ opacity: 1; }
.about-back-top{ position: absolute; left: 0; top: 140px; right: 0; }
.about-back-left{ font-size: 36px; color: #fff; float: left; }
.about-back-left span{ font-size: 32px; }
.about-back-right{ float: right; width: 925px; padding-right: 30px; font-size: 18px; color: #fff; text-align: justify; line-height: 35px;}
.shopw-top .about-back-left{ color: #000; }
.shopw-top .about-back-right{ color: #000; }
.shopw-top{ margin-top: 120px; }
.tabs-ul li{ float: left; width: 50%; margin-bottom: -3px; text-align: center; }
.tabs-ul{ width: 400px; margin:70px auto 90px auto; border-bottom: solid 2px #000; }
.tabs-ul li a{ display: inline-block; padding-left: 10px; padding-right: 10px; font-size: 26px; color: #000; padding-bottom: 17px; }
.tabs-ul li.active a{ border-bottom: solid 4px #da262e;  }
.about-swiper .swiper-slide {
background-position: center;
background-size: cover;
width: 415px;
height: 275px;
}

.swiper-slide img {
display: block;
width: 100%;
}
.swiper-3d .swiper-slide-shadow-left,.swiper-slide-shadow-right{ display: none; }
.about-swiper-box{ position: relative; padding-bottom: 70px; }
.about-swiper-box .swiper-button-next{ bottom: 0; outline: none; left: 50%; right: auto; margin-left: 15px; width: 40px; height: 17px; background: url(../images/about-right01.png) center no-repeat; top: auto; opacity: 1; }
.about-swiper-box .swiper-button-prev{ bottom: 0; outline: none; margin-right: 15px; right: 50%; left: auto; width: 40px; height: 17px; background: url(../images/about-left01.png) center no-repeat; top: auto; opacity: 1; }
.about-swiper-box .swiper-button-next:hover{ background: url(../images/about-right02.png) center no-repeat; }
.about-swiper-box .swiper-button-prev:hover{ background: url(../images/about-left02.png) center no-repeat; }
.swiper-button-next:after, .swiper-button-prev:after{ display: none; }
.about-ry{ background: url(../images/about-ry.png) center no-repeat; background-size: cover; margin-top: 80px; padding:100px 0 170px 0; }
.about-ry .about-back-left{ color: #000; }
.ry-swiper a{ display: block; position: relative; padding-top: 145%; }
.ry-swiper a img{ position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%;transform:translate(-50%,-50%); }
.ry-swiper .swiper-slide{ padding:0 45px; }
.ry-swiper-box{ position: relative; margin-top: 50px; padding:0 40px; overflow:hidden; }
.ry-swiper-box .swiper-button-next-ry{width: 40px; outline: none; margin-top: -9px; height: 17px; background: url(../images/about-right01.png) center no-repeat;}
.ry-swiper-box .swiper-button-prev-ry{width: 40px; outline: none; margin-top: -9px; height: 17px; background: url(../images/about-left01.png) center no-repeat;}
.ry-swiper-box .swiper-button-next:hover{ background: url(../images/about-right02.png) center no-repeat; }
.ry-swiper-box .swiper-button-prev:hover{ background: url(../images/about-left02.png) center no-repeat; }
.about-bottom{ background: url(../images/about-bottom.png) center bottom no-repeat; padding:100px 0 70px 0; overflow:hidden; }
.about-bottom .about-back-left{ color: #000; }
.about-bottom-left{ padding-left: 66px; float: left; width: 615px; margin-top: 130px; }
.about-bottom-p{ position: relative; line-height: 35px; padding-left: 55px; margin-bottom:50px; font-size: 20px; color: #555; }
.about-bottom-p i{ position: absolute; left: 0; top: 50%; transform: translate(0,-50%); }
.about-bottom-p span{ font-size: 24px; color: #000; }
.about-bottom-right{ width: 785px; float: right; margin-top: 65px; }
.about-bottom-tt{ font-size: 30px; color: #000; margin-bottom: 80px; }
.input-width{ width: 50%; padding:0 40px; float: left; }
.input-widtuh-box{ margin:0 -40px; padding-bottom: 50px; }
.about-input{ border:none; border-bottom: solid 1px #ddd; font-size: 20px; color: #555; width: 100%; padding:10px; }
.input-width-lg{ width: 100%; }
.input-width-sm{ width: 70%; position: relative; }
.yzm-a{ position: absolute; right: 40px; top: 50%; margin-top: -15px; }
.yzm-a img{ width: 85px; height: 30px; }
.about-btn{ width: 190px; height: 86px; line-height: 86px; padding:0; border-radius: 0; color: #fff; background: #da262e; border:none; cursor: pointer; outline: none!important; font-size: 26px; }
.about-btn span{ padding-right: 60px; background: url(../images/raw.png) right center no-repeat;text-transform: capitalize; }
.about-btn:hover{ background: #f9242e; }
.tab-content{ position: relative; }
a{ cursor: pointer; }
.tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; opacity: 0; filter:alpha(opacity=0); transition: 0.5s all; }
.tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100); }
        .bigimg{width:600px;position: fixed; height:auto!important; left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
        .mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
        .bigbox{width:840px;background: #fff;border:1px solid #ededed;margin:0 auto;border-radius: 10px;overflow: hidden;padding:10px;}
        .bigbox>.imgbox{width:400px;float: left;border-radius: 5px;overflow: hidden;margin: 0 10px 10px 10px;}
        .bigbox>.imgbox>img{width:100%;}
        .imgbox:hover{cursor:zoom-in}
        .mask:hover{cursor:zoom-out}
        .bigimg:hover{cursor: move}
        .mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
        .mask>img:hover{cursor:pointer}
/**********产品2***********/
.shop-box{ position:relative; padding-left: 300px; overflow:hidden; min-height: 700px; padding-bottom: 20px; padding-top: 100px; }
.shop-nav{ position: absolute; left: 0; top: 100px; z-index: 100; }
.shop-nav li a{ font-size: 20px; width: 180px; position: relative; color: #000; display: block; line-height: 1.5em; padding: 4px 0; padding-left: 20px; }
.shop-nav li a:before{ display: block; content: ""; position: absolute; left: -8px; top: 50%; width: 17px; height: 17px; background: url(../images/icon-shop01.png) center no-repeat; margin-top: -8px;  }
.shop-nav li{ margin-bottom: 30px; margin-left: 8px; }
.shop-nav li.active a,.shop-nav li a:hover{ color: #fff; }
.shop-nav li.active a span,.shop-nav li a:hover span{ padding-left: 25px; background: #da262e; }
.shop-nav li a span{ display: block; transition: 0.3s all; }
.shop-nav li a:hover:before,.shop-nav li.active a:before{ background: url(../images/icon-shop02.png) center no-repeat; }
.shop-box:before{ display: block; content: ""; position: absolute; left: 8px; top: 0; bottom: 0; border-right: solid 1px #ddd; }
.shop-ul li{ float: left; width: 33.333333%; padding:0 6px; margin-bottom: 75px; }
.shop-ul{ margin:0 -6px; }
.shop-ul-tt{ font-size: 20px; color: #000; margin-top: 25px; text-align: center; }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
.shop-ul-p{ color: #666; font-size: 18px;height:1.5em; margin-top: 10px; text-align: center; }
.shop-ul-img{ position: relative; padding-top: 80.049%; border: 1px solid #ccc;}
.shop-ul-img img{ position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%;transform:translate(-50%,-50%); }

.pagination .prev,
.pagination .next{
    width: 0;
}
.pagination .pageinfo{
    font-size: 16px;
    margin-left: 12px;
}
.pagination .current,
.pagination  a,
.pagination li a{ font-size: 24px; display: inline-block; width: 50px; height: 50px; line-height: 50px; color: #000; background: #e7e7e7;padding: 0;}
.pagination li{ display: inline-block; }
.text-center{ text-align: center; }
.pagination{ padding:50px 0; display:flex;align-items:center;justify-content:center;flex-wrap: wrap;}
.pagination .current,
.pagination  a:hover,
.pagination li a:hover,.pagination li.active a{ color: #fff!important; background: #da262e; border-color: #da262e; }
.img-hide:hover .shop-ul-img  img,
.shop-ul-img:hover img{transform:translate(-50%,-50%) scale(1.05);}
/*************产品详情************/
.shop-banner{ background: url(../images/xq-banner.png) center no-repeat; background-size: cover; padding-bottom: .3rem; }
.shop-banner-width{ width: 98%; margin:0 auto; }
.shop-banner-width .dqwz p{ width: 100%; max-width: 100%; }
.shop-banner-left{ width: 140px; float: left; }
.slick-vertical .slick-slide{ padding-bottom: 10px; outline: none!important; border:none!important; background: none; }
.shop-banner-width .dqwz{ border:none; margin-bottom: 35px; }
.slick-vertical .slick-slide a{ display: block; position: relative; outline: none!important; padding-top: 100%; background:#e2e2e2;;}
.slick-vertical .slick-slide a img{ position: absolute; opacity: 0.5; transition: 0.3s all; left: 0; top: 0; width: 100%; height: 100%; }

.slick-vertical .slick-current a{background: #fff!important;}
.slick-vertical .slick-current a img{ opacity: 1; }
.shop-banner-right{ float: left; width: 53%;  }
.shop-banner-right a{ display: block; position: relative; padding-top: 75%; outline:0;}
.shop-banner-right a img{ position: absolute; left: 50%; top: 50%; width: auto;max-height: 90%;transform:translate(-50%,-50%); }
.shop-banner-c{ width: 40%; background: #fff; padding:0.4rem; }
.shop-banner-tt{ font-size: 0.4rem; font-weight: bold; color: #da262e; }
.shop-banner-tt-sm{ font-size: 0.26rem; color: #000; margin-top: 0.2rem; }
.shop-banner-p{ font-size: 0.18rem; color: #555; margin-top: 0.35rem; }
.shop-banner-p span{ display: inline-block; margin-right: 0.2rem; margin-bottom: 0.2rem; }
.share-left{ font-size: 0.2rem; color: #000; line-height: 1.5; margin-top: 0.45rem; float: left; }
.share-link a{ display: inline-block; margin-right: 0.05rem; }
.share-link a img{ display: block; width: 0.3rem; }
.share-link{ float: left; padding-left: 0.15rem; margin-top: 0.45rem; }
.shop-lind-lind{ border-top: solid 1px #ddd; margin-top: 0.15rem; max-width: 4.15rem; }
.shop-banner-a a{ display: block; float: left; margin-top: 0.9rem; width: 50%; font-size: 0.2rem; color: #fff; line-height: 0.8rem; background: #da262e; text-transform: capitalize;}
.shop-banner-a a:last-child{ background: #333; }
.shop-banner-left{ width: 7%; }
.xq-box li{ display:inline-block; padding:0 3%;-webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;}
.xq-box li:hover,
.xq-box li.current{
    background-color: #da262e;
}
.xq-box li a{ font-size: 20px; color: #fff; line-height: 70px; display: block; }
.xq-box{ background: #333; width: 100%; }
.xq-box.active{ position: fixed; left: 0; right: 0; top: 90px; z-index: 1000; }
.xq-box-height.active{ height: 70px; }
.xq-title{ font-size: 36px; color: #000; margin:100px 0 60px 0; }
.video-list li{ float: left; width: 25%; padding:0 22px; margin-bottom: 40px; }
.video-list{ margin:0 -22px; }
.video-list-tt{ font-size: 20px; color: #555; margin-top: 15px; }
.xq-title-b{ margin-top: 70px; }
.cp-ul{ display: flex; margin:0 -3px; }
.cp-ul li{ flex: 1; padding:0 3px; transition: 0.3s all; }
.cp-ul li a{ display: block; height: 600px; position: relative; }
.cp-ul li.lg{ flex: 3; }
.txt-mask{ position: absolute; height: auto; padding:50px 0; left: 0; right: 0; bottom: 0; background: url(../images/txt-mask.png) center no-repeat; background-size: 100% 100%; }
.txt-mask-tt{ font-size: 18px; color: #fff; text-align: center; line-height: 34px; }
.txt-mask-p{font-size: 14px; display: none; color: #fff; margin-top: 20px;}
.cp-ul li.lg .txt-mask{ padding-left: 50px; padding-right: 50px; }
.cp-ul li.lg .txt-mask-tt{ text-align: left; }
.cp-ul li.lg .txt-mask-p{ display: block; }
.yy-list li{ float: left; width: 50%; padding:0 10px; margin-bottom: 20px; }
.yy-list{ margin:0 -10px; }
.yy-list li a span{ position: absolute; left: 30px; right: 30px; top: 50%; text-align: center; transform: translate(0,-50%); font-size: 26px; color: #fff; }
.yy-list li a img{object-fit:cover;}
.yy-list li:nth-child(1) a,.yy-list li:nth-child(2) a,.yy-list li:nth-child(6) a,.yy-list li:nth-child(7) a,.yy-list li:nth-child(11) a,.yy-list li:nth-child(12) a{ display: block; position: relative; padding-top: 38%; }
.yy-list li:nth-child(1) a img,.yy-list li:nth-child(2) a img,.yy-list li:nth-child(6) a img,.yy-list li:nth-child(7) a img,.yy-list li:nth-child(11) a img,.yy-list li:nth-child(12) a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.yy-list li:nth-child(3),.yy-list li:nth-child(4),.yy-list li:nth-child(5),.yy-list li:nth-child(8),.yy-list li:nth-child(9),.yy-list li:nth-child(10),.yy-list li:nth-child(13),.yy-list li:nth-child(14),.yy-list li:nth-child(15){ width: 33.333333%; }
.yy-list li:nth-child(3) a,.yy-list li:nth-child(4) a,.yy-list li:nth-child(5) a,.yy-list li:nth-child(8) a,.yy-list li:nth-child(9) a,.yy-list li:nth-child(10) a,.yy-list li:nth-child(13) a,.yy-list li:nth-child(14) a,.yy-list li:nth-child(15) a{ display: block; position: relative; padding-top: 56%; }
.yy-list li:nth-child(3) a img,.yy-list li:nth-child(4) a img,.yy-list li:nth-child(5) a img,.yy-list li:nth-child(8) a img,.yy-list li:nth-child(9) a img,.yy-list li:nth-child(10) a img,.yy-list li:nth-child(13) a img,.yy-list li:nth-child(14) a img,.yy-list li:nth-child(15) a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit:cover;}
.cl-list li{ float: left; width: 25%; padding:0 27px; margin-bottom: 30px; }
.cl-list{ margin:0 -27px; padding-bottom: 90px; }
.cl-list li a{ display: block; border:solid 1px #ddd; padding:35px; height: 162px; }
.cl-list-tt{ font-size: 20px; line-height: 30px; height: 60px; color: #000; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.cl-list-p{ font-size: 16px; height: 36px; color: #666; line-height: 26px; padding-top: 10px; position: relative; padding-right: 60px; }
.cl-list-p img{ margin-right: 10px; float: left; }
.cl-list-p:before{ display: block; content: ""; position: absolute; right: 0; bottom: 0; width: 36px; height: 36px; background: url(../images/icon-down.png) center no-repeat;    background-size: contain; }
.cs-img img{ width: 100%;height:auto; }
body,html{ overflow-x: hidden; }
.video-list-img{ position: relative; padding-top: 63%; }
.video-list-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit:cover;}
/****************服装品类****************/
.fz-top{ background: #f6f6f7; position: relative; padding:35px 50px; }
.fz-top-tt{ font-size: 26px; color: #da262e; font-weight: bold; }
.fz-top-title{ font-size: 36px; color: #000; margin-top: 30px; }
.fz-top-p{ margin:55px 0 0 180px; }
.fz-top-p p{ font-size: 18px; color: #000; line-height: 35px; }
.fz-top:before{ display: block; content: ""; position: absolute; left: 0; top: 0; height: 180px; width: 12px; background: #da262e; }
.fz-img img{ max-width: 100%; }
/*******************市场活动*********************/
.hd-tabs{ display: inline-block; }
.hd-tabs li{ float: left; text-align: center; font-size: 0; line-height: 70px; }
.hd-tabs li a{ display: inline-block; vertical-align: middle; font-size: 20px; color: #000; width: 180px; padding-top: 10px; line-height:1.5em; padding: 0 5px;}
.hd-tabs li.active a{ color: #fff; background: #da262e; }
.hd-tabs li.active{
    background-color: #da262e;
}
.hd-tabs{ margin-bottom: -20px; }
.sc-slick a{ display: block; position: relative; padding-top:55.3%; }
.sc-slick a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit:cover;}
.sc-slick a span{ position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); font-size: 20px; color: #fff; line-height: 70px; padding:0 100px 0 40px; }
.sc-slick .slick-dots{ left: auto; right: 20px; bottom: 30px; width: auto; }
.sc-slick .slick-dots li,.sc-slick .slick-dots li button{ width: 20px; height: 6px; padding:0; }
.sc-slick .slick-dots li button{ background: #fff; opacity: 0.5; }
.sc-slick .slick-dots li.slick-active button{ opacity: 1; }
.slick-dots li button:before{ display: none; }
.hd-ul-bottom{ padding:10px 10px 0 10px; }
.hd-ul-tt{ font-size: 22px; margin-top: 15px; color: #000; text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  }
.hd-ul-date{ font-size: 16px; color: #555; margin-top: 15px; }
.hd-ul-p{ font-size: 16px; color: #787878; line-height: 30px; margin-top: 25px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; height: 60px;}
.hd-ul li{ float: left; width: 33.333333%; padding:0 31px; margin-top: 31px; }
.hd-ul{ margin:0 -31px; padding-bottom: 30px; }
.sc-slick{ margin-bottom: 0px; margin-top: 90px; }
.hd-ul-img{ position: relative; padding-top: 55.21%; }
.hd-ul-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;object-fit:cover; }
.video-list-lg li{ margin-bottom: 80px; }
/***************新闻详细页****************/
.article-left{ width:1100px; float: left; margin-top: 180px; padding-bottom: 40px; overflow: hidden;}
.acticle-title{ font-size: 40px; color: #000; }
.article-sm{ color: #ccc; margin-top: 25px; font-size: 16px; }
.article-p p{ font-size: 16px; color: #000; text-align: justify; line-height: 35px; }
.article-p{ margin-top: 60px;  color: #000; text-align: justify; line-height: 35px; font-size: 16px;}
.article-link p a{ font-size: 16px; color: #555; }
.article-link p{ margin-bottom: 20px; }
.article-link{ margin-top: 100px; }
.article-link p a:hover{ color: #da262e; }
.article-right{ float: right; width: 270px; margin-top: 180px; }
.article-right-tt{ font-size: 24px; color: #000; background: url(../images/tt-lind.png) left center no-repeat; padding-left: 20px; margin-bottom: 60px; }
.tj-ul-img{ position: relative; padding-top: 63%; }
.tj-ul-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.tj-ul-tt{ font-size: 18px; color: #555; margin-top: 15px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
.tj-ul li{ margin-bottom: 50px; }
.article-p p img{ max-width: 100%; }
.xq-title a{ float: right; margin-top: 10px; font-size: 18px; color: #000; background: url(../images/more.png) right center no-repeat; padding-right: 35px; }
.pagination a:hover,
.video-list li a:hover .video-list-tt,.xq-title a:hover,.pagination li a:hover,.hd-ul li a:hover .hd-ul-tt,.hd-tabs li a:hover,.tj-ul li:hover .tj-ul-tt,.shop-ul li a:hover .shop-ul-tt{ color: #da262e; }
.xq-title a:hover{ background: url(../images/more02.png) right center no-repeat; }
.hd-tabs li.active a:hover{ color: #fff; }

.fz-title{ font-size: 24px; margin-bottom: 35px; font-weight: bold; color: #e42426; font-weight: bold; line-height: 24px; padding-left: 10px; border-left: solid 5px #e42426; margin-top: 110px; }

.table-tt{ font-size: 16px;  color: #333; width: 90px; margin-bottom: 20px; }
.table-tt-tow{ padding-left: 5%; width: 28%; }
.pull-left{ float: left; }
.table-tt-three{ padding-left: 5%; width: 32%; }
.table-tt-four{ padding-left: 5%; width: 40%; }
.table-img{ position: relative; border:solid 1px #999; }
.table-img img{ width: 100%; height: 50%; }
.table-img span{ position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: #ec1e23; font-size: 12px; color: #fff; text-align: center; line-height: 20px; }
.gx-box{ border:solid 1px #999; height: 52px; line-height: 50px; font-size: 26px; padding:0 20px 0 55px; position: relative; text-align: left; background: #fff; }
.gx-box span{ display: inline-block; width: 25px; height: 25px; border-radius: 50%; line-height: 23px; text-align: center; position: absolute; left: 20px; margin-top: 2px; top: 50%; transform: translate(0,-50%); float: left; border:solid 1px #ec1e23; color: #ec1e23; font-size: 14px; font-weight: bold; }
.pl-box{ border:solid 1px #999; line-height: 50px; padding:0 15px; font-size: 26px; color: #000; background: #dfdfdd; }
.yj-box{ border:solid 1px #999; line-height: 50px; padding:0 15px; font-size: 26px; color: #000; background: #fff; }
.table-ul-b .table-tt{ margin-bottom: 0; }
.table-ul-b li{ position: relative; padding-bottom: 20px; height: 72px; background: url(../images/raw-li.png) center bottom no-repeat;  }
.table-ul-b li:before{ display: block; content: ""; position: absolute; left: 0; top: 25px; border-top: solid 1px #999; right: 0; }
.table-ul-b li div{ position: relative; z-index: 10; font-size: 14px; }
.table-ul{ width: 100%; }
.table-ul-b li:last-child{ background: none }
.table-ul li{ padding-left: 90px; position: relative; }
.table-ul li .table-tt-a{ position: absolute; left: 0; top: 0; }
.video-mask,.video-close{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); z-index: 10000; }
.video-mask-box{ width: 60%; max-width: 1000px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);  z-index: 100001; }
.video-close{ display: block; background: none; }
/***************服务****************/
.fw-title{ color: #000; margin-top: 80px; }
.fw-p{ max-width: 1160px; color: #000; margin:80px auto 0 auto; line-height: 40px; font-size: 22px; }
.fw-title{ float: none; }
.fw-title span{ display: inline-block; margin-top: 10px; }

.number-back{ background: #f7f7f7; padding:90px 0; margin-top: 80px; }
.number-top span{ display: inline-block; font-size: 72px; position: relative; color: #c6000b; font-weight: bold; }
.number-p{ font-size: 18px; color: #000; margin-top: 20px; }
.number-top span i{ position: absolute; white-space:nowrap; left: 100%; font-size: 40px; font-weight: bold; margin-left: 10px; top: -10px; }
.number-list li{ float: left; text-align: center; width: 33.333333%; position: relative; padding:30px 0; }
.number-list li:before{ display: block; content: ""; position: absolute; right: 0; top: 0; bottom: 0; border-right: solid 1px #d2d2d2; }
.number-list li:last-child:before{ display: none; }
.number-list-sm li{ width: 20%; padding:0; margin-top: 95px; text-align: center; }
.number-list-sm li .number-top span i{ width: 75px; height: 41px; line-height: 34px; text-align: center; font-size: 18px; color: #666; font-weight: normal; background:url(../images/number-b.png) center top no-repeat; border-radius: 30px; }
.number-list-sm li:hover .number-top span i{ background: url(../images/number-a.png) center no-repeat;color:#fff; }
.px-left{ width: 44%; }
.px-title{ font-size: 22px; color: #c6000b; font-weight: bold; margin-top: 100px; }
.px-txt{ font-size: 18px; color: #000; text-align: justify; line-height: 40px; margin-top: 10px; }
.px-right{ float: right; width: 50%; }
.px-slick{ margin:0; }
.px-slick .slick-dots{ bottom: -20px; right: 0; left: auto; width: auto; }
.px-slick .slick-dots li,.px-slick .slick-dots li button{  width: 12px; height: 12px; border-radius: 50%; }
.px-slick .slick-dots li button{ background: #636363; }
.px-slick .slick-dots li.slick-active button{ background: #c6000b; }
.number-list-xs li{ float: left; width: 16.666666%; margin-top: 100px; }
.number-list-xs li .number-top span i{ font-size: 20px; color: #000; font-weight: normal; white-space:nowrap; }
.number-list-xs li:before{ display: none!important; }
.number-list-xs{ margin:0 -60px 0 -100px; }
.hd-back{ background: url(../images/hd-back.png) center no-repeat; background-size: cover; padding:70px 0 180px 0; }
.hd-back .about-back-left{ color: #fff; }
.hd-ul-img-c{ width: 166px; height: 166px; margin:0 auto; line-height: 162px; position: relative; border-radius: 50%; border:solid 2px #fff; }
.hd-ul-img-c img{ display: inline; vertical-align: middle; }
.hd-ul-img-c img.img-hover{ display: none; }
.hd-ul-tt-b{ font-size: 28px; color: #fff; margin-top: 45px; }
.shd-ul-p{ font-size: 18px; color: #fff; opacity: 0.6; line-height: 30px; margin-top: 15px; }
.hd-ul-b li{ float: left; width: 20%; margin-top: 135px; }
.hd-ul-b{ margin:0 -30px; }
.hd-ul-b li:hover .hd-ul-img-c img{ display: none; }
.hd-ul-b li:hover .hd-ul-img-c img.img-hover{ display: inline; }
.hd-ul-b li:hover .hd-ul-img-c{ border-color: #da262e; }
.hd-ul-b li:hover .shd-ul-p{ color: #fff; opacity: 1; }
.xy-box{ margin-top: 90px; }
.lj-p{ font-size: 20px; color: #000; margin-top: 35px; }
.lj-back{ margin-top: 0; }
.lj-ul li{ float: left; width: 33.333333%; padding:0 73px; margin-top: 120px; }
.lj-ul{ margin:0 -73px; }
.lj-ul-img{ position: relative; padding-top: 65%; }
.lj-ul-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.lj-ul-tt{ font-size: 24px; color: #000; margin-top: 30px; }
.lj-ul-p{ max-width: 250px; line-height: 35px; margin:0 auto; color: #555; opacity: 1; margin-top: 15px; font-size: 18px; }
.fw-sm-left{ font-size: 20px; float: left; position: relative; color: #000; width: 60px; line-height: 28px; }
.fw-sm-left:before{ display: block; content: ""; position: absolute; right: 0; top: 50%; height: 50px; border-right: solid 1px #000; margin-top: -25px; }
.fw-sm-right{ font-size: 40px; color: #c6000b; font-weight: bold; float: left; line-height: 50px; margin-left: 20px; }
.fw-sm-r .fw-sm-left{ width: 80px; line-height: 50px; }
.fw-sm{ float: left; }
.fw-sm-r{ margin-left: 120px; }
.fw-bottom{ display: inline-block; margin:60px 0; }
.px-slick a{ display: block; position: relative; padding-top: 60%; }
.px-slick a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit:cover;}
.dw-box{ position: relative; }
.scroll-dw{ position: absolute; left: 0; top: -250px; right: 0; height: 1px; }


.page-box{ padding-top: 90px; }

/**************新增**********************/
.ld-txt{ line-height: 35px; color: #555; text-align: justify; font-size: 17px; margin-top: -30px; }
.ld-img{ text-align: center; margin-top: 50px; }
.ld-img img{ display: inline-block; max-width: 100%; }
.gy-list-tt{ font-size: 24px; color: #000; }
.gy-list-img img{ display: inline-block; }
.gy-list-img{ height: 90px; }
.gy-list-p{ font-size: 14px; color: #555; line-height: 1.5em; margin-top: 15px; }
.gy-list li{ float: left; width: 33.333333%; padding:0 15px; margin-top: 120px; }
.gy-list{ margin:0 -15px; }
.gy-list-width{ max-width: 250px; margin:0 auto; width: 100%; }
.px-left-lj{ border-bottom: solid 1px #ddd; padding-bottom: 50px; }
/******************服务支持*****************/
.zc-box{ background: #f2f2f2; padding-top: 190px; }
.zc-box .schd{ padding-right: 500px; position: relative; }
.zc-box-list li{ float: left; text-align: center; padding-top: 45px; border-right: solid 1px #c2c2c2; font-size: 23px; color: #000; width: 33.333333%; height: 255px; }
.zc-box-list{ width: 100%; }
.zc-box-list-img img{ display: inline-block; }
.zc-box-list-img{ height: 115px; }
.zc-box-img{ position: absolute; right: 0; top: 0; }
.zc-box-list li:last-child{ border:none; }
.zc-title{ font-size: 46px; color: #000; margin-top: 110px; margin-bottom: 70px; }
.zc-p p{ font-size: 19px; color: #555; line-height: 35px; margin:0; text-align: justify; }
.zc-tt-sm{ font-size: 23px; margin-bottom: 15px; color: #da262e; font-weight: bold; margin-top: 50px; }
.zc-p p span{ color: #da262e; }
.sb-box{ border-bottom: solid 2px #ddd; padding-bottom: 120px; }
/************挑战赛2**********/
.article-box{ position:relative; padding-top: 120px; min-height: 80vh; }
.article-box img{ width: 100%; }
.article-box:before{ display: block; content: ""; position: absolute; left: 0; top: 0; bottom: 0; border-left: dashed 1px #ddd; }
.article-ul,.article-box .shop-nav{ position: absolute; top: 0; padding-top: 130px; left: auto; }
.tz-title{ font-size: 40px; color: #000; }
.tz-tt-sm{ font-size: 30px; color: #000; margin-top: 20px; }
.tz-article p{ font-size: 20px; color: #555; text-align: justify; line-height: 35px; margin-bottom: 30px; }
.tz-article{ margin-top: 40px; }
.article-ul li a{ font-size: 24px; color: #555; position: relative; padding-left: 20px; }
.article-ul li{ margin-top: 50px; }
.article-ul li a:before{ display: block; content: ""; position: absolute; left: 0; top: 50%; border-top: solid 1px #ddd; width: 12px; }
.article-ul li a:hover,.article-ul li.active a{ color: #da262e; }
.article-box-right{ padding-left: 235px; }
.back-bottom{ padding-bottom: 200px; position: absolute; left: 0;bottom: 0; }
.article-ul.active,.article-box .shop-nav.active{ top: auto!important; bottom: 70px; position: absolute!important; }
.article-height{ height: 60px; }
.article-box .shop-nav{ padding-top: 150px; }
.article-box-a:before{ left: 8px; }
.article-box-a .back-bottom{ padding-bottom: 220px; }
/***************商务合作***************/
.sw-back{ background: #f7f9fa; padding:65px 0 130px 0; }
.sw-title{ font-size: 36px; color: #000; }
.sw-tt-sm{ font-size: 20px; color: #555; margin-bottom: 130px; margin-top: 20px; }
.sw-left{ max-width: 685px; width: 50%; background: #fff; padding:60px 80px; }
.sw-left-sm{ width: 50%; padding:0 10px; float: left; }
.sw-left-width{ margin:0 -10px; }
.sw-left-tt{ font-size: 20px; color: #000; margin-bottom: 10px; }
.sw-left-tt span{ color: #ff0000; }
.sw-left-width .form-control{ box-shadow: none; min-height: 40px; margin-bottom: 20px; }
.sw-left-lg{ width: 100%; }
.btn-sw{ width: 100%; background: #da262e; font-size: 24px; color: #fff!important; padding:10px; }
.sw-right-txt{ font-size: 20px; color: #555; text-align: justify; line-height: 30px; }
.sw-right{ max-width: 645px; width: 50%; }
.sw-right-txt{ margin-left: 70px; padding-left: 50px; padding-top: 30px; background: url(../images/icon-sw.png) left top no-repeat; max-width: 530px; }
.sw-img-b{ margin-left: 120px; margin-top: 30px; }
.sw-back-img{ margin-top: -50px; }
.pick-show{ width: 100%; height: 40px; line-height: 38px; }
.pick-area{ width: 100%!important; margin-bottom: 20px; }
@media( max-width: 1600px){
.xq-box.active{ top: 80px; }
.xq-box li a{ font-size: 16px; }
.page-box{padding-top: 80px;}
}


@media( max-width: 1480px){
	.about-bottom-left{ width: 41.5%; }
	.about-bottom-right{ width: 53%; }
	.about-back-right{ padding-right: 0; float: none; margin-left: 440px; width: auto; }
	.cl-list li{ width: 33.333333%; }
	.article-left{ width: 1000px; }
}
@media( max-width: 1420px){
	.article-left{ width: 900px; }
        .zc-box-img{ width: 30%; }
        .zc-box-img img{ width: 100%; }
        .zc-box .schd{ padding-right: 30%; }
	}
@media( max-width: 1299px){
	.article-left{ width: 800px; }
        .number-top span{ font-size: 36px; }
        .number-list-xs{ margin:0; }
        .hd-ul-tt-b{ font-size: 24px; }
        .fw-sm-r{ margin-left: 60px; }
        .sw-left-sm{ width: 100%; }
        .sw-left{ padding:40px; }
	}
@media( max-width: 1199px){
	.article-left{ width: 700px; }
	
	.xq-title{font-size:20px;}
	
	.he_syp2 {
    height: inherit;
}
.mc_bs3_videobox {
    width: 100%;
    height: inherit;
}
.mc_bs3_videowrap {
    position: relative;
    top: inherit;
    left: inherit;
    right: inherit;
    bottom: inherit;
    width: 100%;
    height: 100%;
    display: block;
    transform: inherit;
    margin-top: 30px;
}
.mc_bs3_video {
    width: 100%;
    height: inherit;
    position: relative;
    transform: inherit;
    min-height: inherit;
}
.mc_bs3_svg {
    display: none;
}

	}
@media( max-width: 1099px){
	.article-left{ width: 650px; }

	}
@media( max-width: 1023px){
	.title-about{ font-size: 36px; }
	.about-width{ margin-top: 50px; }
	.about-b-title{ margin-top: 50px; }
	.about-back-left{ width: 100%; font-size: 36px; float: none; }
	.about-back-left span{ font-size: 32px; }
	.about-back-right{ margin-left: 0; width: 100%; margin-top: 30px; }
	.about-back-ul li{ height: auto; padding-top: 430px; padding-bottom: 80px; }
	.about-back-ul li:hover .about-number-img{ width: 180px; }
	.about-bottom-left{ padding-left: 0; }
	.about-b-left,.about-b-right{ width: 50%; }
	.about-b-left{ padding-right: 30px; }
	.shop-box{ padding-left: 220px; }
	.shop-banner-left{ display: none; }
	.shop-banner-right{ width: 100%; margin:0; }
	.shop-banner-c{ width: 100%; }

	.cl-list li{ width: 50%; }
	.fz-top-p{ margin:30px 0 0 0px; }
	.hd-ul li{ padding:0 20px; margin-top: 40px; }
	.hd-ul{ margin:0 -20px; }
	.article-left{ width: 100%; }
	.article-right{ display: none; }
	.fw-sm-left{font-size:14px;}
        .fw-sm-right{ font-size: 16px; }
        .lj-ul li{ padding:0 30px; margin-top: 50px; }
        .lj-ul{ margin:0 -30px; }
        .hd-ul-img-c{ width: 120px; height: 120px; line-height: 116px; }
	}
@media( max-width: 768px){
	.title-about{ font-size: 24px; line-height: 24px; }
	.about-p{ font-size: 14px; line-height: 25px; }
        .logo-sm{ margin-top: 30px; }
	.about-width{ margin-top: 20px; width: 1200%; max-width: 100%; }
	.about-b-left, .about-b-right{ width: 100%; padding:0; }
	.about-b-title{ margin-top: 25px; font-size: 18px; padding-bottom: 15px; }
	.about-b-txt{ font-size: 14px; line-height: 25px; margin-top: 15px; }
	.about-back{ margin-top: 30px; }
	.about-back-left{ font-size: 24px; }
	.about-back-left span{ font-size: 18px; }
	.about-back-right{ margin-top: 20px; font-size: 14px; line-height: 25px; }
	.about-back-top{ position: static; }
	.about-back-center{ padding-top: 30px; }
	.about-back-ul li{ width: 50%; padding:30px 0 0 0; height: 180px; }
	.about-back-ul{ position: relative; margin-top: 20px; }
	.about-back-ul:before{ display: block; content: ""; position: absolute; left: 0; top: 50%; right: 0; border-top: solid 1px rgba(255,255,255,0.3); }
	.about-number-left{ font-size: 36px; }
	.about-number-p{ padding-left: 25px; margin-top: 25px; line-height: 25px; font-size: 14px; line-height: 1.6; }
	.about-number-right{ font-size: 18px; }
	.shopw-top{ margin-top: 30px; }
	.tabs-ul{ width: 100%; margin-top: 20px; margin-bottom:25px; }
	.tabs-ul li a{ font-size: 18px; }
.about-swiper .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 200px;
    height: 135px;
}
.about-swiper-box{ padding-bottom: 30px; }
.about-ry{ margin-top: 30px; padding:30px 0; }
.ry-swiper .swiper-slide{ padding:0 10px; }
.ry-swiper-box{ margin-top: 20px; }
.about-bottom{ padding:30px 0; }
.about-bottom-left{ width: 100%; margin-top: 30px; }
.about-bottom-p{ font-size: 14px; padding-left: 40px; line-height: 25px; margin-bottom: 15px; }
.about-bottom-p span{ font-size: 18px; }
.about-bottom-p img{ height: 40px; }
.about-bottom-right{ width: 100%; margin-top: 0; }
.about-bottom-tt{ font-size: 24px; text-align: center; margin-top: 15px; margin-bottom: 20px; }
.input-width{ padding:0 10px; }
.input-widtuh-box{ margin:0 -10px; padding-bottom: 15px; }
.about-btn{ width: 100px; height: 42px; line-height: 42px;font-size:14px; }
.about-input{ font-size: 16px; }
/*******产品*******/
.shop-nav{ position: static; margin:0 -5px; }
.shop-box{ padding:20px 0; }
.shop-nav li{ float: left; width: 25%; padding:0 5px; margin:0 0 20px 0; }
.shop-nav li a{ display: block; width: 100%; padding:0; font-size: 16px; text-align: center; }
.shop-nav li a:before{ display: none; }
.shop-nav li a span{ padding:0!important; }
.shop-box:before{ display: none; }
.shop-ul li{ width: 50%; padding:0 5px; margin-bottom: 25px; }
.shop-ul{ margin:0 -5px; }
.shop-ul-tt{ font-size: 16px; margin-top: 10px; }
.pagination .pageinfo,
.shop-ul-p{ font-size: 14px; }
.pagination .current,
.pagination a,
.pagination{ padding:15px 0;line-height:20px; }
.shop-banner-width .dqwz{ margin-bottom: 0; }
.shop-banner-tt{ font-size: 24px; }
.shop-banner-tt-sm{ font-size: 18px; margin-top: 10px; }
.shop-banner-p span{ font-size: 14px; margin-right: 10px; margin-bottom: 10px; }
.shop-banner-p{ margin-top: 15px;font-size:14px; }
.share-left{ font-size: 16px; line-height: 30px; margin-top: 15px; }
.share-link{ margin-top: 15px; }
.share-link a img{ height: 30px; width: 30px; }
.share-link a{ width: 30px; }
.shop-banner-a a{ font-size: 16px; line-height: 50px; margin-top: 20px; }
.shop-banner{ padding-bottom: 30px;}
.xq-box{ display: table; width: 100%; text-align: center; }
.xq-box li{ margin:0; display: table-cell; padding:0 3px; }
.xq-box li a{ font-size: 13px; line-height: 45px; }
.xq-box.active{ top: 50px; }
.xq-box-height.active{ height: 45px; }
.xq-title{ font-size: 24px; margin:30px 0; }
.video-list li{ width: 50%; padding:0 5px; margin-bottom: 20px; }
.video-list-tt{ font-size: 16px; margin-top: 10px; }
.video-list{ margin:0 -5px; }
.cp-ul li a{ height: 200px; }
.cp-ul{ display: block; }
.cp-ul li{ display: block; float: left; width: 50%; margin-bottom:6px; }
.cp-ul li.lg .txt-mask-p{ display: none; }
.txt-mask{ padding:30px 0!important; }
.cp-ul li.lg .txt-mask-tt{ text-align: center; }
.yy-list li{ width: 50%!important; }
.yy-list li a{ padding-top: 56%!important; }
.cl-list{margin:0 -5px;}
.cl-list li{padding:0 5px;margin-bottom: 10px;}
.cl-list-tt{
    font-size: 16px;
    height: 30px;
    display: block;
    text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cl-list-p{
    font-size: 14px;
}
.cl-list-p:before{width:18px;height:18px;bottom:4px;}
.cl-list li a{ padding:10px;height:100px; }
.cl-list{ padding-bottom: 10px; }
.yy-list li a span{ font-size: 18px; }
.txt-mask-tt{ font-size: 16px; line-height: 28px; }

.fz-top-tt{ font-size: 24px; }
.fz-top-title{ font-size: 28px; margin-top: 15px; }
.fz-top{ padding:20px 30px; }
.fz-top:before{ width: 8px; height: 120px; }
.fz-top-p p{ font-size: 14px; line-height: 25px; }

	.hd-ul li{ padding:0 5px; margin-top: 20px; width: 50%; }
	.hd-ul{ margin:0 -5px; }
	.hd-tabs{margin-bottom: -2px;}
	.hd-tabs li{
	    line-height: 40px;
	}
	.hd-tabs li a{ width: auto;min-width:100px; font-size: 16px; }
	.sc-slick{ margin-top: 50px; }
	.sc-slick a span{ font-size: 16px; line-height: 40px; }
	.sc-slick .slick-dots{ right: 10px; bottom: 15px; }
	.hd-ul-tt{ font-size: 15px;line-height: 1.5;height: 3em; white-space:normal;margin-top: 0px; display: -webkit-box;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;}
  .hd-ul-bottom{
      padding:5px;
  }
	.hd-ul-p{ font-size: 14px; line-height: 25px; margin-top: 10px; height: 50px;  -webkit-line-clamp: 2;}
	.hd-ul{ padding-bottom: 0; }

	.acticle-title{ font-size: 24px; margin-top: 0px; }
	.article-left{ margin-top: 40px; }
	.article-p p{ font-size: 14px; margin-bottom: 10px; line-height: 25px; }
	.article-p{ margin-top: 25px; }
	.article-sm{ font-size: 14px; }

	.article-link p a{ font-size: 14px; }
	.article-link{ margin-top: 30px; }
    .fz-title{ font-size: 18px; line-height: 18px; margin-top: 30px; }
    .table-tt{ font-size: 16px;}
    .table-tt-tow{padding-left: 1%;}
    .table-tt-three,.table-tt-four{padding-left: 4%;}
    .fw-p{ margin-top: 20px; font-size: 14px; line-height: 25px; }
    .number-back{ margin-top: 30px; padding:30px 0; }
    .number-top span{ font-size: 24px; }
    .number-top span i{ font-size: 18px; margin-left: 5px; }
    .number-top span i img{ width: 16px; }
    .number-p{ font-size: 12px; margin-top: 10px; }
    .number-list li{ padding:0; }
    .number-list li:before{ display: none; }
    .xy-box{ margin-top: 0; }
    .number-list-sm li,.number-list-xs li{ width: 33.333333%; margin-top: 30px; }
    .number-list-sm li .number-top span i{ font-size: 12px; width:auto; height: auto; padding:5px 0; background: none!important; }
    .px-left{ width: 100%; }
    .px-title{ font-size: 18px; margin-top: 20px; }
    .px-txt{ font-size: 14px; line-height: 25px; }
    .px-right{ width: 100%; margin-top: 15px; }
    /*.number-back{ padding-top: 0; }*/
    .number-list-xs li .number-top span i{ font-size: 12px; }
    .hd-back{ padding:1px 0 30px 0; }
    .hd-ul-b li{ width: 33.333333%; margin-top: 20px; }
    .hd-ul-img-c img{ width: 50px; }
    .hd-ul-img-c{ width:80px; height: 80px; line-height: 76px; }
    .hd-ul-b{ margin:0; padding-bottom: 40px;overflow:hidden}
    
    .hd-ul-b .slick-dots {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  font-size: 0;
}

.hd-ul-b .slick-dots li {
    float: none;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 50%;
  background-color: #ccc;
  cursor: pointer;
}

.hd-ul-b .slick-dots button {
  display: none;
}

.hd-ul-b .slick-dots li.slick-active {
  background-color: #c6000b;
}
    
    .hd-ul-tt-b{ font-size: 16px; margin-top: 20px; }
    .shd-ul-p{ font-size: 14px; line-height: 25px; margin-top: 5px; }
    .lj-p{ font-size: 14px; line-height: 25px; margin-top: 20px; }
    .lj-ul li{ width: 100%; margin-top: 20px; }
    .lj-ul-tt{ font-size: 18px; margin-top: 15px; }
    .lj-ul-p{ font-size: 14px; line-height: 25px; }
    .fw-bottom{ margin:12px 0 0 0; display: block; }
    .fw-sm{ width: 100%; margin:0 0 12px 12vw; }
    .fw-sm-left{ width: 80px; }
    .fw-sm-left:before{height:36px;margin-top: -18px;}
    .table-box{ overflow-x: auto; }
    .table-ul{ width: 600px; }
    .gx-box span{width: 20px;height: 20px;line-height:18px;left: 6px;margin-top: 0;font-size: 12px;}
    .gx-box{height: 36px;line-height:34px;padding: 0 10px 0 35px;}
    .table-ul-b li div{font-size: 12px;}
    .table-ul-b li{height: 50px;}
    .pl-box{line-height: 34px;padding: 0 10px;}
    .table-img{width: 70px;}
    .yj-box{line-height: 34px;}
    .banner_text span:before{ width: 12px; height: 12px; }
    .banner_text span{ padding:0; }
    .page-box{ padding-top: 50px; }
    .ld-txt{ font-size: 14px; line-height: 25px; margin-top: -15px; }
    .ld-img{ margin-top: 30px; }
    .gy-list li{margin-top: 70px; }
    .gy-list-tt{ font-size: 18px; }
    .gy-list-p{ font-size: 14px; line-height: 25px; }
    .gy-list-img img{ height: 50px; }
    .gy-list-img{ height: 60px; }
    .zc-box{ padding-top: 50px; padding-bottom: 30px; }
    .zc-box .schd{ padding-right: 0;  }
    .zc-box-img{ position: static; width: 100%; text-align: center; }
    .zc-box-list-img img{ height: 50px; }
    .zc-box-list-img{ height: 60px; }
    .zc-box-list li{ height: auto; padding:20px 0; font-size: 16px; margin-bottom: 15px; }
    .zc-box-img img{ width: 50%; display: inline-block; }
    .zc-title{ font-size: 24px; margin:20px 0; }
    .zc-p p{ font-size: 14px; line-height: 25px; }
    .zc-tt-sm{ font-size: 18px; margin-top: 20px; }
    .sb-box{ padding-bottom: 30px; }
    .article-ul,.article-ul.active,.article-box .shop-nav{ position: static!important; }
    .article-box-right{ padding:0; }
    .article-box:before{ display: none; }
    .tz-title{ font-size: 24px; }
    .tz-tt-sm{ font-size: 16px; line-height: 1.2; }
    .tz-article p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; }
    .article-ul li{ float: left; margin-top: 25px; width: 33.333333%; text-align: center;  }
    .article-ul{ padding-top: 0; }
    .article-ul li a{ font-size: 16px; }
    .article-box{ padding-top: 50px; }
    .article-box .shop-nav{ padding-top: 0px; }
    .sw-left{ width: 100%; max-width: 100%; padding:25px; margin-top: 30px; }
    .sw-left-tt{ font-size: 16px; }
    .sw-right{ width: 100%; margin-top: 30px; }
    .sw-right-txt{ margin-left: 0; font-size: 14px; line-height: 25px; padding-left: 0; background: none; padding-top: 0; }
    .sw-img-b,.sw-back-img{ display: none; }
    .btn-sw{ font-size: 18px; }
    .sw-title{ font-size: 24px; }
    .sw-tt-sm{ font-size: 14px; margin-top: 10px; }
    .sw-back{ padding:30px 0; }
    .sw-tt-sm{ margin:20px 0 0 0; }
    
    .shop-banner-right a{
        padding-top: 60%;
    }
    .dqwz p{
        font-size: 12px;
    }
    .b-df{
    display: flex;
    justify-content: space-between;
    overflow: hidden;
  }
  .b-df .input-width-sm{
      width: 95%;
  }
  .b-df .input-widtuh-box{margin-bottom: 0;flex:1;}
  .yzm-a{
      right: 5%;
  }
  .about-btn span{
      padding-right: 30px;
      background-size: 20px auto;
  }
}