@charset "utf-8";
/* CSS Document */

.wrap{ min-width:1220px;}

/*轮播图*/
.ibanner{ width:100%; overflow:hidden; position:relative;}
.ibanner ul{ display:block; width:100%; height:580px; overflow:hidden; position:relative;}
.ibanner ul li{ display:none; width:100%; height:580px; position:absolute; z-index:1; left:0; top:0px;}
.ibanner ul li:first-child{ display:block;}
.ibanner ul li a{ display:block; width:100%; height:580px; position:absolute; top:0; left:0;}
.ibanner ol{ display:block; width:100%; position:absolute; text-align:center; left:0; bottom:20px; z-index:999;}
.ibanner ol li{ display:inline-block; *display:inline; *zoom:1; width:44px; height:8px; background:#0067b4; margin:0 10px; cursor:pointer;}
.ibanner ol li.seleted{ background:#fff;}

/*主体样式*/
.main{ width:100%; margin:0;}

/*服务*/
.main .service{ width:1200px; overflow:hidden; margin:0 auto;}
.main .service h2{ display:block; line-height:72px; color:#555; font-size:30px; text-align:center; padding:38px 0 54px;}
.main .service ul{ display:block; margin:0 -30px 78px; overflow:hidden;}
.main .service ul li{ display:block; width:146px; text-align:center; margin:0 32px; float:left; overflow:hidden; cursor:pointer;}
.main .service ul li a{ display:block; width:146px; height:146px; border-radius:73px; overflow:hidden; position:relative;}
.main .service ul li a i{ display:block; width:146px; height:146px; border-radius:73px; position:absolute; left:0; top:0; z-index:1; background:#ebebeb;
	transform:scale(0.9);
	-moz-transform:scale(0.9); /* Firefox 4 */
	-webkit-transform:scale(0.9); /* Safari and Chrome */
	-o-transform:scale(0.9); /* Opera */
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out; /* Firefox 4 */
	-webkit-transition:all 0.5s ease-in-out; /* Safari and Chrome */
	-o-transition:all 0.5s ease-in-out; /* Opera */
}
.main .service ul li a em{ display:block; width:146px; height:146px; border-radius:73px; position:absolute; left:0; top:0; z-index:2;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out; /* Firefox 4 */
	-webkit-transition:all 0.5s ease-in-out; /* Safari and Chrome */
	-o-transition:all 0.5s ease-in-out; /* Opera */
}
.main .service ul li a.ico1 em{ background-color:#2aacff;}
.main .service ul li a.ico2 em{ background-color:#c26de2;}
.main .service ul li a.ico3 em{ background-color:#f89f5d;}
.main .service ul li a.ico4 em{ background-color:#3dce3d;}
.main .service ul li a.ico5 em{ background-color:#59a5c8;}
.main .service ul li a.ico6 em{ background-color:#e0c454;}
.main .service ul li a em{ *background-image:url(../images/icons/index_white.png); *background-position:center center; *background-repeat:no-repeat;}
.main .service ul li a img{ display:block; width:146px; height:146px; position:absolute; left:0; top:0; z-index:3;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out; /* Firefox 4 */
	-webkit-transition:all 0.5s ease-in-out; /* Safari and Chrome */
	-o-transition:all 0.5s ease-in-out; /* Opera */
}
.main .service ul li span{ height:50px; line-height:50px; color:#777; font-size:16px;}
.main .service ul li:hover a i{ -webkit-transform:scale(1);}
.main .service ul li:hover a em{ -webkit-transform:scale(0.86);}
.main .service ul li:hover a img{
	transform:rotate(360deg);
	-moz-transform:rotate(360deg); /* Firefox 4 */
	-webkit-transform:rotate(360deg); /* Safari and Chrome */
	-o-transform:rotate(360deg); /* Opera */
}
.main .service ul li:hover span{ color:#444;}

/*选择*/
.main .choose{ background:#f5f5f5; overflow:hidden; padding:0 0 64px;}
.main .choose h2{ display:block; line-height:52px; color:#ff6600; font-size:30px; text-align:center; padding:50px 0 0;}
.main .choose p.note{ display:block; line-height:24px; color:#555; font-size:16px; text-align:center; padding:7px 0;}
.main .choose .box{ width:1200px; margin:52px auto 0;}
.main .choose ul.list{ display:block; width:370px; float:left;}
.main .choose ul.list li{ display:block; height:180px; color:#fff; overflow:hidden; padding:0 32px; margin:0 0 20px;
	transition:background 0.4s;
	-moz-transition:background 0.4s; /* Firefox 4 */
	-webkit-transition:background 0.4s; /* Safari and Chrome */
	-o-transition:background 0.4s; /* Opera */
}
.main .choose ul.list li.ico1{ background:#ffae00;}
.main .choose ul.list li.ico2{ background:#fb9557;}
.main .choose ul.list li.ico3{ background:#4cca7b;}
.main .choose ul.list li.ico4{ background:#2db7f8;}
.main .choose ul.list li.ico5{ background:#546ac7;}
.main .choose ul.list li.ico6{ background:#da43ce;}
.main .choose ul.list li.ico1:hover{ background:#fa9600;}
.main .choose ul.list li.ico2:hover{ background:#f28744;}
.main .choose ul.list li.ico3:hover{ background:#44b56e;}
.main .choose ul.list li.ico4:hover{ background:#28a4df;}
.main .choose ul.list li.ico5:hover{ background:#4b5fb3;}
.main .choose ul.list li.ico6:hover{ background:#c43cb9;}
.main .choose ul.list li img{ display:block; width:100px; height:100px; margin:40px 0 0 0; float:left;}
.main .choose ul.list li span{ display:block; width:184px; height:50px; line-height:50px; font-size:24px; margin-top:26px; float:right; overflow:hidden;}
.main .choose ul.list li p{ display:block; width:184px; height:66px; line-height:22px; font-size:14px; float:right; overflow:hidden;}
.main .choose ul.pic{ display:block; width:420px; float:left; margin:0 20px;}
.main .choose ul.pic li{ display:block; height:280px; color:#555; background:#fff; overflow:hidden; margin:0 0 20px;}
.main .choose ul.pic li img{ display:block; width:420px; height:264px; margin:0 auto;
	transition:all 0.8s;
	-moz-transition:all 0.8s; /* Firefox 4 */
	-webkit-transition:all 0.8s; /* Safari and Chrome */
	-o-transition:all 0.8s; /* Opera */
}
.main .choose ul.pic li img:hover{ transform: scale(1.1);}
.main .choose ul.pic li span{ display:block; height:36px; line-height:36px; font-size:24px; padding:16px 32px 0; overflow:hidden;}
.main .choose ul.pic li p{ display:block; height:44px; line-height:22px; font-size:14px; padding:0 32px; overflow:hidden; margin:0 0 20px;}

/*案例*/
.main .case{ overflow:hidden; background:#fff;}
.main .case h2{ display:block; line-height:84px; color:#555; font-size:30px; text-align:center; padding:16px 0 0;}
.main .case p.note{ display:block; line-height:24px; color:#555; font-size:16px; text-align:center; padding:0 0 16px;}
.main .case .box{ width:1200px; margin:0 auto;}
.main .case ul.list{ display:block; overflow:hidden; margin:0 -12px; padding:24px 0;}
.main .case ul.list li{ display:block; width:384px; height:320px; float:left; margin:0 12px 24px; overflow:hidden; background:#fcfcfc; position:relative;
	transition:box-shadow 0.4s;
	-moz-transition:box-shadow 0.4s; /* Firefox 4 */
	-webkit-transition:box-shadow 0.4s; /* Safari and Chrome */
	-o-transition:box-shadow 0.4s; /* Opera */
}
.main .case ul.list li:hover{ box-shadow:#b8b8b8 0 0 24px;}
.main .case ul.list li a.pic{ display:block; width:384px; height:240px; background:#535353; overflow:hidden; position:relative; margin:0 0 10px;}
.main .case ul.list li a.pic img{ display:block; width:384px; height:240px;
	transition:all 0.8s;
	-moz-transition:all 0.8s; /* Firefox 4 */
	-webkit-transition:all 0.8s; /* Safari and Chrome */
	-o-transition:all 0.8s; /* Opera */
}
.main .case ul.list li:hover a.pic img{ transform: scale(1.1);}
.main .case ul.list li a.pic em{ display:none; width:384px; height:240px; background:rgba(0,0,0,0.6) url(../images/icons/go.png) center no-repeat;/* filter:Alpha(opacity=60);*/ position:absolute; left:0; top:0; z-index:9;}
.main .case ul.list li a.pic em{ *background:url(../images/icons/shadow.png) repeat;}
/*
.main .case ul.list li a.pic font{ display:none; width:384px; height:240px; line-height:240px; color:#ff6000; font-size:46px; text-align:center; position:absolute; left:0; top:0; z-index:99;}
*/
.main .case ul.list li a.pic img.dot{ display:none; width:8px; height:8px; position:absolute; left:188px; top:116px; z-index:99;}
.main .case ul.list li a.pic img.dot{ *padding:9px 15px; *background:url(../images/icons/go.png) center no-repeat; *left:173px; *top:107px;}
.main .case ul.list li a.title{ display:block; min-width:50%; max-width:296px; height:30px; line-height:30px; color:#555; font-size:16px; float:left; padding-left:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
	transition:color 0.4s;
	-moz-transition:color 0.4s; /* Firefox 4 */
	-webkit-transition:color 0.4s; /* Safari and Chrome */
	-o-transition:color 0.4s; /* Opera */
}
.main .case ul.list li a.title:hover{ color:#ff6600;}
.main .case ul.list li p{ display:block; width:296px; line-height:24px; color:#999; font-size:13px; float:left; padding-left:16px; overflow:hidden; margin:0 0 16px;}
.main .case ul.list li p em.eye{ display:block; background:url(../images/icons/index_eye.png) left 6px no-repeat; padding:0 16px; float:left; *background-position:left center;}
.main .case ul.list li p span{}
.main .case ul.list li a.phone{ display:block; width:34px; height:34px; background:url(../images/icons/index_phone.png) no-repeat; float:right; margin:14px 16px 0 0; padding:0;}
.main .case ul.list li img.code{ display:none; width:114px; height:auto; position:absolute; right:66px; bottom:16px; z-index:9;}
.main .case a.more{ display:block; width:300px; height:48px; line-height:48px; color:#fff; font-size:18px; text-align:center; background-color:#447ed9; border-radius:3px; margin:0 auto 40px;
	transition:all 0.4s;
	-moz-transition:all 0.4s; /* Firefox 4 */
	-webkit-transition:all 0.4s; /* Safari and Chrome */
	-o-transition:all 0.4s; /* Opera */
}
.main .case a.more:hover{ background-color:#3463ac;}

/*新闻*/
.main .news{ margin:0 auto; background:#f5f5f5; padding:40px 0 0;}
.main .news h2{ display:block; line-height:56px; color:#ff6600; font-size:30px; text-align:center; padding:0 0 32px;}
.main .news ul.tab{ display:block; width:1194px; *width:1192px; border:3px solid #000; overflow:hidden; margin:0 auto 0;}
.main .news ul.tab li{ display:block; width:25%; *width:298px; line-height:56px; font-size:20px; float:left; cursor:pointer;}

.main .news ul.tab li a{ display:block; width:4em; color:#333; padding-left:40px; margin:0 auto;}
.main .news ul.tab li.tb1 a{ background:url(../images/icons/index_news1.png) left top no-repeat;}
.main .news ul.tab li.tb2 a{ background:url(../images/icons/index_news2.png) left top no-repeat;}
.main .news ul.tab li.tb3 a{ background:url(../images/icons/index_news3.png) left top no-repeat;}
.main .news ul.tab li.tb4 a{ background:url(../images/icons/index_news4.png) left top no-repeat;}
.main .news ul.tab li.cur{ background:#000;}
.main .news ul.tab li.cur a{ color:#fff; background-position-y:bottom;}
.main .news .tbox{ width:1200px; overflow:hidden; margin:0 auto; padding:30px 0 0;}
.main .news .tbox ul{ display:block; overflow:hidden; margin:0 -18px;}
.main .news .tbox ul li{ display:block; width:558px; height:130px; overflow:hidden; border-bottom:1px solid #e0e0e0; margin:0 18px; float:left; padding:0 12px;
	transition:background 0.2s;
	-moz-transition:background 0.2s; /* Firefox 4 */
	-webkit-transition:background 0.2s; /* Safari and Chrome */
	-o-transition:background 0.2s; /* Opera */
	 position:relative;
}
.main .news .tbox ul li:hover{ background:#fcfcfc;}
.main .news .tbox ul li p{ font-size:14px; color:#C0C0C0; position:absolute; left:0px; top:20px; background:#fff; height:80px; width:100px; text-align:center}
.main .news .tbox ul li p > span{ display:block;}
.main .news .tbox ul li p > span.day{ font-size:40px;}
.main .news .tbox ul li a.pic{ display:block; float:left; margin:20px 14px 20px 0;}
.main .news .tbox ul li a.pic img{ display:block; width:186px; height:104px; border:1px solid #ddd;}
.main .news .tbox ul li a.title{ display:block; max-width:100%; height:42px; line-height:42px; color:#555; font-size:18px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
	transition:color 0.4s;
	-moz-transition:color 0.4s; /* Firefox 4 */
	-webkit-transition:color 0.4s; /* Safari and Chrome */
	-o-transition:color 0.4s; /* Opera */
}
.main .news .tbox ul li .disc{ position:absolute; left:120px; top:15px;}
.main .news .tbox ul li a.title:hover{ color:#005bac;}
.main .news .tbox ul li .txt{ width:100%; height:72px; line-height:24px; color:#999; font-size:13px; float:left;}

.main .news .tbox a.more{ display:block; width:300px; height:48px; line-height:48px; color:#fff; font-size:18px; text-align:center; background-color:#447ed9; border-radius:3px; margin:46px auto 56px;
	transition:all 0.4s;
	-moz-transition:all 0.4s; /* Firefox 4 */
	-webkit-transition:all 0.4s; /* Safari and Chrome */
	-o-transition:all 0.4s; /* Opera */
}
.main .news .tbox a.more:hover{ background-color:#3463ac;}



/*合作客户*/
.main .customer{ overflow:hidden; background:#fff;}
.main .customer h2{ display:block; line-height:84px; color:#555; font-size:30px; text-align:center; padding:16px 0 0;}
.main .customer p.note{ display:block; line-height:24px; color:#555; font-size:16px; text-align:center; padding:0 0 16px;}
.main .customer .box{ width:1200px; margin:0 auto;}
.main .customer ul.list{ display:block; overflow:hidden; margin:0 -12px; padding:24px 0;}
.main .customer ul.list li{ display:block; width:200px; height:100px; float:left; margin:0 12px 24px; overflow:hidden; background:#fcfcfc; position:relative;
	transition:box-shadow 0.4s;
	-moz-transition:box-shadow 0.4s; /* Firefox 4 */
	-webkit-transition:box-shadow 0.4s; /* Safari and Chrome */
	-o-transition:box-shadow 0.4s; /* Opera */
}
.main .customer ul.list li:hover{ box-shadow:#b8b8b8 0 0 24px;}
.main .customer ul.list li a.pic{ display:block; width:200px; height:100px; background:#535353; overflow:hidden; position:relative; margin:0 0 10px;}
.main .customer ul.list li a.pic img{ display:block; width:200px; height:100px;
	transition:all 0.8s;
	-moz-transition:all 0.8s; /* Firefox 4 */
	-webkit-transition:all 0.8s; /* Safari and Chrome */
	-o-transition:all 0.8s; /* Opera */
}
.main .customer ul.list li:hover a.pic img{ transform: scale(1.1);}
.main .customer ul.list li a.pic em{ display:none; width:384px; height:240px; background:rgba(0,0,0,0.6) url(../images/icons/go.png) center no-repeat;/* filter:Alpha(opacity=60);*/ position:absolute; left:0; top:0; z-index:9;}
.main .customer ul.list li a.pic em{ *background:url(../images/icons/shadow.png) repeat;}
/*
.main .case ul.list li a.pic font{ display:none; width:384px; height:240px; line-height:240px; color:#ff6000; font-size:46px; text-align:center; position:absolute; left:0; top:0; z-index:99;}
*/
.main .customer ul.list li a.pic img.dot{ display:none; width:8px; height:8px; position:absolute; left:188px; top:116px; z-index:99;}
.main .customer ul.list li a.pic img.dot{ *padding:9px 15px; *background:url(../images/icons/go.png) center no-repeat; *left:173px; *top:107px;}
.main .customer ul.list li a.title{ display:block; min-width:50%; max-width:296px; height:30px; line-height:30px; color:#555; font-size:16px; float:left; padding-left:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
	transition:color 0.4s;
	-moz-transition:color 0.4s; /* Firefox 4 */
	-webkit-transition:color 0.4s; /* Safari and Chrome */
	-o-transition:color 0.4s; /* Opera */
}
.main .customer ul.list li a.title:hover{ color:#ff6600;}
.main .customer ul.list li p{ display:block; width:296px; line-height:24px; color:#999; font-size:13px; float:left; padding-left:16px; overflow:hidden; margin:0 0 16px;}
.main .customer ul.list li p em.eye{ display:block; background:url(../images/icons/index_eye.png) left 6px no-repeat; padding:0 16px; float:left; *background-position:left center;}
.main .customer ul.list li p span{}
.main .customer ul.list li a.phone{ display:block; width:34px; height:34px; background:url(../images/icons/index_phone.png) no-repeat; float:right; margin:14px 16px 0 0; padding:0;}
.main .customer ul.list li img.code{ display:none; width:114px; height:auto; position:absolute; right:66px; bottom:16px; z-index:9;}
.main .customer a.more{ display:block; width:300px; height:48px; line-height:48px; color:#fff; font-size:18px; text-align:center; background-color:#447ed9; border-radius:3px; margin:0 auto 40px;
	transition:all 0.4s;
	-moz-transition:all 0.4s; /* Firefox 4 */
	-webkit-transition:all 0.4s; /* Safari and Chrome */
	-o-transition:all 0.4s; /* Opera */
}
.main .customer a.more:hover{ background-color:#3463ac;}























/**/