/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;color:#666;}
body.head_on{overflow:hidden}
a{color:#666;transition: 0.3s;}
a:hover{ color:#f60; text-decoration:none;cursor: pointer;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}


*,
*::before,
*::after{-webkit-box-sizing: border-box;box-sizing: border-box;}

:root {
    --main-color: #a48c74;
    --main-tit: #0c0c0d;
    --main-color-000: #000;
    --main-color-333: #333333;
    --main-color-888: #888888;
    --main-transition: all ease 0.4s;
    --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}


.header{ position:fixed;top: 0;left: 0;width: 100%;z-index: 998;transition: 0.3s;padding: 20px 0;}
.header.active.fixed{top: 0;}
.header.fixed{top: -100%;}

.headList{display: flex;justify-content: space-between;align-items: center;height: 90px;}
.headList .logo{display: block;}
.headList .logo img{max-height: 55px;width: auto;}

/*menu*/
.menu{height:70px;line-height:70px;}
.menu ul li{ float:left; position:relative;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:50%; top:70px; box-shadow:2px 2px 5px rgba(0,0,0,0.2);display:none;z-index: 9;transform: translateX(-50%);min-width: 150px;}
.menu ul li dl dd{ line-height:40px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:14px; color:#333;display:block;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:16px;color:#333;display:block;text-align:center;padding: 0 20px;}
.menu a:hover{color: var(--main-color);}
a.menu_hover{ background:#666;color: var(--main-color);}

.menuTc{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;overflow: auto;padding-bottom: 20px;z-index: 999;display: none;}
.menuTc.active{display: block;}
.menuTcBox{width: 100%;max-width: 85%;height: 100%;background: #444652;position: relative;padding: 40px;padding-left: 9.2vw;overflow: auto;}
.menuClose{position: absolute;top: 10px;left: 10px;width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.menuClose img{width: 30px;}
.menuWarp{width: 100%;max-width: 980px;}
.menuWarp .menuList{width: 50%;}
.menuList ul li{margin-bottom: 2vw;display: flex;flex-wrap: wrap;}
.menuList ul li .t1{width: 50%;text-transform: uppercase;}
.menuList ul li .t1 a{color: #fff;font-size: 2vw;}
.menuList ul li dl{flex: 1;padding-left: 20px;}
.menuList ul li dl dd{margin: 0.8vw 0;}
.menuList ul li dl dd a{display: block;font-size: 0.96vw;color: #a3d9f6;font-weight: 300;}

.menuRight{width: 45%;}
.menuRight .logo2 img{width: auto;max-width: 100%;max-height: 100px;}
.hLinks{margin: 1vw 0;}
.hLinks ul li{margin: 1vw 0;}
.hLinks ul li a{color: #fff;font-size: 0.96vw;}

.hShare{margin: 1vw 0;}
.hShare a{display: inline-block;margin-right: 10px;}
.hShare a img{width: 20px;}

.menuRight .img{width: 100%;max-width: 345px;}
.menuRight .img img{width: 100%;}

.otherTxt::-webkit-scrollbar {width: 3px;height: 8px;background-color: #fff;border-radius: 4px;position: relative;}
.otherTxt::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
.otherTxt::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: rgba(0, 0, 0, 0.2);
}
.otherTxt::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 0;
	background: rgba(0, 0, 0, 0.1);
}

/*swiper*/
.swiper {width: 100%;height: 100%;position: relative;overflow: hidden;}
.swiper-slide {background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}
.swiper .swiper-button-next:after,.swiper .swiper-button-prev:after{font-size: 30px;}

/*common*/
.disFlex {
	flex-wrap: wrap;
	display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box;/* Firefox 17- */
	display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;/* Firefox 18+ */
	display: -ms-flexbox;/* IE 10 */
	display: flex;
}
.jusBet{justify-content: space-between;}
.jusCet{justify-content: center;}
.jusEnd{justify-content: flex-end;}
.aliTop{align-items: flex-start;}
.aliCet{align-items: center;}
.aliBtm{align-items: flex-end;}

.img{font-size: 0px;overflow: hidden;}
img{transition: 0.5s;}

.f_left{float: left;}
.f_right{float: right;}
.clearfix:before,
.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;overflow: hidden;}
.clearfix {*zoom: 1;}

.bgfff{background: #fff !important;}
.fff{color: #fff !important;}
em{font-style: normal;}
.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.pt140{padding-top: 140px;}
.pb140{padding-bottom: 140px;}
.pt120{padding-top: 120px;}
.pb120{padding-bottom: 120px;}
.pt100{padding-top: 100px;}
.pb100{padding-bottom: 100px;}
.pt90{padding-top: 90px;}
.pb90{padding-bottom: 90px;}
.pt80{padding-top: 80px;}
.pb80{padding-bottom: 80px;}
.pt60{padding-top: 60px;}
.pb60{padding-bottom: 60px;}
.pt50{padding-top: 50px;}
.pb50{padding-bottom: 50px;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt35{margin-top: 35px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}

.textCet{text-align: center;}
.textRight{text-align: right;}
.pc_show{}
.m_show{display: none;}
.iTitCn{}
.iTitEn{}
.iTit{color: var(--main-tit);font-size: 91px;font-style: italic;}
.iTit2{font-size: 66px;font-weight: 300;color: #3376D4;text-shadow: rgb(0 0 0 / 40%) 0px 4px 5px;}
.iTit3{font-size: 45px;font-weight: 300;color: var(--main-tit);text-shadow: rgb(0 0 0 / 40%) 0px 4px 5px;}
.iTit4{color: var(--main-tit);font-size: 30px;font-weight: 300;}
.iTit4 strong{font-weight: bold;}
.iTit5{font-size: 52px;color: #000;}
.iTit6{font-size: 41px;color: #4D94E4;font-weight: 300;}
.iTxt{font-size: 18px;color: var(--main-tit);}
.iTxt2{font-size: 22px;color: var(--main-tit);font-weight: 300;}
.iTxt2 span{font-weight: normal;}
.iTxt3{font-size: 18px;color: var(--main-tit);font-weight: 300;}
.iTxt3 span{font-weight: normal;}
.iLine i{}
.hidden{overflow: hidden;}
.comBg{background-size: cover;background-repeat: no-repeat;}
.iVideo{width: 100%;}
.iVideo video{width: 100%;}
.iImg{width: 100%;}
.iImg img{width: 100%;}
.iMore a{display: inline-block;width: 320px;height: 54px;border: 1px solid #ddd;background: #424250;color: #fff;font-size: 14px;text-transform: uppercase;line-height: 52px;}
.iMore a:hover{background: #fff;border: 1px solid #424250;color: #424250;}

.iMore2 a{display: inline-block;width: 320px;height: 54px;border: 1px solid #fff;background: transparent;color: #fff;font-size: 14px;text-transform: uppercase;line-height: 52px;text-align: center;}
.iMore2 a:hover{background: #fff;border: 1px solid #fff;color: #424250;}


/*-------------------------------------------*/

/*banner*/
.banner{width: 100%;}
.bannerSwiper .swiper-pagination-bullet{opacity: 1;background: #fff;transition:width ease 0.35s;border-radius: 20px;}
.bannerSwiper .swiper-pagination-bullet-active{background: var(--main-color);width:20px;}
.bannerSwiper .swiper-button-next:after,.bannerSwiper .swiper-button-prev:after{color: #fff;}

.banTop{position: absolute;top: 22%;left: 0;width: 100%;text-align: center;z-index: 9;}
.banTop .desc{padding: 0 5%;}
.banTop .title{color: #ffffff;font-weight: 300;font-size: 64px;}
.banTop .title span{color: #fff;font-style: italic;}


.i1Warp{font-size: 18px;color: #0c0c0d;font-weight: 300;text-align: center;line-height: 1.5;}
.i1Warp span{font-weight: normal;}
.i1Warp p{padding: 0;line-height: 1.5;}

.comBg{background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: fixed;}
.indexBg{height: 80vh;}

.index2{padding: 140px 0;position: relative;overflow: hidden;}
.index2:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;opacity: 0.8;content: "";}
.index2 .wapper{position: relative;z-index: 9;max-width: 890px;}
.index2 .iTxt{max-width: 720px;margin-left: auto;margin-right: auto;}

.index3{width: 100%;margin: 20px 0;}
.i3Warp{max-width: 970px;margin: 0 auto;position: relative;overflow: hidden;}
.i3Warp .imgBox{position: relative;width: 100%;}
.i3Warp .imgBox .img{width: 100%;}
.i3Warp .imgBox .img img{width: 100%;}
.i3Warp .imgBox .imgTop{position: absolute;top: 0;left: 0;padding: 5% 3%;}
.i3Warp .imgBox .iTit3
.i3Warp .imgBox .iTit{font-size: 77px;}
.i3Warp .desc{background: #424250;padding: 5%;text-align: center;}
.i3Warp .desc .iTxt{font-weight: 300;}
.i3Warp .desc .iTxt span{font-weight: normal;}
.i3Warp .desc .iMore2{text-align: center;margin-top: 15px;}

.index4{width: 100%;overflow: hidden;}
.i4Warp{display: flex;flex-direction: column;justify-content: flex-end;align-items: center;height: 80vh;padding: 5%;}

.i5Top{width: 100%;}
.i5Top .wapper{max-width: 760px;}
.i5Top .iTit3{color: #D9B580;}

.i5Btm{width: 100%;}
.i5Btm .wapper{max-width: 760px;}

.index6{width: 100%;position: relative;padding: 20px 0 45px;background: #424250;}
.i6List{position: relative;padding: 0 60px;padding-bottom: 50px;width: 100%;max-width: 1720px;margin: 0 auto;margin-top: 20px;}
.i6List .swiper .swiper-slide{background: transparent;}
.i6List .part{display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: 200px;}
.i6List .part .img{}
.i6List .part .img img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.i6List .part .t6Tit{margin-top: 20px;font-size: 30px;font-style: italic;}

.i6List .swiper-pagination-bullet{background: #fff;}
.i6List .swiper-button-next:after,.i6List .swiper-button-prev:after{color: #fff;}

.index7{padding: 40px 0;}
.index7 .wapper{max-width: 1130px;}
.i7List{}
.i7List ul li{width: 33.3%;padding: 0 10px;margin-bottom: 20px;}
.i7List .part{display: table-row;width: 50%;}
.i7List .part .img{width: 100%;height: 247px;position: relative;}
.i7List .part .img img{width: 100%;height: 100%;object-fit: cover;}
.i7List .part .img .img2{position: absolute;top: 0;left: 0;opacity: 0;}
.i7List .part .desc{margin-top: 20px;text-align: center;}
.i7List .part .tit{font-size: 19px;color: var(--main-tit);font-weight: 300;}
.i7List .part .tit2{margin-top: 10px;font-size: 17px;color: var(--main-tit);font-weight: bold;height: 66px;}

.i7List .part:hover .img img{transform: scale(1.1);}
.i7List .part:hover .img img.img1{opacity: 0;}
.i7List .part:hover .img img.img2{opacity: 1;}
.i7List .tip{font-size: 15px;color: var(--main-tit);}

.i7Warp{width: 100%;background: #424250;}
.i7Warp .left{width: 45%;}
.i7Warp .right{width: 55%;padding: 5%;}
.i7Warp .i7Swiper{width: 100%;height: 100%;}
.i7Warp .i7Swiper img{width: 100%;height: 100%;object-fit: cover;}
.i7Swiper .swiper-pagination-bullet{background: #fff;}

.i7Warp .tit1{font-size: 53px;color: #c0c0c5;font-style: italic;}
.i7Warp .tit2{font-size: 75px;color: #FF4040;}
.i7Warp .iTxt{margin-top: 50px;font-size: 19px;color: #fff;}
.i7Warp .iMore2{margin-top: 80px;text-align: center;}
.i7Warp .iMore2 a{width: auto;height: auto;padding: 10px 20px;line-height: 1.6;}

.i7Btm{max-width: 975px;margin-left: auto;margin-right: auto;border: 1px solid #424250;padding: 50px;}
.i7Btm .warp{max-width: 480px;margin: 0 auto;}
.i7Btm .title{font-size: 26px;color: #000;font-style: italic;}
.i7Btm .text{font-size: 15px;color: #000;opacity: 0.6;margin: 10px 0;}
.i7Form{width: 100%;}
.i7Form .tit{color: #000;font-size: 12px;margin-bottom: 5px;}
.i7Form .box{border-bottom: 3px solid #FF4040;display: flex;justify-content: space-between;}
.i7Form .box input{width: calc(100% - 120px);height: 38px;padding: 0;outline: none;font-size: 16px;}
.i7Form .box button{width: 120px;height: 38px;background: #b9b9b9;color: #000;font-size: 16px;border: none;}

.footer{background: #424250;padding: 20px 0;}
.footer .wapper{max-width: 980px;}
.fMenu{width: 100%;}
.fMenu dl{width: 18%;}
.fMenu dl dt{margin-bottom: 10px;}
.fMenu dl dt a{font-size: 14px;color: #cdcdd6;}
.fMenu dl dd{margin-top: 10px;}
.fMenu ul li{margin: 10px 0;}
.fMenu ul li a{display: block;font-size: 12px;color: #A3D9F6;}

.footBtm{margin-top: 100px;}
.fLogo{text-align: center;}
.fLogo img{width: auto;height: auto;max-height: 45px;}
.fShare{margin-top: 20px;}
.fShare a{display: inline-block;margin: 0 10px;}
.fShare a img{width: 20px;}
.fLinks{margin-top: 20px;}
.fLinks a{display: inline-block;padding: 0 10px;font-size: 12px;color: #cdcdd6;}

.timepieces{background: linear-gradient(360deg, #81818B 0%, #FFFFFF 0%, #FFFFFF 43.17091557017544%, #CDCDD6 100%, #81818B 100%);padding: 120px 0;}
.titImg img{max-width: 15%;}

.iTime1{position: relative;width: 100%;overflow: hidden;}
.iTime1 .imgBox{position: relative;width: 100%;font-size: 0px;overflow: hidden;}
.iTime1 .imgBox img,
.iTime1 .imgBox video{width: 100%;}
.iTime1 .imgTop{position: absolute;top: 15%;left: 0;width: 100%;text-align: center;z-index: 9;}
.iTime1 .imgTop .iTit4{font-size: 41px;}

.iTime2 .wapper{max-width: 724px;}
.iTime3{padding: 150px 0;position: relative;}
.iTime3:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.3;content: "";}
.iTime3 .wapper{max-width: 650px;position: relative;z-index: 9;}
.indexBg2{height: 90vh;}
.iTime4 .wapper{max-width: 890px;}

.iTime5{background: linear-gradient(to right,#252424 0,#ccccd5 100%);}
.iTime5Warp{width: 100%;}
.iTime5Warp .left{width: 50%;display: flex;justify-content: flex-end;padding-left: 12%;}
.iTime5Warp .right{width: 50%;padding-right: 12%;}
.iTime5Warp .img{width: 100%;height: 100%;padding: 35px 80px;display: flex;justify-content: center;align-items: center;}
.iTime5Warp .img img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.iTime5Warp .desc{width: 100%;height: 100%;background: linear-gradient(to right,#3f3f4b 0,#4b4b58 100%);padding: 8% 10%;padding-left: 25%;}

.iTime6{background: radial-gradient(circle at 50% 50%, #FFFFFF 53.3355712890625%, #CDCDD6 100%);}
.iTime6 .i7List .part .img{background: linear-gradient(to bottom,#f0f0f0 0,#fff 100%);}
.iTime6 .i7List .part .desc{padding: 25px 0;}

.timeDetail1{width: 100%;padding: 130px 0;background: #fbfbfb;}
.timeDetail1 .wapper{max-width: 1080px;}
.timeDetail1Warp{width: 100%;}
.timeDetail1Warp .left{width: 45%;padding-top: 50px;}
.timeDetail1Warp .right{width: 45%;}
.timeDetail1Warp .right .img{width: 100%;}
.timeDetail1Warp .right .img img{width: 100%;}
.timeDetail1Warp .tag{font-size: 18px;color: #000;font-weight: 300;margin-top: 10px;}
.timeDetail1Warp .price{font-size: 20px;color: #0c0c0d;margin-top: 10px;}
.timeDetail1Warp .txt{font-size: 17px;color: #000;font-weight: 300;margin-top: 10px;}
.timeDetail1Warp .btn{margin-top: 35px;}
.timeDetail1Warp .btn a{display: block;width: 48%;height: 53px;border: 1px solid #0C0C0D;display: flex;justify-content: center;align-items: center;text-align: center;font-size: 15px;}
.timeDetail1Warp .btn a:last-child{background: #0C0C0D;color: #fff;}
.timeDetail1Warp .btm{font-size: 16px;color: #0c0c0d;font-weight: 300;margin-top: 50px;text-align: center;}

.timeDetail3{width: 100%;overflow: hidden;}
.timeDetail4{width: 100%;}
.timeDetail4 .warp{width: 100%;align-items: center;}
.timeDetail4 .img{width: 50%;text-align: center;}
.timeDetail4 .img img{width: 100%;height: 100%;}
.timeDetail4 .desc{width: 50%;padding: 45px 6%;}
.timeDetail4 .iTit4{font-weight: normal;}
.timeDetail4 .iTxt{font-weight: 300;margin-top: 20px;}

.timeDetail5{width: 100%;background: linear-gradient(90deg, #19191E 0%, #C0C0C5 98.61567982456141%);}
.timeDetail5 .wapper{width: 100%;max-width: 1380px;}
.timeDetail5 .warp{width: 100%;align-items: center;}
.timeDetail5 .img{width: 50%;text-align: center;}
.timeDetail5 .img img{width: 100%;height: 100%;}
.timeDetail5 .desc{width: 50%;padding: 0 6%;}
.timeDetail5 .iTit4{font-weight: normal;}
.timeDetail5 .iTxt{font-weight: 300;margin-top: 20px;}

.timeDetail6{width: 100%;background: radial-gradient(circle farthest-corner at 50% 50%, #FBFBFB 15.0634765625%, #C0C0C5 80.2886962890625%);padding: 60px 0;}
.timeDetail6 .warp{width: 100%;align-items: center;}
.timeDetail6 .img{width: 45%;text-align: center;}
.timeDetail6 .img img{width: 100%;height: 100%;}
.timeDetail6 .desc{width: 45%;}
.timeDetail6 .iTit4{font-weight: normal;}
.timeDetail6 .iTxt{font-weight: 300;margin-top: 20px;}

.timeDetail7{position: relative;width: 100%;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center;}
.timeDetail7:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.8;content: "";}
.timeDetail7 .wapper{position: relative;z-index: 9;max-width: 980px;}
.timeDetail7 .iMore a{background: transparent;border: 1px solid #fff;color: #fff;padding: 10px 20px;height: auto;line-height: 1.6;width: auto;}
.timeDetail7 .iMore a:hover{background: #fff;color: #000;}
.timeDetail7Warp{width: 100%;padding: 50px 20px;background: rgba(66,66,80,0.6);}
.timeDetail7Warp .left,
.timeDetail7Warp .right{width: 50%;padding: 0 50px;}
.timeDetail7Warp .item{margin-bottom: 40px;font-size: 16px;color: #fff;}
.timeDetail7Warp .item h3{font-size: 30px;color: #fff;font-weight: normal;margin-bottom: 20px;}
.timeDetail7Warp .item p{padding: 0;line-height: 1.5;}
.timeDetail7Warp .time{font-weight: bold;color: #fff;font-size: :;}

.timeDetail8{background: #c0c0c5;}

.tongtu{width: 100%;}
.tongtu img{width: 100%;}
.innerTit{position: relative;font-size: 65px;color: #BFA275;font-style: italic;display: flex;align-items: flex-end;line-height: 1;}
.innerTit .span3{position: relative;bottom: 0;}
.innerTit .span2{font-size: 123px;}
.innerTit .span1{position: absolute;bottom: 70px;left: 95px;font-size: 35px;font-weight: 300;font-style: normal;}


.know1{width: 100%;background: radial-gradient(circle farthest-corner at 50% 50%, #FBFBFB 15.0634765625%, #C0C0C5 80.2886962890625%);padding: 60px 0;}
.know1 .wapper{max-width: 780px;}
.know1 .iTit4{font-weight: normal;font-size: 26px;}


.know2{padding: 140px 0;position: relative;overflow: hidden;}
.know2:after{position: absolute;right: 0;top: 0;width: 50%;height: 100%;background: #000;opacity: 0.3;content: "";}
.know2 .wapper{position: relative;z-index: 9;}
.know2 .iTxt{max-width: 720px;margin-left: auto;margin-right: auto;}
.know2Warp{display: flex;justify-content: flex-end;}
.know2Warp .desc{width: 40%;}

.know2_2:after{width: 100%;}
.know2_2 .innerTit{color: #73A6D9;}
.know2_2 .innerTit .span1{color: #fff;}
.know2_2 .know2Warp{justify-content: flex-start;}

.know2_3:after{width: 100%;}
.know2_3 .innerTit{color: #D4620A;}
.know2_3 .innerTit .span1{color: #fff;}

.know2_4:after{left: 0;right: auto;}
.know2_4 .innerTit{color: #a79992;}
.know2_4 .innerTit .span1{color: #fff;}
.know2_4 .know2Warp{justify-content: flex-start;}

.know3{background: #ebe6e6;}
.know3 .wapper{max-width: 1460px;width: 100%;}
.know3Top{max-width: 830px;margin: 0 auto;}
.know3Top .iTit4{color: #81B3EA;}

.know3Warp{background: #d8d5d7;}
.know3Warp .img{width: 60%;}
.know3Warp .img img{width: 100%;height: 100%;}
.know3Warp .desc{width: 40%;padding: 5%;}
.know3Warp .desc .iTxt2{max-width: 380px;font-size: 18px;}

.know4{width: 100%;padding: 60px 0;background: #242323;}
.know4 .wapper{max-width: 1460px;width: 100%;}
.know4Warp{width: 100%;}
.know4Warp .img{width: 45%;}
.know4Warp .img img{width: 100%;height: 100%;}
.know4Warp .desc{width: 55%;padding: 5% 10%;}
.know4Warp .desc .iTit4{color: #81B3EA;}

.know5{background: #ebe6e6;}

.know3_3{width: 100%;}
.know3_3 .iTit4{color: #000;font-size: 39px;}

.know3_4 .iTit4{color: #000;}
.know3_4 .iTxt2{text-align: left;}

.know6{background: #ebe6e6;}
.know6 .wapper{max-width: 1024px;}
.know6Warp{width: 100%;}
.know6Warp .left{width: 55%;}
.know6Warp .right{width: 42%;}
.know6Warp .right .iTit{font-size: 58px;}
.know6Warp .img{width: 100%;box-shadow: var(--main-shadow);border-radius: 10px;background: #fff;padding: 3px;}
.know6Warp .img img{width: 100%;}

.know7{position: relative;width: 100%;}
.know7 .know7Bg{position: relative;width: 100%;}
.know7Bg img{width: 100%;height: 380px;object-fit: cover;}
.know7Bg .iVideo{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.know7Bg .iVideo video{width: 100%;height: 100%;object-fit: cover;}
.know7 .imgTop{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.know7 .imgTop .iTxt{max-width: 820px;margin: 0 auto;text-align: center;}

.know8{background: #242323;}

.know9 .iTit2{font-size: 42px;}
.know10{width: 100%;background: #ebe6e6;}
.know10 .iTit4{color: #3376D4;}
.know10 .iTit2{color: var(--main-tit);text-shadow: none;}
.know10 .iTxt2{font-size: 18px;}
.know10Warp{width: 100%;}
.know10Warp .desc{width: 48%;}
.know10Warp .img{width: 48%;}
.know10Warp .img img{width: 100%;}

.know11{background: radial-gradient(circle at 50% 50%, #FFFFFF 53.3355712890625%, #CDCDD6 100%);}
.know11 .iMore2 a{border: 1px solid #6c6c81;color: #6c6c81;font-size: 16px;}
.know11 .iMore2 a:hover{background: #6c6c81;color: #fff;}

.know11 .innerTit{color: var(--main-tit);}
.know11 .innerTit .span1{color: #1ab1ab;}

.know4_2 .wapper{max-width: 1100px;}
.know4_2 .know4Warp .desc{padding: 0;width: 45%;}
.know4_2 .know4Warp .img{width: 50%;}
.know4Warp .desc .iTit4_2{color: #FF4040;}
.know8_2 .iTit{color: #81818b;}

.know12{width: 100%;background: #d3ccc9;}
.know12 .warp{width: 100%;}
.know12 .warp .img{width: 50%;}
.know12 .warp .img img{width: 100%;height: 100%;object-fit: cover;}
.know12 .warp .desc{width: 50%;display: flex;justify-content: center;align-items: center;}
.know12 .warp .iTxt2{max-width: 480px;}
.know12 .warp .iTxt3{max-width: 480px;}

.brand1{width: 100%;position: relative;overflow: hidden;}
.brand1Bg{position: relative;width: 100%;font-size: 0px;}
.brand1Bg img{width: 100%;}
.brand1Top{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 10% 0 5%;}
.brand1Top .wapper{max-width: 1000px;display: flex;flex-direction: column;height: 100%;}
.brand1Top .top{}
.brand1Top .top .iTit2{font-size: 75px;color: #A32910;}
.brand1Top .btm{margin-top: auto;}
.brand1Top .btm .left{margin-right: 5%;}
.brand1Top .btm .right{flex: 1;}
.brand1Top .btm .iTxt2 p{padding: 0;}

.brand1_2 .brand1Top .top .iTit2{color: #1BB956;}
.brand1_2 .btm{display: block;max-width: 580px;margin-left: auto;display: flex;flex-direction: column;align-items: flex-end;}
.brand1_2 .brand1Top .btm .iTxt2{text-align: right;}

.know8_3 .wapper{max-width: 980px;}
.know8_3 .innerTit{color: #a32910;}

.partner1{}
.partner1 .wapper{max-width: 780px;}
.partner1Warp{max-width: 400px;margin-left: auto;}
.partner1Warp .iTxt{color: #a32910;}
.partner1Warp .iTxt2{font-size: 18px;}

.partner2{position: relative;overflow: hidden;}
.partner2 .iImg{font-size: 0px;}
.partner2 .iImg img{width: 100%;}
.partner2 .imgTop{position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 45%;}
.partner2 .desc{max-width: 380px;}
.partner2 .iTit{font-size: 25px;}

.partner3{text-align: center;}
.partner3 .desc .iImg img{width: auto;max-width: 100%;}
.partner3 .desc .title{font-size: 24px;font-weight: bold;color: #0232B9;}

.partner4 .wapper{max-width: 960px;}
.partner4 .know4Warp .desc{width: 50%;padding: 0;}

.partner5{position: relative;width: 100%;overflow: hidden;}
.partner5:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.3;content: "";}
.partner5 .wapper{position: relative;z-index: 9;max-width: 980px;padding: 220px 0;}

.partner6{width: 100%;background: #ebe6e6;padding: 0 80px;}
.partner6 .img{width: 55%;}
.partner6 .img img{width: 100%;height: 100%;object-fit: cover;}
.partner6 .right{width: 42%;padding: 50px 0;}
.partner6 .desc{max-width: 520px;}
.partner6 .desc .iTit4{font-size: 50px;text-align: right;}
.partner6 .desc .iTit2{font-size: 23px;color: #75A5DA;text-align: right;}

.know12_2 .warp .desc{padding: 0 50px;align-items: flex-end;flex-direction: column;}
.know12_2 .desc .iTit4{font-size: 50px;text-align: right;}
.know12_2 .desc .iTit2{font-size: 23px;color: #D4620A;text-align: right;}

.partner7{width: 100%;background: #000}
.partner7 .wapper{max-width: 836px;}

.partner6_2 .wapper{width: 100%;max-width: 1440px;}
.partner6_2 .desc .iTit4{font-size: 50px;text-align: right;}
.partner6_2 .desc .iTit2{color: #D9B580;}
.partner6_3 .wapper{max-width: 1120px;}
.partner6_3 .img{width: 45%}
.partner6_3 .right{width: 50%}
.partner6_3 .right .iTit4{text-align: left;}

.partner8{position: relative;overflow: hidden;background: #000;}
.partner8 .wapper{width: 100%;max-width: 1440px;}
.partner8 .img{font-size: 0px;width: 50%;}
.partner8 .img img{width: 100%;}
.partner8 .desc{max-width: 580px;position: relative;left: 10%;}
.partner8 .iTit{font-size: 25px;}

.partner9 .wapper{max-width: 580px;}
.fnt_30{font-size: 30px !important;}
.fnt_60{font-size: 60px !important;}

.partner6_4{background: #242323;padding: 0 65px;}
.partner6_4.partner6 .img{width: 53%;}
.partner6_4.partner6 .desc{max-width: 430px;}

.partner10{background: #19191e;}
.partner10 .wapper{display: flex;justify-content: center;}
.partner10 .innerTit{color: #23903B;}

.know3_5 .wapper{max-width: 820px;}
.know3_5 .iTit6{font-size: 23px;}
.know3_5 .iTit5{font-weight: 300;}

.mainBg{background: #ebe6e6;}
.mainBg2{background: #424250;}
.mainHead{height: 130px;background: #424250}

.retailers1{padding: 120px 0 90px;text-align: center;}
.retailers2{padding-bottom: 60px;}
.retailers2 .wapper{max-width: 980px;}
.retailers2Item{padding: 50px 0;}
.retailers2Warp{padding: 50px 12%;font-size: 16px;color: #c0c0c5;font-weight: 300;line-height: 1.6;}
.retailers2Warp h3{font-weight: normal;font-size: 16px;}

/*contact*/

.contact{width: 100%;}
.contact>.img{width: 50%;}
.contact>.img img{width: 100%;height: 100%;object-fit: cover;}
.contact>.right{width: 50%;display: flex;justify-content: center;align-items: center;padding: 50px 0;}
.contact>.right .desc{max-width: 490px;}
.contact>.right .desc .line{margin: 10px 0;width: 40px;height: 3px;background: #fff;}
.contact>.right .desc .title{font-size: 16px;color: #000;margin-bottom: 20px;}

.contForm{width: 100%;}
.contForm ul li{margin-bottom: 15px;width: 100%;}
.contForm ul li.w50{width: 49%;}
.contForm ul li.w30{width: 32%;}
.contForm .btn{text-align: center;}
.contForm .btn button{width: 100%;height: 45px;background: #000;color: #fff;font-size: 16px;border: none;}
.contForm .layui-input-block{margin: 0;}
.contForm .checkbox{margin-top: 20px;}
.contForm .checkbox label{display: block;width: 33.3%;margin-bottom: 10px;}

.contBtm{color: #000;}
.contBtm h3{font-weight: bold;font-size: 18px;}
.contBtm .fShare img{width: 20px;}

.press1{padding: 50px 0;background: #fafafa;}
.press1 .wapper{max-width: 1100px;}
.press1List{width: 100%;}
.press1List ul li{width: 33.3%;padding: 0 30px;margin-bottom: 30px;}
.press1List .tit{text-align: center;font-size: 18px;color: #000;font-weight: 300;}
.press1List .part{display: block;width: 100%;margin-top: 15px;padding: 10px;}
.press1List .part .img{width: 100%;}
.press1List .part .img img{width: 100%;}
.press1List .part .desc{margin-top: 10px;text-align: center;}
.press1List .part .txt{font-size: 15px;color: #fff;font-weight: 300;line-height: 1.6;}
.press1List .part .btn{margin-top: 10px;}
.press1List .part .btn a{display: block;width: 100%;height: 40px;display: flex;justify-content: center;align-items: center;background: #c0c0c5;font-size: 15px;color: #000;font-weight: bold;}
.press1List .part .btn a:hover{background: #000;color: #c0c0c5;}

.press2 .wapper{max-width: 980px;}
.press2 .contForm{background: #d8d5d7;padding: 30px 50px;padding-bottom: 80px;}
.press2 .contForm ul{max-width: 600px;margin: 0 auto;}
.press2 .contForm .title{font-size: 20px;color: #000;font-weight: bold;margin-bottom: 50px;}
.press2 .contForm .layui-input{background: #a7a4a6;border: 1px solid #fff;}
.press2 .contForm .btn button{width: 95px;height: 32px;}

.history1{position: relative;}
.history1 .iImg{width: 100%;background: #000;}
.history1 .iImg img{width: 100%;height: 86vh;object-fit: cover;opacity: 0.8;}
.history1 .imgTop{position: absolute;left: 0;width: 100%;bottom: 160px;}
.history1 .imgTop .wapper{max-width: 1100px;}
.history1 .imgTop .innerTit{color: #A32910;font-size: 91px;}
.history1 .imgTop .innerTit .span1{font-size: 44px;bottom: 80px;}

.history1 .imgTop2{position: absolute;bottom: -90px;width: 749px;left: 50%;transform: translateX(-50%);height: 180px;}
.history1 .warp{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;padding: 20px 8%;text-align: center;}

.history2{width: 100%;}
.history2 .wapper{max-width: 875px;}
.history2Warp{width: 100%;}
.history2Warp .item{margin-top: 65px;}
.history2Warp .tit{font-size: 30px;color: var(--main-tit);font-style: italic;width: 45%;margin-bottom: 50px;}
.history2Warp .part{width: 100%;}
.history2Warp .part .desc{width: 45%;}
.history2Warp .part .img{width: 45%;}
.history2Warp .part .img img{width: 100%;}

.history2Warp .item:nth-child(2n) .desc{order: 1;}
.history2Warp .item:nth-child(2n) .img{order: 0;}

.history3{background: linear-gradient(90deg, #424250 5.1025390625%, #000000 36.3128662109375%, #CDCDD6 100%);}
.history3 .wapper{max-width: 840px;}

.history4Box{width: 100%;}
.history4Warp{padding: 90px 0;max-width: 1712px;margin: 0 auto;position: relative;}
.history4List{position: relative;max-width: 1000px;margin: 0 auto;}
.history4List .part{display: block;width: 100%;height: 358px;background: rgba(255,255,255,0.5);border-radius: 5px;padding: 20px;}
.history4List .swiper-slide{background: transparent;}
.history4List .part .t1{font-size: 54px;color: #fff;text-align: center;font-style: italic;}
.history4List .part .year{font-size: 64px;color: #fff;text-align: center;font-style: italic;margin: 10px 0;}
.history4List .part .line{text-align: center;margin: 10px 0;}
.history4List .part .line i{display: inline-block;width: 40px;height: 3px;background: #fff;}
.history4List .part .txt{font-size: 16px;color: #111;font-weight: 300;text-align: center;}

.history4Warp .swiper-button-next:after, .history4Warp .swiper-button-prev:after{color: #fff;}
.history4Warp .swiper-pagination{bottom: 30px !important;}
.history4Warp .swiper-pagination-bullet{background: #fff;}

.inside{width: 100%;min-height: 500px;}


@media only screen and (max-width: 1480px) {
.banTop .title{font-size: 58px;}

.iTit{font-size: 72px;}
.iTit2{font-size: 58px;}
.iTit3{font-size: 40px;}
.iTit4{font-size: 28px;}
.iTit5{font-size: 46px;}
.iTit6{font-size: 36px;}
.iTxt{font-size: 17px;}
.iTxt2{font-size: 20px;}
.iTxt3{font-size: 17px;}
.iMore a{width: 280px;}

.i7Warp .tit1{font-size: 40px;}
.i7Warp .tit2{font-size: 62px;}
.brand1Top .top .iTit2{font-size: 65px;}




}

@media only screen and (max-width: 1200px) {
.wapper{ width:100%;padding: 0 10px;}

.banTop .title{font-size: 48px;}
.iTit{font-size: 62px;}
.iTit2{font-size: 48px;}
.iTit3{font-size: 32px;}
.iTit4{font-size: 24px;}
.iTit5{font-size: 38px;}
.iTit6{font-size: 30px;}
.iTxt{font-size: 16px;}
.iTxt2{font-size: 18px;}
.iTxt3{font-size: 16px;}
.iMore a{width: 220px;}
.i7Warp .tit1{font-size: 32px;}
.i7Warp .tit2{font-size: 56px;}
.brand1Top .top .iTit2{font-size: 55px;}
.contact>.right{padding: 50px;}
.history4List .part .t1{font-size: :;;}
.history4List .part .year{font-size: 52px;}
.history4List{width: 80%;}

.innerTit{font-size: 48px;}
.innerTit .span1{font-size: 22px;bottom: 60px;}
.history1 .imgTop .innerTit{font-size: 58px;}
.history1 .imgTop .innerTit .span1{font-size: 22px;bottom: 60px ;}
.innerTit .span2{font-size: 100px;}
.history1 .imgTop2{width: 80%;max-width: 720px;}
.know2Warp .desc{width: 55%;}





}

@media only screen and (max-width: 980px) {
.header{padding: 0;}
.headList{height: 60px;}
.menuBtn{width: 55px;}
.headList .logo img{max-height: 40px;}
.iMore a{width: auto;padding: 0 20px;}
.indexBg{height: 280px;}
.menuWarp{min-width: 980px;}
.menuList ul li{margin-bottom: 15px;}
.menuList ul li .t1{width: 30%;}
.menuList ul li .t1 a{font-size: 20px;}
.menuList ul li dl dd{margin: 10px 0;}
.menuList ul li dl dd a{font-size: 16px;}
.hLinks ul li{margin: 15px 0;}
.hLinks ul li a{font-size: 16px;}

.banTop .title{font-size: 23px;}
.iTit{font-size: 38px;}
.iTit2{font-size: 26px;}
.iTit3{font-size: 24px;}
.iTit4{font-size: 22px;}
.iTit5{font-size: 26px;}
.iTit6{font-size: 24px;}
.iTxt{font-size: 14px;}
.iTxt2{font-size: 16px;}
.iTxt3{font-size: 14px;}
.innerTit{font-size: 28px;}
.innerTit .span1{font-size: 20px;bottom: 50px;}

.i4Warp{height: 500px;}
.i6List .part .t6Tit{font-size: 20px;}
.i7List ul li{width: 50%;}

.i7Warp .tit1{font-size: 24px;}
.i7Warp .tit2{font-size: 36px;}
.i7Warp .left{width: 100%;}
.i7Warp .right{width: 100%;padding: 20px;}
.i7Btm{padding: 20px;}
.fMenu dl{width: 100%;padding: 10px 0;}
.fMenu dl dd ul{display: flex;flex-wrap: wrap;}
.fMenu dl dd ul li{margin-right: 10px;}
.footBtm{margin-top: 50px;}
.fLinks align-self: {padding: 0 5px;};
.brand1Top .top .iTit2{font-size: 65px;}

.brand1Bg img{height: 480px;object-fit: cover;}
.brand1Top .btm{display: block;}
.brand1Top .btm .left{margin: 0;margin-bottom: 20px;}
.contact>.img{width: 100%;}
.contact>.right{width: 100%;padding: 20px;}
.contact>.right .desc{margin: 0 auto;}
.mainHead{height: 60px;}

.know3Warp .img{width: 100%;}
.know3Warp .desc{width: 100%;}
.know4Warp .desc{width: 100%;padding: 5%;}
.know4Warp .img{width: 100%;}

.history2Warp .part{display: block;}
.history2Warp .part .desc{width: 100%;margin-bottom: 20px;}
.history2Warp .part .img{width: :;;}

.know2:after{width: 100%;}
.know2Warp .desc{width: 100%;}
.know8_3 .innerTit{font-size: 26px;}
.know8_3 .innerTit .span1{bottom: 50px;}

.partner2 .iImg img{width: 100%;}
.partner2 .imgTop{position: relative;transform: none;padding: 20px;width: 100%;}
.partner2 .iTit{color: #000 !important;	}
.know12 .warp .desc{width: 100%;padding: 20px;}
.know12 .warp .img{width: 100%;}
.partner4 .know4Warp .desc{width: 100%;}
.partner6{padding: 0;}
.partner6 .img{width: 100%;margin-bottom: 20px;}
.partner6 .right{width: 100%;margin-top: 20px;}
.know12_2 .desc .iTit4{font-size: 38px;}
.partner8 .desc{left: 0;padding: 10px;}
.partner8 .img{width: 100%;}
.partner6_4.partner6 .img{width: 100%;}
.partner6 .right{padding: 10px;}
.partner6 .desc .iTit4{font-size: :;;}
.partner10 .innerTit{font-size: 20px;}

.know4_2 .know4Warp .desc{width: 100%;padding: 10px;}
.know4_2 .know4Warp .img{width: 100%;}

.press1List ul li{width: 100%;padding: 0;}

.iTime1 .imgBox img, .iTime1 .imgBox video{min-height: 200px;object-fit: cover;}
.iTime1 .imgTop .iTit4{font-size: 20px;}
.press2 .contForm{padding: 20px;}
.retailers2Warp{padding: 20px;}
.iTime5Warp .left{width: 100%;padding: 10px;}
.iTime5Warp .right{width: 100%;padding: 10px;}
.iTime5Warp .desc{padding: 20px;}
.timeDetail1Warp .left{width: 100%;padding: 20px 0;}
.timeDetail1Warp .right{width: 100%;}
.timeDetail4 .img{width: 100%;}
.timeDetail4 .desc{padding: 20px 10px;width: 100%;}
.timeDetail5 .desc{width: 100%;padding: 10px;}
.timeDetail5 .img{width: 100%;padding: 10px;}
.timeDetail6 .desc{width: 100%;padding: 10px;}
.timeDetail6 .img{width: 100%;padding: 10px;}
.timeDetail7Warp .left, .timeDetail7Warp .right{width: 100%;padding: 20px 0;}
.know6Warp .left{width: 100%;margin-bottom: 20px;}
.know6Warp .right{width: 100%;}
.know6Warp .right .iTit{font-size: 32px;}
.know10Warp .desc{width: 100%;margin-bottom: 20px;}
.know10Warp .img{width: 100%;}

.index2{padding: 100px 0;}
.comBg{background-size: cover;background-attachment: inherit;}


}