/* CSS Document */

/* banner */
.slide-main-banner{height:650px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:310px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:600px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:650px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:650;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:#000;}
#bgstyleb{background:#193d85;}
#bgstylec{background: url(../images/banner1.jpg) center no-repeat;}
.slide a{display:block;width:100%;height:650;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:100px;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:366px;height:170px;margin-left:-460px;top:223px;z-index:12;}
.obj-f{width:692px;height:394px;top:158px;margin-left:-180px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }



/*中间内容*/

.title{ font-size:21px; font-weight:500; color:#000;}
.title a{font-size:14px;color:#999; font-weight:200; line-height:41px;}
.main_nr1  ul li,.main_nr2  ul li{ float:left;}
.main_nr2{ text-align:center;line-height:28px;}

.main_nr2  ul li{ width:390px; height:158px; padding-top:60px; background:  -moz-linear-gradient(top, #fff 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f3f3f3));
    background: -webkit-linear-gradient(top, #fff 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #fff 0%,#f3f3f3 100%);
    background: -ms-linear-gradient(top, #fff 0%,#f3f3f3 100%);
    background: linear-gradient(to bottom, #fff 0%,#f3f3f3 100%);
	margin-right:10px;
	
	 }
.main_nr2 h6{ width:84px; border-bottom:1px solid #000; margin:0 auto; font-size:15px}	
.main_nr2 h7 {color:#0070c9; letter-spacing: 8px;}


.main_designer{ background: url(../images/designer_bj_22.jpg) no-repeat center; height:790px; padding:80px 0; }
.main_store{height:790px; padding:40px 0; }
.main_designer  .row img,.main_store .row img{ margin:0 auto; }
.box1{ overflow:hidden; }
.box1  .pic1{
       	overflow: hidden;
    position: relative;
	margin: 0 20px 20px 0;
	height:332px;
	width:580px;}
		
.box1 img {height:332px;width:580px;
 transition: all ease .3s; 
 }	
 .box1 img:hover {height:335px;
 transition: all ease .3s; 
 }	


.box1 .bar{position: absolute; 
     left: 0;    height: 68px;
    bottom: 0;
    width: 100%;
       line-height:30px; 
	background:#333;
	opacity: 0.8;
	 transition: all ease .3s;
    -webkit-transition: all ease .3s;  }
	
.box1 .pic1 .bar .txt {
    width: 90%;
    height: 80px;
    position: absolute;
    left: 5%;
    z-index: 10;}
	
	
	
.box1 p{position: relative;color:#fff; padding-top:2px;}
.text-nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.box1 .pic1 .bar .shadow {
    width: 100%;
    height: 68px;
    background: #0e0e0e;
    opacity: .5;
    filter: alpha(opacity=50);
}

.box1  b{ background:#a60000; padding:8px; 
}
.box1 .ys{ color:#bea679;}


/*服务列表*/
.ability div a {
    float: left;
    margin:10px  33px 0 0px;
    width: 273px;
    height: 273px;
    background: #fff;
    text-align: center;
	border:1px solid #CCC;
	letter-spacing:1px;
	
	
}
.ability div .ico-1 {
    background-position: 7px 0;
}
.ability div .ico {
    display: block;
    width: 100px;
    height: 100px;
    background: #ccc;
    margin: 45px auto 0;

	background:url(../images/icon.png) no-repeat;
}
.ability div .tit {
    margin: 0 auto;
    line-height: 50px;
    font-size: 15px;
}
.ability div .line {
    width: 65px;
    height: 1px;
    overflow: hidden;
    background: #d4d4d4;
    margin: 0 auto;
}
.ability div .con {
    line-height: 24px;
    margin-top: 15px;
	
}
.ability div .ico-2 {
	height:100px;
	width:100px;
    
	background:url(../images/tb_34.png) no-repeat;
}
.ability div .ico-3 {
	background:url(../images/tb_36.png) no-repeat;
       height:100px;
	width:100px;
	   
}
.ability div .ico-4 {
    background:url(../images/tb_39.png) no-repeat;
       height:100px;
	width:100px;
}
.ability div .ico-5 {
	height:100px;
	width:100px;
    
	background:url(../images/tb_55.png) no-repeat;
}
.ability div .ico-6 {
	background:url(../images/tb_49.png) no-repeat;
       height:100px;
	width:100px;
	   
}
.ability div .ico-7 {
    background:url(../images/tb_57.png) no-repeat;
       height:100px;
	width:100px;
}
.ability div .ico-8 {
    background:url(../images/tb_52.png) no-repeat;
       height:100px;
	width:100px;
}
.ability div a:hover {
  
    background: #f1544b;
    transition: transform ease .2s;
    -webkit-transition: transform ease .2s;
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
	color:#fff;
    transform-origin: center top;
    -webkit-transform-origin: center top;
}

.container .dh img{ text-align:center; margin: 0 auto;}