/*内页公用*/
.nobanner{ height:90px; background:#FFF}
.page-title{ text-align:center; margin-top:50px;}
.page-title h2{ font-size:30px; color:#4d4d4d; font-weight:normal;}
.page-title h2 span{ font-family: "BebasNeueRegular"; font-size:56px; color:#a8a8a8; margin: 0 10px 0 0; line-height:70px;}
.page-title h3{ font-size:16px; color:#b0b0b0; font-weight:normal; line-height:50px;}
.page-title p{ height:4px; background:url(../Images/title-line.png) center no-repeat; display:block; margin-top:15px;}
/*右边公用*/
.pubr-box{ background:#FFF; padding: 20px; }.pubr-box h3{ font-weight:normal;color:#212121; font-size:18px;}
.pubr-box h3 .more{ float:right; color:#CCC; display:inline-block; font-size:12px; margin-top:5px; display:none}.pubr-box h3 .more:hover{ color:#f90}.pubr-box:hover h3 .more{ display:block}
/*报名*/
.signup {}
.signup h2{ font-size:25px; text-align:center; font-weight:normal; }
.signup p{ text-align:center;padding:6px 0; color:#f90}
.signup input{width:255px; height: 38px; border: 1px solid #eee; border-radius: 3px; text-indent: 10px; font-size: 14px; margin-top: 12px; padding-right:13px; outline: none; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
.signup input:focus{border-color: #EE5A0A !important;}
.signup .input-area{ position:relative}
.signup .input-area span{ position:absolute; right:35px; top:25px; font-size:16px; color:#999}
.signup .input-btn { margin: 8px 0 16px;}
.signup .input-btn input{width: 125px; height:40px; color: #fff; text-indent:0; padding-right:0; text-align:center; cursor: pointer; border:none}
.signup .input-btn input:nth-child(1){background: #EE5A0A;}
.signup .input-btn input:nth-child(2){background: #c1c1c1;}
.signup .input-btn input:hover{ background:#f90}
.signup h6{color: #868686; font-weight:normal}

/*热点案例*/
.caserecom{}
.caserecom img { width:100%}
.casereSlide { padding:15px 0 25px 0; position: relative; width: 100%; height: 210px; overflow: hidden;}
.casereSlide ul.pic {}
.casereSlide ul.pic li{}
.casereSlide ul.pic p{ font-size:15px; text-align:center; padding:10px 0}
.casereSlide .prev,.casereSlide .next {
	top:75px; width: 40px; height: 60px;
	position: absolute;	z-index: 1;
	background: url(../Images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor: pointer;filter: alpha(opacity = 50);opacity: 0.5;
	display: none;	
}
.casereSlide .next {background-position: -6px -137px;right:0;}
.casereSlide .prev:hover,.casereSlide .next:hover {filter: alpha(opacity = 50) !important; opacity: 0.5 !important;}
.casereSlide .hd { position:absolute; bottom:0;font-size:0;z-index:1; text-align:center; width:100%}
.casereSlide .hd li {
	cursor: pointer;display: inline-block; *display:inline;
	zoom: 1;width: 11px; height: 11px; margin: 1px; 
	overflow: hidden; background: #ccc;	line-height: 999px;	
}
.casereSlide .hd .on{background:#BD1921;}


/*热点文章*/
.hotarticle{}
.hotarticle ul { padding-top:15px;}
.hotarticle ul dl{ clear:both}
.hotarticle ul dd{ display:inline-block; float:left; line-height:30px; margin-left:10px}
.hotarticle ul li a{font-size:14px; display:block; height:30px; width:245px; overflow:hidden;}
.hotarticle ul li a i{ margin-right:5px;}
.hotarticle ul li .img { float:right; width:65px; height:65px; display:none; overflow:hidden;border-radius:50%; }
.hotarticle ul li .img img{ height:65px;}
.hotarticle ul li.on a{ width:168px; height:75px; color:#BD1921; font-size:15px}
.hotarticle ul li.on .img { display:block}
/*最新工程进度*/
.topdiary ul{ margin:20px 0 0 30px; padding-top:15px; border-left:#eee 1px solid}
.topdiary ul li{position:relative; height:200px}
.topdiary ul li span{ position:absolute; background:#FFF; color:#111;transition: all 0.5s; 
border:#eee 1px solid;border-radius:3px;
width:80px; left:-40px; text-align:center; padding-top:10px;}
.topdiary ul li span p{ color:#999; padding:5px 0}
.topdiary ul li small{ position:absolute; left:60px; display:inline-block; padding:5px 10px; border:#f90 1px solid; color:#f90;border-radius:3px; background:#FFF}
.topdiary ul li h3{ position: absolute; left:60px; top:36px; font-weight:normal; font-size:14px; line-height:28px; color:#000}
.topdiary ul li dl{ position:absolute; top:100px; left:10px; width:100%; overflow:hidden; height:}
.topdiary ul li dd{ width:32%; height:80px; overflow:hidden; display:inline-block}
.topdiary img{ width:80px}
.topdiary ul li:hover h3{ color:#BD1921}
.topdiary ul li:hover span{ border:#666 1px solid}
/*设计达人*/
.des-talent ul li div{ padding:20px 0; height:100px; border-bottom:#f1f1f1 1px dashed; position:relative;}
.des-talent ul li i {height:100px; width:100px; border-radius:50%; display:block; overflow:hidden; float:left}
.des-talent ul li i img{ width:100px;}
.des-talent ul li h4,.des-talent ul li p{ float:left; padding-left:25px; width:135px; color:#969696}
.des-talent ul li h4{ font-size:14px; padding:20px 0 10px 25px}
.des-talent ul li h4 small{ font-weight:normal}
.des-talent ul li a{transition: all 0.5s;  display:inline-block; padding:2px 10px; margin-top:5px; background:#CCC;border-radius:3px; font-size:12px; color:#FFF; position:absolute; bottom:8px; right:0;}
.des-talent ul li div:hover a{background:#BD1921}
.des-talent ul li div:hover h4{ color:#666}
.des-talent ul.hd{ height:24px; line-height:18px;padding:20px 118px 0 118px; }
.des-talent ul.hd li{ float: left; width: 12px; font-family: Tahoma,Helvetica; font-size: 28px; _font-size: 38px; margin-right: 5px; color: #B2B2B2; cursor: pointer;}.des-talent ul.hd li.on{ color:#BD1921;}


/************
工地直播间详情页
*************/
.livedetaillit{ border-left:#eee 1px solid;margin-left:40px; margin-top:40px;}
.livedetaillit ul li{ position:relative; border-bottom:#eee 1px solid; padding-bottom:30px;}
.livedetaillit ul li span{position:absolute; width:80px; height:80px; border-radius:50%; display:block;
background:#BD1921; line-height:80px; text-align:center; color:#FFF; left:-40px; top:40px;}
.livedetaillit ul li p{ color:#BD1921; padding:40px 0 20px 80px; }
.livedetaillit ul li dl{ padding:0 0 10px 80px; }
.livedetaillit ul li dt{ padding:10px 0; font-size:14px}
.livedetaillit ul li dd {display:inline-block; float:left; margin:10px 10px 0 0}
.livedetaillit ul li dd img{ height:200px}

.live-nav{border-top:#eee 1px solid;margin:0 auto; width:100%; background:#fafafa}
.live-nav ul li{ display:inline-block; width:20%; float:left; text-align:center; padding:10px 0; }
.live-nav ul li a{ display:block; width:125px; margin:0 auto;}
.live-nav ul li span {float:right; display:inline-block; height:50px; line-height:50px; color:#222; font-size:14px}
.live-nav ul li i{ float:left; height:50px; width:50px; display:inline-block;background-repeat:no-repeat; background-position:center;border-radius:50%; background-color:#C8CCCE }
.live-nav ul li.jg i{ background-image:url(../images/live/5jg.png)}
.live-nav ul li.yq i{ background-image:url(../images/live/4yq.png)}
.live-nav ul li.nm i{ background-image:url(../images/live/3nm.png)}
.live-nav ul li.sd i{ background-image:url(../images/live/2sd.png)}
.live-nav ul li.kg i{ background-image:url(../images/live/1kg.png)}
.live-nav ul li:hover i{ background-color:#B3B9BB}

.live-detail ul li.img{ overflow:hidden; width:180px; height:180px; border-radius:50%; float:left; margin:25px 50px 20px 0;}
.live-detail ul li.img img{ width:180px;}
.live-detail ul li.txt{ float:left; width:570px; }
.live-detail ul li.txt h3{ font-size:24px; font-weight:normal;padding:40px 0 0 0}
.live-detail ul li.view{color:#ccc; height:50px; line-height:52px; padding-left:30px; background:url(../images/article/view.png) left no-repeat; float:left;font-family: "BebasNeueRegular";}
.live-detail ul li.sjs{ position:relative; float:right; width:290px; padding:30px 20px; border-left:#eee 1px solid;}
.live-detail ul li.sjs .btn{transition: all 0.5s;  position:absolute; top:170px; left:-130px; background:#f60; color:#FFF; padding:5px 10px;border-radius:2px;}
.live-detail ul li.sjs .btn:hover{ background:#BD1921}
.live-detail ul li.sjs p{ position:absolute; left:150px; top:43px; font-size:22px}
.live-detail ul li.sjs p small{ display:block; font-size:14px; color:#999; margin-top:6px}
.live-detail ul li.sjs p a{ display:block; color:#BD1921; font-size:12px; margin-top:10px}
.live-detail ul li.sjs dt{ width:100px; height:100px; overflow:hidden; display:block; border-radius:50%; background:#999; }
.live-detail ul li.sjs dt img { width:100px;}
.live-detail ul li.sjs dd{ width:32%; display:inline-block; text-align:center; color:#787878; margin-top:40px; padding:5px 0;
 background:#f8f8f8;border-radius:5px; font-size:12px;}
.live-detail ul li.sjs dd:hover{ background:#eee;}

/************
工地直播间
*************/
.live-tczj{ padding-bottom:30px;}
.live-tczj dt{ margin-top:15px; color:#969696;}
.live-tczj dd{ display:inline-block; color:#696969; margin-right:20px;}
.live-list{}
.live-list ul li{ padding:20px; position:relative; height:210px; background:#FFF; margin-bottom:20px;}
.live-list ul li .img{ overflow:hidden; width:210px; height:210px; float:left;}
.live-list ul li .img img{ width:210px; }
.live-list ul li .txt{ float:right; width:590px;}
.live-list ul li .txt a.title{ font-size:24px; color:#333;padding:2px 0}
.live-detail ul li.txt p,
.live-list ul li .txt p{ color:#999; padding:15px 0 20px 20px; background:url(../images/icon-address.png) 0 20px no-repeat}
.dll-box li .lit,.live-list ul li .lit{ position:absolute; top:145px; left:260px; width:470px}
.dll-box li .lit dl,.live-list ul li .lit dl{ position:relative;}
.dll-box li .lit dt,.live-list ul li .lit dt{ height:2px; background:#eee; margin-top:30px;}
.dll-box li .lit dd,.live-list ul li .lit dd{ display:inline-block; float:left; text-align:center; width:20%;}
.dll-box li .lit dd em,.live-list ul li .lit dd em{ width:13px; height:13px; display:block; margin:-9px auto 10px auto;background:#FFF; border-radius:50%;border:#eee 2px solid;}
.dll-box li .lit dd.on,.live-list ul li .lit dd.on{ color:#BD1921}
.dll-box li .lit dd.on em,.live-list ul li .lit dd.on em{border:#BD1921 2px solid;}
.live-list ul li .btn{transition: all 0.5s; position:absolute;
padding-top:65px; width:210px; height:0; 
opacity:0;  filter: alpha(opacity=0);
background:rgba(0,0,0,0.2);}
.live-list ul li .btn a{ display:block; text-align:center; margin:10px 20px 0 20px; background:rgba(189,25,33,0.9);
 color:#FFF; border-radius:15px; height:30px; line-height:30px;transition: all 0.5s;}
.live-list ul li .btn a:hover{ background:#f60}
.live-list ul li .sjs{ display:block; position:absolute; right:20px; bottom:20px;
border-radius:2px; padding:10px 0; width:110px; border:#eee 1px solid; background:#fafafa;
text-align:center; font-size:12px}
.live-list ul li .sjs i{ width:50px; height:50px; overflow:hidden; margin:10px auto; display:block; border-radius:50%; background:#999}
.live-list ul li .sjs i img { width:50px;}
.live-list ul li .sjs:hover { color:#BD1921 }
.live-list ul li:hover .btn{opacity:1; filter: alpha(opacity=100); height:145px; }
.live-list ul li .view{ position:absolute; right:20px; top:20px; background:url(../images/article/view.png) left no-repeat; padding:3px 0 3px 30px ; color:#CCC;font-family: "BebasNeueRegular";}
/************
A1-A3
*************/
.a-banner{ height:600px; background:url(../images/banner/a1-banner.jpg) bottom center no-repeat}
.a3{ background:url(../images/banner/a3-banner.jpg) bottom center no-repeat}
.abannerinfo{padding-top:150px ; position:relative; text-align:center;color:#fff}
.abannerinfo span{font-family: "BebasNeueRegular";}
.abannerinfo h2{ font-size:58px; font-weight:normal;  }
.abannerinfo .line{ height:2px; width:60px; background:#FFF; margin:15px auto;}
.abannerinfo h3{ margin-top:15px; font-size:30px; font-weight:normal; }
.abannerinfo h4{ margin-top:15px; font-size:85px; font-weight:normal; }
.abannerinfo h4 small{ font-size:24px}
.abannerinfo img{ margin:20px;}
.abannerinfo a.btn{display:block; width:180px; padding:10px 0; margin:10px  auto 0; background:#BD1921;opacity:0.85;  filter: alpha(opacity=85);transition: all 0.5s; text-align:center; color:#FFF; border-radius:20px;}
.abannerinfo a.btn:hover{ background:#f60; }
.catena-title-black,.catena-title-white{font-size: 40px;text-align: center;color: #333;padding-top: 98px;}
.catena-title-black span,.catena-title-white span{ font-family: "BebasNeueRegular"; font-size:55px; margin:0 5px; 
display:inline-block; line-height:70px; height:65px; width:65px;border-radius:50%; border:#BD1921 2px solid}
.catena-txt-black,.catena-txt-white{font-size: 24px;color: #666;text-align: center;padding-top: 17px;}
.catena-title-white,.catena-txt-white{ color:#FFF}
/*五+八*/
.stage-box{background:#BD1921}/*C33037*/
.stage-list ul li{ width:45%; display:inline-block; float:left; height:500px; position:relative}
.stage-list ul li.stage-left{ width:55%; background:url(../images/banner/sjsbanner/b2.jpg) right}
.stage-list dd,.stage-list img,.stage-list p{transition: all 0.5s;}
.stage-right p.jia{position:absolute; background:url(../images/a/jia.png); height:60px; width:60px; left:-30px; top:278px; z-index:999px}
.stage8{ color:#FFF; width:500px; position:absolute; top:70px; left:50px; overflow:hidden;}
.stage5 dt,.stage8 dt{font-size: 40px; padding-bottom:70px;}
.stage5 dt small,.stage8 dt small{ font-size:14px}
.stage8 dd{ display:inline-block; width:124px; float:left; text-align:center; 
border-right:#C33037 1px solid; border-bottom:#C33037 1px solid; padding-bottom:17px} 
.stage8 dd i img{ width:40px; margin-top:15px}
.stage8 dd i{ display:block; height:60px; width:70px; overflow:hidden;
border-radius:50%;margin:10px auto; background-position:center center; background-repeat:no-repeat;}
.stage8 dd:hover{ background:#C33037}
.stage8 dd.nbr{ border-right:none}
.stage8 dd.nbb{ border-bottom:none}
.stage5{ color:#FFF; width:620px;position:absolute;top:70px;right:50px;overflow:hidden;}
.stage5 dt{ text-align:right; padding-bottom:130px;}
.stage5 dd{ display:inline-block; width:110px; margin-right:10px; height:110px; float:left; text-align:center;
background:url(../images/bgss.png);border-radius:50%; overflow:hidden} 
.stage5 dd img{ height:45px; margin-top:25px;}
.stage5 dd p{ margin-top:5px;}
.stage5 dd:hover{ background:#BD1921}
.stage5 dd:hover img{ margin-top:-70px;opacity:0.15;filter: alpha(opacity=15)}
.stage5 dd:hover p{ margin-top:23px; font-size:20px}
/*全空间*/
.space-box{background:url(../images/a/space-banner.jpg) no-repeat center bottom}
.space-nav{ padding:20px 0 70px 0; }
.space-nav .hd ul{ overflow:hidden; width:1250px;}
.space-nav .hd ul li{ float:left; width:160px; margin-right:48px; text-align:center; cursor:pointer; }
.space-nav .hd ul li a{ display:block;padding:10px 0;background:#f5f5f5; color:#666;transition: all 0.5s; font-size:15px}
.space-nav .hd li.on a,.space-nav .hd li a:hover{ background:#BD1921; color:#fff;}
.space-nav .bd{ padding-top:20px;}
.space-nav .bd ul li{ height:525px; overflow:hidden; position:relative}
.space-nav .bd ul li img{ position:absolute;}
.space-nav .bd ul li dl{ position:absolute; width:100%; padding:30px 20px 20px 20px; bottom:0; background:url(../images/bgss.png); z-index:999px; overflow:hidden }
.space-nav .bd ul li dt{ font-size:24px; padding:0 0 20px 0; color:#FFF}
.space-nav .bd ul li dd{ width:270px; float:left; padding: 5px 0; margin-right:20px; border-top:#555 1px dashed;color:#ddd}
/*主材不限*/
.material-list{ margin:30px auto}
.material-list ul li{ width:50%;height:112px; float:left; position:relative; overflow:hidden}
.material-list i{ position:absolute; height:56px; width:56px; left:123px; top:15px; 
border-radius:50%; border:#ccc 2px solid; background-repeat:no-repeat; background-position:center center}
.material-list .m1 i{background-image: url(../images/a/icon-m1.png)}
.material-list .m2 i{background-image: url(../images/a/icon-m2.png)}
.material-list .m3 i{background-image: url(../images/a/icon-m3.png)}
.material-list .m4 i{background-image: url(../images/a/icon-m4.png)}
.material-list .m5 i{background-image: url(../images/a/icon-m5.png)}
.material-list .m6 i{background-image: url(../images/a/icon-m6.png)}
.material-list .m7 i{background-image: url(../images/a/icon-m7.png)}
.material-list .m8 i{background-image: url(../images/a/icon-m8.png)}
.material-list p{ position:absolute; text-align:center; width:300px; top:80px; font-size:14px; color:#333;}
.material-list span{position:absolute; display:block; width:320px; height:112px;
background-image: url(../images/a/materialbg.png);background-repeat:no-repeat;background-position:right;}
.material-list span,.material-list img,.material-list p,.material-list i{transition: all 0.5s; }
.material-list img{ position:absolute;width:300px; right:0}
.material-list .m3 i,.material-list .m4 i,.material-list .m7 i,.material-list .m8 i{ left:auto; right:123px}
.material-list .m3 p,.material-list .m4 p,.material-list .m7 p,.material-list .m8 p{ right:0}
.material-list .m3 span,.material-list .m4 span,.material-list .m7 span,.material-list .m8 span{right:0;background-image: url(../images/a/materialbg2.png); background-position:left}
.material-list .m3 img,.material-list .m4 img,.material-list .m7 img,.material-list .m8 img{ left:0;}
.material-list li:hover img{ width:510px;}
.material-list li:hover span{ width:90px; background:#BD1921}
.material-list li:hover i{ top:25px; left:15px; border:#BD1921 2px solid;}
.material-list .m3:hover i,.material-list .m4:hover i,.material-list .m7:hover i,.material-list .m8:hover i{ top:25px; left:auto; right:15px;}
.material-list li:hover p{ background:rgba(0,0,0,0.3); color:#f1f1f1; font-size:18px; padding:10px 0; width:510px; top:34px; right:0}
.material-list .m3:hover p,.material-list .m4:hover p,.material-list .m7:hover p,.material-list .m8:hover p{left:0;}

/*工艺*/
.crafts-box{ background:url(../images/banner/crafts-banner.jpg) no-repeat center top; min-height:700px;}
.crafts-box .container{position:relative; min-height:485px;}
.crafts-box .bd{ padding:100px 0 0 0; }	
.crafts-box .bd ul{ overflow:hidden; zoom:1; width:100%;}	
.crafts-box .bd ul li{ float:left; width:280px; margin:0 10px; overflow:hidden}
.crafts-box .prev,	
.crafts-box .next{display:block; position:absolute; z-index:999; top:35%;left:-50px; 
z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat; 
cursor:pointer; filter:alpha(opacity=50);opacity:0.5;}	
.crafts-box .next{ left:auto; right:-50px; background-position:-6px -137px; }
.crafts-box .hd{ position:absolute; height:22px; line-height:22px; overflow:hidden;zoom:1; bottom:30px; width:100%;}	
.crafts-box .hd ul{ text-align:center; width:100%;}
.crafts-box .hd ul li{ display:inline-block; *display:inline; zoom:1; width:22px; height:7px; margin:1px; overflow:hidden; background:#999;		filter:alpha(opacity=50);opacity:0.5;  line-height:999px; }
.crafts-box .hd ul li.on{background:#f00;}

/*保障*/
.after-box{background:#fcfcfc;width: 100%;display: block; padding-bottom:50px;}
.after-list{ border:#ebebeb 1px solid; margin:30px auto 0 auto}
.after-list ul li{ background:#FFF; width:299px; height:199px; float:left; border-right:#ebebeb 1px solid;
transition: all 0.2s ease 0.1s; overflow:hidden}
.after-list ul li.bb{ border-bottom:#ebebeb 1px solid; }
.after-list ul li.first{ height:399px; border-right:none; float:right; width:300px; background-position:center bottom}
.after-list i{ display:block; height:120px;transition: all 0.2s;}
.after-list h3{ text-align:center;font-size:18px;padding:10px 0; color:#000; font-weight:normal}
.after-list h3 small{ font-size:12px; font-family: "BebasNeueRegular"; color:#CCC}
.after-list p{ text-align:center; padding-bottom:10px}
.after-list p span{ font-family: "BebasNeueRegular"; margin:0 5px}
.after-list i.a1 { background:url(../Images/aftersales/as11.png) bottom center no-repeat}
.after-list i.a2 { background:url(../Images/aftersales/as22.png) bottom center no-repeat}
.after-list i.a3 { background:url(../Images/aftersales/as33.png) bottom center no-repeat}
.after-list i.a4 { background:url(../Images/aftersales/as44.png) bottom center no-repeat}
.after-list i.a5 { background:url(../Images/aftersales/as55.png) bottom center no-repeat}
.after-list i.a6 { background:url(../Images/aftersales/as66.png) bottom center no-repeat}
.after-list i.a7 { background:url(../Images/aftersales/as77.png) bottom center no-repeat}
.after-list ul li:hover{ background:#BD1921}/*FAFCFD*/
.after-list ul li:hover i{ height:1px;}
.after-list ul li:hover h3{ display:none}
.after-list ul li:hover p{ color:#FFF; font-size:26px; line-height:199px;}
.after-list ul li:hover p span{ line-height:33px; display:inline-block; height:30px; width:30px;border-radius:50%; border:#FFF 2px solid}
.after-list ul li.first:hover { background:#BD1921 url(../images/aftersales/times.png) no-repeat center center}

.prizeScroll{ padding:10px 30px; overflow:hidden; height:145px;}
.prizeScroll ul li{ background:none; line-height:30px; overflow:hidden; height:30px; width:100%; border:none; color:#963}
/*展馆*/
.expe-box{background: url(../images/banner/expe-banner.jpg) no-repeat top center;width: 100%;display: block;position: relative;}
.expe-box .catena-title-white span{ border-radius:0; border:none; border-bottom: #BD1921 2px solid; width:130px; line-height:65px}
.expe-box .expe-btn{
	width: 138px;
    height: 38px;
    display: block;
    margin: 20px auto;
    border: 1px solid #BD1921;
    text-align: center;
    line-height: 38px;
    color: #BD1921;
    border-radius: 5px;
    font-size: 14px;
    background: #fff;
}
.expe-box .expe-btn:hover{background: #BD1921;color: #fff;}
#carousel {position: relative;	z-index: 2;	height: 360px;margin-top:40px;transform-style: preserve-3d;perspective: 800px;}
#carousel img {position: absolute;
	left: 50%;top: 50%;	width: 300px;height: 200px;
	margin-left: -150px;margin-top: -100px;
	transition: transform 0.5s ease-in-out;}
/************
装修攻略一级
*************/
.articl{ background:#fafafa}
.articlswiper{}
.articlswiper .swiper-button-prev{background: url(../images/article/iconx1.png); width: 50px; height: 80px; left: 0; top: 140px; }
.articlswiper .swiper-button-next{background: url(../images/article/iconx2.png); width: 50px; height: 80px; right: 0; top: 140px;}
.articlnav{ padding:10px 0 0 0; background:#FFF}
.articlnav ul li{ float:left; width:25%; float:left; border-bottom:#e8e8e8 2px solid; text-indent:90px; font-size:18px;}
.articlnav ul li.on{border-bottom:#BD1921 2px solid}
.articlnav ul li.on a,.articlnav ul li:hover a{color:#BD1921}
.articlnav ul li .iconx1{ background:url(../images/article/iconart1.png) 50px no-repeat}
.articlnav ul li .iconx2{ background:url(../images/article/iconart2.png) 50px no-repeat}
.articlnav ul li .iconx3{ background:url(../images/article/iconart3.png) 50px no-repeat}
.articlnav ul li .iconx4{ background:url(../images/article/iconart4.png) 50px no-repeat}
.articlnav ul li a{ display:block; padding:15px 0; transition: all 0.5s }
.articlnav ul li.on .iconx1,.articlnav ul li:hover .iconx1{ background:url(../images/article/iconart11.png) 50px no-repeat}
.articlnav ul li.on .iconx2,.articlnav ul li:hover .iconx2{ background:url(../images/article/iconart22.png) 50px no-repeat}
.articlnav ul li.on .iconx3,.articlnav ul li:hover .iconx3{ background:url(../images/article/iconart33.png) 50px no-repeat}
.articlnav ul li.on .iconx4,.articlnav ul li:hover .iconx4{ background:url(../images/article/iconart44.png) 50px no-repeat}

.articllist{}
.articllist ul li{ padding:15px 0 15px 350px; position:relative; height:200px; margin-top:20px;
 border-bottom:#f1f1f1 1px solid; background:#fff;transition: all 0.5s}
.articllist ul li .pic{ position:absolute; left:15px; top:15px;	width: 310px; height: 181px; overflow: hidden;}
.articllist ul li .pic img{width: auto; height: auto;max-width:100%;min-height:100%;}

.articllist ul li h3{
	font-size: 24px;
	font-weight:normal;
	line-height: 30px;
	color: #222;
	margin: 10px 0;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
	 }
.articllist ul li p{ line-height:24px;  height:105px; overflow:hidden; margin-right:30px; color:#666} 
.articllist ul li div{ margin-top:10px; text-align:right}
.articleinfor .title p span,.articllist ul li span{ padding:5px 0 5px 30px; margin-right:30px; color:#ccc; font-family: "BebasNeueRegular";}
.articleinfor .title p span.hit,.articllist ul li span.hit{ background:url(../images/article/view.png) no-repeat 0 0}
.articleinfor .title p span.times,.articllist ul li span.times{ background:url(../images/article/times.png) no-repeat 0 0}
.articllist ul li a{ padding:8px 30px; border:#d4d4d4 1px solid; color:#d4d4d4;border-radius:50px; position:absolute; top:169px;}
.articllist ul li:hover{box-shadow: 0 0 20px 0 rgba(0,0,0,0.2)}
.articllist ul li:hover a{border:#f60 1px solid;background:#f60 ;color:#fff;}
.articllist ul li:hover h3{ color:#BD1921}
.articleinfor{ padding:0 30px;}
.articleinfor .title{ margin-top:10px;}
.articleinfor .title h3{font-size: 28px;line-height:80px; font-weight:normal;color: #444;}
.articleinfor .title p { padding-bottom:15px; margin-bottom:25px; border-bottom:#f1f1f1 1px solid}
.articleinfor .txtcontent{ line-height:35px; font-size:16px; padding-bottom:15px; margin-bottom:15px; border-bottom:#f1f1f1 1px solid}
.articleinfor .txtcontent img{width: auto; height: auto;max-width:100%;max-height:100%;}

.articleinfor .articlebox {padding-bottom:30px;}
.articleinfor .articlebox p{ line-height:30px; font-size:14px;color: #999;}
.articleinfor .articlebox p a{ color: #999; transition:all 0.5s;}
.articleinfor .articlebox p a:hover{color: #666;}	

.articleinfor .bdsharebuttonbox{ float:right; padding:0; margin:0; }
.articleinfor .bdsharebuttonbox a{ margin:0 0 0 10px;}
/************
口碑
*************/
.koubei-banner{ background:url(../images/banner/koubei-banner.jpg) top no-repeat; height:580px}
.koubei-banner li{ cursor:pointer}

.koubei-jn h2,.koubei-yz h2,.koubei-mt h2{font-weight:normal;color: #666; font-size: 30px; padding: 55px 0; text-align: center;}
.koubei-yz{padding:10px 0 50px 0; background:#fff url(../images/koubei/koubei-yz-banner.jpg) bottom center no-repeat ;}
.kbjnScroll{margin: 0 auto; position: relative; width: 1160px;}
.kbjnScroll .prev,.kbjnScroll .next{ display:block; position:absolute; top:195px; width:26px; height:49px;}
.kbjnScroll .prev{ background:url(../images/cases/left.png) no-repeat ; left:-40px;}
.kbjnScroll .next{ background:url(../images/cases/right.png) no-repeat ;right:-40px;}	
.kbjnScroll .prev:hover{ background:url(../images/cases/lefthover.png) no-repeat }	
.kbjnScroll .next:hover{ background:url(../images/cases/righthover.png) no-repeat }	
.kbjnScroll ul{ overflow:hidden; zoom:1; }	
.kbjnScroll ul li{
	overflow:hidden;
 	background:#fcfcfc url(../images/koubei/skyline.png) no-repeat;
    float: left;
    margin: 5px 10px ;
    height: 490px;
    width: 270px;
	-moz-box-shadow:0 0 6px rgba(0, 0, 0, 0.1); 
  	-webkit-box-shadow:0 0 6px rgba(0, 0, 0, 0.1); 
  	box-shadow:0 0 6px rgba(0, 0, 0, 0.1); 	
}	
.kbjnScroll ul li.kb1{background-position:0 338px}
.kbjnScroll ul li.kb2{background-position:-280px 338px}
.kbjnScroll ul li.kb3{background-position:-560px 338px}
.kbjnScroll ul li.kb0{background-position:-860px 338px}
.kbjnScroll .star-div{padding:30px}
.kbjnScroll .star-top {
    color: #121212;
    font-size: 16px;
    line-height: 30px;
    text-align: center
}
.kbjnScroll .star-top img {
    height: 120px;
    width: 120px;
	margin-bottom:15px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}
.kbjnScroll .star-top p{ background:#f6f6f6; color:#BD1921; margin-bottom:10px;}
.kbjnScroll .star-top span{ display:inline-block; height:23px; line-height:23px; text-indent:30px; background:url(../images/xq.png) left no-repeat;}
.kbjnScroll .star-info {
    color: #666;
	font-size:14px;
    line-height: 25px;
    padding-top: 20px;
    text-align: justify;
	height:210px;
	overflow:auto
}
.kbjnScroll .star-info i{ display:inline-block; height:18px; width:30px; background:url(../images/qyh.png) 0 0 no-repeat;}
.kbjnScroll ul li:hover{ background-color:#FFF}
/************
团装小区详情
*************/
	/*头部*/
.gb-topbox{ border-bottom:#f7f7f7 10px solid}
.gb-detail{ padding:30px 0; position:relative}
.gb-detail img{ width:370px}
.gb-detail li.gb-info { position:absolute; top:30px ; left:400px; width:570px;}
.gb-detail li.gb-info h2{font-size:28px; margin-bottom:28px; color:#666}
.gb-detail li.gb-info h2 small{ font-weight:normal; font-size:14px; float:right;font-family: "BebasNeueRegular"; background:url(../images/article/view.png) left no-repeat; padding-left:30px; color:#CCC}
.gb-detail li.gb-info p.info{ margin-top:18px;padding:0 0 8px 18px; background:url(../images/xq2.png) 0 6px no-repeat; color:#969696; line-height:25px; height:70px; overflow-y:auto }
.gb-detail li.gb-info a.btn{ position:absolute; top:217px; transition: all 0.5s; background:#f60; color:#FFF; padding:5px 10px;border-radius:2px;}
.gb-detail li.gb-info a.btn:hover{ background:#BD1921}
.gb-detail li.gb-num{ position:absolute; top:60px; right:0; width:185px;}
.gb-num-item{ border-left: 1px solid #eee; padding-left:20px; margin-top:20px;text-align:center;}
.gb-num-item b{font-size:28px; color:#BD1921; display:inline-block; padding: 5px;}
.gb-num-item p{margin-top:10px;font-size:14px; color:#aaa}
	/*内容*/
.gb-listbox .pubright{ border-left:10px solid #f7f7f7; background:#f7f7f7}
.gb-listbox .gb-nav .hd { border-bottom:#f7f7f7 2px solid ; }
.gb-listbox .gb-nav .hd li{ display:inline-block; float:left; cursor:pointer; padding-right:50px;}
.gb-listbox .gb-nav .hd li a{ transition: all 0.5s; color:#ababab; padding:20px 0; display:block; font-size:16px}
.gb-listbox .gb-nav .hd li.on a,.gb-listbox .gb-nav .hd li.on a:hover{ color:#F16C00; border-bottom:#F16C00 2px solid}
		/*案例*/
.gb-caseul{margin: 15px 0 10px;}
.gb-caseul li{ padding:10px; width:405px; height:405px; border:#f3f3f3 1px solid;position:relative;transition: all 0.5s;}
.gb-caseul li a.art{ display:block; width:100%; height:270px; overflow:hidden; position:relative}
.gb-caseul li img{ width:100%;transition: all 0.3s;}
.gb-caseul li h3{top:310px; transition: all 0.3s; position:absolute; padding:10px 15px; background:url(../images/bgss.png); color:#FFF; width:405px; font-weight:normal; }
.gb-caseul li p{ padding:8px 0 15px 18px; background:url(../images/xq2.png) 0 13px no-repeat; color:#aaa; line-height:25px;}
.gb-caseul li a.sub{position:absolute; left:10px; bottom:10px; display:inline-block; padding:3px 10px; background:#999; color:#FFF;border-radius:3px;transition: all 0.5s;  }
.gb-designerlist li:hover,
.gb-caseul li:hover{ 
  -moz-box-shadow:0 0 8px rgba(0,0,0, 0.2); 
  -webkit-box-shadow:0 0 8px rgba(0,0,0, 0.2); 
  box-shadow:0 0 8px rgba(0,0,0, 0.2); }
.gb-caseul li:hover h3{top:230px;}
.gb-caseul li:hover img{transform: scale(1.2)}
.gb-caseul li:hover a.sub{ background:#f90}
		/*设计师*/
.gb-designerlist{ padding-bottom:20px;}
.gb-designerlist li{position:relative;height:210px; border:#f3f3f3 1px solid; margin-top:15px;transition: all 0.5s; }

.gb-designerlist .img{
	position:absolute;
	top:30px;
	left:30px;
	width:130px;
	height:130px;
	border-radius:50%;
	overflow:hidden;
	}
.gb-designerlist img { width:100%;transition: all 0.5s; }
.gb-designerlist .year{font-family: "BebasNeueRegular";  position:absolute; top:111px; left:115px; font-size:26px; color:#ccc }
.gb-designerlist .year span{font-size:56px; color:#fff; margin:0 5px;-webkit-text-stroke:2.0px #999; font-weight:bold}
.gb-designerlist .info { position:absolute; left:220px; top:40px; border-left:#f1f1f1 1px solid; padding-left:30px;}
.gb-designerlist .info h3 {	font-weight:normal;font-size:24px}
.gb-designerlist  h3 small {font-size:14px}
.gb-designerlist .info p{ margin:5px 0; font-size:14px; position:relative; padding:10px 0; background:url(../images/dyh0.png) 0 7px no-repeat; text-indent:25px; color:#aaa; }
.gb-designerlist .info p i{ background:url(../images/dyh1.png) no-repeat; display:inline-block; width:15px; height:12px; position:absolute; bottom:10px; margin-left:10px;}
.gb-designerlist .info span{ display:block; width:450px; line-height:25px;}
.gb-designerlist a{transition: all 1s; opacity:0;  filter: alpha(opacity=0); position:absolute; width:10px; padding:67px 20px; right:0; display:block; background:#ababab; color:#FFF}
.gb-designerlist li:hover a{ opacity:0.95;  filter: alpha(opacity=95)}
.gb-designerlist a:hover{ background:#F16C00}
/************
团装小区
*************/
.groupbuy{background:url(../images/banner/gb-banner.jpg) top center no-repeat; height:580px}
.groupbuy .gb-title{ width:700px; margin:0 auto; padding-top:220px;color:#FFF;text-align:center}
.groupbuy .gb-title .txt{ font-size:46px}
.groupbuy .gb-title p{ font-size:18px; padding:25px 0 }
.groupbuy input{width:551px; height:43px; border: 2px solid #fff; text-indent: 10px; font-size: 14px; margin-top: 12px; padding-right:13px; outline: none; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; float:left}
.groupbuy input.search{ width:130px; height:49px; cursor:pointer; color:#FFF; font-size:16px; background:#f90}
.groupbuy input.search:hover{ background:#BD1921;}
.groupbuy dl{ padding:15px 0; text-align:left; position:relative; color:#FFF; padding-left:75px}
.groupbuy dt{ position:absolute; left:0; padding:3px 0}
.groupbuy dd{ padding:3px 10px; display:inline-block;border-radius:3px}
.groupbuy dd a{ color:#fff; display:block}
.groupbuy dd:hover{ background:#333;}


.groupbuy-box ul{margin: 8px 0 10px;}
.groupbuy-box ul li{ padding:10px; width:370px; height:360px; border:#f3f3f3 1px solid;position:relative;transition: all 0.5s;}
.idx-groupbuy .bd ul li a.art,
.groupbuy-box ul li a.art{ display:block; width:100%; height:245px; overflow:hidden; position:relative}
.idx-groupbuy .bd ul li img,
.groupbuy-box ul li img{ width:100%;  height:245px; transition: all 0.3s;}
.idx-groupbuy .bd ul li h3,
.groupbuy-box ul li h3{top:280px; transition: all 0.3s; position:absolute; padding:10px 15px; background:url(../images/bgss.png); color:#FFF; width:330px; font-weight:normal; }
.idx-groupbuy .bd ul li h3 span,
.groupbuy-box ul li h3 span{ float:right}
.idx-groupbuy .bd ul li h3 b,
.groupbuy-box ul li h3 b{ font-size:14px; padding:2px 5px; background:#BD1921;border-radius:5px; font-weight:normal}
.gb-detail li.gb-info .bq,
.idx-groupbuy .bd ul li .bq,
.groupbuy-box ul li .bq{ margin-top:10px;}
.gb-caseul li span,
.gb-detail li.gb-info .bq span,
.idx-groupbuy .bd ul li .bq span,
.groupbuy-box ul li .bq span{ padding:5px 8px; border:#ddd 1px solid; font-size:12px; color:#ccc;transition: all 0.5s; }
.gb-caseul li span:hover,
.gb-detail li.gb-info .bq span:hover,
.idx-groupbuy .bd ul li .bq span:hover,
.groupbuy-box ul li .bq span:hover{ border:#f90 1px solid; color:#f90}
.idx-groupbuy .bd ul li h2,
.groupbuy-box ul li h2{ padding:8px 0 8px 18px; background:url(../images/xq2.png) left no-repeat; font-size:18px; font-weight:normal}
.gb-detail li.gb-info p.add,
.idx-groupbuy .bd ul li p,
.groupbuy-box ul li p{ padding:3px 0 8px 18px; background:url(../images/icon-address.png) 0 7px no-repeat; color:#aaa}
.idx-groupbuy .bd ul li a.btn,
.groupbuy-box ul li a.btn{position:absolute; top:263px; right:10px; padding:3px 10px; background:#BD1921; color:#FFF;border-radius:3px;transition: all 0.5s; opacity:0;  filter: alpha(opacity=0); }
.idx-groupbuy .bd ul li a.btn:hover,
.groupbuy-box ul li a.btn:hover{ background:#f90}
.idx-groupbuy .bd ul li:hover,
.groupbuy-box ul li:hover{ 
  -moz-box-shadow:0 0 8px rgba(0,0,0, 0.2); 
  -webkit-box-shadow:0 0 8px rgba(0,0,0, 0.2); 
  box-shadow:0 0 8px rgba(0,0,0, 0.2); 
}
.idx-groupbuy .bd ul li:hover a.btn,
.groupbuy-box ul li:hover a.btn{ opacity:0.95; filter: alpha(opacity=95)}
.idx-groupbuy .bd ul li:hover h3,
.groupbuy-box ul li:hover h3{top:206px;}
.idx-groupbuy .bd ul li:hover img,
.groupbuy-box ul li:hover img{transform: scale(1.2)}

/************
施工团队
*************/
.eng-banner{ background:url(../images/banner/eng-banner.jpg) bottom center no-repeat; height:580px}
.eng-title{ padding:180px 0 0; text-align:center; color:#fff;}
.eng-title .txt{ font-size:36px;}
.eng-title .tectxt{ font-size:46px; margin:30px;}
.eng-title .tectxt span{ display:inline-block; 
font-size:70px; margin:5px 10px ; font-family: "BebasNeueRegular";
height:100px; width:100px; line-height:105px; border-radius:50%;
border:#BD1921 3px solid; }

.eng-title .line{ height:2px; width:60px; background:#FFF; margin:15px auto;}
.eng-title .txtbig{ font-size:18px; margin-top:10px;}
.eng-title .eng-nav { color:#fff }
.eng-title .eng-nav li{ display:inline-block; margin:70px 40px 0 40px;  font-size:20px; width:140px; border-radius:70px;  transition: all 0.5s; padding:80px 0 30px 0; position:relative}
.eng-title .eng-nav li.gy{ background:url(../images/engineering/eng-1.png) top center no-repeat}
.eng-title .eng-nav li.gk{ background:url(../images/engineering/eng-2.png) top center no-repeat}
.eng-title .eng-nav li.fw{ background:url(../images/engineering/eng-3.png) top center no-repeat}
.eng-title .eng-nav li.ts{ background:url(../images/engineering/eng-4.png) top center no-repeat}
.eng-title .eng-nav li.zy{ background:url(../images/engineering/zy.png) top center no-repeat}
.eng-title .eng-nav li.cx{ background:url(../images/engineering/cx.png) top center no-repeat}
.eng-title .eng-nav li.gt{ background:url(../images/engineering/gt.png) top center no-repeat}
.eng-title .eng-nav li.jn{ background:url(../images/engineering/jn.png) top center no-repeat}
.eng-title .eng-nav li.mt{ background:url(../images/engineering/mt.png) top center no-repeat}
.eng-title .eng-nav li.yz{ background:url(../images/engineering/yz.png) top center no-repeat}
.eng-title .eng-nav li span{ display:none; position:absolute; font-size:14px; width:280px; left:-70px; top:140px;}
.eng-title .eng-nav li:hover{ background-color:rgba(189, 25, 33, 0.9); color:#fff; }
.eng-title .eng-nav li:hover span{ display:block}
/************
工艺解析
*************/
.tec-banner{ background:url(../images/banner/tec-banner.jpg) bottom no-repeat; height:580px}
.tecpage ul li{ float:left; margin:5px;	padding:10px; width:265px;border:#f3f3f3 1px solid;position:relative;transition: all 0.5s;}
.crafts-box .bd ul li a,
.tecpage ul li a{ display:block; width:100%; height:177px; overflow:hidden; position:relative}
.crafts-box .bd ul li p,
.tecpage ul li p{ width:245px; padding:10px;background:url(../images/bgss.png); color:#FFF;transition: all 0.5s;}
.crafts-box .bd ul li p{ width:260px;}
.crafts-box .bd ul li img,.tecpage ul li img{ width:100%;transition: all 0.3s;}
.crafts-box .bd ul li:hover,
.tecpage ul li:hover{ 
  -moz-box-shadow:0 0 8px rgba(0,0,0, 0.2); 
  -webkit-box-shadow:0 0 8px rgba(0,0,0, 0.2); 
  box-shadow:0 0 8px rgba(0,0,0, 0.2); 
}
.tecpage ul li h3{ font-weight:normal; text-align:center; padding:10px;}
.crafts-box .bd ul li h3{font-weight:normal; color:#CCC; margin-top:20px; padding:10px 0; text-align:center}
.crafts-box .bd ul li:hover p,
.tecpage ul li:hover p{ position:absolute; bottom:0 }
.crafts-box .bd ul li:hover img,
.tecpage ul li:hover img{transform: scale(1.2)}
/************
设计详情页
*************/
.sjsdetail-banner{ height:600px;}
.sjsbannerinfo{padding-top:150px ; position:relative;}
.sjsbannerinfo a.sjs{ transition: all 0.5s ;display:block; height:150px; width:150px; border-radius:50%; border:#f0f0f0 3px solid; overflow:hidden; margin:0 auto}
.sjsbannerinfo a.sjs img{width:150px; }
.sjsbannerinfo h3,.detailright .sjsrinfo p{ text-align:center}
.sjsbannerinfo h3{ padding:10px 0; font-size:24px; color:#fff}
.sjsbannerinfo small{ font-size:14px}
.sjsbannerinfo .year{font-family: "BebasNeueRegular";  position:absolute; top:260px; left:630px; font-size:26px; color:#f0f0f0 }
.sjsbannerinfo .year span{transition: all 0.5s ;font-size:56px; color:#333; margin:0 5px;-webkit-text-stroke:1.0px #fff; font-weight:bold}
.sjsbannerinfo .idea{ padding:12px; text-align:center; font-size:18px;border-radius:3px; line-height:28px; color:#FFF}
.sjsbannerinfo .add{ padding:20px 0; font-size:16px; color:#fff; text-align:center}
.sjsbannerinfo .add img{ margin:-5px 10px 0 0 ;}
.sjsbannerinfo a.yy{display:block; width:180px; padding:10px 0; margin:10px  auto 0; background:#BD1921;opacity:0.85;  filter: alpha(opacity=85);transition: all 0.5s; text-align:center; color:#FFF; border-radius:20px;}
.sjsbannerinfo a.yy:hover{ background:#F60}
.sjsdetail-banner:hover a.sjs{border:#f60 3px solid; }

.desdetail-nav .hd { background:url(../images/bgss.png); height:50px; margin-top:-50px;}
.desdetail-nav .hd ul{ width:620px; margin:0 auto}
.desdetail-nav .hd li{ display:inline-block; float:left; width:155px; line-height:50px; text-align:center;cursor:pointer}
.desdetail-nav .hd li a{ padding:8px 15px; transition: all 0.5s; color:#CCC; margin-top:15px;}
.desdetail-nav .hd li.on a,.desdetail-nav .hd li a:hover{ background:#BD1921; color:#000;border-radius:40px;}
.desdetail-nav .bd{ background:#fcfcfc; min-height:500px}
.desdetail-nav .bd ul{ width:1221px; margin:0 auto}
.nodatetxt{ font-size:20px; text-align:center; color:#ccc; padding:200px 0}
.casemore{ margin:0 auto ; width:120px; padding:30px}
.casemore a{border:#ccc 1px solid ; text-align:center; padding:10px 30px; border-radius:90px; color:#ccc; transition: all 0.5s}
.casemore a:hover{ background:#BD1921; border:#BD1921 1px solid ; color:#FFF }

.dll-box{ padding-top:30px;}
.dll-box li{ width:540px; height:110px; padding:20px; margin:20px 20px 0 0; float:left; background:#FFF;border-radius:5px; position:relative; overflow:hidden;transition: all 0.5s;}
.dll-box li i{ position:absolute; height:100px; width:100px; border-radius:50%; display:block; overflow:hidden;}
.dll-box li i img{ width:100px}
.dll-box li .lit{ top:0; left:115px;}
.dll-box li .lit h3{ font-size:18px; padding:20px 0 0 20px; color:#676767; font-weight:normal}
.dll-box li .lit p{ padding:10px 0 10px 20px;}
.dll-box li .lit dl{ margin-top:-20px}
.dll-box li .lit dd{ color:#999}
.dll-box li .btn{ position:absolute; top:30px; right:20px; transition: all 0.5s; opacity:0;  filter: alpha(opacity=0);  }
.dll-box li .btn a{ display:inline-block; background:#f1f1f1;border-radius:3px; padding:5px 10px;transition: all 0.5s; font-size:12px;}
.dll-box li .btn a:hover{ background:#BD1921; color:#FFF}
.dll-box li:hover{box-shadow: 0 0 20px 0 rgba(0,0,0,0.2)}
.dll-box li:hover i {-webkit-animation:run 6s linear 0s infinite;}
.dll-box li:hover .btn{ opacity:0.95;  filter: alpha(opacity=95); }
/************
设计团队
*************/
.designer-title{ padding:1px 0;}
.designer-wap{}
.designer-wap .container{ width:1220px}
.designer-list{ padding-top:30px}
.designer-list:before,.designer-list:after {content:" ";display:table}
.designer-list:after {clear:both}
.designer-list>li {
	float:left;
	position:relative;
	width:283px;
	height:378px;
	background-color:#fff;
	margin-right:20px;
	border:#f1f1f1 1px solid;
	margin-bottom:20px;
	transition:all 0.2s	
}
.designer-list>li .img-view {
	display:block;
	position:absolute;
	top:36px;
	left:50%;
	margin-left:-98px;
	width:196px;
	height:196px;
	overflow:hidden;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s
}
.designer-list>li .img-view img {display:block;	width:100%}
.designer-list>li.hover .img-view {
	top:0;
	left:0;
	border:0;
	margin-left:0;
	width:100%;
	height:100%;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	box-shadow:2px 2px 5px rgba(0,0,0,0.2);
}
.designer-list>li.hover .designer-info {display:none}
.designer-list>li.hover .designer-control {
	padding:0;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:45px;
	line-height:45px;
	background:url(../images/designer-control.png) bottom center no-repeat}
.designer-list>li.hover .designer-control li {float:left;	width:50%;	text-align:center}
.designer-list>li.hover .designer-control li a {font-size:14px;color:#fff}
.designer-list>li.hover .designer-control li a i {font-size:16px;margin-right:5px}
.designer-list>li .designer-info {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	padding:5px 25px 10px 25px;
	color:#333
}
.designer-list>li .designer-info h3 {
	margin-top:0;
	font-weight:normal;
	margin-bottom:25px;
	text-align:center;
	font-size:24px
}
.designer-list>li .designer-info h3 small {font-size:14px}
.designer-list>li .designer-info .item-wrap {margin-bottom:5px;}
.designer-list>li .designer-info .item-wrap:before,.designer-list>li .designer-info .item-wrap:after {content:" ";display:table}
.designer-list>li .designer-info .item-wrap:after {	clear:both}
.designer-list>li .designer-info .item-wrap span {	float:left}
.designer-list>li .designer-info .item-wrap span+span {float:right}
.designer-list>li .designer-info p {height:40px; overflow:hidden;color:#999;}
.designer-list>li .designer-control {display:none}



/************
案例详情页
*************/
.casedetail{}
/*右边*/
.casedetail .detailright{ float:right; width:390px;}
.detailright .sjsrinfo{ background:#f8f8f8; padding:40px ; position:relative;}
.detailright .sjsrinfo a.sjs{ display:block; height:120px; width:120px; border-radius:50%; overflow:hidden; margin:0 auto}
.detailright .sjsrinfo a.sjs img{width:120px; }
.detailright .sjsrinfo h3,.detailright .sjsrinfo p{ text-align:center}
.detailright .sjsrinfo h3{ padding:10px 0; font-size:24px; color:#333}
.detailright .sjsrinfo .year{font-family: "BebasNeueRegular";  position:absolute; top:111px; left:215px; font-size:26px; color:#ccc }
.detailright .sjsrinfo .year span{font-size:56px; color:#999; margin:0 5px;-webkit-text-stroke:2.0px #f8f8f8; font-weight:bold}
.detailright .sjsrinfo small{ font-size:14px}
.detailright .sjsrinfo .idea{ padding:12px; text-align:center; background:#f1f1f1 url(../images/yh.png) 2px 2px no-repeat; font-size:18px;border-radius:3px; line-height:28px;}
.detailright .sjsrinfo .add{ background:url(../images/con1.png) 110px 19px no-repeat; padding:20px 0; font-size:16px; color:#333}
.detailright .sjsrinfo .works{ text-align:left}
.detailright .sjsrinfo .works span{ padding:3px 8px; border-left:#BD1921 2px solid;color:#BD1921}
.detailright .sjsrinfo .works p{ margin-top:5px; padding:10px 0; text-align:left; line-height:26px;}
.detailright .sjsrinfo .sjsnav{ margin-top:15px; overflow:hidden}
.detailright .sjsrinfo .sjsnav li{ float:left; width:150px; text-align:center; border-radius:3px; transition: all 0.5s}
.detailright .sjsrinfo .sjsnav li a{ color:#FFF}
.detailright .sjsrinfo .sjsnav li:hover{ background:#F60}
.detailright .sjsrinfo .sjsnav .yy{ background:#BD1921; padding:10px 0;}
.detailright .sjsrinfo .sjsnav .gd{ float:right; background:#999; padding:10px 0;}


/*左边*/
.casedetail .detailleft{ float:left; width:780px;}
.casedetail h3{ font-size:28px; font-weight:normal; color:#777; padding:5px 0 }
.detailtable table{ 
	width:100%;
	border-collapse:collapse; 
	border:1px solid #666666;
	margin:0;
    padding:0;
	word-break:break-all;
}
.detailtable table,td,tr {border-color: #ddd;}
.detailtable table {margin: 15px 0;}
.detailtable table td {
	font-size: 14px;
	color: #666;
	padding:10px 15px;
	vertical-align:middle;
	border:none;
	border-bottom:#ddd 1px solid; }
.detailtable table td.on{ background:#eee; width:60px;}
.view .swiper-container {width:780px;height:710px;}
.view .arrow-left,.view .arrow-right{position: absolute;	
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}
.view .arrow-left {background: url("../Images/cases/index_tab_l.png") no-repeat left top;	left: 10px;}
.view .arrow-right {background: url("../Images/cases/index_tab_r.png") no-repeat left bottom;	right: 10px;}
.view img{
	max-width:780px; 
	max-height:710px;
} 
.preview {
	width: 100%;
	margin-top: 15px;
	position: relative;
}
.preview .swiper-container {
	width: 690px;
	height: 105px;
	margin-left: 45px;
}
.preview .swiper-slide {
	overflow:hidden;
	width: 115px;
	height: 105px;
	text-align:center;	
	cursor:pointer;
}
.preview .arrow-left ,.preview .arrow-right {	
	position: absolute;	
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}
.preview .arrow-left {background: url("../Images/cases/feel3.png") no-repeat left top;left: 10px;}
.preview .arrow-right {background: url("../Images/cases/feel4.png") no-repeat left bottom; right: 10px;}
.preview .active-nav img {padding: 0; border: 2px solid #BD1921;}
.preview img {padding: 2px; max-height:100px;}
/*detailimglist*/
.detailimglist{ margin-top:20px; padding:10px 0; border-top:#f1f1f1 1px solid}
.detailimglist p{ padding:5px 0}
.detailimglist img{max-width:780px} 
/************
精品案例
*************/
/*轮播*/
.caseSlide {position: relative;width: 100%;height: 560px;overflow: hidden; margin-top:20px;}
.caseSlide ul.pic {position: relative;	z-index: 0;}
.caseSlide ul.pic li{ background-repeat:no-repeat; background-position:center}
.caseSlide ul.pic a {width: 100%;height: 560px; display: block;}
.caseSlide .pn,.caseSlide .hddiv{width:100%;position:absolute;bottom:10px; }
.caseSlide .hd { margin:0 auto; padding-left:820px; width:380px;text-align:center;font-size:0;z-index:1;}
.caseSlide .hd li {
	cursor: pointer;display: inline-block; *display:inline;
	zoom: 1;width: 42px; height: 11px; margin: 1px;
	overflow: hidden; background: #000;
	filter: alpha(opacity=50); opacity: 0.5;
	line-height: 999px;	
}
.caseSlide .hd .on{background:#f00;}
.caseSlide .pn{ border-bottom:auto; top:50%;}
.caseSlide .pn li{margin:0 auto; padding-left:783px; width:417px; text-align:left}
.caseSlide .prev,.caseSlide .next {
	position: absolute;
	z-index: 1;
	width: 40px; height: 60px;
	background: url(../Images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor: pointer;
	filter: alpha(opacity = 50);
	opacity: 0.5;
	display: none;	
}
.caseSlide .next {background-position: -6px -137px; margin-left:40px;}
.caseSlide .prev:hover,.caseSlide .next:hover {
	filter: alpha(opacity = 50) !important;
	opacity: 0.5 !important;
}


.case-search{background:#FFF url(../Images/abt-introbg.png) bottom right no-repeat;overflow:hidden; border-left:#eee 1px solid;
border-right:#f1f1f1 1px solid;border-bottom:#f1f1f1 1px solid;}
.case-search ul li{clear:both; padding:5px 15px; border-top:#eee 1px solid }
.case-search ul li a{ color:#999}
.case-search dt {
	padding:3px 0;
	border-right:#e0e0e0 1px solid;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 10px 5px 0;
	width: 80px;
	float: left;}
.case-search dd{float: left; 
	margin:5px 10px 10px;
	line-height: 20px;
	padding:2px 10px;
	border-radius:3px;}	
.case-search dd:hover,.case-search dd.on{
	background:#df5347;
	color:#fff;}
.case-search dd:hover a,.case-search dd.on a{ color:#FFF}	
.casepage{}
.casepage .container{ width:1221px}
.casepageul{ padding: 20px 0 ;}
.casepageul li{ 
	float: left;
	position: relative;
	width: 385px;
	height: 570px;
	margin:0 10px 20px 10px; 
	overflow: hidden;
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); 	
	}
.casepageul li i{ position:absolute; top:172px; left:157px; display:inline-block; height:40px; width:70px; background:url(../images/vr.png) no-repeat}
.casepageul li p{ display:block; height:385px; overflow:hidden}
.casepageul li p img{ height:385px; transition: all 0.5s; text-align:left}
.casepageul li:hover p img{transform: translateX(-180px);}
.casepageul li a.sub{ position:absolute; bottom:90px; right:20px;border-radius:5px; background:#aaa; color:#FFF; font-size:12px; padding:5px 8px;transition: all 0.5s;}	
.casepageul li:hover a.sub{ background:#BD1921;}
.casepageul li a.sjs{ position:absolute; width:100px; height:95px; top:280px; left:20px;transition: all 0.5s; overflow:hidden; text-align:center; padding-top:5px}	
.casepageul li a.sjs img{ width:90px; height:90px; border-radius:45px;transition: all 0.5s;opacity:0.9;filter: alpha(opacity=90);}
.casepageul li:hover a.sjs img{ background:#BD1921;transform: scale(1.1); }
.casepageul li h3{ font-size:20px; padding:20px 0 15px 20px; font-weight:normal; color:#333}
.casepageul li:hover h3{ color:#BD1921;}
.casepageul li dl{ padding:0 20px; width:255px; clear:both; line-height:30px;}
.casepageul li dt{ float:left; width:70px; color:#666}
.casepageul li dd{ float:right; width:185px; color:#999}
/************
加入我们
*************/
.job-banner{background:url(../Images/banner/job-banner.jpg) bottom center no-repeat; height:580px;	transition: all 0.5s linear}
.job-title{ padding:170px 0 0; text-align:center; color:#fff;}
.job-title .txt{ font-size:36px;}
.job-title .line{ height:2px; width:60px; background:#FFF; margin:20px auto;}
.job-title .txtbig{ font-size:18px}
.job-title .job-nav { color:#fff }
.job-title .job-nav li{ display:inline-block; margin:50px; line-height:120px; font-size:28px; width:120px; height:120px; border-radius:50%; border:#fff 3px solid; transition: all 0.5s}
.job-title .job-nav li:hover{ background:rgba(189, 25, 33, 0.9); color:#fff;border:#BD1921 3px solid}
.jobpage{ padding:1px 0 80px 0;  background:#fcfcfc; }
.joblist h3:hover{box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);}
.joblist h3{
margin-top:10px;
font:18px/55px "微软雅黑";
padding:3px 20px;  
background:#fff; 
transition: all 0.5s linear;
cursor:pointer;}
.joblist span{ color:#f60;}
.joblist h3 em{ float:right; display:block; width:48px; height:48px; background:url(../images/job/d.png) center no-repeat; cursor:pointer; }
.joblist h3 span{ font-family: "BebasNeueRegular"; font-size:40px; color:#666}
.joblist h3.on em{background:url(../images/job/t.png) center no-repeat; }
.joblist h3.on,.joblist h3:hover{box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); border-bottom:#BD1921 1px solid; color:#BD1921}
.joblist h3.on span{ 	
	font-size: 50px;
	color: #BD1921;
}
.joblist .jobtxt{ color:#999; display:none; background:#fefefe; margin-bottom:20px;box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);} 
.joblist .jobtxt li{ padding:15px 55px;}
.joblist .jobtxt p{font-size:14px; padding:10px 0; }
.joblist .jobtxt span{ font-weight:bold; color:#666; display:inline-block; margin-right:10px;}
.joblist .jobtxt p.rs{ background:url(../Images/job/x1.png) 0 center no-repeat; padding-left:30px;}
.joblist .jobtxt p.jy{ background:url(../Images/job/x2.png) 0 center no-repeat; padding-left:30px;}
.joblist .jobtxt p.xl{ background:url(../Images/job/x3.png) 0 center no-repeat; padding-left:30px;}
.joblist .jobtxt p.dz{ background:url(../Images/job/x4.png) 0 center no-repeat; padding-left:30px;}
.joblist .jobtxt .fldy{ background:#fCfCfC}
.joblist h4{ font-size:16px;}
.joblist dd{ display:inline-block; text-align:center; margin:20px 40px 0 10px; font-size:14px;}
.joblist dd img{ display:block; margin:0 0 10px 0}
/************
联系我们
*************/
.cta-map{ width:100%; position:relative; height:720px;}
.cta-map #catbdmap{width:100%; height:635px; position:absolute; top:85px;}
.cta-map .container{ z-index:1; position:relative; top:85px;}
.cta-map .cta-maplist{
	overflow:hidden;
	background:#fff;
	top:30px;
	position:absolute; 
	right:0px; 
	width:300px;
	height:550px;
	opacity:0.9;  filter: alpha(opacity=90);
	border-radius: 5px;		
}
/*hd*/
.cta-maplist .hd a {display:block; text-align:center;  cursor:pointer}
.cta-maplist .hd a.prev{ background:url(../Images/fixe-top.png) center no-repeat;height:45px;}
.cta-maplist .hd a.next{ background:url(../Images/fixe-down.png) bottom no-repeat; position:absolute; bottom:5px; width:100%; height:25px;}
/*bd*/
.mptlist{}
.mptlist li{
	margin:0 20px;
	padding:15px 10px 15px 30px;
	background:url(../Images/bdmapmarker.png) 0 13px no-repeat; 
	border-top: 1px solid #f1f1f1;
	display:block;
	}
.mptlist li a{ display:block;}
.mptlist li a:hover h3{ color:#BD1921}
.mptlist li a:hover p{ color:#666}
.mptlist li a h3{
	font-size: 16px;
    color: #333;
    line-height: 26px;
    font-weight: normal
	}
.mptlist li a p{ font-size:14px; color:#999}

/************
企业文化
*************/
.cul-banner{background:url(../Images/banner/cul-banner.jpg) bottom center no-repeat; height:580px; }
.cul-title{ padding:270px 0 0 ;opacity:0.9;filter: alpha(opacity=90); color:#FcFcFc;transition: all 0.5s linear;}
.cul-title:hover{ color:#FFF;opacity: 1;  filter: alpha(opacity=100);}
.cul-title .txt{ font-size:46px;}
.cul-title .line{ height:3px; width:60px; background:#FFF; margin:20px 0;}
.cul-title .txtbig{ font-size:24px}
/*服务理念*/
.cul-service{ padding:1px 0 50px 0;}
.cul-service .service { margin-top:20px;}
.cul-service .service li{transition: all 0.5s ; width:33.33%;  float:left; border-bottom:#f1f1f1 1px solid; position:relative}
.cul-service .service li div{ width:370px; margin:30px 0; border-right:#f1f1f1 1px solid; float:left;height:140px;}
.cul-service .service li div.border{ border-right:none}
.cul-service .service li h3{
	z-index:-1;
	position:absolute;
	display:block;
	width: 90px;
	height: 90px;
	border-radius: 50%;	
	text-align:center;
	font:24px/85px "微软雅黑";	
	border:#f1f1f1 1px solid;
	top:60px;
	right:50px;
	color:#CCC;	
	transition: all 0.5s linear
	}
.cul-service .service li:hover{ background:url(../Images/culture/lihover.png) bottom left no-repeat}
.cul-service .service li div:hover h3{ color:#fff; background:#BD1921}	
.cul-service .service li span{
	color:#555;
	font-size: 24px;
	margin-bottom: 12px;
}
.cul-service .service li .line{
	width:43px;
	height:2px;
	background: #BD1921;
	margin-bottom: 10px;
}
.cul-service .service li p{
	margin-top:15px;
	color:#c3c3c3;
	font-size: 14px;
	line-height: 26px;
	}
/*企业文化*/
.cul-mission{ background:#fcfcfc url(../Images/banner/cul-bg.jpg) bottom center no-repeat; padding:1px 0}
.cul-mission ul li{ width:300px; float:left; text-align:center; padding:20px 0 45px 0;}
.cul-mission ul li div{font-family: "微软雅黑"; position:relative; height:280px; width:280px; padding-top:30px; margin:20px 20px 20px 0; }
.cul-mission ul li div.c0{ background:#FFF url(../Images/culture/c0.png) center 30px no-repeat}
.cul-mission ul li div.c1{ background:#FFF url(../Images/culture/c1.png) center 30px no-repeat}
.cul-mission ul li div.c2{ background:#FFF url(../Images/culture/c2.png) center 30px no-repeat}
.cul-mission ul li div.c3{ background:#FFF url(../Images/culture/c3.png) center 30px no-repeat}
.cul-mission ul li div span,.cul-mission ul li div p{ width:100%; text-align:center; transition: all 0.5s linear;position:absolute;display:block;}
.cul-mission ul li div span{font-size:26px; top:170px;}
.cul-mission ul li div hr{ opacity: 0;filter: alpha(opacity=0); height:2px; background:#BD1921; width:45px; border:none; margin-top:125px;transition: all 0.5s linear;}
.cul-mission ul li div p{font-size:14px; color:#666;top:220px;}
.cul-mission ul li div img { margin-top:1px}
.cul-mission ul li div:hover{
  opacity: 0.8;  filter: alpha(opacity=80);
  -moz-box-shadow:0 0 8px rgba(0,0,0, 0.2); 
  -webkit-box-shadow:0 0 8px rgba(0,0,0, 0.2); 
  box-shadow:0 0 8px rgba(0,0,0, 0.2); 
 }
.cul-mission ul li div:hover span{ top:215px;}
.cul-mission ul li div:hover p{ top:170px;}
.cul-mission ul li div:hover hr{ opacity: 1;  filter: alpha(opacity=100);}
.cul-mission ul li div:hover img{-webkit-animation:run 6s linear 0s infinite;}
/*员工风采*/
.cul-photo{padding:1px 0}
.cul-photo .mygallery{ margin-top:30px}


/************
关于我们
*************/
.abt-banner{ background:url(../Images/banner/abt-banner.jpg) bottom center no-repeat; height:580px; color:#FcFcFc; text-align:center; font-size:18px}
.abt-banner .abt-title{ padding-top:180px}
.abt-banner .abt-logo img{ margin-bottom:20px; width:200px; transition: all 0.5s linear;}
.abt-banner:hover .abt-logo img{width:230px; }
.abt-banner .txt{ padding:10px 0 0 0; font-size:32px}
.abt-banner .txtbig{ padding:10px 0 0 0; font-size:40px; }
/*公司简介*/
.intro{ padding-top:30px; height:500px; position:relative;}
.introtxt{ position:absolute; width:715px; right:0; padding:0 30px 30px 30px; height:270px; overflow-y: auto; border-left:#e5e5e5 1px solid; background:url(../Images/abt-introbg.png) bottom right no-repeat}
.introtxt p{ text-indent:30px; font-size:14px; line-height:30px; color:#969696;}
.introleft{ position:absolute; width:425px; left:0;}
.introleft li:nth-child(1){border-bottom:#e5e5e5 1px solid; height:150px; background:url(../Images/abt-intro1.png) 210px no-repeat}
.introleft li:nth-child(2){background:url(../Images/abt-intro2.png)  220px 30px no-repeat;padding: 25px 0 15px 0; }
.introleft li h3{
	font-weight:normal;
	font-size: 28px;
	line-height: 36px;
	color: #BD1921;
	margin-bottom:35px;
}
.introleft .year{
	font-size: 52px;
	color: #BD1921;
	font-family: "BebasNeueRegular";
	line-height: 66px;
	padding-bottom: 50px;
}
.introleft .year span{
	font-family: "微软雅黑";
	font-size: 16px;
	line-height: 36px;
	color: #666;
}
.introleft li p span{ padding-right:10px;}
/*分公司图片轮播*/
.introlist { margin-top:-160px; padding-bottom:30px;} 
.introimglist {position: relative;width:220px; height:140px; overflow: hidden;}
.introimglist img{ width: 100%; height: 100%; transition: all 0.6s; }
.introimglist img:hover{transform: scale(1.2)}
.introimglist h4{position: absolute; left: 0; bottom: -42px; width: 100%; height: 42px; line-height: 42px; text-align: center; background: rgba(189, 25, 33, 0.8); color: #FFF; font-weight: normal; transition: all 0.3s ease-in-out;}
.introimglist:hover h4{bottom: 0px;}
/*总裁寄语*/
.abt-ceo{ background:#f5f5f5 url(../Images/ceo-bg.jpg) bottom no-repeat}
.abt-ceo{padding: 1px 0 50px 0;}
.abt-ceo .ceo-page{ margin-top:30px; position:relative;height:380px;  }
.abt-ceo .ceo-img{ background:url(../Images/ceo-img.png) center no-repeat; width:40%; height:380px; position:absolute; top:0; right:0}
.abt-ceo .ceo-txt{ width:53%; position:absolute; }
.abt-ceo .ceo-txt .line{ height:5px; width:68px; background:#BD1921; margin-bottom:35px;}
.abt-ceo .ceo-txt p{ text-indent:30px; font-size:14px; line-height:30px; color:#919191;}
.abt-ceo .ceo-qm{ position:absolute; left:40%; top:270px; background:url(../Images/ceo-qm.png) no-repeat; width:200px; height:64px;}

/*不忘初心*/
.abt-heart{padding: 1px 0 50px 0;}
.abt-heart ul{ margin-top:30px;}
.abt-heart li{float:left;width: 20%; text-align:center; padding:50px 0;border-radius:5px; }
.abt-heart li h3{ padding:30px; font-size: 28px; line-height: 28px;font-weight: normal;color: #898989;}
.abt-heart li p{font-size: 14px;line-height: 14px;color: #898989; }
.abt-heart li:hover img{-webkit-animation:run 6s linear 0s infinite;}
.abt-heart li:hover h3{color:#BD1921;  transition: all 0.8s }
.abt-heart li:hover { background:#fafafa;
  -moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.1); 
  -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.1); 
  box-shadow:0 2px 2px rgba(0, 0, 0, 0.1); 
  transition: all 0.8s 
}
/*发展历程*/
.abt-course{ background:#BD1921; padding:1px 0 0 0;}
.abt-course .container{height:650px; background:url(../Images/coursebg.png) bottom right no-repeat;}
.abt-course .page-title h2{color:#fff;}
.abt-course .page-title h3{color:#fcfcfc;}
.course-Scroll{overflow:hidden; position:relative;}
.course-Scroll .hd{ 
	overflow:hidden;  
	width:110px;
	height: 42px; 
	margin: 0 auto;
}
.course-Scroll .hd .prev{ 
	display:block;  
	float: left;
	width:42px; 
	height:42px; 
	cursor:pointer; 
	background:url(../Images/infro-icon1.png) no-repeat;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
}
.course-Scroll .hd .prev:hover{background:url(../Images/infro-icon11.png) no-repeat;}
.course-Scroll .hd .next{ 
	display:block;  
	width:42px; 
	height:42px; 
	float:right;  
	overflow:hidden;
	cursor:pointer; 
	background:url(../Images/infro-icon2.png) no-repeat;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
}
.course-Scroll .hd .next:hover{	background:url(../Images/infro-icon22.png) no-repeat;}
.course-Scroll .bd{ margin-top:10px;}
.course-Scroll .bd ul{overflow:hidden; zoom:1; height:500px;}
.course-Scroll .bd ul li{
	float:left; 
	_display:inline; 
	overflow:hidden; 
	width:264px;
    padding:56px 18px 0;
    min-height: 450px;
    background: url(../Images/mation-titbg2.png) center top no-repeat;
}
.course-Scroll .bd li h3{
	font-weight:normal;
	display: block;
	font-size: 50px;
	line-height: 65px;
	color: #fff;
	margin-bottom: 30px;
	font-family: "BebasNeueRegular";
}
.course-Scroll .bd li .details{padding: 0 15px;}
.course-Scroll .bd li .details p{
	padding-left: 20px;
	font-size: 14px;
	line-height: 28px;
	color: #fff;
	background: url(../Images/mation2-point.png) left 11px no-repeat;
	margin-bottom: 20px;
}
/*企业荣誉*/
.abt-prize .container{ width:1221px;}
.abt-prize ul li { padding:20px 0}
.abt-prize ul li div{float:left;width:407px;height:130px; margin-bottom:10px}
.abt-prize ul li div a{
	margin:10px auto;
	display:block;
    width: 387px;
    color: #898989;
    transition: all 0.5s linear;
	border:1px solid #eae9ea;	
	position:relative;
}
.abt-prize ul li div p{ height:3px; width:33px; background:#dcdcdc; position:absolute; top:27px; left:20px}
.abt-prize ul li div h3{font-weight:normal; font-size:14px; color:#797979; position:absolute; top:47px; left:20px; width:210px; }
.abt-prize ul li div img{ height:80px; position:absolute; right:15px; top:15px;transition: all 0.5s linear;}
.abt-prize ul li div span{font: 60px/120px "BebasNeueRegular"; color:#f5f5f5; margin-left:90px}
.abt-prize ul li div a:hover{margin-top:-1px; box-shadow:0 4px 16px rgba(0,0,0,.1)}
.abt-prize ul li div a:hover p{ background:#BD1921;}
.abt-prize ul li div a:hover img{transform: scale(1.1)}

.abt-prize .fcl-nav{ width:100%; text-align:center}	
.abt-prize .fcl-nav li{ width: 12px; display:inline-block; font-family: Tahoma,Helvetica; font-size: 28px; _font-size: 38px; margin-right: 5px; color: #B2B2B2; cursor: pointer;}	
.abt-prize .fcl-nav li.on{ color:#BD1921;}


/*合作品牌*/
.abt-brand { padding-top:1px; background:#fcfcfc; overflow:hidden}
.abt-brand .brandlist { text-align:center; position:relative; width:1300px; margin:0 auto  }
.abt-brand .brandlist .swiper-container{ width:1200px;  padding:30px 0 50px 0; }
.brandlist .swiper-button-prev,.brandlist .swiper-button-next{ background-image:url(../images/cases/righthover.png); background-size:26px 49px; height:49px; }
.brandlist .swiper-button-prev{ background-image:url(../images/cases/lefthover.png);}

.abt-brand .brandlist .brandimglist{ padding:30px 0 0 0; background:#FFF; border-radius:5px;transition: all 0.3s ease-in-out;}
.abt-brand .brandlist img { height:50px}
.abt-brand .brandlist h4{width: 100%; font-weight: normal; font-size:14px; margin-top:30px; height:40px; line-height:40px; background:#f7f7f7;transition: all 0.3s ease-in-out;}
.brandimglist:hover h4{ background:#BD1921; color:#fff;}
.brandimglist:hover{ margin-top:-5px;
  -moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.3); 
  -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.3); 
  box-shadow:0 2px 2px rgba(0, 0, 0, 0.3); 
} 
/*服务流程*/
.abt-process{ height:350px}
.processlist{padding: 56px 0; text-align:center;background:url(../Images/process-img/process-line.png) center 171px no-repeat}
.processlist li{float: left;width: 12.5%; background:url(../Images/process-img/icon-x.png)  right 114px no-repeat;}
.processlist li img{ vertical-align:middle; height:50px; margin-bottom:10px;transition: all 0.3s ease-in-out;}
.processlist li span { display:block; padding:15px 0;}
.processlist li i{ height:15px; width:30px; display:block; margin:0 auto; background:#fff url(../Images/process-img/icon-process.png) center no-repeat; height:20px;}
.processlist li:hover img {transform: scale(1.2)}
.processlist li:hover span{ color:#BD1921;}
.processlist li:hover i{ background:#fff url(../Images/process-img/icon-process-x.gif) center no-repeat;}

/*售后保障*/
.abt-aftersales{padding:1px 0;background:url(../Images/aftersales/aftersales-bg.jpg) no-repeat center center}
.aftersales-Scroll{ position:relative; overflow:hidden ; height:330px; margin-top:45px; }
.aftersales-Scroll .bd ul{}
.aftersales-Scroll .bd ul li{
	font-family: "微软雅黑";
	float:left; 
	_display:inline; 
	overflow:hidden; 
	width:180px;
	padding:15px 0 30px 0;
	margin:25px 10px;
	background:rgba(255,255,255,.65);
	border-radius:5px;
	transition:all .5s ease-out}
.aftersales-Scroll .bd ul li:hover {background:#fff;box-shadow:12px 12px 15px rgba(0,0,0,0.15);transform:scale(1.05); }	
.aftersales-Scroll .bd{ text-align:center}
.aftersales-Scroll .bd i{ display:block; height:105px;}
.aftersales-Scroll .bd .as1 i { background:url(../Images/aftersales/as1.png) center center no-repeat}
.aftersales-Scroll .bd .as2 i { background:url(../Images/aftersales/as2.png) center center no-repeat}
.aftersales-Scroll .bd .as3 i { background:url(../Images/aftersales/as3.png) center center no-repeat}
.aftersales-Scroll .bd .as4 i { background:url(../Images/aftersales/as4.png) center center no-repeat}
.aftersales-Scroll .bd .as5 i { background:url(../Images/aftersales/as5.png) center center no-repeat}
.aftersales-Scroll .bd .as6 i { background:url(../Images/aftersales/as6.png) center center no-repeat}
.aftersales-Scroll .bd .as7 i { background:url(../Images/aftersales/as7.png) center center no-repeat}
.aftersales-Scroll .bd  ul li h3{ font-size:34px; display:block; padding:10px 0 10px 0; font-weight:normal; color:#848484}
.aftersales-Scroll .bd  ul li:hover h3{ color:#BD1921}
.aftersales-Scroll .bd  ul li p{ font-size:14px;}

.pagination{ margin:0; padding:10px 0 20px 0;}
.pagination li {
	display:inline-block;
	margin:0 5px;
	height:33px;
	line-height:33px;
	text-align:center;
	font-size:14px;}
.pagination li a{ background:#FFF;border-radius:2px; color:#aaa; display:block; padding:0 15px; border:#afafaf 1px solid;	}
.pagination li.active,.pagination li:hover a{ border:#BD1921 1px solid; background:#BD1921; color:#FFF}
.pagination li.active{ padding:0 15px ;border-radius:2px;}

/*-----------------*/
.turn-next{ width:74px; height:74px; background:url(../Images/next-menu.png) no-repeat; margin:0 auto; margin-top:-38px}
.loader {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-left: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  -webkit-animation: spinner 700ms infinite linear;
          animation: spinner 700ms infinite linear; }
.loader.white {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  border-left: 1px solid rgba(255, 255, 255, 0.5); }
/*all 动画效果*/
@-webkit-keyframes run{from{-webkit-transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);} }       
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }} 
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }}