html {overflow-x: hidden;}

/* 产品详情  */
.prodcut-wrap{ min-height:100vh; width:100%;overflow: hidden; }
.product-guodan{background-color: #f7bb21;}
.product-jinjuguodan{background-color: #195cd5;}
.product-fengmigao{background-color: #9d1d22;}
.product-lipin{background-color: #331d1d;}

.prodcut-wrap .product-section-01{ -moz-user-select: none; -khtml-user-select: none; user-select: none; }
.prodcut-wrap .product-section-01 .section-box{position: relative;padding-bottom: 200px;}
.prodcut-wrap .product-section-01 .section-box .con-title{ -webkit-animation-timing-function:ease-in;animation-timing-function:ease-in; font-family: 'CKTKingKong-Bold';color: white; text-transform:uppercase; width: 100%; text-align: center; top:250px; position: relative;}
.prodcut-wrap .product-section-01 .section-box .con-image{position: relative;top:150px; left:0;width: 500px; max-width: 100%;}
.product-guodan .product-section-01 .section-box .con-image{position: relative;top: 55px; left: 2%;}
.product-jinjuguodan .product-section-01 .section-box .con-image{position: relative;top: 130px; left: 0;}
.product-fengmigao .product-section-01 .section-box .con-image{position: relative;top: 157px; left: -3%;}

.prodcut-wrap .product-section-01 .section-box .con-dateil{position: relative;top:-100px; left:55%; width: 40%;color: #000221;}
.product-fengmigao .product-section-01 .section-box .con-dateil,
.product-guodan .product-section-01 .section-box .con-dateil,
.product-jinjuguodan .product-section-01 .section-box .con-dateil{top:-200px; }
.prodcut-wrap .product-section-01 .section-box .con-dateil .title{ font-size: 30px; line-height: 48px; font-family: 'AlibabaPuHuiTi-Bold';  }
.prodcut-wrap .product-section-01 .section-box .con-dateil .desc{ margin-top: 5px; font-size: 16px;line-height: 30px; font-family: 'AlibabaPuHuiTi-Bold';  }
.prodcut-wrap .product-section-01 .section-box .con-dateil .info{ letter-spacing:1px;margin-top: 35px; font-size: 16px;line-height: 30px; font-family: "AlibabaPuHuiTi-Regular";}

.prodcut-wrap .product-section-02{ -moz-user-select: none; -khtml-user-select: none; user-select: none; position: relative;}
.prodcut-wrap .product-section-02 .rolling-text{font-family:'CKTKingKong-Bold'; color: white; font-weight: 600; font-style: normal;text-transform: uppercase; width: 100%; height: 100%; z-index: 1;white-space: nowrap; -webkit-transform: rotate(15deg); transform: rotate(15deg); -webkit-transform-origin: center center; transform-origin: center center;}
.prodcut-wrap .product-section-02 .rolling-text .ticker{display: -webkit-box; display: flex; white-space: nowrap;}
.prodcut-wrap .product-section-02 .rolling-text .ticker .ticker__list{display: -webkit-box; display: flex; -webkit-animation: ticker 60s infinite linear; animation: ticker 60s infinite linear;}
.prodcut-wrap .product-section-02 .rolling-text .ticker .ticker__list .ticker__item{ margin-right:10px;letter-spacing:20px;font-size:150px;line-height: 155px;}
.prodcut-wrap .product-section-02 .rolling-text .ticker-hover .ticker__list {-webkit-animation-play-state:play;animation-play-state:play;}
.prodcut-wrap .product-section-02 .text-hollow{font-family:'CKTKingKong-Bold'; color: white; font-weight: 600; font-style: normal;text-transform: uppercase; width: 100%; height: 100%; z-index: 1;white-space: nowrap; -webkit-transform: rotate(15deg); transform: rotate(15deg); -webkit-transform-origin: center center; transform-origin: center center;position: relative;}
.prodcut-wrap .product-section-02 .text-hollow .text{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #fff;text-transform: uppercase;letter-spacing:20px;font-size:150px;line-height: 155px;text-align: right;margin-right: -30px;}


.product-guodan .product-section-02 .text-hollow .yaowan{ display: inline-block; position: absolute; right: 120px; bottom: 10px; }
.product-guodan .product-section-02 .text-hollow .chaozai{display: inline-block; position: absolute; top: -20px; left: 10%;}
.product-guodan .product-section-02 .text-hollow .xiaobaozhuang{display: inline-block; position: absolute; bottom: -50px; right: 36%; }
.product-jinjuguodan .product-section-02 .text-hollow .yaowan{ display: inline-block; position: absolute; right: 120px; bottom: 10px; }
.product-jinjuguodan .product-section-02 .text-hollow .chaozai{display: inline-block; position: absolute; top: -190%; left: 52%;}
.product-jinjuguodan .product-section-02 .text-hollow .xiaobaozhuang{display: inline-block; position: absolute; bottom: -50px; left: 25%; -webkit-transform: rotate(25deg); transform: rotate(-25deg);}
.product-fengmigao .product-section-02 .text-hollow .chaozai{display: inline-block; position: absolute; top: -50%; left: 15%;}
.product-fengmigao .product-section-02 .text-hollow .xiaobaozhuang{top: -100%; display: inline-block; position: absolute; right: 18%; }}



.prodcut-wrap .product-section-03{-moz-user-select: none; -khtml-user-select: none; user-select: none;}
.prodcut-wrap .product-section-03 .section-box{ align-items: center;padding: 300px 0; display:flex;justify-content: space-between; }
.prodcut-wrap .product-section-03 .section-box .con-image{display: inline-block; position: relative; width: 390px;height: 390px;display: flex;align-items: center;justify-content: center;}
.prodcut-wrap .product-section-03 .section-box .con-image .text{position: absolute;top: 0;left: 0; width: 100%; height: 100%;-webkit-animation: sec1imgrotate 8s linear infinite; animation: sec1imgrotate 8s linear infinite;}
.prodcut-wrap .product-section-03 .section-box .con-image .image{position: relative;z-index: 1;}
.prodcut-wrap .product-section-03 .section-box .con-text{width: 45%;color: #000221;}
.prodcut-wrap .product-section-03 .section-box .con-text dl{width: 100%;display: flex;justify-content: space-between;}
.prodcut-wrap .product-section-03 .section-box .con-text dl dt{ width: 33%; font-size: 16px; line-height: 42px; font-family: "AlibabaPuHuiTi-Bold";}
.prodcut-wrap .product-section-03 .section-box .con-text dl dd{ width: 33%; font-size: 16px; line-height: 42px;font-family: "AlibabaPuHuiTi-Regular"; }
.prodcut-wrap .product-section-03 .section-box .content{letter-spacing:1px;font-size: 16px;line-height: 30px; font-family: "AlibabaPuHuiTi-Regular";}


.prodcut-wrap .product-section-content{padding: 300px 0 100px;}
.prodcut-wrap .product-section-content .section-title .line{ width: 22px; height: 2px; margin-left: 3px; background:#000; }
.prodcut-wrap .product-section-content .section-title .title{ letter-spacing:0px;font-size:36px;line-height:54px;font-family: "Microsoft YaHei"; font-weight: 700;;}
.prodcut-wrap .product-section-content .section-dateil{ margin-top: 50px;}

.prodcut-wrap .product-section-04{}
.prodcut-wrap .product-section-04 .section-title{}
.prodcut-wrap .product-section-04 .section-title .line{ width: 22px;height: 2px; margin-left: 3px; background:#000; }
.prodcut-wrap .product-section-04 .section-title .title{ letter-spacing:0px;font-size:36px;line-height:54px;font-family: "Microsoft YaHei"; font-weight: 700;}
.prodcut-wrap .product-section-04 .section-items{ display:flex; padding: 120px 0;}
.prodcut-wrap .product-section-04 .section-items .item{ width: 25%; display: inline-block;padding: 0 5px;}
.prodcut-wrap .product-section-04 .section-items .item .image{display: flex; width: 100%; height: 228px; align-items: center;justify-content: center;}
.prodcut-wrap .product-section-04 .section-items .item{ width: 25%; display: inline-block;padding: 0 5px;}
.prodcut-wrap .product-section-04 .section-items .item:hover .image{transform: scale(1.05,1.05); transform-origin: center center;}
.prodcut-wrap .product-section-04 .section-items .item .text{font-family: "AlibabaPuHuiTi-Bold"; font-size: 16px;line-height: 30px;color: #000000; margin-top: 60px; text-align:center;}

@media screen and (max-width:768px){
	.prodcut-wrap .product-section-01 .section-box{  position: unset; }
	.prodcut-wrap .product-section-01 .section-box .con-title{top: 50vh; z-index: 1;}
	.prodcut-wrap .product-section-01 .section-box .con-image{top: 0; opacity: 0.8; text-align: center; left: 0;}
	.prodcut-wrap .product-section-01 .section-box .con-dateil,
	.product-fengmigao .product-section-01 .section-box .con-dateil, 
	.product-guodan .product-section-01 .section-box .con-dateil, 
	.product-jinjuguodan .product-section-01 .section-box .con-dateil{top: 100px; left: 0; width: 100%;}
	.prodcut-wrap .product-section-02 .rolling-text .ticker .ticker__list .ticker__item,
	.prodcut-wrap .product-section-02 .text-hollow .text{ font-size: 60px; line-height: 72px;letter-spacing: 10px; margin-right: 0; }

	.prodcut-wrap .product-section-03 .section-box{display: block;    padding: 100px 0;}
	.prodcut-wrap .product-section-03 .section-box .con-image{width:320px;height: 320px;margin: auto;}
	.prodcut-wrap .product-section-03 .section-box .con-text{width: 100%; margin-top: 50px;}
	.prodcut-wrap .product-section-content{ padding:100px 0 50px;}
	.prodcut-wrap .product-section-content .section-dateil{ margin-top:25px;}
	.prodcut-wrap .product-section-04 .section-items{flex-wrap: wrap;padding: 60px 0;}
	.prodcut-wrap .product-section-04 .section-items .item{width: 50%;}
	.prodcut-wrap .product-section-04 .section-items .item .image{height: auto;}
	.prodcut-wrap .product-section-content .section-title .title,
	.prodcut-wrap .product-section-04 .section-title .title{font-size: 24px; line-height: 42px;}


	.product-guodan .product-section-02 .text-hollow .yaowan{ width: 32px; right: 9%; bottom: 0; }
	.product-guodan .product-section-02 .text-hollow .chaozai{width:100px;top: -20px; left: 10%;}
	.product-guodan .product-section-02 .text-hollow .xiaobaozhuang{width: 32px; bottom: 0px; right: 42%; }
	.product-jinjuguodan .product-section-02 .text-hollow .yaowan{ width: 32px; right: 9%; bottom: 0;  }
	.product-jinjuguodan .product-section-02 .text-hollow .chaozai{width:100px;top: -170%; left: 46%;}
	.product-jinjuguodan .product-section-02 .text-hollow .xiaobaozhuang{width: 32px;bottom: 0px; left: 18%;}



}
@media screen and (max-width:414px){
	.prodcut-wrap .product-section-02 .rolling-text .ticker .ticker__list .ticker__item,
	.prodcut-wrap .product-section-02 .text-hollow .text{ font-size:42px; line-height:54px;letter-spacing:5px; }
	.prodcut-wrap .product-section-03 .section-box .con-image{width:280px;height: 280px;}
	.prodcut-wrap .product-section-04 .section-items .item{width: 100%;}
	.prodcut-wrap .product-section-04 .section-items .item .text{margin-top: 20px;margin-bottom: 30px;}
}