@charset "utf-8";

/*  品牌合作 */
.brand{background:#ecf0f3 url('../images/brand_bg.jpg') no-repeat center;position:relative;overflow:hidden;padding-top:160px;height:1260px;background-size:cover;}
.brand .hTitle{display:none;}
.brand .container{max-width:1500px;margin:0 auto;}
.brandL{float:left;width:45%;text-align:center;padding-top:90px;}
.brandTxt li{display:none;opacity:0;transition-delay:.2s;transition:all .5s;}
.brandTxt .on{display:block;opacity:1;}
.brandL .tie{font-size:1.2em;margin-bottom:30px;}
.brandL .tie i{letter-spacing:6px;font-style:normal;margin:0 10px;}
.brandL .tie2{text-transform: uppercase;font-family:"Arial";font-size:3.5em;letter-spacing:8px;font-weight:600;line-height:1;}
.brandL .tie3{margin:20px 0 40px 0;}
.brandL .tie3 span{display:block;color:#ca003d;}
.brandL .txt{color:#a0a0a0;line-height:2;margin-bottom:40px;}
.brandL .more,.history .more,.hMore{display:inline-block;width:110px;height:40px;background:#ca003d;color:#fff;border-radius:20px;line-height:40px;box-shadow:0 3px 10px #ff9fbc;text-align:center;}
.brandL .more:hover,.history .more:hover,.hMore:hover{width:200px;color:#fff;}

.brandR{width:50%;text-align:center;}
.brandR .tie{color:#bec1c4;text-transform: uppercase;font-size:7.333em;font-family:"Arial";line-height:1;font-family:'DINPro';font-weight:600;}
.brandR .pic{position:relative;display:block;margin-top:-60px;padding-left:6%;}

.brand .container2{padding:0 50px;margin-top:-20px;}
.brandSlide .btn,.history .btn,.news .btn,.swiperBtn{left:0;background:none;font-family:"simsun";font-size:54px;line-height:1;opacity:.4;}
.brandSlide .swiper-button-next,.history .swiper-button-next,.news .swiper-button-next,.swiperBtn.swiper-button-next{left:auto;right:0;}
.brandSlide .btn:hover,.history .btn:hover,.news .btn:hover,.swiperBtn:hover{opacity:1;}
.brandSlide li{float:left;width:20%;text-align:center;border:1px solid transparent;overflow:hidden;}
.brandSlide li .pImg{padding-top:38%;}
.brandSlide li:hover{border-color:#d5d5d5;}
.brandSlide li:hover img{transform: scale(.9);}


/* 关于我们 */
.history{background:url('../images/history_bg.jpg') no-repeat center top;padding-top:180px;text-align:center;background-size:cover;height:1260px;}
.hTitle{text-align:center;font-size:1.125rem;color:#191919;margin-bottom:50px;}
.hTitle span{display:block;font-size:5.556em;color:#bec1c4;text-transform: uppercase;line-height:1.2;font-family:'DINPro';font-weight:600;}
.hTitle i{position:relative;letter-spacing:6px;font-style:normal;padding:0 15px;}
.hTitle i::before,.hTitle i::after,.product li h4 i::before,.product li h4 i::after{content:"";position:absolute;height:1px;background:#333;width:30px;top:12px;display:inline-block;}
.hTitle i:before,.product li h4 i::before{right:100%;}
.hTitle i:after,.product li h4 i::after{left:100%;}

.history .txt{color:#a0a0a0;line-height:2.2;}
.history .container2{padding:0 50px;margin-top:90px;}

.historyMain li{width:20%;position:relative;z-index:2;padding-top:50px;}
.historyMain li h4{margin-bottom:70px;transition:all .5s;font-size:1.5em;}
.historyMain li h4 span{border-radius:100%;overflow: hidden;height:170px;line-height:170px;text-align:center;background-size:100%;width:170px;display:inline-block;color:#fff;overflow: hidden;position:relative;z-index:2;}
.historyMain li h4 span::after{content:"";position: absolute;width:100%;height:100%;left:0;top:0;background:#000;opacity:.3;z-index:-1;}
.historyMain li p{opacity:0;position:relative;transition:all .5s;line-height:1.8;letter-spacing:1px;width:500px;margin-left:-100px;}
.historyMain li.swiper-slide-active p{opacity:1;}
.historyMain li.swiper-slide-active h4{transform: scale(1.5);font-weight:700;}
.historyMain li.swiper-slide-active h4 span::after{opacity:0;}
.history .more{margin-top:30px;}
.history .btn{top:32%;}

/* 团队 */
.team{background:url('../images/team_bg.jpg') no-repeat center;background-size:cover;background-attachment: fixed; overflow: visible;min-height:720px;padding-top:60px;color:#fff;}
.team .container{padding-left:38%;}
.team .teamBig{position: absolute;width:38%;left:0;top:-160px;}
.team .teamBig::after{content:"";position: absolute;left:5%;top:15%;background: url('../images/team_mask.png') no-repeat;width:100%;height:100%;z-index:-1;background-size:95%;}
.teamTxt h4{margin:25px 0;}
.teamTxt h4 span{font-size:2.4em;margin-right:15px;}
.teamTxt p{min-height:80px;margin-bottom:20px;}

.teamSlide li{float: left;width:20%;text-align:center;padding-top:10px;}
.teamSlide li .pImg{padding-top:170%;transition:all .4s;top:0;}
.teamSlide li p{color:#fff;margin-top:15px;}
.teamSlide li:hover .pImg{top:-10px;}

/* 图片列表 */
.picList ul{margin-right:-30px;}
.picList li{width:25%;text-align:center;float:left;padding-right:30px;margin-bottom:30px;}
.picList li a{display:block;overflow:hidden;}
.picList li .pImg{padding-top:74%;border:1px solid #e1e1e1;}
.picList li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:20px;}
.picList li a:hover img{transform:scale(1.1);}
.picList li a:hover p{color:#000;}


/* 产品画廊  */
.product{padding-bottom:0;padding-top:160px;}
.product .hTitle{padding-right:25%;}
.product li{float:left;width:25%;text-align:center;overflow:hidden;padding-right:5px;}
.product li a{display:block;overflow: hidden;color:#fff;height:900px;border-radius:260px;position:relative;}
.product li:nth-child(2n){margin-top:260px;}
.product li h4{position: absolute;top:16%;text-align:center;color:#fff;width:100%;font-size:1.2em;font-weight:600;}
.product li h4 span{display:block;font-size:2.5em;text-transform: uppercase;font-family:'DINPro';}
.product li h4 i{font-style:normal;letter-spacing:6px;position:relative;padding:0 10px;}
.product li h4 i::before,.product li h4 i::after{background:#fff;}
.product li .txt{position: absolute;bottom:20%;background:#fff;width:80%;left:10%;color:#888;border-radius:10px;padding:5%;min-height:140px;transform: rotateX(90deg);opacity:0;transition:all .5s;}
.product li .txt .more{width:100px;height:38px;background:#ca003d;color:#fff;border-radius:20px;line-height:38px;position: absolute;bottom:-18px;left:50%;margin-left:-50px;}
.product li:hover .txt{transform: rotateY(0);opacity:1;}
.product li:hover .bgImg{transform: scale(1.05);}
.product .proImg{position: absolute;top:180px;right:4%;z-index:-1;width:17%;}

/* 新闻资讯 */
.listContainer{max-width:1440px;margin:0 auto;}
.news{padding:320px 0 160px 0;position:relative;overflow:visible;text-align:center;}
.newsImg{position: absolute;left:0;top:-50px;z-index:-1;width:28%;}
.news .hTitle{margin-bottom:120px;}
.news .container{padding:0 80px;}
.newsMain li{float: left;width:50%;overflow:hidden;line-height:1.8;text-align:left;}
.newsMain li .pic{float:left; width:48%;height:200px;margin-right:30px;overflow:hidden;}
.newsMain li h4{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:20px;font-size:1.071em;}
.newsMain li h4 span{display:block;font-weight:400;opacity:.5;margin-top:5px;}
.newsMain li:hover .bgImg{transform: scale(1.1);}

/*内页公用 */
.listBanner{height:100%;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;overflow:hidden;}
.listBanner .bgImg,.proBan .pic{transform:matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-transform:matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-animation: minus 5s 0s ease both infinite;-moz-animation: minus 5s 0s ease both infinite;animation: minus 5s 0s ease both infinite;animation-iteration-count: 1;-webkit-animation-iteration-count: 1;}
.listBanner h3,.proBan h3{position:absolute;color:#fff;top:50%; text-align: center; font-size:2.5rem;text-transform:uppercase;width:100%;font-weight:700;animation:leftPic 1s;max-width:1600px;min-width:360px;left:50%;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); transform:translate(-50%,-50%);}
.listBanner h3 span{display: block;font-size:18px;font-weight: 400;}
@-webkit-keyframes minus{from{-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0); transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
to{-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);}}
@keyframes minus{from{-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0); transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
to{-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);}}
@keyframes leftPic
{
  0%   {opacity:0;padding-top:60px;}
  100% {opacity:1;padding-top:0;}
}
.proBan{position:relative;overflow:hidden;}
.proBan::after{content:"";position: absolute;background: url('../images/ban_mask.png') no-repeat;width:100%;height:192px;left:0;bottom:0;background-size:cover;bottom:-2px;}
.proBan h3{top:35%;}
.proBan .pic{width:100%;}


/* 我们 */
.aboutBox1{padding:120px 0;}
.aboutL{width:32%;text-align:center;padding-top:50px;}
.aboutL .tie,.aboutL .hTitle{margin-bottom:35px;}
.aboutL .txt{text-align:left;line-height:1.8;}
.bVideo{width:57%;margin-right:30px; background:#fff;height:710px;border:30px solid #000;border-radius:20px;box-shadow:0 0 0 3px #ccc,15px 15px 20px #ccc;position: relative;z-index:3;overflow:hidden;position:relative;}
.my-video-dimensions{width:100%;height:100%;}
.videoMain .video-js .vjs-big-play-button,.bVideo .video-js .vjs-big-play-button{left:50%;top:50%;width:80px;height:80px;border-radius:100%;margin-left:-40px;margin-top:-40px;line-height:80px;}
.historyA{background:none;padding-top:0;height:700px;}
.historyA .hTitle {position:relative;}
.historyA .hTitle span{font-size:7.222em;opacity:.3;}
.historyA .hTitle i{position: absolute;top:50%;left:50%;transform: translateX(-50%);}

.teamA{background:url('../images/teamA_bg.jpg') no-repeat center;background-size:cover;background-attachment: fixed; overflow: visible;padding:80px 0;color:#fff;}
.teamA ul{display:flex;justify-content: space-between;padding-top:20px;}
.teamA li{float:left;width:170px;text-align:center;}
.teamA li .pImg{padding-top:170%;transition:all .4s;top:0;}
.teamA li p{color:#fff;margin-top:15px;}
.teamA li:hover .pImg{top:-10px;}

/* 团队详情 */
.teamShow{text-align:center;font-size:.875em;color:#a0a0a0;line-height:2;max-width:750px;}
.teamShow .tie2{position:relative;color:#000;font-size:1.071em;padding-bottom:15px;margin-bottom:15px;}
.teamShow .tie2::after{content:"";position: absolute;left:50%;width:40px;height:3px;background:#ca003d;bottom:0;margin-left:-20px;}
.teamShow_pic{text-align:center;padding-top:150px;position:relative;margin-bottom:60px;min-height:600px;}
.teamShow_pic .bgImg{position: absolute;left:0;top:0;z-index:-1;width:100%;height:600px;}
.teamShow .tie3{color:#000;margin-bottom:50px;line-height:1.4;}
.teamShow .tie3 span{display:block;font-size:2.4em;font-weight:700;}


/* 跨界 */
.crossoverBox1{padding:120px 70px;position:relative;}
.crossoverMain{position:relative;font-size:.875em;color:#a0a0a0;}
.crossoverMain .kj_img{position:absolute;left:0;top:-100px;}
.crossoverMain .kj_img2{left:auto;right:0;top:180px;}
.crossoverMain .container,.crossoverBox2{max-width:1380px;margin:0 auto;text-align:center;z-index:2;}
.crossoverMain::after{content:"";position: absolute;left:0;background:#000;width:100%;top:70px;height:260px;z-index:-1;}
.crossoverImg img{width:400px;height:400px;}
.crossoverMain .tie2{margin-top:50px;padding-bottom:20px;margin-bottom:25px;position:relative;}
.crossoverMain .tie2 img{height:100px;}
.crossoverMain .tie2::after{content:"";position: absolute;left:50%;width:40px;height:3px;background:#ca003d;bottom:0;margin-left:-20px;}
.crossoverMain .tie3{color:#ca003d;margin-bottom:30px;}
.crossoverMain .tie3 span{display:block;color:#000;font-size:1.5em;font-weight:700;margin-bottom:5px;}
.crossoverMain .info{line-height:2;overflow:hidden;}

.flower,.mural{padding:60px 5%;position:relative;}
.flowerSlide li{float:left;width:16.6%;text-align:center;}
.flowerSlide li a{display:inline-block;border-radius:100%;overflow: hidden;position:relative;width:170px;height:170px;background:#000;}
.flowerSlide li a::after,.mural li a::after{content:"";position: absolute;left:10px;top:10px;right:10px;bottom:10px;border:2px solid #fff;border-radius:100%;transform: scale(0);opacity:0;transition:all .5s;}
.flowerSlide li img{transition:all .5s;}
.flowerSlide li p,.mural li p{position: absolute;width:100%;text-align:center;top:52%;transform: translateY(-50%);color:#fff;opacity:0;transition:all .5s;}
.flowerSlide li p span{display:block;font-size:12px;text-transform:uppercase;}
.flowerSlide li a:hover img,.mural li a:hover img{opacity:.5;transform: scale(1.08);}
.flowerSlide li a:hover::after,.mural li a:hover::after{transform: scale(1);opacity:1;}
.flowerSlide li a:hover p,.mural li a:hover p{top:50%;opacity:1;transition-delay:.2s;}
.flowerSlide .swiperBtn{top:60%;}

.mural{padding-top:20px;padding-bottom:20px;}
.mural li{float:left;width:25%;}
.mural li a{border-radius:10px;position: relative;overflow:hidden;background:#000;}
.mural li p{background: url('../images/mural_m.png') no-repeat top center;padding-top:45px;}
.mural li a::after{border-radius:10px;}

.crossoverBox2{text-align:left;color:#a0a0a0;line-height:2;}
.crossoverBox2 .txt{width:46%;}
.crossoverBox2 .hTitle{margin-bottom:20px;font-size:15px;text-align:left;padding-left:35px;}
.crossoverBox3{text-align:center;color:#a0a0a0;line-height:2;}

/* 弹框 */
.muralBom{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(255, 255, 255, .95);z-index:100;font-size:.875em;color:#333;padding:20px 0;display:none;}
.muralBom .close{position: absolute;right:20px;top:20px;width:34px;height:34px;background: rgba(0,0,0,.5) url('../images/close.png') no-repeat center;border-radius:5px;background-size:60%;cursor: pointer;z-index:1055;}
.muralBom .container{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:1600px;z-index:101;width:100%;}
.muralBom_slide{position:relative;}
.muralBom_slide li{border-radius:10px;overflow:hidden;height:100%;text-align:center;}
.muralBom .txt{margin-top:40px;text-align:center;}
.muralBom .txt h4{font-size:1.5em;color:#000;padding-bottom:20px;margin-bottom:20px;position:relative;}
.muralBom .txt h4::after{content:"";position: absolute;left:50%;width:40px;height:2px;background:#ca003d;margin-left:-20px;bottom:0;}



/* 产品 */
.proMenu{display: flex;justify-content: space-between;position: relative;margin-top:-240px;font-size:1.125em;margin-bottom:60px;}
.proMenu li a{display:table-cell;vertical-align: middle; width:350px;height:350px;background:#ca003d;border-radius:100%;overflow:hidden;text-align:center;color:#fff;}
.proMenu li:nth-child(2){margin-top:100px;}
.proMenu li:nth-child(3){margin-top:-100px;}
.proMenu li:nth-child(4){margin-top:20px;}
.proMenu li span{display:block;font-size:2.556em;text-transform: uppercase;line-height:1.2;margin-bottom:20px;}
.proMenu li a:hover,.proMenu .cur a{background:#df4f53;}

.proTie1{text-align:center;margin-bottom:60px;}
.filterMenu{font-size:0.938rem;margin-bottom:30px;}
.filterMenu ul{display: flex;flex-flow:row wrap;position:relative;width:100%;}
.filterMenu li{float:left;width:14.28%; font-weight:700;margin-bottom:10px;position:relative;padding-bottom:10px;padding-right:5px;padding-right:5px;}
.filterMenu li>a{display:block;background:#fff;height:40px;line-height:40px;padding:0 20px;border-radius:20px;max-width:200px;}
.filterMenu li i{float:right;width:13px;height:8px;background: url('../images/arr_b.png') no-repeat;margin-top:15px;}
.filterMenu .filterSub{position: absolute;width:500px;font-size:14px;font-weight:400;background:#fff;left:0;top:120%;z-index:5;padding:15px 20px;box-shadow:0 4px 8px #ddd;opacity:0;transform: scale(0);transition:top .5s,opacity .5s;}
.filterMenu .filterSub a{float:left;width:25%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin:5px 0;}
.filterMenu li:hover .filterSub{top:100%;opacity:1;transform: scale(1);}
.filterMenu li:nth-child(7n) .filterSub{left:auto;right:0;}


/* 内页面共用菜单 */
.serviceMenu{overflow:hidden;display: flex;justify-content: center;padding:90px 0;text-align:center;font-size:1.125em;}
.serviceMenu li{float:left;margin:0 2%;}
.serviceMenu li a{display:block;width:200px;height:200px;background:#9ad2d6;border-radius:100%;border:3px solid #fff;color:#fff;padding:0 5px;padding-top:25%;}
.serviceMenu span{display:block;font-size:1.333em;text-transform: uppercase;line-height:1.2;margin-bottom:5px;word-spacing:3em;}
.serviceMenu i,.proMenu i{font-style:normal;position:relative;padding:0 10px;}
.serviceMenu i::before,.serviceMenu i::after,.proMenu i::before,.proMenu i::after{content:"";position:absolute;height:1px;background:#fff;width:20px;top:12px;display:inline-block;}
.proMenu i::before,.proMenu i::after{width:30px;}
.serviceMenu i:before,.proMenu i:before{right:100%;}
.serviceMenu i:after,.proMenu i:after{left:100%;}

.serviceMenu li:nth-child(2) a{background:#70bfc6;}
.serviceMenu li:nth-child(3) a{background:#34aeb8;}
.serviceMenu li:nth-child(4) a{background:#3396a0;}
.serviceMenu li a:hover{background:#318f96;}

/*空间 */
.spaceMenu li a{background:#794b4b !important;}
.spaceMenu li a:hover,.spaceMenu .cur a{background:#5a3032 !important;}
.caseList {padding-top:0;}
.caseList li{float:left;width:25%;margin-bottom:25px;padding-right:25px;}
.caseList ul{margin-right:-25px;}
.caseList li a{display: block;border-radius:15px;overflow:hidden;}
.caseList li .pImg{padding-top:76%;}
.caseList li .pImg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#ca003d;transition:all 0.3s;transform:perspective(400px) rotateX(-90deg);-moz-transform:perspective(400px) rotateX(-90deg);-webkit-transform:perspective(400px) rotateX(-90deg);-o-transform:perspective(400px) rotateX(-90deg);transform-origin:top;z-index:2;opacity:.8;}
.caseList li .pImg:after{content:"";position:absolute;width:58px;height:58px;background: url('../images/pMore.png') no-repeat;left:50%;top:50%;margin-left:-27px;opacity:0;transition:all 0.3s;z-index:3;}
.caseList li .txt{background:#fff;height:90px;padding:5% 6%;color:#000;}
.caseList li .txt h4{font-weight:700;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.caseList li p{background:url('../images/cIcon.png') no-repeat center left;padding-left:20px;opacity:.5;}
.proList li p{background:none;padding-left:0;}
.caseList li:hover img{transform: scale(1.08);}
.caseList li:hover h4{color:#ca003d;}
.caseList li a:hover .pImg:before{transform:perspective(200px) rotateX(0);}
.caseList li a:hover .pImg:after{transition-delay:.1s;margin-top:-27px;opacity:1;}

/* 产品详情 */
.listWrap3{max-width:1440px;margin-top:-240px;}
.proShow_top{background:#fff;border-radius:10px;padding:4%;position:relative;color:#999;line-height:2;overflow: hidden;}
.proShow_top .pic{float:left; border-radius:100%;width:300px;height:300px;overflow:hidden;margin-right:70px;}
.proShow_top .pic img{height:100%;width:100%;}
.proShow_top h3{position: relative;margin-bottom:20px;padding-bottom:20px;color:#222;line-height:1.4;overflow:hidden;}
.proShow_top h3::after{content:"";position: absolute;left:0;width:30px;height:3px;background:#ca003d;bottom:0;}
.proShow_top h3 span{display:block;font-size:2.286em;}
.proShow_top .txt{overflow:hidden;}
.proShow_pic{padding-top:170px;background: url('../images/pro_shadow.jpg') no-repeat center top;background-size:100%;}
.proShow_pic{margin-right:-60px;overflow:hidden;text-align:center;}
.proShow_pic li{float:left;width:25%;padding-right:60px;color:#999;margin-bottom:20px;}
.proShow_pic li .pImg{border-radius:6px;margin-bottom:40px;}
.proShow_pic li h4{color:#222;margin-bottom:20px;padding-bottom:15px;position:relative;font-weight:700;}
.proShow_pic li h4::after{content:"";position: absolute;left:50%;width:40px;height:1px;background:#222;margin-left:-20px;bottom:0;}
.proShow_pic li p{min-height:320px;}
.showBtn{text-align:rigth;margin-top:20px;overflow: hidden;}
.showBtn a{margin-left:10px;width:50px;height:50px;border-radius:100%;background:#1f1f26;color:#fff;display:inline-block;text-align:center;float:right;}
.showBtn i{font-family:"iconfont";font-style:normal;}
.showBtn .back{line-height:1;padding-top:5px;}
.showBtn .back i{display: block;font-size:1.2rem;}
.showBtn .top{background:#ca003d;line-height:50px;font-size:2.4rem;}
.showBtn a:hover{background:#a30031;}



/*案例详情 */
.caseDetail{position:relative;overflow:hidden;}
.caseSlide{position:relative;text-align:center;}
.caseSlide li img{width:100%;}
.caseDetail .btn{height:32px;width:24px; background-size:20px 28px;background-color:rgba(0,0,0,.3);padding:35px 15px; left:20px;}
.caseDetail .swiper-button-next{left:auto;right:20px;}

.caseDetail .back,.caseDetail .fontBtn{position:absolute;bottom:60px;right:60px;z-index:10;background-color:rgba(0,0,0,.5);color:#fff;font-size:.875rem;width:120px;height:40px;line-height:40px;text-align:center;transition:all 1s;}
.caseDetail .back:hover{background-color:rgba(0,0,0,.5);}
.caseDetail .back i,.caseDetail .fontBtn i{display:inline-block;width:21px;height:14px;background: url('../images/backw.png') no-repeat;margin-left:5px;position:relative;}
.caseDetail .fontBtn{top:180px;cursor:pointer;}
.caseDetail .fontBtn i{width:15px;height:15px;background: url('../images/detail.png') no-repeat;top:3px;margin-left:8px;}
.detailFfont{position:absolute;right:0;background:#fff;z-index:8;width:30%;top:0;height:100%;padding:2% 3%;text-align:left;font-size:.875rem;right:-50%;transition:all 1s;overflow:hidden;padding-top:160px;}
.detailFfont h3{font-size:1.429em;color:#333;margin-bottom:25px;padding-bottom:30px;background: url('../images/show_line.jpg') repeat-x left bottom;}
.caseDetail.on .detailFfont{right:0;}
.caseDetail.on .fontBtn,.caseDetail.on .back,.caseDetail.on .swiper-button-next,.caseDetail.on .swiper-container-rtl .swiper-button-prev{right:32%;}


.picSlide{position:relative;max-width:1440px;margin:0 auto;overflow:hidden;}
.picSlide li{text-align:center;height:100%;position: relative;}
.picSlide-top .pImg{padding-top:56%;}
.picSlide-thumbs{margin-top:10px;}
.picSlide-thumbs li{border-right:1px solid #fff;padding-top:10%;cursor:pointer;width:16.66%;position: relative;}
.picSlide-thumbs li::after{content:"";position: absolute;left:0;top:0;bottom:0;right:0;border:5px solid #ca003d;opacity:.7;transform: scale(0);transition:all .3s;}
.picSlide-thumbs .on::after{transform: scale(1);}
.picSlide .btn{top:45%;background:rgba(0, 0, 0, .7);text-align:center;width:30px;height:50px;line-height:50px;color:#fff;font-size:14px;font-family:Arial;transition:all .3s;left:0;}
.picSlide .swiper-button-next{right:0;left:auto;}
.picSlide .btn:hover{background:#ca003d;}
.showTie2{border-top: 1px solid #ddd;}
.caseShow_info{padding:4% 5%;}




@media all and (max-width:1024px) {
  .caseDetail{height:auto;}
  .caseDetail .swiper-button-next,.caseDetail .swiper-button-prev,.caseDetail .back,.caseDetail .fontBtn{background-color:rgba(0,0,0,.5);}
  .caseDetail .back{right:20px;bottom:20px;}
  .caseDetail .fontBtn{position: relative;display:block;width:100%;height:60px;line-height:60px;top:0;right:0;background:#999;}
  .detailFfont{width:100%;position: static;background:#f5f5f5;opacity:0;padding:5%; transform:translateY(-110%);height:0;}
  .caseDetail .back, .caseDetail.on .back{right:5px;top:5px;}
  .caseDetail.on .swiper-button-next,.caseDetail.on .swiper-container-rtl .swiper-button-prev{right:20px;}
  .caseDetail.on .fontBtn{right:0;}
  .caseDetail.on .detailFfont{opacity:1;transform:translateY(0);height:100%}
}



/* 新闻列表 */
.newsList li{overflow:hidden;padding-bottom:60px;margin-top:60px;border-bottom: 1px solid #c9cbcc;padding-left:200px;color:#888;position: relative;}
.newsList li .left{float: left;margin-left:-200px;width:160px;line-height:2.2;color:#000;}
.newsList li .date{font-size:2.4em;font-family:"DINPro","Arial";font-weight:700;color:#313131;line-height:1;margin-bottom:50px;text-transform: uppercase;}
.newsList li .date span{font-size:1.667em;}
.newsList li .left span{display: block;}
.newsList li .left i{font-style:normal;opacity:.6;}
.newsList li .pic{float:left;margin-right:30px;width:400px;height:300px;overflow:hidden;}
.newsList li .pic img{height:300px;width:auto;max-width:initial;transition:all .5s;}
.newsList li h4{margin-bottom:20px;font-size:1.2em;font-weight:700;}
.newsList li h4 a{color:#000;}
.newsList li h4 a:hover{text-decoration: underline;}
.newsList li .txt p{max-height:160px;margin-bottom:40px;line-height:1.8;}
.newsList li .hMore{position: absolute;bottom:70px;}
.newsList li:hover img{transform: scale(1.1);}

/* 新闻详情 */
.showTie{overflow:hidden;margin-bottom:40px;color:#333;text-align:center;}
.showTie h2{font-size:2.143em;color:#000;font-weight:bold;margin-bottom:15px;}
.showTie .txt span{margin-right:15px;}
.showTie .txt i{font-style:normal;color: #999;}
.show-synopsis{background:#f0f6fa;padding:15px;margin-bottom:40px;text-align:center;}
.show-synopsis i{display:inline-block;width:15px;background: url('../images/a_l.png') no-repeat;height:15px;margin-right:5px;}
.show-synopsis .r{background: url('../images/a_r.png') no-repeat;margin-left:5px;margin-right:0;}
.showCon{overflow:hidden;margin-bottom:40px;max-width:750px;margin:0 auto;}
.newsShare{overflow: hidden;padding-bottom:30px;}
.newsShare .fr{height:32px;line-height:32px;background:#333;color:#fff;padding:0 20px;font-size:12px;}
.newsShare a i{font-family:"iconfont";margin-right:10px;}
.newsShare .fr:hover{background:#051612;padding:0 40px;}
.showPage{overflow:hidden;border-top: 1px solid #ddd;padding-top:30px;}
.showPage a{float:left;width:43%;padding-left:30px;}
.showPage a i{font-style:normal;font-family:"宋体";font-weight:bold;margin:0 10px 0 -30px; border-right: 1px dotted #ccc;padding-right:10px;display:inline-block;}
.showPage a:nth-child(2){float:right;text-align:right;padding:0 34px 0 0;}
.showPage a:nth-child(2) i{border-left:1px solid #ddd;border-right:none;margin-left:0;margin-right:-30px;float:right;padding-right:0;padding-left:10px;}


/* 服务页面 */
.serviceBox1{background:url('../images/service_bg1.jpg') no-repeat center top;background-size:cover; color:#fff;text-align:center;padding-top:130px;min-height:700px;}
.spaceBox1{background-image:url('../images/space_bg1.jpg');}
.serviceBox1 .container{max-width:1280px;margin:0 auto;}
.hTitleW{color:#fff;}
.hTitleW i::after,.hTitleW i::before{background:#fff;}
.serviceBox1 .tie span{display:block;font-size:2em;margin-top:20px;}
.serviceBox1 p{line-height:2;margin:60px 0;}
.serviceForm{padding-right:180px;position:relative;max-width:920px;margin:0 auto;}
.serviceForm input{float:left; width:31%;background:#fff;height:40px;line-height:40px;border-radius:20px;padding:0 20px;}
.serviceForm .s2{margin:0 3.5%;}
.serviceForm .sub{position: absolute;right:0;width:150px;background:#ca003d;color:#fff;cursor: pointer;transition:all .4s;}
.serviceForm .sub:hover,.serviceBox1 .more:hover{background:#a30031;}
.serviceBox1 .more{width:150px;background:#ca003d;color:#fff;display:inline-block;height:40px;line-height:40px;border-radius:20px;}
.serviceBox1 .more:hover{width:200px;}


.designStyle ul{margin-right:-15px;}
.designStyle li{float:left;width:25%;text-align:center;padding-right:15px;margin-bottom:30px;overflow:hidden;}
.designStyle li .pImg{padding-top:78%;}
.designStyle li ul{display:none;}
.designStyle li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size:1.2em;margin-top:15px;}
.designStyle li:hover .pImg img{transform: scale(1.1);}

.Authenticity{overflow: visible;padding:100px 0 180px 0;}
.fwcxBox{background:#fff;border-radius:10px;max-width:1100px;margin:0 auto;text-align:center;padding:50px 8%;position: relative;}
.fwcxBox::after{content:"";position: absolute;bottom:-45px;background: url('../images/fwcx_shadow.jpg') no-repeat center bottom;width:100%;height:50px;left:0;z-index:-1;}
.fwcxForm input{height:60px;line-height:60px;width:100%;background:#ecf0f3;border-radius:30px;text-align:center;}
.fwcxForm button{margin:45px 0;width:150px;transition:all .5s;cursor:pointer;}
.fwcxForm .cxjg{color:#888;}
.fwcxForm .cxjg span{display:block;font-size:2em;font-weight:700;color:#333;margin-top:8px;}
.fwcxBox .txt{margin-top:15px;}
.Authenticity .pic1{position: absolute;left:-20px;top:-70px;z-index:-2;}
.Authenticity .pic2{position: absolute;right:-40px;bottom:100px;z-index:2;}

.serviceBox4{background-image: url('../images/service_bg2.jpg');padding-bottom:200px;position:relative;}
.serviceBox4::after{content:"";position: absolute;background: url('../images/service_bg3.png') no-repeat center bottom;background-size:100%; left:0;bottom:-1px;z-index:2;width:100%;height:72px;}
.serviceBox4 .tie2{font-size:4em;line-height:1;}
.serviceBox4 .txt{min-height:180px;margin-bottom:20px;}

/* 门店查询 */
.store{background:#e3e6ed;}
.storeL{width:40%;}
.shopForm{height:40px;margin-bottom:80px;width:100%;}
.shopForm select{float:left; width:37%;height:40px;line-height:40px;background:#fff;border-radius:20px;padding:0 20px;}
.shopForm .select2{margin:0 3%;}
.shopForm input{width:20%;height:40px;line-height:40px;background:#ca003d;color:#fff;border-radius:20px;cursor:pointer;}
.shopForm input:hover{background:#a30031;}
.storeList{height:540px;overflow-y:auto;}
.storeList li{height:160px;margin-bottom:20px;line-height:1.8;padding-left:70px;background: url('../images/store_icon.png') no-repeat left 8px;}
.storeList li h4{font-weight:700;color:#000;font-size:1.2em;margin-bottom:10px;}
.storeR{width:57%;background:#fff;height:710px;border:30px solid #000;border-radius:20px;box-shadow:0 0 0 3px #ccc,15px 15px 20px #ccc;position: relative;z-index:3;}
#dituContent{width:100%;height:100%;}
.store .pic{position: absolute;left:30%;bottom:30px;}