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

/* 网站建设 CSS */
.website-flow{FLOAT:LEFT;width:230px;height:auto;zoom:1;overflow:hidden;}
.website-flow-text{width:195px;height:auto;margin:0 auto;padding-bottom:10px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {zoom:1;}

/* websitebox-flash */
#website {width:755px; height:260px; overflow:hidden; position:relative;}
#website ul {height:260px; position:absolute;}
#website ul li {float:left; width:755px; height:260px; overflow:hidden; position:relative; background:#fff;}
#website ul li div {position:absolute; overflow:hidden;}
#website ul li img{width:755px;height:260px;}
#website .btnBg {position:absolute; width:755px; height:20px; left:0; bottom:0; background:#000;}
#website .btn {position:absolute; width:735px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#website .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#website .btn span.on {background:#fff;}
#website .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(../Local Settings/Temporary Internet Files/Content.IE5/img/sprite.png) no-repeat 0 0; cursor:pointer;}
#website .pre {left:0;}
#website .next {right:0; background-position:right top;}
.websitebox-flash{width:755px;height:260px;background:#fff;margin-top:15px;}
.website-bottom{width:755px;height:auto;zoom:1;overflow:hidden;}
.website-bottom h3.website-bottom-title{width:755px;height:60px;border-bottom:2px #ccc solid;}
.website-bottom h3.website-bottom-title span{height:42px;padding:18px 30px 0px 2px;position:absolute;border-bottom:3px #ff8400 solid;font-size:22px;color:#454545;z-index:0;font-weight:normal;}
.website-bottom-text{width:745px;height:auto;zoom:1;overflow:hideen;padding:24px 5px;font-size:15px;line-height:26px;}
.website-bottom-pic{width:755px;height:120px;overflow:hidden;}
.website-bottom-pic ul{width:755px;height:120px;}
.website-bottom-pic ul li{display:inline;float:left;width:88px;height:110px;margin:0px 27px 0px 10px;}
.website-bottom-pic ul li img{width:88px;height:80px;}
.website-bottom-pic ul li p{display:block;width:88px;height:30px;line-height:30px;text-align:center;font-size:14px;color:#3e3e3e}
.website-loop{width:755px;height:auto;zoom:1;overflow:hidden;margin-top:20px;}
.website-loop h3{width:755px;height:32px;overflow:hidden;line-height:32px;font-size:22px;font-weight:normal;color:#454545}
.website-loop h3 span{display:block;float:left;width:32px;height:32px;line-height:32px;overflow:hidden;text-align:center;font-size:20px;color:#fff;margin-right:10px;}
.website-loop-spancolor{background:#ff7e00}
.website-loop-spancolor2{background:#1eb600}
.website-loop-spancolor3{background:#43adff}
.website-loop-spancolor4{background:#6b0eeb}
.website-loop-spancolor5{background:#990099}
.website-loop-spancolor6{background:#3366cc}
.website-loop-textbox{width:725px;height:auto;zoom:1;overflow:hidden;background-color:#f7f7f7;margin-top:10px;padding:15px;}
.website-loop-ul{width:725px;}
.website-loop-ul li{display:inline;float:left;margin-right:25px;height:20px;line-height:20px;font-size:14px;}
.website-loop-ul li img{position:relative;top:3px;margin-right:2px;}
.website-loop-textbottom{display:inline;float:left;width:725px;line-height:24px;margin-top:10px;color:#444444;}
.website-loop-table{float:left;width:695px;height:auto;zoom:1;overflow:hidden;background:#fff;border:1px #092e94 dashed;margin-top:10px;padding:10px 15px;line-height:22px;font-size:12px;color:#444}
.websiteColor{color:#ff7e00;font-size:16px;font-weight:bold;}

/* 个性设计 */
.webdesign{width:755px;height:auto;zoom:1;overflow:hidden;margin-top:10px;}
.webdesign-nav{wdith:755px;}
.webdesign-nav ul li {float:left;margin:10px 5px;width:115px;height:30px;line-height:30px;text-align:center;overflow:hidden;}
.webdesign-nav ul li  a{display:block;width:115px;height:30px;background:#eaeaea;color:#252525;font-size:14px;}
.webdesign-nav ul li  a:hover{background-color:#ff7e00;color:#fff}
.webdesign-nav ul li  a.onwebdesign-nav{background-color:#ff7e00;color:#fff}

.caselist{width:755px;height:auto;zoom:1;overflow:hidden;margin: 0px auto;}
.caselist li {display:inline;width:230px;height:225px;float: left;position: relative;overflow:hidden;margin-top:30px;margin-right:11px;margin-left:10px;}
.tagImg1 {width:230px;height:225px;display:block;position:absolute;left:0px;top:0px;}
.tagImg1 img {width:230px;height:225px;}
.tagDiv1 {background:#F4F4F4;border:1px solid #E7E7E7;padding:10px;width:208px;height:203px;position:absolute;left:0px;top:225px;z-index:2;}
.tagDiv1 h3 {margin:0px;font-size:12px;color:#d11e1e;line-height:16px;}
.tagP1 {margin:5px 0 0;color:#666;}
.tagP2 {line-height:24px;clear:both;color:#666;padding:5px 0 0;height:130px;overflow:hidden;}
.tagP3 {height:25px;}
.tagP3 a {background:url(../Local Settings/Temporary Internet Files/Content.IE5/img/jz_sprite-btn.png) no-repeat;color:#d11e1e;display:inline-block;height:25px;line-height:25px;margin:0 auto;text-align:center;width:89px;text-decoration:none;}

/* 经典案例 */
.webcase{width:755px;height:auto;zoom:1;overflow:hidden;margin-top:10px;}
.webcase-loop{display:inline;float:left;width:755px;height:189px;border-bottom:1px #ccc dashed;margin-top:30px;}
.webcase-loop img{float:left;width:250px;height:158px;border:1px #ccc solid;padding:1px;}
.webcase-loop dl{margin-left:270px;height:162px;overflow:hidden;font-size:14px;line-height:24px;color:#444}
.webcase-loop dl a{color:#ff7e00;}
.webcase-loop dl a:hover{text-decoration:underline;color:#f00}
.webcase-loop dl p{margin-top:5px;line-height:22px;}
.webcase-loop dl p a{color:#ff7e00;}
.webcase-loop dl p a:hover{text-decoration:underline;color:#f00}