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

*{ padding:0; margin:0 auto; list-style:none; text-decoration:none; transition:all 0.5s ease 0s;}
.clear { clear:both;}
a:hover { text-decoration:none;}


/*公用*/
.jz_title { padding:45px 0; text-align:center; color:#999; line-height:30px;}
.jz_title h3 { font-weight:100; line-height:60px; font-size:36px; color:#333; padding-bottom:15px; margin-bottom:10px;}
.jz_title p { width:100%; font-size:16px;}
.cor0 { background:#8b8b8b;}
.cor1 { background:#ce1359;}
.cor2 { background:#1374ce;}
.cor3 { background:#fe5a00;}
.cor4 { background:#6713ce;}
.cor5 { background:#13ce9b;}
.btn:hover, .btn:focus { color:#fff; text-decoration:none;}
.btn { display:block; height:40px; line-height:40px; border-radius:15px; overflow:hidden; margin:0 auto 15px auto; padding:0 20px; font-size:18px; color:#fff; background:#cd3737; text-align:center; border:none;}

.banner { background:url(../images/banner.jpg) no-repeat scroll center top; height:600px; overflow:hidden; width:100%;}

/*建站案例*/
.jz_case { width:1200px; margin:0 auto;}
.jz_case .hd { width:1010px; margin:0 auto 40px auto; text-align:center;}
.jz_case .hd li { float:left; cursor:pointer; padding:0 25px; margin:0 10px; border:1px solid #e72d02; border-radius:5px;}
.jz_case .hd li a { color:#555; font-size:18px; line-height:35px;}
.jz_case .hd li.on{ background:#e72d02; border-color:#e72d02;}
.jz_case .hd li.on a { color:#fff;}
.jz_case .bd li{ float: left; width:397px; margin:3px auto;}
.jz_case .bd li img { height:198px; width:377px; display:block;}
.jz_case .bd li p { height:35px; width:372px; font-size:14px; line-height:40px; text-align:left; padding-left:5px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color:#333; background:#ededee; margin:0;padding-left:5px !important;}
.jz_case .bd li:hover p { background:#e72d02; color:#fff;}
.jz_case .bd li:hover img { filter:alpha(opacity=90); opacity:0.9; -moz-opacity:0.9;}


.jz_case1 { width:1200px; margin:0 auto;}
.jz_case1 .hd { width:1010px; margin:0 auto 40px auto; text-align:center;}
.jz_case1 .hd li { float:left; cursor:pointer; padding:0 25px; margin:0 10px; border:1px solid #e72d02; border-radius:5px;}
.jz_case1 .hd li a { color:#555; font-size:18px; line-height:35px;}
.jz_case1 .hd li.on{ background:#e72d02; border-color:#e72d02;}
.jz_case1 .hd li.on a { color:#fff;}
.jz_case1 .bd li{ float: left; width:296px; margin:3px auto;}
.jz_case1 .bd li img { height:178px; width:276px; display:block;}
.jz_case1 .bd li p { height:33px; width:271px; font-size:14px; line-height:38px; text-align:left; padding-left:5px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color:#333; background:#ededee; margin:0;padding-left:5px !important;}
.jz_case1 .bd li:hover p { background:#e72d02; color:#fff;}
.jz_case1 .bd li:hover img { filter:alpha(opacity=90); opacity:0.9; -moz-opacity:0.9;}


/*创意中心*/
.jz_cycenter { width:1100px; margin:0 auto;}
.jz_cycenter .picScroll-left { width:100%; overflow:hidden; position:relative;}
.jz_cycenter .picList {}
.jz_cycenter .picList ul { float:left; width:265px; margin:0px 4px;}
.jz_cycenter li { width:245px; padding:10px 10px 5px 10px; margin:5px 0px; background:#fff; border:1px solid #eee; transition:box-shadow 0.5s;}
.jz_cycenter li:hover { box-shadow:0 0px 2px #ddd;}
.jz_cycenter .pic { width:245px; height:245px; overflow:hidden;}
.jz_cycenter .pic img { width:245px; height:245px;}
.jz_cycenter li:hover .pic img { transform:scale(1.1, 1.1);}
.jz_cycenter .title a { font-size:14px; color:#555; line-height:35px; display:block; float:left; width:125px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jz_cycenter .title a:hover { color:#e72d02;}
.jz_cycenter .s_star { float:right; width:100px; height:15px; margin-top:10px;}
.jz_cycenter .s_bank { border-top:1px solid #e5e5e5; line-height:32px; padding-top:4px;}
.jz_cycenter .s_bank a { padding:5px 10px; font-size:12px; color:#fff; margin-right:4px; border-radius:4px; overflow:hidden;}