@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "Arial";COLOR: #666;  background:#fff;width:100%; overflow-x: hidden; }
A {COLOR: #333; TEXT-DECORATION: none}
P{COLOR: #666;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{max-width:1200px;margin:0 auto}
.container-s{max-width:1501px;margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}

.wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; transition: transform 1s cubic-bezier(0.86,0,0.03,1); -webkit-transition: transform 1s cubic-bezier(0.86,0,0.03,1); }
.wrapper .page { position: relative; overflow: hidden; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 1; transition: opacity 0.7s 0ms cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: opacity 0.7s 0ms cubic-bezier(0.445, 0.145, 0.355, 1); }
.wrapper.active-page1 .page.page1 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.wrapper.active-page2 .page.page2 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.wrapper.active-page3 .page.page3 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.wrapper.active-page4 .page.page4 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.wrapper.active-page5 .page.page5 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.nav-panel {display: none; position: fixed; top: 50%; margin-top: -57px; right: 1%; z-index: 55; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.57, 1.2, 0.68, 2.6); transition: opacity 0.5s, transform 0.5s cubic-bezier(0.57, 1.2, 0.68, 2.6); will-change: transform, opacity; }
.nav-panel ul li { width: 12px; height: 12px; cursor: pointer; border-radius: 50%;  background: #fff; margin: 10px 0;}
.nav-panel ul li.active{background: #000;}


/*pc端公共头部*/
.header{position: fixed; top: 0; width: 100%; left: 0;  z-index: 9999; opacity: 1!important; background: #000;}
.logo{background: url(../images/logo-bg.jpg) no-repeat center #000; height: 84px; width: 100%}
.logo-bg a{display: block; width: 100%; height: 100%}
.logo2{background: url(../images/logo-bg2.jpg) no-repeat center #000; height: 84px; width: 100%}
.logo3{background: url(../images/logo-bg3.jpg) no-repeat center #000; height: 84px; width: 100%}
.logo4{background: url(../images/logo-bg4.jpg) no-repeat center #000; height: 84px; width: 100%}
.logo5{background: url(../images/logo-bg5.jpg) no-repeat center #000; height: 84px; width: 100%}
.logo6{background: url(../images/logo-bg6.jpg) no-repeat center #000; height: 84px; width: 100%}
.logo7{background: url(../images/logo-bg7.jpg) no-repeat center #000; height: 84px; width: 100%}
.logo-bg{position: relative; z-index: 9999}
.logo-bg ul{z-index:9999!important; }
.logo-bg img{display: block; margin: 0 auto; padding: 25px 0}
.head-top{height: 68px; border-bottom: 4px solid #121212; background: #ffffff}
.head-nav{margin-left: 29px;}
.head-nav ul li{float: left; margin-right: 48px;}
.head-nav ul li:last-child{margin-right: 0}
.head-nav ul li a{display: block; font-size: 22px; line-height: 68px; color: #121212;padding: 0 9px; position: relative;}
.head-nav ul li a:after{position: absolute; content: ''; width: 0; height: 9px; background: #121212; bottom: 0; left: 0}
.head-nav ul li.on a:after,.head-nav ul li:hover a:after{width: 100%; transition:0.6s;}
.head-right{margin-right: 29px}
.head-right a{display: block; font-size: 22px; color: #121212; line-height: 68px}
.head-right em{display: inline-block; margin-left: 102px; margin-right: 44px;}
.head-right img{display: inline-block; vertical-align: middle; margin-right: 13px;}
.header-zw{height: 156px;}
.wap-header,.wap-headerzw{display: none;}


/*首页banner*/
.index-banner{height:100vh;position:relative;overflow: hidden; }
.index-banner .swiper-slide{background-size: cover!important}
#banner-num{display: none;}
.index-banner .info{width: 483px; height: 263px;  bottom: 2vh; left: 0; right: 0; margin: auto; position: absolute; z-index: 2}

.index-banner .text-bg{background: url(../images/s10-info.png) no-repeat; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0;}
.index-banner .info img{display: block;position: absolute;left: 0;right: 0;margin: auto;}
.index-banner .info .banner-logo{top: 60px;}
.index-banner .info .index-more{bottom: 45px;}


/*首页自行车*/
/*.product-bg {height:100vh;position:relative;overflow: hidden; }
.product-bg .swiper-slide{background-size: cover!important}.product-bg .info{width: 483px; height: 263px; position: relative; left: 3.6%;    top: 23vh;}
.product-bg .text-bg{background: url(../images/product-text.png) no-repeat; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0;}
.product-bg .info span{display: block; font-size: 30px; color: #fff; text-align: center; position: absolute; left: 30px;top: 36px}
.product-bg .banner-logo{display: block; position: absolute; left: 0; right: 0; margin: auto; top: 111px}
.product-bg .info em{display: block; font-size: 27px; color: #fff; text-align: center; position: absolute; left: 30px;  bottom: 30px;}
.product-more a{display: block; font-size: 24px; color: #404040; position: absolute; bottom: 17px; right: 1%}
#index-product{display: block;}
#index-product .swiper-pagination-bullet{width: 15px; height: 15px; background: #fff; opacity: 0.5; margin: 0 6px}
#index-product .swiper-pagination-bullet-active{background: #e60012}
*/


/*首页自行车*/
.product-bg {height:100vh;position:relative;overflow: hidden; }
.product-bg .swiper-slide{background-size: cover!important}
.product-bg .info{width: 668px; height: 365px; position: absolute; }
.product-bg .info .text-bg{width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; }
.product-bg .info1{  bottom: 2vh; left: 0; right: 0; margin: auto}
.product-bg .info1 .text-bg{background: url(../images/s8-info.png) no-repeat; }
.product-bg .info2{ left: 3.75%;   top: 29vh;}
.product-bg .info2 .text-bg{background: url(../images/s6-info.png) no-repeat; }
.product-bg .info3{ float: right;  right: 7%;   top: 31vh;}
.product-bg .info3 .text-bg{background: url(../images/x2-info.png) no-repeat; }
/*.product-bg .info4{width: 483px; height: 263px;  bottom: 2vh; left: 0; right: 0; margin: auto}
.product-bg .info4 .text-bg{background: url(../images/s10-info.png) no-repeat; }*/
.product-bg .info img{display: block;position: absolute;left: 0;right: 0;margin: auto;}
.banner-logo{top: 80px;}
.index-more{bottom: 61px;}
/*.product-bg .info4 .banner-logo{top: 60px;}
.product-bg .info4 .index-more{bottom: 45px;}*/


#index-product{display: none;}
#index-product .swiper-pagination-bullet{width: 15px; height: 15px; background: #fff; opacity: 0.5; margin: 0 6px}
#index-product .swiper-pagination-bullet-active{background: #e60012}



/*公共底部*/
.footer-box{background: #333; padding: 51px 0 47px}
.footer-box .container{max-width:1384px;}
.foot-left .foot-logo img{display: block; margin-bottom: 39px;}
.foot-icon {margin-bottom: 94px;}
.foot-icon ul li{float: left; margin-right: 32px;}
.foot-icon ul li:last-child{margin-right: 0}
.foot-icon ul li a{display: flex; height: 22px;}
.foot-icon ul li img{margin: auto}
.foot-left p{display: block; color: #bcbcbc}
.foot-nav{width: 57.3%}
.foot-nav dl{float: left; margin-right:  calc( (100% - 433.42px) / 2)}
.foot-nav dl:last-child{margin-right: 0}
.foot-nav dl dt{display: block; font-size: 18px; color: #fff; line-height: 13px; font-weight: bold; margin-bottom: 25px;}
.foot-nav dl dd {display: block; font-size: 16px; line-height: 36px; color: #a9a9a9}
.foot-nav dl dd a{color: #a9a9a9; text-transform: capitalize}
.foot-nav dl dd a:hover{color: #fff;}

/*手机端公共底部*/
.wapfoot-zw,.wapfooter{display: none;}



/*内页样式*/
.about-banner{position: relative;}
.about-banner img{display: block; width: 100%}
.about-banner .info{position: absolute; left: 11%; top: 0; margin-top: 14%}
.about-banner .info strong{display: block; font-size: 60px; line-height: 81px; color: #fff;}
.ny-main{padding: 90px 0}


/*内页关于我们*/
.about-content{margin-bottom: 77px;}
.about-content .info,.about-content .pic{float: left; height: 512px;}
.about-content .info{width: 46.1%; margin-right: 3.87%; display: flex; }
.about-content .text{margin: auto}
.about-title strong{display: block; font-size: 42px; color: #333}
.about-content .about-title{margin-bottom: 20px;}
.about-content .info p{font-size: 18px; line-height: 36px; color: #333;}
.about-content .pic{width: 50.03%; background: url(../images/about-pic.jpg) no-repeat center; background-size: cover; }
.about-content .pic img{display: none;}
.vision{background: url(../images/vision-bg.jpg) no-repeat center; background-size: cover; padding: 56px 0 110px; margin-bottom: 49px;}
.vision .about-title{margin-bottom: 39px;}
.vision .info p{font-size: 18px; line-height: 36px; color: #333; }

.slogan{border-bottom: 1px solid #eee; padding-bottom: 38px; margin-bottom: 132px;}
.slogan .about-title{margin-bottom: 18px; text-align: center;}
.slogan-list dl{width: 100%; text-align: center; padding: 18px 0; margin-bottom: 4px;}
.slogan-list dl dd{display: inline-block; font-size: 30px; color: #333; background: url(../images/slogan-line.png) no-repeat right center; width: 274px; text-align: left; margin-right: 72px}
.slogan-list dl dd:last-child{margin-right: 0; background: transparent;}
.slogan-list dl:nth-child(2){background: #000}
.slogan-list dl:nth-child(2) dd{color: #fff; background: url(../images/slogan-line2.png) no-repeat right center;}
.slogan-list dl:nth-child(2) dd:last-child{margin-right: 0; background: transparent;}
.history .about-title{margin-bottom: 57px; }
.history-list{border-top: 1px solid #eee;}
.history-list dl{border-bottom: 1px solid #eee; padding: 23px 0 33px}
.history-list dl dt,.history-list dl dd{float: left; font-size: 18px; color: #333; line-height: 45px;}
.history-list dl dt{width: 15.7%; margin-right: 4%; text-align: center;}
.history-list dl dd{width: 80.3%}
.history-list dl dd h3{background: url(../images/history-icon.png) no-repeat left top 19px; padding-left: 19px}


/*内页产品列表页*/
.s6-banner{background: url(../images/s6-banner.jpg) no-repeat center; }
.s10-banner{background: url(../images/s10-banner.jpg) no-repeat center; }
.s8-banner{background: url(../images/s8-banner.jpg) no-repeat center; }
.x2-banner{background: url(../images/x2-banner.jpg) no-repeat center; }
.c5-banner{background: url(../images/c5-banner.jpg) no-repeat center; }
.ny-banner .info{background: url(../images/s6-text.png) no-repeat; width: 968px;  height: 304px;  box-sizing:border-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto}
.ny-banner .info strong{display: block; font-size: 83px;  color: #fff; text-align: center; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: auto}



#about,#vision,#history{position: relative; top: -200px}

/*内页新闻*/
.ny-banner{height: 461px; background-size: cover; position: relative;}
/*.ny-banner .info strong{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 0!important}*/
.news-banner{background: url(../images/news-banner.jpg) no-repeat center; }
.news-banner .info{background: url(../images/news-text.png) no-repeat; width: 695px; height: 213px; }
.news-banner .info strong{font-size: 60px; }
.news-list{overflow: hidden;}
.news-list ul{width: 103%}
.news-list ul li{float: left; margin-right:  3%; width: calc(100% / 3 - 3%); margin-bottom: 5%}
.news-list ul li .pic{overflow: hidden; margin-bottom: 27px;}
.news-list ul li .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.news-list ul li:hover .pic img{-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.news-list ul li .info em{display: block; font-size: 17px; line-height: 27px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 25px;}
.news-list ul li .info span{display: block; font-size: 16px; color: #787878;}






.product-list{overflow: hidden;}
.product-list ul{width: 108%}
.product-list ul li{float: left; margin-right: 8%; width: calc(100% / 2 - 8%); }
.product-list ul li .pic{overflow: hidden;}
.product-list ul li .pic img{display: block; width: 100%;transition: all .5s;}
.product-list ul li:hover .pic  img{transform:scale(1.08);}
.product-list ul li h3{display: block; font-size: 45px; color: #333; font-weight: bold; text-align: center;  font-style: normal; text-transform: uppercase;}


/*内页产品详情页*/
.nypro-pic{float: left; position: relative; width: 63%}
.product-xq{padding:45px 0 0}
.nypro-pic{}
.product-big{margin-bottom: 19px!important;}
.product-big ul li img,.product-small ul li img{display: block; width: 100%;transition: all .3s;}
.product-small ul li{position: relative; cursor: pointer;overflow: hidden;}
.product-small ul li:hover img{transform: scale(1.1);}
.product-small ul li span{position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.65); top: 0; left: 0;}
.product-small ul li.swiper-slide-thumb-active span{background: rgba(255,255,255,0);}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content: ''!important;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content: ''!important;}
#product-num{display: none;}

.nypro-info{width: 30.6%;margin-top: 50px;}
.nypro-info>span{display: inline-block; width: 40px; border: 2px solid #000; font-size: 13px; line-height: 22px; color: #000;text-align: center; margin-right: 10px;}
.nypro-info i{display: inline-block; font-size: 17px; line-height: 26px; color: #656565; font-style: normal;}
.nypro-info h3{display: block; font-size: 50px; color: #080404; font-weight: bold; text-transform: uppercase;}
.star{margin-bottom: 14px;}
.star ul{margin-right: 12px;}
.star ul li{float: left; background: url(../images/star-icon.png) no-repeat center #c8c8c8; width: 33px; height: 33px; margin-right: 6px;}
.star ul li.on,.star ul li:hover{background: url(../images/star-icon.png) no-repeat center #37bc3b;}
.star strong{display: block; font-size: 30px; line-height: 33px; color: #4fb634}
.review{margin-bottom: 35px;}
.review em{display: inline-block; color: #656565}
.review a{display: inline-block; font-weight: bold; color: #ee1717; text-decoration: underline;}
.describe{margin-bottom: 15px}
.nypro-more a{display: block; background: #ce5a6a; width: 100%; font-size: 25px; line-height: 55px; color: #fff; text-align: center; cursor: pointer;}


.message{margin: 0 0 55px; display: none;}
.message strong{display: block; font-size: 30px; color: #000; margin-bottom: 5px;}
.mess-form input,.mess-form textarea{float: left; border: 1px solid #bababa; font-family: arial; outline: none; background: #ededed;font-size: 18px; color: #898989; line-height: 40px; box-sizing:border-box; margin-bottom: 12px; text-indent: 11px;}
.mess-form input{}
.mess-form .item1{width: 60%; margin-right: 1.5%}
.mess-form .item2{width: 38.5%}
.mess-form textarea{display: block; width: 100%; margin-bottom: 26px; height: 171px; line-height: 25px; padding: 10px 0}
.mess-form .mess-submit{display: block; width: 179px; background: #ce5a6a; font-size: 20px; line-height: 43px; color: #fff; text-align: center; float: none; margin: 0 auto; border: none;}
.product-btn{padding: 22px 0; box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.03); margin-bottom: 38px}
.product-btn ul li{float: left; display: block; font-size: 17px;  line-height: 28px; color: #656565; text-align: center; border-right: 1px solid #ddd; box-sizing:border-box; width: calc(100% / 3)}
.product-btn ul li:last-child{border-right: none;}

/*.pro-details{margin-bottom: 112px;}*/
.comment{margin-bottom: 114px;}
.comment-title{background: #f5f5f5; padding: 0 3%; line-height: 50px; margin-bottom:30px;}
.comment-title em{display: block; font-size: 18px; color: #2c2c2c}
.comment-title img{margin: 0 16px 0 11px}
.comment-title span{display: block; font-size: 16px; color: #797979}
.comment-list{border-bottom: 1px solid #e5e5e5; padding-bottom: 30px; margin-bottom: 28px;}
.comment-list dl{display: none; padding: 0 3%; margin-bottom: 35px; }
.comment-list dl dt{float: left; width: 80%}
.comment-list dl dd{float: right; width: 7%}
.comment-icon{margin-bottom: 16px;}
.comment-icon ul li{float: left; background: url(../images/star-icon.png) no-repeat center #c8c8c8; width: 15px; height: 15px; margin-right: 6px; background-size: 60%!important;}
.comment-icon ul li.on,.comment-icon ul li:hover{background: url(../images/star-icon.png) no-repeat center #37bc3b;}
.comment-list dl dt em{ font-size: 14px; line-height: 15px; color: #a3a3a3}
.comment-list dl dt p{display: block; line-height: 21px; color: #2c2c2c; }
.comment-list dl dd em{display: block; width: 54px; background: #f5f5f5; line-height: 24px; text-align: center; margin-bottom: 30px;}
.comment-list dl dd em img{display: inline-block; margin-right: 7px; vertical-align: text-bottom;}
.comment-list dl dd span{display: block; color: #cbcbcb}
.comment-pic {margin-top: 35px;}
.comment-pic ul li{float: left; margin-right: 13px;}
.comment-btn{padding: 0 3%}
.comment-btn a{display: block; width: 144px; background: #ce5a6a; font-size: 16px; line-height: 35px; color: #fff; text-align: center; }
.view-page{display: none;}
.pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.pagelist a,.pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.pagelist span.current {color: #f30;border: 1px solid #ddd;}

.new-comment{margin-bottom: 81px;}
.new-comment strong{display: block; font-size: 30px; color: #000}
.form-left {width: 80%}
.new-form textarea{display: block; border: 1px solid #bababa; font-family: arial; outline: none; background: #ededed;font-size: 18px; color: #898989; line-height: 40px; box-sizing:border-box; margin-bottom: 12px; text-indent: 11px; width: 100%; margin-bottom: 26px; height: 171px; line-height: 25px; padding: 10px 0}
#score-demo{width: auto!important; margin-right: 19px;}
.form-left em{display: inline-block; font-size: 16px; line-height: 20px; color: #dedede}
.new-submit{display: block; width: 178px; background: #ce5a6a; font-size: 20px; line-height: 43px; color: #fff; text-align: center; outline: none; margin:20px auto 0; border: none;}
.upload {width: 220px;}
.upload em{display: block; width: 100%; background: #ce5a6a; font-size: 20px; line-height: 43px; color: #fff; text-align: center; margin-bottom: 20px;}

.imageDiv {
	display:inline-block;
	width:66px;
	height:66px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:1px dashed darkgray;
	background:#f8f8f8;
	position:relative;
	overflow:hidden;
	margin-right: 10px;
}
.imageDiv:nth-child(3n){margin-right: 0}
.cover {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:66px;
	height:66px;
	background-color:rgba(0,0,0,.8);
	display:none;
	line-height:66px;
	text-align:center;
	cursor:pointer;
}
.cover .delbtn {
	color:red;
	font-size:16px;
}
.imageDiv:hover .cover {
	display:block;
}
.addImages {
	display:inline-block;
	width:66px;
	height:66px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:1px dashed darkgray;
	background:#f8f8f8;
	position:relative;
	overflow:hidden;

}
.text-detail {
	text-align:center;
}
.text-detail span {
	font-size:25px;
}

.text-detail p {
	line-height: 14px;
}
.file {
	position:absolute;
	top:0;
	left:0;
	width:66px;
	height:66px;
	opacity:0;
}



/*cookies*/
.cookies{display: block; position: fixed; bottom: 0; z-index: 222; background: rgba(0,0,0,0.8); padding: 30px 0; text-align: center; color: #fff; width: 100%}
.cookies h3{display: block; font-size: 18px; text-transform: uppercase; margin-bottom: 10px;}
.cookies p{width: 70%; line-height: 28px; color: #666; margin: 0 auto 20px}
.cookies span{display: inline-block; font-size: 15px; text-transform: uppercase; margin: 0 15px}


/*2021.11.18产品详情页*/
.pro-details{background: #efefef}
.pro-content{position: relative; margin-bottom: 60px;}
.nypro-more{position: absolute; width: 30.6%; bottom: 0}
.describe .pro-name{display: inline-block; margin: 20px 0 30px 43px}


/*2021.11.22产品详情页*/
.container-p{max-width:1560px;margin:0 auto}
.wap-proxq{display: none;}



/*2021.11.26视频*/
.wap-video{display: none;}



/*2021.12.1邮箱*/
.history{margin-bottom: 70px;}
.about-contact .about-title{margin-bottom: 15px;}
.email-list{margin-bottom: 74px;}
.email-list ul li{float: left; height: 200px; position: relative; margin-right: calc((100% - 772px) / 2);}
.email-list ul li:last-child{margin-right: 0}
.email-list ul li strong{display: block; font-size: 25px; color: #000; margin-bottom: 19px;}
.email-list ul li b{display: block; font-size: 28px; color: #000; line-height: 20px; margin-bottom: 10px;}
.email-list ul li em{display: block; font-size: 17px; color: #000; line-height: 24px; }
.email-list ul li img{display: inline-block; vertical-align: middle; margin-right: 32px;}
.email-list ul li span{position: absolute; bottom: 0;  width: 218px; line-height: 36px; background: #c92b37; font-size: 24px; color: #fff; text-align: center; cursor: pointer;}
.email-content ul{display: none;}


/*2021.12.2手机端自行车*/
.wap-product{ display: none;}