@import url('goble.css');
@import url('header.css');


/*banner*/
div.moduletable-banner{width:100%;background: url(../images/loading.gif) no-repeat;margin:0 auto;}
.flexslider{width:100%;overflow: hidden;}
.flexslider .slides > li{display: none;}
.flexslider .slides img{width:100%;height:auto;display: block;}
.slides: after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides{display: block;}
* html .slides{height: 1%;}
.no-js .slides > li: first-child{display: block;}


.flexslider{position: relative;zoom: 1;}
.flexslider .slides{zoom: 1;}
.flexslider .slides > li{position: relative;}
.flex-caption{background: none;-ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);zoom: 1;}
.flex-caption{width: 96%;padding: 2%;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.3);color: #fff;text-shadow: 0 -1px 0 rgba(0,0,0,.3);font-size: 14px;line-height: 18px;}
.flex-direction-nav{height: 0;overflow: hidden;}
.flex-direction-nav li a{display: none;width: 47px;height: 80px;position: absolute;top: 50%;margin-top: -40px;cursor: pointer;text-indent: -9999px;}
.flex-direction-nav li a.next{right: 0;background: url("../images/bg_direction_nav.png") no-repeat scroll -47px 0 transparent;}
.flex-direction-nav li a.next: hover{}
.flex-direction-nav li a.next: active{background: url("../images/bg_direction_nav.png") no-repeat scroll -47px -80px transparent;}
.flex-direction-nav li a.prev{left: 0;background: url("../images/bg_direction_nav.png") no-repeat scroll 0 0 transparent;}
.flex-direction-nav li a.prev: hover{}
.flex-direction-nav li a.prev: active{background: url("../images/bg_direction_nav.png") no-repeat scroll 0 -80px transparent;}
.flex-direction-nav li a.disabled{opacity: .3;filter: alpha(opacity=30);cursor: default;}

.flex-control-nav{position: absolute;bottom:0;width:100%;margin:0 auto;text-align:center;}
.flex-control-nav li{display: inline-block;zoom: 1;*display: inline;margin-right: 10px;margin-bottom: 15px;}
.flex-control-nav li a{display: block;width: 8px;height: 8px;margin: 0 1px;border-radius:10px;background:#fff;text-indent: -9999px;}
.flex-control-nav li a:hover{background:#B9B9B9;width: 8px;height: 8px;margin: 0 1px;border-radius:10px;}
.flex-control-nav li a.active{background:#B9B9B9;width: 28px;height: 8px;margin: 0 1px;border-radius:10px;}
/*banner */


.about-box{width: 900px;margin: 0 auto 50px auto;height: 300px;text-align: center;}
.about-box p{color: #666666;line-height: 32px;font-weight: 400;font-size: 14px;}
.about-box a{color:#181818;font-size: 16px;display:block;margin:40px auto 10px auto;padding:0 15px;border: 1px solid #EEEEEE;border-radius:4px;width:85px;height:40px;line-height:40px;transition: all .5s linear;}
.about-box a:hover{border: 1px solid #185EA8;background: #185EA8;color:#fff;}


/*设计服务商*/
.sheji-bg{width: 100%;height: 536px;background:url(../images/bg5.jpg) no-repeat;background-size:cover;}
.sheji-list{width:1200px;height:250px;z-index:9;margin:0 auto;}
.sheji-list ul li{float:left;width:270px;margin:0 15px;text-align: center;}
.sheji-list ul li img{width: 270px;height: 180px;}
.sheji-list ul li h3{font-size: 18px;color: #000;font-weight:block;line-height: 40px;margin-top: 10px;}
.sheji-list ul li p{text-align:center;color:#444;}



/*案例*/
.index-casebox2{width:1275px;margin:10px auto;}
.index-casebox2 ul{overflow:hidden; zoom:1;}
.index-casebox2 ul li{width: 375px;float: left;margin:0 25px 25px 25px;position: relative;}
.index-casebox2 ul li a{width:375px;height:250px;position: absolute;overflow:hidden;top:0px;left:0;right:0;}
.index-casebox2 ul li a:hover img{width: 375px;height:250px;transform:scale(0.9,0.9); -ms-transform:scale(0.9,0.9); -moz-transform:scale(0.9,0.9); -webkit-transform:scale(0.9,0.9); -o-transform:scale(0.9,0.9);}
.index-casebox2 ul li:hover{background:url('../images/icon03.png') no-repeat right 250px;color:#fff;border-radius:0;}
.index-casebox2 ul li:hover img{width:375px;height:250px;transform:scale(0.9,0.9); -ms-transform:scale(0.9,0.9); -moz-transform:scale(0.9,0.9); -webkit-transform:scale(0.9,0.9); -o-transform:scale(0.9,0.9);}

.index-casebox2 ul li img{width: 100%;height:250px;-moz-transition: all 2s; -webkit-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.index-casebox2 ul li .news_bott{padding:15px 0;margin-top: 250px;}
.index-casebox2 ul li .news_bott h2{font-size:18px;color: #666;line-height: 30px;font-weight: normal;}
.index-casebox2 ul li .news_bott p{line-height:25px;font-size: 14px;color:#999;}

.index-casebox2 ul li:hover .news_bott{padding: 15px 0 15px 60px;background:url(../images/blue.png) no-repeat;-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s;}
.index-casebox2 ul li:hover .news_bott h2{font-size:18px;color: #666;line-height: 30px;font-weight: normal;}
.index-casebox2 ul li:hover .news_bott p{line-height:25px;font-size: 14px;color:#999;}


.casebox2-a a{text-align:center;color:#181818;font-size: 16px;display:block;margin:30px auto 100px auto;padding:0 15px;border: 1px solid #EEEEEE;border-radius:4px;width:85px;height:40px;line-height:40px;transition: all .5s linear;}
.casebox2-a a:hover{border: 1px solid #999;}


/*六大服务优势*/
.ser-bg{width: 100%;height: 760px;background:url(../images/serbg.jpg) no-repeat;}
.serbox{width:1200px;margin: 0 auto;text-align:center;-webkit-transform:translate(0,20%);-moz-transform:translate(0,20%);-ms-transform:translate(0,20%);-o-transform:translate(0,20%);transform:translate(0,20%)}
.serbox ul li{float:left;width: 318px;height: 160px;padding:40px;border: 1px solid rgba(238,238,238,0.6);}
.serbox ul li:nth-child(1),.serbox ul li:nth-child(2){border-right:none;border-bottom:none;}
.serbox ul li:nth-child(3){border-bottom:none;}
.serbox ul li:nth-child(4),.serbox ul li:nth-child(5){border-right:none;}

.serbox ul li img{width: 64px;height:64px;margin: 0 auto 15px auto;}
.serbox ul li h3{font-size: 18px;color: rgba(255,255,255,0.85);font-weight: 600;margin-bottom: 12px;}
.serbox ul li span{font-size: 14px;height: 44px;line-height: 22px;color: rgba(255,255,255,0.85);}


/*流程 s*/
.liucheng-box{width: 1200px;margin: 0 auto 50px auto;height: 400px;}
.liucheng-box .liucheng-box-l{float: left;width: 600px;height:400px;}

.liucheng-box .liucheng-box-r{float: right;width:520px;height:320px;background: #F8F8F8;padding: 40px;}
.liucheng-box .liucheng-box-r h1{font-size: 20px;font-weight:bolder;color:#555;margin-top:15px;}
.liucheng-box .liucheng-box-r .line{width:80px;border-top:4px solid #263c92;margin: 10px 0;}


.liucheng-box .liucheng-box-r .liucheng-box-info{width:500px;font-size:16px;line-height:26px;color:#999;margin:10px 0 10px 0;overflow: hidden;}
.liucheng-box .liucheng-box-r .liucheng-box-info a{color: #fff;font-size: 16px;display:block;margin:20px 0 10px 0;background: #43B9F6;text-indent:30px;width: 220px;height:52px;line-height:52px;transition: all .5s linear;}
.liucheng-box .liucheng-box-r .liucheng-box-info a:hover{background: #ffc000;color: #fff;}

.liucheng-box .liucheng-box-r .lcbox{width:520px;margin:20px auto 0 auto;text-align:left;}
.liucheng-box .liucheng-box-r .lcbox ul li{float:left;width:250px;height: 80px;margin: 10px 10px 10px 0;padding-right: 10px;}
.liucheng-box .liucheng-box-r .lcbox ul li:nth-child(1){float:left;width:230px;height: 80px;margin: 10px 0 10px 0;padding-right: 20px;}
.liucheng-box .liucheng-box-r .lcbox ul li:nth-child(3){float:left;width:230px;height: 80px;margin: 10px 0 10px 0;padding-right: 20px;}
.liucheng-box .liucheng-box-r .lcbox ul li:nth-child(2){float:right;width:230px;height: 80px;margin: 10px 0;}
.liucheng-box .liucheng-box-r .lcbox ul li:nth-child(4){float:right;width:230px;height: 80px;margin: 10px 0;}

.liucheng-box .liucheng-box-r .lcbox ul li:nth-child(1){background: url(../images/dline.jpg) no-repeat right;}
.liucheng-box .liucheng-box-r .lcbox ul li:nth-child(3){background: url(../images/dline.jpg) no-repeat right;}
.liucheng-box .liucheng-box-r .lcbox ul li img{float:left;width:49px;padding-top:15px;margin-right: 10px;}
.liucheng-box .liucheng-box-r .lcbox ul li div{float: right;width: 170px;}

.liucheng-box .liucheng-box-r .lcbox ul li div h3{font-size: 16px;color:#444;font-weight:bold;line-height: 30px;}
.liucheng-box .liucheng-box-r .lcbox ul li div span{font-size: 13px;height: 22px;line-height: 22px;color:#999;font-weight: 400;overflow:hidden;display: block;}


/*特效*/
.autoimg{animation: 2s scale linear infinite;}
	@keyframes scale{
		0%{
			transform: scale(0.9);
		}
		50%{
			transform: scale(1);
		}
		100%{
			transform: scale(0.9);
		}
	}