@charset "utf-8";
body,button,input,select,textarea{ line-height:1.8;}
a,body a{text-decoration:none;color:#333;cursor:hand}
a:hover,body a:hover{text-decoration:none;color:#f40}
img{border:0}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0;margin:0}
caption,th{text-align:inherit}
.table{border-left:1px solid #e0e0e0;margin-left:0;width:100%;text-align:center}
.table td,.table th{border:1px solid #e0e0e0;border-left:none;padding:5px 10px}
.f12{font-size:12px}
.f14{font-size:14px}
.f15{font-size:15px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f22{font-size:22px}
.f36{font-size:36px}
.height25{height:25px}
.height30{height:30px}
h2.blue_jt{background:url(../images/blue_jt.gif) no-repeat 12px center;padding-left:25px}
h2.title_ui{background:url(../images/title_ui.png) left center no-repeat;padding-left:15px}
li.grey_ico{background:url(../images/grey_ico.gif) no-repeat 15px center;padding-left:25px}
li.black_ico{background:url(../images/black_ico.gif) no-repeat 15px center;padding-left:25px}
li.line{float:left;display:block;width:100%;background:url(../images/dot_x.gif) repeat-x left bottom;height:1px;margin-top:8px;margin-bottom:8px;overflow:hidden}
.wrapper{overflow:hidden;width:1000px;position:relative;margin-left:auto;margin-right:auto}
.wrapper .thisway{height:30px;line-height:30px;background:url(../images/home.png) left center no-repeat;padding-left:20px;font-size:13px}
.wrapper .pages{width:100%}
.wrapper .pages a,.wrapper .pages span{float:left;border:1px #e0e0e0 solid;padding:2px 5px;margin-left:8px}
.wrapper .pages span{color:#f60;border:0;font-weight:700}
#header{width:100%;min-height:130px;background:url(../images/background.jpg) center top repeat-x;}
#header .logo{}
#header .menu{position:relative;height:62px;margin-top:20px}
#header .menu li{float:left;margin-left:10px;height:62px;line-height:62px;display:inline}
#header .menu li a{padding:0 5px;color:#f5f5f5;font-weight:700;display:block;float:left}
#header .menu li a:hover{text-decoration:overline}
#header .menu li.cur a{color:#f5f5f5}
#header .menu .menu-line{position:absolute;background:url(../images/background-highlight.png) no-repeat center top;height:13px;overflow:hidden;left:0;bottom:0;z-index:0}
.banner{background-image:url(../images/bannerbg.jpg);background-repeat:no-repeat;background-position:center top;background-color:#108f34;height:310px;width:100%;text-indent:-100000px}
.banner a{float:left;display:block;height:310px;width:100%}
.category_cases{background-image:url(../images/banner_cases.jpg);background-color:#333}
.category_news{background-image:url(../images/banner_news.jpg);background-color:#20325b}
.category_school{background-image:url(../images/banner_school.jpg);background-color:#d8cabc}
.category_webiz{background-image:url(../images/banner_webiz.jpg);background-color:#3b2527}
.category_cms{background-image:url(../images/banner_cms.jpg);background-color:#41166e}
.category_download{background-image:url(../images/banner_download.jpg);background-color:#666}
.category_joke{background-image:url(../images/banner_joke.jpg);background-color:#c90}
#footer{padding:20px;border-top:1px solid #e0e4e7;color:#8c8c8c;background-color:#f4f4f4}
#footer a{color:#8c8c8c}
#footer .left{width:600px;background:url(../images/foot_logo.png) no-repeat 0 5px;padding-left:80px}
#footer .right{width:300px}
ul.article,ul.lists{width:679px;border-right:1px #e0e0e0 solid;padding-right:20px;padding-bottom:10px;min-height:1100px}
.art-info{position:relative}
.art-info .baidushare{position:absolute;right:0;top:60px}
.art-info h2{line-height:45px;padding-bottom:5px}
.art-info p em{padding-right:10px}
ul.article .mood{background-color:#fff;width:100%;padding-top:10px;padding-bottom:5px;border-radius:4px}
ul.article .weixin{border:1px #e0e0e0 solid;padding:10px;background:url(../images/blockquote.png) #fff no-repeat right top;display:block;box-shadow:1px 1px 10px #ddd}
ul.article .weixin .right{width:150px;height:150px;margin-right:80px}
ul.article .weixin .left{width:420px}
ul.article .description{border-top:1px #e0e0e0 solid;border-bottom:1px #e0e0e0 solid;padding-top:10px;padding-bottom:10px;width:100%}

#zoom{word-wrap:break-word}
	#zoom blockquote{border:1px #e0e0e0 solid;padding:1.5rem;background:url(../images/blockquote.png) #fff no-repeat right top;display:block;margin:1.5rem 0;overflow:hidden}
	#zoom img{text-align:center;max-width:100%;}
	#zoom a{color:#00649d}
		#zoom a:hover{color:#f40}
ul.article #zoom h3{font-size:20px}
ul.article #zoom h4{font-size:18px}
ul.article #zoom h5{font-size:16px}
ul.article #zoom ul{padding:5px 10px}
ul.article #zoom ul li{background:url(../images/grey_ico.gif) no-repeat left 12px;padding-left:13px;color:#959595;margin-bottom:10px}
ul.article .disclaimer{background-color:#fffff7;padding:10px;border-radius:4px}
ul.article .disclaimer h2{background:url(../images/red_ico.gif) no-repeat left center;letter-spacing:2px;padding-left:10px}
ul.lists li:hover{padding-left:30px}
ul.sider{width:300px}
ul.sider h2{border-bottom:1px #e0e0e0 solid;color:#00649d}
ul.sider dl{width:136px;padding:1px;border:1px #e0e0e0 solid;background-color:#fff}
ul.sider dl dd{border-top:1px #e0e0e0 solid}
#services{background-color:#f4f4f4;padding-top:10px;padding-bottom:40px}
#services ul ul{width:186px;border:1px #ebebeb solid;border-radius:4px 4px}
.index_data{position:relative;}
.index_data .news h2,.index_data .notice h2{background-color:#00649d;border-radius:4px;width:100px;color:#fff;margin-top:10px}
.index_data .news{padding:15px;}
.index_data .news .pic{width:136px;height:100px;padding:3px;margin-top:15px;border:1px solid #a5a5a4;background:#fff;box-shadow:1px 1px 2px 1px #a5a5a4}
.index_data .notice{background-color:#fafafa;padding:15px}
.index_data .notice li p{background-color:#fff;padding:5px 10px;color:#919191}
.index_data .category_article{width:638px;padding:15px;background-color:#fff}
.index_data .category_article dl{width:311px}
.index_data .category_article dl dd li.pic{width:142px;height:106px;padding:3px;margin-top:20px;border:1px solid #a5a5a4;background:#fff;box-shadow:1px 1px 2px 1px #a5a5a4}
.index_data .category_article_hot{width:300px;background-color:#fafafa;padding:15px}
.index_data .category_article_hot li p{background-color:#fff;padding:5px 10px;color:#919191}
.cases dl{width:213px;height:300px;border-radius:4px 4px;padding:10px;border:1px solid #e0e0e0;background:#fff;box-shadow:1px 1px 2px 1px #e0e0e0}
.cases dl:hover{background-color:#000;color:#fff}
.cases dl dt img{border:1px #fff solid;background-color:#fff;padding:3px}
.links{padding:10px}
.links a{padding-right:20px}
.gotop{position:fixed;right:1rem;bottom:2rem;margin-right:0}
.gotop-btn{display:block;width:62px;height:52px;background:url(../images/gotop.png) no-repeat 0 0;text-indent:-9999px}
.gotop-btn:hover{background-position:0 -54px}
/* 鼠标经过时改变样式 */
.preview {}
	.preview img { display:inline-block; border:0; -webkit-transition:-webkit-transform .5s ease-out; transition:-webkit-transform .5s ease-out; -o-transition:-o-transform .5s ease-out; transition:transform .5s ease-out; transition:transform .5s ease-out, -webkit-transform .5s ease-out, -o-transform .5s ease-out; cursor:pointer; }
	.preview img:hover { -webkit-transform:scale(1.12); -ms-transform:scale(1.12); -o-transform:scale(1.12); transform:scale(1.12); -webkit-transform-origin:center center; -ms-transform-origin:center center; -o-transform-origin:center center; transform-origin:center center; }