*{margin: 0; padding: 0; font: 12px 'Microsoft Yahei'; outline: none; text-decoration: none; background: transparent; color: #fff;}
html,body,.index{width: 100%; height: 100%;}
body{background-color: #070707; overflow-x: hidden;}
.green{color: #33cc33;}
.red{color: #e42f37;}
.clearfix:after{content: ''; display: block; clear: both;}
.scroll{visibility: hidden;}
.scroll.up{visibility: visible; animation: up 1s 1; -o-animation: up 1s 1; -ms-animation: up 1s 1; -moz-animation: up 1s 1; -webkit-animation: up 1s 1;}
.scroll.left{visibility: visible; animation: left 1s 1; -o-animation: left 1s 1; -ms-animation: left 1s 1; -moz-animation: left 1s 1; -webkit-animation: left 1s 1;}
.scroll.right{visibility: visible; animation: right 1s 1; -o-animation: right 1s 1; -ms-animation: right 1s 1; -moz-animation: right 1s 1; -webkit-animation: right 1s 1;}
.float{animation: float 2s infinite; -o-animation: float 2s infinite; -ms-animation: float 2s infinite; -moz-animation: float 2s infinite; -webkit-animation: float 2s infinite;}
@keyframes up{
	0% {opacity: 0; transform: translateY(60px); -o-transform: translateY(60px); -ms-transform: translateY(60px); -moz-transform: translateY(60px); -webkit-transform: translateY(60px);}
	100% {opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0);}
}
@-o-keyframes up{
	0% {opacity: 0; transform: translateY(60px); -o-transform: translateY(60px); -ms-transform: translateY(60px); -moz-transform: translateY(60px); -webkit-transform: translateY(60px);}
	100% {opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0);}
}
@-moz-keyframes up{
	0% {opacity: 0; transform: translateY(60px); -o-transform: translateY(60px); -ms-transform: translateY(60px); -moz-transform: translateY(60px); -webkit-transform: translateY(60px);}
	100% {opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0);}
}
@-webkit-keyframes up{
	0% {opacity: 0; transform: translateY(60px); -o-transform: translateY(60px); -ms-transform: translateY(60px); -moz-transform: translateY(60px); -webkit-transform: translateY(60px);}
	100% {opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0);}
}
@keyframes left{
	0% {opacity: 0; transform: translateX(60px); -o-transform: translateX(60px); -ms-transform: translateX(60px); -moz-transform: translateX(60px); -webkit-transform: translateX(60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@-o-keyframes left{
	0% {opacity: 0; transform: translateX(60px); -o-transform: translateX(60px); -ms-transform: translateX(60px); -moz-transform: translateX(60px); -webkit-transform: translateX(60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@-moz-keyframes left{
	0% {opacity: 0; transform: translateX(60px); -o-transform: translateX(60px); -ms-transform: translateX(60px); -moz-transform: translateX(60px); -webkit-transform: translateX(60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@-webkit-keyframes left{
	0% {opacity: 0; transform: translateX(60px); -o-transform: translateX(60px); -ms-transform: translateX(60px); -moz-transform: translateX(60px); -webkit-transform: translateX(60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@keyframes right{
	0% {opacity: 0; transform: translateX(-60px); -o-transform: translateX(-60px); -ms-transform: translateX(-60px); -moz-transform: translateX(-60px); -webkit-transform: translateX(-60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@-o-keyframes right{
	0% {opacity: 0; transform: translateX(-60px); -o-transform: translateX(-60px); -ms-transform: translateX(-60px); -moz-transform: translateX(-60px); -webkit-transform: translateX(-60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@-moz-keyframes right{
	0% {opacity: 0; transform: translateX(-60px); -o-transform: translateX(-60px); -ms-transform: translateX(-60px); -moz-transform: translateX(-60px); -webkit-transform: translateX(-60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@-webkit-keyframes right{
	0% {opacity: 0; transform: translateX(-60px); -o-transform: translateX(-60px); -ms-transform: translateX(-60px); -moz-transform: translateX(-60px); -webkit-transform: translateX(-60px);}
	100% {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
}
@keyframes float{
	0% {opacity: .2; transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px);}
	70% {opacity: .8; transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); -moz-transform: translateY(20px); -webkit-transform: translateY(20px);}
	100% {opacity: .2; transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px);}
}
@-o-keyframes float{
	0% {opacity: .2; transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px);}
	70% {opacity: .8; transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); -moz-transform: translateY(20px); -webkit-transform: translateY(20px);}
	100% {opacity: .2; transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px);}
}
@-moz-keyframes float{
	0% {opacity: .2; transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px);}
	70% {opacity: .8; transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); -moz-transform: translateY(20px); -webkit-transform: translateY(20px);}
	100% {opacity: .2; transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px);}
}
@-webkit-keyframes float{
	0% {opacity: .2; transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px);}
	70% {opacity: .8; transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); -moz-transform: translateY(20px); -webkit-transform: translateY(20px);}
	100% {opacity: .2; transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px);}
}
.transition{transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s;}
.index nav{position: fixed; z-index: 3; width: 90%; height: 50px; line-height: 50px; padding: 0 5%; left: 0; top: 0; background-color: #070707; overflow: hidden;}
.index nav.showMenu{height: 100%;}
.index nav a{display: inline-block; width: 30%; vertical-align: middle;}
.index nav a img{display: block; width: 100%;}
.index nav .menuIcon{position: relative; float: right; width: 40px; height: 50px;}
.index nav .menuIcon .icon{position: absolute; top: 20px; right: 0; display: inline-block; width: 18px; height: 1px; background: #fff; transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -webkit-transform: translateY(0) rotate(0);}
.index nav .menuIcon .icon:last-child{top: 30px;}
.index nav .menuIcon.showMenu .icon:first-child{transform: translateY(5px) rotate(-45deg); -o-transform: translateY(5px) rotate(-45deg); -ms-transform: translateY(5px) rotate(-45deg); -moz-transform: translateY(5px) rotate(-45deg); -webkit-transform: translateY(5px) rotate(-45deg);}
.index nav .menuIcon.showMenu .icon:last-child{transform: translateY(-5px) rotate(45deg); -o-transform: translateY(-5px) rotate(45deg); -ms-transform: translateY(-5px) rotate(45deg); -moz-transform: translateY(-5px) rotate(45deg); -webkit-transform: translateY(-5px) rotate(45deg);}
.index nav ul{width: 80%; margin: 20px auto;  opacity: 0; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s;}
.index nav ul.showMenu{opacity: 1;}
.index nav ul li{height: 50px; line-height: 50px; list-style: none; border-bottom: 1px solid #333;}
.index nav ul li a{width: 100%; height: 30px; line-height: 30px; font-size: 16px; padding-left: 10px;}
.index .page{padding-top: 50px;}
.indexPage{position: relative; width: 100%; height: 100%; padding-top: 0;}
.indexPage .kong{position: absolute; z-index: 2; top: 40%; left: 50%; width: 50%; margin-left: -25%; margin-top: -30%; pointer-events: none;}
.indexPage h2{position: absolute; z-index: 2; top: 50%; left: 0; width: 100%; font-size: 18px; letter-spacing: 5px; margin-top: 20%; text-align: center; pointer-events: none;}
.indexPage h3{position: absolute; z-index: 2; top: 50%; left: 50%; width: 180px; height: 30px; line-height: 30px; font-size: 14px; margin-top: 30%; margin-left: -90px; text-align: center; border: 1px solid #fff; pointer-events: none;}
.indexPage .arrow{position: absolute; z-index: 2; bottom: 15%; left: 50%; width: 30px; margin-left: -15px; text-align: center; pointer-events: none;}
.videoPage{position: relative; height: 300px; top: 45px;margin: auto;}
.videoPage .num{position: absolute; width: 90%;height: 90%; top: 15px; left: 5%; object-fit: fill;}
.ideaPage{position: relative; padding-bottom: 50px; background: url(../images/bg1.png) top right no-repeat; background-size: contain;}
.ideaPage .we{position: absolute; width: 75px; top: 150px; left: 50%; font-size: 70px; margin-left: -70px;}
.ideaPage .slogan .pText{font-size: 14px;line-height: 20px;letter-spacing: 3px;}
.ideaPage .slogan{margin-top: 50px; margin-left: 5%;}
.ideaPage .slogan p{font-size: 14px; margin-bottom: 10px;}
.ideaPage .slogan p.small{font-size: 15px; opacity: .5; letter-spacing: 9px;margin-left: 26%;}
.ideaPage .canvas{position: relative; margin-top: 50px; margin-left: 5%; width: 200px; height: 200px;}
.ideaPage .canvas .num{position: absolute; width: 200px; top: 60px; left: 50%; margin-left: -100px; text-align: center;}
.ideaPage .canvas .num .big{color: #fff;}
.ideaPage .canvas .num .big span{font-size: 24px;}
.ideaPage .canvas .num .big .orange{font-size: 50px; color: #e79d18;}
.ideaPage .canvas .num .gray{color: #fff; opacity: .8; font-size: 12px; margin-top: 5px;}
.ideaPage .slogan2{position: absolute; top: 810px; left: 17%;}
.ideaPage .slogan2 div:first-child{font-size: 18px;}
.ideaPage .slogan2 div:last-child{font-size: 14px; opacity: .8; margin-top: 10px;}
.ideaPage .prism-player{width: 100%; margin-top: 20px;}
.pastPage{margin-top: 40px;}
.pastPage .title{margin-left: 5%;}
.pastPage .title h2{display: inline-block; font-size: 22px; color: #ffa401;}
.pastPage .title h2:after{content: ''; display: block; width: 20px; height: 2px; background-color: #ffa401; margin-top: 3px;}
.pastPage .title div{font-size: 14px; margin-top: 10px; opacity: .5;}
.pastPage .pastPageBox{margin-top: 50px; text-align: center; background: url(../images/coop.png) no-repeat; background-size: cover;}
.pastPage .pastPageBox .item{display: inline-block; width: 32%; text-align: center; margin-bottom: 50px;}
.pastPage .pastPageBox .item img{width: 70%; vertical-align: middle;}
.pastPage .pastPageBox .item:nth-child(1) img{width: 80%;}
.pastPage .pastPageBox .item:nth-child(13) img{width: 90%;}
.pastPage .pastPageBox .item:nth-child(14){margin-left: 5%;}
.pastPage .pastPageBox .item:nth-child(14) img{width: 95%;}
.pastPage .stockBox{width: 75%; margin-left: 250px; margin-top: 100px;}
.pastPage .stockBox .stockItem{float: left; position: relative; width: 18%; margin-right: 4%; padding: 30px 2%; text-align: center;}
.pastPage .stockBox .stockItem:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; opacity: .1;}
.pastPage .stockBox .stockItem:last-child{margin-right: 0;}
.pastPage .stockBox .stockItem img{height: 40px; max-width: 100%; vertical-align: top;}
.pastPage .stockBox .stockItem .itemBody{border-top: 1px solid #8d8d8d; margin-top: 20px; padding-top: 20px; text-align: left;}
.pastPage .stockBox .stockItem .itemBody span{opacity: .3;}
.pastPage .stockBox .stockItem .itemBody .code{opacity: 1; color: #fff; font-size: 20px;}
.pastPage .stockBox .stockItem .itemBody .now{color: #e79d18; font-size: 30px; margin: 10px 0; font-weight: bold;}
.pastPage .stockBox .stockItem .itemBody .today{display: inline-block; margin-right: 20px;}
.pastPage .stockBox .stockItem .itemBody .yesterday{display: inline-block;}
.pastPage .stockBox .stockItem .itemBody .pass{opacity: 1; margin-left: 10px;}
.pastPage .normalBox{position: relative; width: 71%; margin-left: 250px; margin-top: 50px; padding: 0 2%;}
.pastPage .normalBox:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; opacity: .1;}
.pastPage .normalBox .normalItem{float: left; width: 25%; height: 160px; line-height: 160px; text-align: center;}
.pastPage .normalBox .normalItem img{width: 40%; max-height: 150px; vertical-align: middle;}
.designPage,.productPage,.techPage{position: relative; padding-bottom: 50px; margin-top: 50px;}
.designPage .text{margin-left: 5%;}
.designPage .text .textIcon{display: inline-block; width: 30px; height: 3px; background-color: #e79d18;}
.designPage .text h2{font-size: 20px; color: #e79d18; margin-top: 10px;}
.designPage .text h3{font-size: 14px; margin-top: 10px; margin-bottom: 20px; opacity: .5;}
.designPage .bg{position: absolute; z-index: -1; left: 10%; top: 70px; width: 80%;}
.designPage .showcase{margin-left: 5%; margin-top: 50px; white-space: nowrap; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.designPage .showcase .item{display: inline-block; width: 70%; margin-right: 1%;}
.designPage .showcase .item img{display: block; width: 100%;}
.designPage .showcase .item .itemDetail{height: 60px; line-height: 60px; align-items: center; padding: 0 4%; background-color: #fff;}
.designPage .showcase .item .itemName{display: inline-block; vertical-align: middle;}
.designPage .showcase .item .name{color: #333; font-size: 16px; text-shadow: 0 0;}
.designPage .showcase .item .tag{color: #888; font-size: 10px;}
.designPage .showcase .item .itemJump{float: right; margin-top: 20px;}
.designPage .showcase .item .itemJump span{color: #333; vertical-align: middle;}
.designPage .showcase .item .itemJump img{display: inline-block; width: 4px; vertical-align: middle;}
.productPage .bg{top: -32%; left: 0; width: 100%;}
.techPage .bg{width: 100%; top: 6%; left: 0;}
.coopPage .title{color: #fff; margin-left: 5%;}
.coopPage .title h2{display: inline-block; font-size: 20px; color: #e79d18;}
.coopPage .contactBox{background: url(../images/contact.png) left 13% no-repeat; background-size: contain;}
.coopPage .contactBox .contactDetail{position: relative;}
.coopPage .contactBox .contactDetail .prev,.coopPage .contactBox .contactDetail .next{position: absolute; width: 40px; height: 40px; line-height: 40px; z-index: 2; text-align: center; top: 30%;}
.coopPage .contactBox .contactDetail .sort{position: absolute; width: 40px; height: 40px; line-height: 40px; z-index: 2; text-align: center; right: 10px; top: 50%;}
.coopPage .contactBox .contactDetail .sort span{font-size: 14px;}
.coopPage .contactBox .contactDetail .sort .big{color: #ffa401; font-size: 22px;}
.coopPage .contactBox .contactDetail .prev{left: 10px;}
.coopPage .contactBox .contactDetail .next{right: 10px;}
.coopPage .contactBox .contactDetail .prev img, .coopPage .contactBox .contactDetail .next img{width: 14px; vertical-align: middle;}
.coopPage .contactBox .contactDetail .contactDetailBox{overflow: hidden; width: 100%;}
.coopPage .contactBox .contactDetail .contactDetailBox .contactDetailScroll{white-space: nowrap; width: 100%; font-size: 0; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
.coopPage .contactBox .contactDetail .contactDetailBox .contactDetailScroll.animate{transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s;}
.coopPage .contactBox .contactDetail .contactDetailBox .item{display: inline-block; width: 100%; position: relative; overflow: hidden; white-space: normal; vertical-align: top;}
.coopPage .contactBox .contactDetail .contactDetailBox .item .detailPic{width: 80%; vertical-align: top;}
.coopPage .contactBox .contactDetail .contactDetailBox .item .detailArrow{position: absolute; width: 15%; left: 56%; top: 7%;}
.coopPage .contactBox .contactDetail .contactDetailBox .item .detailArrow .dot{display: inline-block; width: 8px; height: 8px; background-color: #505050; border-radius: 100%; vertical-align: middle;}
.coopPage .contactBox .contactDetail .contactDetailBox .item .detailArrow .split{display: inline-block; width: 70%; height: 1px; background-color: #505050; vertical-align: middle;}
.coopPage .contactBox .contactDetail .contactDetailBox .item .detailName{position: absolute; left: 75%; top: 5%;}
.coopPage .contactBox .contactDetail .contactDetailBox .item .detailName h3{font-size: 20px;}
.coopPage .contactBox .contactDetail .contactDetailBox .item .detailName div{color: #fff; opacity: .5; font-size: 14px; margin-top: 5px;}
.coopPage .contactBox .contactDetail .contactDetailBox .item .detailText{margin-top: -30px; padding: 0 5%;}
.coopPage .contactBox .contactDetail .contactDetailBox .item .detailText .quote{width: 50px; vertical-align: top; margin-bottom: 10px;}
.coopPage .contactBox .contactDetail .contactDetailBox .item .detailText p{font-size: 14px; line-height: 30px;}
.coopPage .contactBox .contactDetail .contactDetailBox .item .detailText .detailContact{position: relative; height: 120px; margin-top: 20px;}
.coopPage .contactBox .contactDetail .contactDetailBox .item .detailText .detailContact .contactItem{padding-top: 20px;}
.coopPage .contactBox .contactDetail .contactDetailBox .item .detailText .detailContact .contactItem img{width: 20px; vertical-align: middle; margin-right: 10px;}
.coopPage .contactBox .contactDetail .contactDetailBox .item .detailText .detailContact .contactItem .text{opacity: .8; vertical-align: middle;}
.coopPage .contactBox .contactDetail .contactDetailBox .item .detailText .detailContact .detailCode{position: absolute; top: 0; right: 0; width: 30%;}
.coopPage .coopPlatform{width: 90%; margin-left: 5%; margin-top: 50px;}
.coopPage .coopPlatform .item{float: left; width: 50%; height: 50px; line-height: 50px; text-align: center; margin-bottom: 30px;}
.coopPage .coopPlatform .item img{width: 50%; vertical-align: middle; max-width: 250px;}
.coopPage .address{width: 90%; margin: 0 auto; border-top: 1px solid #fff; padding: 20px 0;}
.coopPage .address img{width: 20%; vertical-align: top;}
.coopPage .address .addressBox{float: right; width: 210px; margin-top: 6px;}
.coopPage .address .addressBox div{margin-bottom: 5px; font-size: 10px; color: #ccc;}
.coopPage .address .addressBox p{font-size: 8px; color: #ccc;}
@media screen and (min-width: 330px) {
	.coopPage .contactBox .contactDetail .sort{top: 54%;}
}
@media screen and (min-width: 370px) {
	.coopPage .contactBox .contactDetail .sort{top: 56%;}
}
@media screen and (min-width: 400px) {
	.coopPage .contactBox .contactDetail .sort{top: 58%;}
}
@media screen and (min-width: 440px) {
	.coopPage .contactBox .contactDetail .sort{top: 60%;}
}
#particles-js{width: 100%; height: 100%; background-color: #070707; pointer-events: none;}
/*产品详情*/
.productDetail{position: relative;}
.productDetail .width{width: 1200px; margin-left: auto; margin-right: auto;}
.productDetail header{position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 70px; line-height: 70px; background-color: #000;}
.productDetail header .width{line-height: 70px;}
.productDetail header .logo img{height: 30px; vertical-align: middle;}
.productDetail header .back{float: right; line-height: 70px; opacity: .8; font-size: 18px;}
.productDetail header .width{line-height: 70px;}
.productDetail .content{background-color: #f5f5f5; padding: 20px;}
.productDetail .content .picBox{display: inline-block; width: 830px;}
.productDetail .content .picBox img{display: block;}
.productDetail .content .textBox{position: fixed; top: 90px; right: 50%; margin-right: -599px; width: 350px; box-shadow: 0 0 20px -5px #ccc; background-color: #fff;}
.productDetail .content .textBox .head{padding: 30px 40px; border-bottom: 1px solid #ebebeb;}
.productDetail .content .textBox .head img{width: 75px; vertical-align: top; margin-right: 20px;}
.productDetail .content .textBox .name{display: inline-block; vertical-align: top;}
.productDetail .content .textBox h1{color: #333; font-size: 26px; margin-top: 10px; text-shadow: 0 0;}
.productDetail .content .textBox h2{color: #333; margin-top: 6px;}
.productDetail .content .textBox .tag{margin-top: 30px;}
.productDetail .content .textBox .tagText{display: inline-block; background-color: #000; width: 80px; height: 40px; line-height: 40px; text-align: center; font-size: 14px;}
.productDetail .content .textBox .dot{float: right; display: inline-block; width: 8px; height: 8px; background-color: #cbcbcb; border-radius: 8px; margin-top: 16px;}
.productDetail .content .textBox .line{float: right; display: inline-block; width: 171px; height: 1px; background-color: #cbcbcb; margin-top: 18.5px;}
.productDetail .content .textBox p{color: #777; font-size: 14px; margin: 30px 0;}
.productDetail .content .download{padding: 30px 40px;}
.productDetail .content .ios,.productDetail .content .android{display: inline-block; width: 125px;}
.productDetail .content .ios img,.productDetail .content .android img{width: 100%; display: block;}
.productDetail .content .ios a,.productDetail .content .android a{display: block; height: 40px; line-height: 40px; margin-top: 30px; background-color: #28272d; border-radius: 3px; text-align: center; border: 2px solid #28272d;}
.productDetail .content .ios a img,.productDetail .content .android a img{display: inline-block; width: 20px; vertical-align: middle; margin-right: 5px;}
.productDetail .content .android a{background-color: #fff;}
.productDetail .content .android a span{color: #28272d;}
.productDetail .content .android{float: right;}
.productDetail footer{position: absolute; width: 100%; height: 120px; background-color: #000; left: 0; bottom: 0;}
.productDetail footer .width{line-height: 120px;}
.productDetail footer img{width: 80px; vertical-align: middle;}
.productDetail footer .addressBox{float: right; margin-top: 15px;}
.productDetail footer .addressBox div{color: #ccc; font-size: 16px; margin-bottom: 20px;}
.productDetail footer .addressBox p{color: #ccc; margin-top: 10px; opacity: .5;}
.productDetail footer .addressBox a{color: #ccc;}
.productDetail footer .addressBox img{width: 20px;}
@media screen and (max-width: 1500px) {
	.productDetail .content .textBox{position: static; float: right; margin-right: 0;}
}
/*详情页*/
.detail .detailInfo{padding: 20px 5%;}
.detail .detailInfo .detailImg{display: inline-block; width: 30%; margin-right: 5%; border-radius: 10px; vertical-align: top;}
.detail .detailInfo .detailText{display: inline-block; width: 62%; vertical-align: top;}
.detail .detailInfo .detailText .user{min-height: 20px; color: #666; margin: 8px 0;}
.detail .detailInfo .detailText .download a{display: inline-block; width: 45%; height: 30px; line-height: 27px; text-align: center; border: 1px solid #404040; color: #fff;}
.detail .detailInfo .detailText .download a img{width: 12px;}
.detail .detailInfo .detailText .download a *{vertical-align: middle;}
.detail .detailInfo .detailText .download a:first-child{margin-right: 5%;}
.detail .detailInfo .detailText .download .code{width: 60%; vertical-align: top;}
.detail .detailInfo .showTips{margin-top: 30px;}
.detail .detailPic{padding: 20px 5%; overflow-y: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; background-color: #333;}
.detail .detailPic img{width: 80%; margin-right: 10px; vertical-align: top;}
.detail .detailPic2{padding: 3px 1%; overflow-y: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; background-color: #333;}
.detail .detailPic2 img{width: 100%; margin-right: 10px; }
/*头部*/
header{position: fixed; z-index: 2; width: 100%; height: 50px; line-height: 50px; top: 0; left: 0; background-color: #333; text-align: center;}
header .menuIcon, header .back{position: absolute; width: 30px; height: 30px; left: 5%; margin-top: 10px; line-height: 10px;}
header .menuIcon .menuIconLine{display: inline-block; width: 20px; height: 1px; background-color: #fff; transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s;}
header .menuIcon.x .menuIconLine:first-child{transform: translateY(5px) rotate(45deg); -o-transform: translateY(5px) rotate(45deg); -ms-transform: translateY(5px) rotate(45deg); -moz-transform: translateY(5px) rotate(45deg); -webkit-transform: translateY(5px) rotate(45deg);}
header .menuIcon.x .menuIconLine:last-child{transform: translateY(-5px) rotate(-45deg); -o-transform: translateY(-5px) rotate(-45deg); -ms-transform: translateY(-5px) rotate(-45deg); -moz-transform: translateY(-5px) rotate(-45deg); -webkit-transform: translateY(-5px) rotate(-45deg);}
header img{width: 40px; vertical-align: middle;}
header .back span{display: inline-block; width: 12px; height: 12px; border-top: 1px solid #fff; border-left: 1px solid #fff; margin-top: 10px; transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}