/*! www.vancheer.com  |  Powered by vancheer */
@media screen and ( max-width:1440px ){
	.brand .list li .ico img{ width: 60%; }
	.pinpai .list li .contentBox{ padding:50px 50px 0 10%;}
}

@media screen and ( max-width:1004px ){
	.wal, .wal2, .w818{width:100%;}
	.PC-Box, .w315, .nav, .topSearch, .pageBanner, .pageTop, .pageNum, .topA{ display:none;}
	.Phone-Box, .navIco, .searchIco, .bannerTel, .pageBannerTel, .pageTitleTel, .pageMore, .m-Navigation{ display:block;}
	.headDiv{ height:1.15rem; z-index:15;}
	.headDiv .wal{ height: 1.15rem; }
	.headDiv .logo{ display:block; position: absolute; left: 0.36rem; top: 0.25rem;}
	/*.headDiv .logo img{ width: 1.8rem; }*/
	.pageBox{ padding: 0.7rem 0.36rem 1rem;}
	.pageBox2{ padding: 0.7rem 0 1rem;}
	.indexPart1{ padding: 0.45rem 0.36rem 0.3rem; }
	.indexPart1 .leftDiv{ width: 100%; float: none; }
	.indexPart1 .leftDiv .name{ height: 0.8rem; line-height: 0.4rem; font-size: 0.36rem; }
	.indexPart1 .leftDiv .content{ padding-top: 0.28rem; line-height: 0.4rem; font-size: 0.24rem; height: 1.2rem;  }
	.indexPart1 .rightDiv{ width: 100%; float: none; padding-top: 0.5rem;}
	.indexPart1 .tab2{ height: 1rem; }
	.indexPart1 .tab2:after{ height: 0.02rem; }
	.indexPart1 .tab2 li{ height: 1rem; line-height: 1rem; margin-right: 0; font-size: 0.3rem; width: 1.8rem; text-align: center; }
	.indexPart1 .tab2 li:after{ left: 0px; bottom: 0px; width: 0; height: 0.02rem; background: #4c4d4e;}
	.indexPart1 .tab2 .liNow{ background: #4c4d4e; color: #fff; }
	.indexPart1 .tab2 .liNow:after{ width: 100%; }
	.indexPart1 .list{ padding: 0.28rem 0; border-bottom: #dedfe2 solid 0.02rem;}
	.indexPart1 .list li{ font-size: 0.24rem; height: 0.4rem; line-height: 0.4rem; }
	.indexPart1 .list li a{ padding-left: 1.5rem; height: 0.4rem; line-height: 0.4rem; }
	.indexPart2Tel{ padding-bottom: 0.52rem; }
	.indexPart2Tel li{ margin-bottom: 0.08rem;}
	.indexPart2Tel li img{ width: 100%;}
	.footDiv{ border-top: none; padding: 0.3rem 0.36rem 0; height: auto;}
	.footNav li{ width: 2rem; }
	.footNav .li01{ display: none; }
	.footNav li h2{ height: 0.45rem; font-size: 0.28rem;}
	.footNav dd{ height: 0.4rem; line-height: 0.4rem; font-size: 0.24rem; overflow:hidden}
    .footNav .dd01{ display:block;}
	.footDiv .ewmDiv{ width: 1.94rem; }
	.footDiv .ewmDiv h2{ height: 0.45rem; font-size: 0.28rem;}
	.footDiv .ewm{ width: 1.86rem; }
	.footDiv .ewm img{ width: 1.86rem; }
	.footDiv .ewmDiv p{ padding: 0.3rem 0; font-size: 0.24rem;}
	.footDiv .share{ display: none; }
	.foot{ background: #f9f9f9; height: auto; padding: 0.4rem 0.36rem;}
	.foot .msg{ line-height: 0.4rem; float: none; font-size: 0.24rem; }
	.foot .links{ display: none; }
	.topA{ right: 0.2rem; bottom: 0.65rem; width: 0.64rem; height: 0.64rem; }
	.topA img{ width: 0.64rem; }
	.pageTitle .title1{ font-size: 0.42rem; line-height: 0.42rem; padding-bottom: 0.1rem;}
	.pageTitle .title2{ font-size: 0.42rem; line-height: 0.42rem; height: 0.68rem; }
	.pageTitle .title2-2{ font-size: 0.38rem; }
	.pageTitle .title2:after{ width: 0.46rem; height: 0.06rem; }
	.pageScroll a{ height: 0.8rem; line-height: 0.8rem; font-size: 0.32rem;}
	.pageScroll img{ padding-right: 0.1rem; width: 0.21rem;}
	.case{ padding: 0.86rem 0 0;}
	.case .list ul{ margin-right: -0.15rem; }
	.case .list li{ width: 50%; margin-bottom: 0.43rem; }
	.case .list li .box{ margin-right: 0.15rem; }
	.case .list li .botDiv{ padding: 0 0.22rem 0.3rem; height: auto;}
	.case .list li .name{ padding-top: 0.2rem; height: 0.68rem; line-height: 0.68rem; font-size: 0.42rem; }
	.case .list li .content{ font-size: 0.24rem; line-height: 0.42rem; height: 1.26rem; padding-top: 0.12rem; }
	.case .list li .btnDiv{ width: 160px; height: 45px; position: absolute; left: 50%; margin-left: -81px; top: 50%; margin-top: -22px; border: #fff solid 1px; text-align: center; line-height: 45px; font-size: 14px; text-transform: uppercase; color: #fff; }
	.caseShow{ padding: 0 0 0.5rem; }
	.caseShow .c-name{ font-size: 0.48rem; padding-bottom: 0.1rem; }
	.caseShow .e-name{ height: 0.68rem; font-size: 0.48rem; }
	.caseShow .e-name:after{ margin-left: -0.23rem; width: 0.46rem; height: 0.06rem; }
	.caseShow .imgDiv{ padding: 0.8rem 0 0.5rem; }
	.caseShow .imgDiv img{ width: 100%; }
	.caseShow .share{ padding: 0 0.36rem 0.7rem; }
	.caseShow .share li{ margin-right: 0.1rem; }
	.piece{ margin: 0; }
	.piece2{ padding: 0 0.36rem;}
	.piece a{ width: 100%; height: 0.86rem; line-height: 0.86rem; border-radius: 0; font-size: 0.3rem; margin: 0 0 0.1rem 0; }
	.piece .list{ display:none; }
	.piece .list:hover{ background: #fff; }
	.piece .prev{ background: #fff ; }
	.piece .prev:hover{ background: #fff; }
	.piece .next{ background: #fff ; }
	.piece .next:hover{ background: #fff; }
	.news{ padding: 0.2rem 0; }
	.news .detail{ padding-left: 0px; height: auto; padding-bottom: 0.4rem;}
	.news .detail .imgDiv{ position:relative; }
	.news .detail .imgDiv img{ width: 100%; }
	.news .detail .name{ padding-top: 0.25rem; height:0.36rem; line-height: 0.36rem; font-size: 0.36rem; }
	.news .detail .content{ padding-top: 0.2rem; font-size: 0.2rem; line-height: 0.42rem; height: 1.26rem;}
	.news .detail .time{ padding-top: 0.35rem; font-size: 0.2rem}
	.news .list{ padding-top: 0.45rem;}
	.news .list ul{ margin-right: 0px; }
	.news .list li{ width: 100%; margin-bottom: 30px;}
	.news .list li .box{ margin-right: 0px; }
	.news .list li .name{ padding-top: 0.25rem; height:0.36rem; line-height: 0.36rem; font-size: 0.36rem;}
	.news .list li .content{  padding-top: 0.2rem; font-size: 0.2rem; line-height: 0.42rem; height: 0.84rem;}
	.news .list li .botDiv{ padding-top: 0.15rem;}
	.news .list li .time{ font-size: 0.2rem; }
	.news .list li .add{ top: 0.15rem;}
	.newShow{ padding-bottom: 0.3rem; }
	.newShow .name{ font-size: 0.36rem; padding-bottom: 0.4rem; }
	.newShow .time{ padding-bottom: 0.3rem; font-size: 0.28rem; }
	.newShow .content{ font-size: 0.24rem; line-height: 0.48rem; padding: 0.5rem 0; }
	.newShow .imgDiv{ padding: 0.1rem 0 0.5rem; }
	.newShow .imgDiv img{ width: 100%; }
	.newShow .share{ padding-bottom: 0.7rem; }
	.newShow .share li{ margin-right: 0.06rem; }
	.brand{ padding: 0.4rem 0.36rem 0.4rem; }
	.brand .list ul{ margin-right: 0px; }
	.brand .list li{ float: none; width: 100%; margin-bottom: 0.3rem; }
	.brand .list li .box{ margin-right: 0; }
	.brand .list li .more{ margin-top: 0.2rem; font-size: 0.24rem; }
	.brand .list li .more img{ padding-left: 0.18rem; top: -0.02rem; }
	.pinpai .list li{ padding-bottom: 35px; }
	.pinpai .list li .bigBox{ width:100%;}
	.pinpai .list li .imgDiv{ width:100%;}
	.pinpai .list li .contentBox{ padding:0 0.36rem 0 0.36rem;}
	.pinpai .list li .topDiv{ position:relative; height:auto;}
	.pinpai .list li .name{ font-size:0.42rem; height:0.65rem; padding-top:0.45rem;}
	.pinpai .list li .name em{ width:0.15rem; height:0.03rem;}
	.pinpai .list li .ico{ display: none; }
	.pinpai .list li .content{ font-size:13px; line-height:24px; height:auto; padding-top:20px;}
	.pinpai .list li .btnDiv{ padding-top:0.4rem;}
	.pinpai .list li .btnDiv a{ width:1.62rem; height:0.46rem; background-size: 1.62rem; font-size:0.32rem; }
	.about{ padding: 0.45rem 0 0.6rem; }
	.about .leftDiv{ width: 100%; float: none; }
	.about .txt{ font-size: 0.32rem; padding: 0.25rem 0 0.2rem; }
	.about .content{ font-size: 0.24rem; line-height: 0.42rem; }
	.about .rightImg{ padding-top: 0.3rem; }
	.about .rightImg img{ width: 100%; }
	.about .bigImg{ padding-top: 1.0rem; }
	.about .bigImg img{ width: 100%; }
	.history{ padding: 0.45rem 0 0; }
	.history .list li{ margin-bottom: 0.25rem; padding-left: 1rem;}
	.history .list li .contentBox{ min-height: 0.6rem; padding: 0 0.15rem 0.6rem 1.58rem;}
	.history .list li .year{ left: 0; top: 0.8rem; width: 1.58rem; font-size: 0.24rem; }
	.history .list li .year b{ font-size: 0.48rem; }
	.history .list li .msgList{ padding-top: 0.7rem; display: block; height: auto; }
	.history .list li .msgList dd{ line-height: 0.42rem;}
	.contact .name{ font-size: 0.36rem; padding-bottom: 0.25rem; margin-bottom: 0.5rem; }
	.contact .name:after{ width: 0.23rem; height: 0.03rem; }
	.contact .list:before{ display: none; }
	.contact .list li{ float: none; width: 100%; padding-bottom: 0.7rem; }
	.contact .list li .box{ padding-right: 0; }
	.contact .list .li01 .box{ padding-right: 0px; padding-left: 0;}
	.contact .list li .txt{ font-size: 0.3rem; padding-bottom: 0.4rem; }
	.contact .list li .msg{ font-size: 0.24rem; line-height: 0.42rem; height: auto; padding-bottom: 0.4rem;}
	.contact .list li .msg2{ padding-top: 0.55rem; }
	.contact .list li .mapDiv img{ width: 100%; }
	.job .list{ padding:0 0 0.35rem; }
	.job .list li{ margin-bottom: 20px; padding: 25px 15px 50px 15px;}
	.job .list li .leftDiv{ position: relative; left: 0px; top: 0px; width: auto; background: none; min-height: 30px; padding-bottom: 0.2rem;}
	.job .list li .name{ width: 100%; font-size: 0.36rem; line-height: 0.36rem;}
	.job .list li .txt{ padding-bottom: 0.1rem; font-size: 0.32rem;}
	.job .list li .msg{ line-height: 0.42rem; font-size: 0.24rem;}
	.job .list li .hideBox{ padding: 0.45rem 0;}
	.job .list li a{ right: 0.15rem; bottom: 0.2rem;}
	.job .list li .btnGroup{ padding-top:0.35rem;}
	.job .list li .btnGroup dd{ float: none; margin-bottom: 0.12rem;}
	.job .list li .btnGroup dd div{ margin-right: 0px; }
	.job .list li .btnGroup a { font-size: 0.24rem; }
    .download{ padding-bottom:0.5rem;}
	.download .list li{ min-height:auto; padding:0.3rem 0;}
	.download .list li .imgDiv{ position:relative; margin-top:0;}
	.download .list li .mxfDiv{ padding-top:0.35rem;}
	.download .list li dd{ height:auto; line-height:0.36rem; padding-right:0px; font-size:0.26rem;}
	.download .list li dd a{ position:relative; font-size:0.26rem; padding-top:0.2rem;}

	

.folliePart1{ padding: 1.2rem 0.36rem; }
	.folliePart1 .leftDiv{ width: auto; padding-top: 0; float: none; }
	.folliePart1 .titleDiv .title1{ font-size: 0.42rem; padding-bottom: 0.1rem; }
	.folliePart1 .titleDiv .title2{ font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.3rem;}
	.folliePart1 .titleDiv .title2:after{ width: 0.4rem; height: 0.04rem;  }
	.folliePart1 .content{ padding-top: 0.6rem; font-size: 0.24rem; line-height: 0.48rem; }
	.folliePart1 .rightImg{ float: none; padding-top: 0.5rem; }
	.folliePart1 .rightImg img{ width: 100%; }
	.folliePart2{ padding: 1.2rem 0.36rem; }
	.folliePart2 .leftImg img{ width: 100%; }
	.folliePart2 .rightDiv{ width: auto; padding-top: 1.0rem; }
	.folliePart2 .titleDiv .title1{ font-size: 0.42rem; padding-bottom: 0.1rem; }
	.folliePart2 .titleDiv .title2{ font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.3rem;}
	.folliePart2 .titleDiv .title2:after{ width: 0.4rem; height: 0.04rem; }
	.folliePart2 .content{ padding-top: 0.6rem; font-size: 0.24rem; line-height: 0.48rem; }
	.folliePart3{ padding: 1.65rem 0.36rem 1.0rem; background: url(../images/nimg1088Bg.jpg) center top no-repeat; background-size: 100%; }
	.folliePart3 .titleDiv{ padding-bottom: 1.3rem;}
	.folliePart3 .titleDiv .title1{ font-size: 0.42rem; padding-bottom: 0.1rem; }
	.folliePart3 .titleDiv .title2{ font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.3rem;}
	.folliePart3 .titleDiv .title2:after{ width: 0.4rem; height: 0.04rem; margin-left: -0.2rem; }
	.historyBox{ position: relative; background: url(../images/bg5.jpg) left 0.9rem repeat-x; }
	.historyPic .slick{ height: auto; }
	.historyPic .slick .mxfDiv{ padding: 0 0.6rem; }
	.historyPic .slick .num{ font-size: 0.42rem; line-height: 0.42rem; height: 0.8rem;}
	.historyPic .slick .ico { padding: 0 0 0.25rem 0; }
	.historyPic .slick .ico img{ width: 0.3rem; }
	.historyPic .slick .wen{ line-height: 0.46rem; font-size: 0.24rem; padding: 20px 20px 0; text-align: center;}
	.historyPic .slick-prev{ left:0px; top:0.7rem; background-size: 0.5rem; width:0.5rem; height:0.5rem;}
	.historyPic .slick-next{ right:0px; top:0.7rem; background-size: 0.5rem; width:0.5rem; height:0.5rem;}
	.historyPic .slick-prev:hover{ background-size: 0.5rem;}
	.historyPic .slick-next:hover{ background-size: 0.5rem;}
	.folliePart4{ padding: 0.8rem 0.36rem; }
	.folliePart4 .bg{ display: none; }
	.folliePart4 .leftDiv{ position: relative; left: 0; margin-left: 0; width: auto; }
	.folliePart4 .rightImg{ width: auto; float: none; padding: 1.15rem 0; }
	.folliePart4 .rightImg img{ width: 100%; }
	.folliePart4 .contentBox{ padding-top: 0; }
	.folliePart4 .titleDiv .title1{ font-size: 0.42rem; padding-bottom: 0.1rem; }
	.folliePart4 .titleDiv .title2{ font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.3rem;}
	.folliePart4 .titleDiv .title2:after{ width: 0.4rem; height: 0.04rem; }
	.folliePart4 .msg{ font-size: 0.3rem; line-height: 0.56rem; width: auto; padding-top: 0.5rem; }
	.folliePart4 .wen{ margin-top: 1.45rem; padding-left: 1.35rem; font-size: 0.3rem; }
	.folliePart4 .wen:before{ width: 1.2rem; height: 0.04rem; top: 0.16rem; }
	.folliePart5{ padding: 0.6rem 0.36rem;}
	.folliePart5 .leftImg{ float: none; }
	.folliePart5 .leftImg img{ width: 100%; }
	.folliePart5 .rightDiv{ width: auto; padding-top: 0.45rem; }
	.folliePart5 .titleDiv .title1{ font-size: 0.42rem; padding-bottom: 0.1rem; }
	.folliePart5 .titleDiv .title2{ font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.3rem;}
	.folliePart5 .titleDiv .title2:after{ width: 0.4rem; height: 0.04rem; }
	.folliePart5 .content{ padding: 0.5rem 0 0.2rem; font-size: 0.3rem; line-height: 0.56rem; }
	.folliePart5 .txt{ font-size: 0.3rem; padding-bottom: 0.2rem; }
	.folliePart5 .list li{ padding-left: 0.2rem; font-size: 0.24rem; line-height: 0.48rem; background-size: 0.08rem;}
	.folliePart6{ padding: 0.8rem 0.36rem; }
	.folliePart6 .bg{display: none; }
	.folliePart6 .bigBox{ position: relative; height: 100%; overflow: hidden; }
	.folliePart6 .rightDiv{ position: relative; right: 0; margin-right: 0px; width: auto; }
	.folliePart6 .leftImg{ float: none; width: 100%; padding: 0; }
	.folliePart6 .contentBox{ padding: 1.2rem 0 0 0; }
	.folliePart6 .titleDiv .title1{ font-size: 0.42rem; padding-bottom: 0.1rem; }
	.folliePart6 .titleDiv .title2{ font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.3rem;}
	.folliePart6 .titleDiv .title2:after{ width: 0.4rem; height: 0.04rem; }
	.folliePart6 .content{ font-size: 14px; line-height: 30px; padding-top: 50px; }
	.folliePart6 .list{ position: relative; right: 0; bottom: 0; margin-right: 0; padding-top: 0.4rem; }
	.folliePart6 .list ul{ margin-left: -0.1rem; }
	.folliePart6 .list li{ width: 50%; }
	.folliePart6 .list li div{ margin-left: 0.1rem; }
	.folliePart6 .list li img{ width: 100%; }
	.folliePart7{ padding-top: 1.15rem; }
	.folliePart7 .titleDiv{ padding-bottom: 0.8rem;}
	.folliePart7 .titleDiv .title1{ font-size: 0.42rem; padding-bottom: 0.1rem; }
	.folliePart7 .titleDiv .title2{ font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.3rem;}
	.folliePart7 .titleDiv .title2:after{ width: 0.4rem; height: 0.04rem; margin-left: -0.2rem; }
	.folliePart7 .list li{ width: 50%; }
	.folliePart7 .list li .name{ height: 0.48rem; line-height: 0.48rem; font-size: 0.36rem; }
	.folliePart8{ padding: 1.2rem 0.36rem;}
	.folliePart8 .leftDiv{ width: auto; padding-top: 0; float: none; }
	.folliePart8 .titleDiv .title1{ font-size: 0.42rem; padding-bottom: 0.1rem; }
	.folliePart8 .titleDiv .title2{ font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.3rem;}
	.folliePart8 .titleDiv .title2:after{ width: 0.4rem; height: 0.04rem; margin-left: 0; }
	.folliePart8 .rightImg{ padding-top: 0.5rem; }
	.folliePart8 .rightImg img{ width: 100%; }
	.folliePart8 .content{ padding-top: 0.5rem; font-size: 0.24rem; line-height: 0.48rem; }
	.folliePart9{ padding: 1.2rem 0.36rem 1.0rem; }
	.folliePart9 .titleDiv{ padding-bottom: 0.35rem;}
	.folliePart9 .titleDiv .title1{ font-size: 0.42rem; padding-bottom: 0.1rem; }
	.folliePart9 .titleDiv .title2{ font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.3rem;}
	.folliePart9 .titleDiv .title2:after{ width: 0.4rem; height: 0.04rem; margin-left: -0.2rem; }
	.folliePart9 .msg{ font-size: 0.24rem; line-height: 0.48rem; padding: 0 0 0.6rem; }
	.corePic .slick{ margin: 0; }
	.corePic .slick .name{ height: 1.5rem; padding: 0 0.3rem; font-size: 0.36rem; line-height: 1.5rem; }
	.corePic .slick-prev{ left:0px; margin-top: -0.4rem; width:0.8rem; height:0.8rem; background-size: 0.8rem;}
	.corePic .slick-next{ right:0px; margin-top: -0.4rem; width:0.8rem; height:0.8rem; background-size: 0.8rem;}
	.corePic .slick-prev:hover{ background-size: 0.8rem;}
	.corePic .slick-next:hover{ background-size: 0.8rem;}


    .goods-wrapper .goods-box{ width: 100%; float: none; }
	.goods-wrapper .goods-box .title-box{ display: block; }
	.goods-wrapper .goods-box .title-box .goods-type{ width: 100%; }
	.goods-wrapper .goods-box .list { padding: 25px 0; }
	.goods-wrapper .goods-box ul{ margin-right: -10px; }
	.goods-wrapper .goods-box ul li { width: 50%; padding-bottom: 15px; }
	.goods-wrapper .goods-box ul li .box { margin-right: 10px;}
	.goods-wrapper .goods-box ul li .info { padding: 0 15px 20px;}
	.goods-wrapper .goods-box ul li .info .name { font-size: 15px; line-height: 22px; height: 44px;}
	.goods-wrapper .goods-box ul li .info p { font-size: 14px; margin-top: 5px;}
	.goods-wrapper .goods-box ul li .shadow { position: absolute; left: 0; bottom: -100%; background: rgba(0,0,0,0.6); color: #fff; width: 100%; height: 100%; text-align: center; transition: all .3s ease; -webkit-transition: all .3s ease;}
	.goods-wrapper .goods-box ul li .shadow .layer{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }
	.goods-wrapper .goods-box ul li .shadow .name { font-size: 16px; line-height: 18px;}
	.goods-wrapper .goods-box ul li .shadow .more { width:96px; height: 36px; line-height: 36px; margin-top: 25px;}

	.goodsInfo-wrapper { padding: 0;}
	.goodsInfo-wrapper .goods-info-box .pic-box{ width: 100%; float: none; overflow: hidden; }
	.goodsInfo-wrapper .goods-info-box .pic-box .thumbs-box {display: none; }
	.goodsInfo-wrapper .goods-info-box .pic-box .show-box { width: 100%; margin-top: 0; overflow: hidden; }
	.goodsInfo-wrapper .goods-info-box .pic-box .show-box a { padding: 0 20px;}
	.goodsInfo-wrapper .goods-info-box .pic-box .swiper-wrapper { padding-bottom: 30px;}
	.goodsInfo-wrapper .goods-info-box .pic-box .swiper-pagination { bottom: 10px;}
	.goodsInfo-wrapper .goods-info-box .pic-box .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 6px; opacity: 1;  background: #dcdcdc;}
	.goodsInfo-wrapper .goods-info-box .pic-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #231815;}
	.goodsInfo-wrapper .goods-info-box .info-box { width: auto; float: none; padding: 20px 10px 0;}
  	.goodsInfo-wrapper .goods-info-box .info-box .name { font-size: 22px; line-height: 32px;}
  	.goodsInfo-wrapper .goods-info-box .info-box .price { font-size: 18px; line-height: 18px; margin-top: 30px;}
  	.goodsInfo-wrapper .goods-info-box .info-box .brief { font-size: 14px; line-height: 32px; margin: 30px 0 0; padding-top: 0;}
  	.goodsInfo-wrapper .goods-info-box .info-box .brief p { border-bottom: 1px solid #eaeaea;}
  	.goodsInfo-wrapper .goods-info-box .info-box .brief .desc { line-height: 24px; text-align: justify;}
  	.goodsInfo-wrapper .goods-info-box .info-box .brief .desc .name { display: block; font-size: 14px; color: #666; line-height: 32px;}
  	.goodsInfo-wrapper .goods-info-box .info-box .opearative-btn { display: none;}
  	.goodsInfo-wrapper .relative-goods-box { margin-top: 50px;}
  	.goodsInfo-wrapper .relative-goods-box .title-box { width: 200px; margin: 40px auto 25px; }
  	.goodsInfo-wrapper .relative-goods-box .title-box span { font-size: 22px; }
	.goods-swiper-container .swiper-slide .info { padding: 0 15px 20px;}
	.goods-swiper-container .swiper-slide .info .name { font-size: 15px; line-height: 22px; height: 44px;}
	.goods-swiper-container .swiper-slide .info p { font-size: 14px; margin-top: 5px;}
	.goods-swiper-container .swiper-slide .shadow { position: absolute; left: 0; bottom: -100%; background: rgba(0,0,0,0.6); color: #fff; width: 100%; height: 100%; text-align: center; transition: all .3s ease; -webkit-transition: all .3s ease;}
	.goods-swiper-container .swiper-slide .shadow .layer{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }
	.goods-swiper-container .swiper-slide .shadow .name { font-size: 16px; line-height: 18px;}
	.goods-swiper-container .swiper-slide .shadow .more { width:96px; height: 36px; line-height: 36px; margin-top: 25px;}
	}