@import url("style.css");
#indextop {height:276px}
#template,#apptools{height:658px;}
#lazy-service {height:219px;}
#lazy-school {height:347px}
#lazy-support {height:411px}

.templates-pice a,a.ask,a.mes,.scrollable .arrow{background:url('../images/hb.gif') no-repeat 999em 9999em}
.lctab .tabs,.lctab .tabs ul li.active a{background:url('../images/bg.jpg') repeat-x 999em 999em}
.lctab .tabs h2 span,.box2 .hd h2,.Effect h3{background:url('../images/title.gif') no-repeat 999em 999em;height:15px;overflow:hidden;text-indent:-999em}
.flashview{position:relative;width:100%;height:300px;overflow:hidden}
.flashview .tbg {display:none}
.flashview .nums {position:absolute;left:0;bottom:6px;z-index:90;height:24px;width:980px;text-align:center}
.flashview .nums  li{display:inline-block;*display:inline;*zoom:1;height:24px;width:24px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center;background-color:#3e3e3e;color:#fff;font:12px/24px Arial,​Verdana,​Simsun;overflow:hidden;margin:0 2px;cursor:pointer}
.flashview .nums  li.active {background-color:#b61b1f}



.website,.website .wrb,.ws_hd ul li.active,.ws_hd ul li.active span{background:url('../images/ws_bg.gif') no-repeat}
.ws_hd ul,.hos_c{background:url("../images/ws_bg_2.gif") repeat-x}
.website{width:740px;height:276px;background-position:-12px 0}
.website .wrb{width:12px;height:276px;overflow:hidden}
.ws_hd{width:728px;height:35px;float:left}
.ws_hd h2{width:218px;height:35px;overflow:hidden;float:left;text-indent:-999em}
.ws_hd ul{width:502px;height:28px;float:left;overflow:hidden;padding:7px 0 0 8px}
.ws_hd ul li{float:left;height:28px;cursor:pointer;overflow:hidden;padding-left:5px}
.ws_hd ul li span{width:73px;padding-right:5px;height:28px;line-height:26px;text-align:center;color:#573D27;float:left}
.ws_hd ul li.active{background-position:-5px -312px}
.ws_hd ul li.active span{background-position:right -312px}
.ws_bd{width:724px;height:241px;overflow:hidden;padding-left:4px;float:left}
.tab_c{width:100%;height:100%}
.tab_pic{width:210px;height:235px;overflow:hidden}
.hos_c{width:499px;height:223px;padding:10px 0 8px 15px;overflow:hidden;line-height:25px;background-position:0 -35px}
.hos_c dl dt{float:left;text-align:right;width:65px;height:25px;padding-right:5px}
.hos_c dl:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.hos_c dl{display:inline-table}
* html .hos_c dl{height:1%}
.hos_c dl{display:block}
.hos_c dl dd{float:left;width:428px;vertical-align:middle}
.hos_c dl dd img{vertical-align:middle}
.hos_c dl dd span{color:#FF3300}
.hos_c dl span.now{font-family:Georgia,"Times New Roman",Times,serif;font-size:18px}
.hos_c h3{color:#f13d00;font-size:12px;padding:2px 12px 8px;line-height:22px;border-bottom:1px solid #e6cd8d;margin-bottom:6px}
.hos_c a{text-decoration:underline;display:inline-block;white-space:nowrap}
.hos_c a:hover{text-decoration:none}
a.hos_buy,a.hos_buy:hover{background:url("../images/hos_btn1.gif") no-repeat 3px center;color:#FFF8D5;display:inline-block;height:20px;line-height:20px;margin-right:5px;text-align:center;width:74px;text-decoration:none}
.news{width:230px}
.news .hd h2{background-position:0 0;width:110px}
#newstab .ul_tab,.newsbotm{background:url("../images/ws_bg.gif") no-repeat}
#newstab .ul_tab{width:220px;height:29px;background-position:-5px -278px;overflow:hidden;padding:1px 0 0 10px}
#newstab .ul_tab li{float:left;height:29px;line-height:28px;padding:0 10px;font-size:13px;white-space:nowrap;cursor:pointer}
#newstab .ul_tab li span{color:#666}
#newstab .ul_tab li.active{background-color:#FFF;border-left:1px solid #E5CC8E;border-right:1px solid #E5CC8E;}
#newstab .ul_tab li.active span{color:#FF8400;text-decoration:none;font-weight:bold}
#newstab .switchable-content{border-left:1px solid #E5CC8E;border-right:1px solid #E5CC8E;width:228px}
.flashview .switchable-panel{width:980px;height:300px}
.flashview .switchable-panel img{width:980px;vertical-align:top}
.news .ArticleList{height:229px;overflow:hidden}
.news .ArticleList li{white-space:nowrap;height:18px;line-height:18px;width:194px;overflow:hidden;text-overflow:ellipsis}
.news .ArticleList .more{padding:8px 5px 0 0;line-height:18px}
.newsbotm{width:230px;height:3px;font-size:0;line-height:0;overflow:hidden;background-position:-5px -308px}
.service{width:224px;border-top:2px solid #ff6000}
.service .hd h2{background-position:0 -16px;width:172px}
.service .bd{height:185px;padding:0 3px}
.service ul li{float:left;width:99px;height:33px;padding:11px 5px 0}
.service a,.service a s{background:url('../images/fwlc.gif') no-repeat}
.service a{width:60px;height:29px;background-position:0 0;line-height:29px;display:block;padding:2px 2px 2px 37px;position:relative}
.service a s{width:18px;height:19px;overflow:hidden;display:block;position:absolute;top:8px;left:10px}
.service a.sv1 s{background-position:0 -35px}
.service a.sv2 s{background-position:-23px -35px}
.service a.sv3 s{background-position:0 -55px}
.service a.sv4 s{background-position:-23px -55px}
.service a.sv5 s{background-position:0 -74px}
.service a.sv6 s{background-position:-23px -74px}
.service a.sv7 s{background-position:0 -95px}
.service a.sv8 s{background-position:-23px -95px}
.lctab{width:742px;border-width:2px 1px 1px;border-color:#ff6000 #e5e5e5 #e5e5e5}
.lctab .tabs{height:31px;background-position:0 0;width:102%}
.lctab .tabs h2,.lctab .tabs ul li{float:left;border-left:1px solid #e5e5e5;line-height:28px}
.lctab .tabs h2{width:122px;height:22px;padding:8px 0 0 32px;margin-left:-1px;*display:inline}
.lctab .tabs h2 span{width:105px;height:15px;overflow:hidden;display:block;text-indent:-999em;line-height:60px;background-position:0 -33px}
.lctab .tabs ul{float:left;width:602px;overflow:hidden}
.lctab .tabs ul li{width:97px;height:30px;overflow:hidden;text-align:center;cursor:pointer}
.lctab .tabs ul li a{border:1px solid #fff;height:28px;line-height:28px;*line-height:30px;_line-height:32px;width:95px;display:block;overflow:hidden}
.lctab .tabs ul li a:hover{text-decoration:none}
.lctab .tabs ul li.active{background-color:#FFF;position:relative;height:31px}
.lctab .tabs ul li.active a,.lctab .tabs ul li.active a:hover{background-position:0 -95px;color:#ff8400;font-weight:600;height:29px}
.lctab .switchable-content{border-top:1px solid #e5e5e5;height:185px;margin-top:-1px;width:100%}

.lctab .switchable-content li.con-6{background:url('../images/okbtn.gif') no-repeat 620px 50%}
.lctab .imga{text-align:center;width:218px;padding-top:25px}
.lctab .con-1 .imga{padding-top:10px}
.lctab .con-5 .imga,.lctab .con-6 .imga{padding-top:40px}
.lctab .cont{padding-top:16px;margin-left:16px;width:120px;}
.lctab .cont p{margin-top:10px;line-height:1.8;color:#333;text-align:center;}

.floor {margin-top:30px;overflow:hidden}
.floor .hd {*width:990px;*position:relative;border-bottom:1px solid #ff6000;overflow:visible;_zoom:1;position:relative;height:36px;}
.floor img{vertical-align:top}
.floor h2 {position:relative;padding-left:40px;color:#333;float:left;display:inline;line-height:30px;font:20px/30px "Microsoft Yahei";}
.floor h2 i{position:absolute;top:2px;left:0;width:21px;height:25px;padding-right:10px;background:url("../images/sprite_floor.png") no-repeat 0 0;font-size:13px;color:#fff;text-align:center;overflow:hidden}
.floor .tab {border:solid 1px #ededed;border-bottom:0 none;height:34px;line-height:34px;z-index:1;float:right;margin-top:1px}
.floor .tab li{float:left;display:inline;height:34px;position:relative;z-index:2}
.floor .tab a{float:left;height:34px;padding:0 16px;text-decoration:none;line-height:34px;overflow:hidden;background:#fff;border-left:1px solid #fff;border-right:1px solid #fff;white-space:nowrap;color:#333;}

.floor .tab span{position:absolute;width:1px;background:#ccc;overflow:hidden;height:14px;top:10px;right:0}
.floor .tab span.bgfff {background:#FFF;}
.floor .tab .active {z-index:3}
.floor .tab .active a{position:absolute;border-left:1px solid #ff6000;border-right:solid 1px #ff6000;border-top:solid 3px #ff6000;top:-1px;left:-1px;height:33px;line-height:30px;color:#ff6000;text-indent:1px}
.floor .tab .active span{display:none}
.floor .bd {width:980px;height:auto;overflow:hidden}
.floor .bd ul{width:105%;}
.floor .item {float:left;width:178px;height:265px;overflow:hidden;padding:20px 22px 0 0;position:relative}
.floor .templates-img,
.floor .templates-img a {width:178px;height:178px;}
.floor .templates-img {border-top:1px solid #efefef}
.floor .templates-img a{color:#FFF;display:block;}
.floor .templates-img a:hover {color:#FFF;text-decoration:none}
.floor .templates-info h6 {font:bold 12px/20px Arial,Helvetica,sans-serif;height:20px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:5px 0 2px;}
.floor .templates-info h6 a{color:#256ebe}
.floor .templates-info h6 a:hover{color:#f13d00;text-decoration:none}
.floor .templates-info .brief{line-height:18px;height:36px;overflow:hidden;word-break:break-all}
.floor .templates-pice {height:19px;line-height:19px;padding-top:3px;font-family:"Microsoft Yahei",Verdana,Geneva,sans-serif;color:#999}
.floor .templates-pice a{width:12px;height:12px;background-position:-87px 0;overflow:hidden;text-indent:-999em;display:block;float:right;margin-top:4px}
.floor .bd .more {padding:8px;margin-top:15px;background-color:#f2f2f2;font-size:14px;text-align:center;line-height:100%}

.Effect{padding:15px 15px 15px 28px;width:935px;height:258px}
.Effect h3{height:18px;overflow:hidden;margin-bottom:14px}
.Effect h3 span{padding-top:20px}
.Effect .why{width:460px;height:258px;padding-right:28px;border-right:1px solid #e5e5e5}
.Effect .why h3{width:157px;background-position:0 -99px}
.Effect .scroller{width:460px;height:225px;overflow:hidden;position:relative}
.Effect .scroller .switchable-content li{width:460px;height:225px;overflow:hidden}
.Effect .scroller .switchable-content li p{height:40px;padding-top:8px;line-height:20px;overflow:hidden;color:#464646}
.Effect .scroller .switchable-triggerBox {bottom:2px;position:absolute;right:8px;text-align:center;z-index:3}
.Effect .scroller .switchable-triggerBox li{background-color:#C9C9C9;cursor:pointer;display:block;width:14px;height:13px;margin:0 3px;overflow:hidden;float:left;overflow:hidden;text-indent:-999em}
.Effect .scroller .switchable-triggerBox li.active{background-color:#F13D00}
.Effect .Support{width:423px}
.Effect .Support h3{width:100px;background-position:0 -120px}
.Effect .Support ul li{line-height:24px;font-size:14px;padding:0 0 7px 5px;color:#414245}
.Effect .Support ul li.ftel{padding-bottom:4px}
.Effect .Support ul li span{background-color:#5cce76;height:24px;display:inline-block;float:left;padding:0 8px;color:#FFF;font-weight:bold;margin-right:10px}
.Effect .Support ul li strong{color:#f13d00;font:500 17px/24px Arial,Helvetica,sans-serif}
.Effect .Support ul li em{font-size:12px;color:#878787}
.Effect .Support p{height:35px;margin-top:-2px}
a.ask,a.mes{display:block;float:left;height:28px;padding-top:7px;text-align:left;overflow:hidden;color:#FFF;font-size:14px;font-weight:bold}
a.ask{width:76px;background-position:-160px -46px;margin-right:12px;padding-left:42px}
a.mes{width:110px;background-position:0 -46px;padding-left:48px}
a.ask:hover,a.mes:hover{text-decoration:none;color:#FFF}
a.ask:hover{background-position:-160px -82px}
a.mes:hover{background-position:0 -82px}
.scrollable{background-color:#f2f2f2;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;height:59px;margin-top:12px}
.scrollable .padding-box{border:1px solid #fff;padding:8px 47px;width:882px;height:41px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;overflow:hidden;position:relative}
.scrollable .scroller{height:41px;width:882px;overflow:hidden;position:relative}
.scrollable .switchable-content a{display:block;margin:0 4px;border:1px solid #e5e5e5;width:88px;height:31px;padding:4px 0;float:left;_display:inline;background-color:#FFF}
.scrollable .switchable-content a img{display:block;width:88px;height:31px}
.scrollable .switchable-content a:hover{border-color:#f3ad4c}
.scrollable .arrow{width:15px;height:21px;display:block;overflow:hidden;cursor:pointer;position:absolute;top:19px;text-indent:-999px;z-index:3}
.scrollable .prev{left:14px;background-position:-190px -7px}
.scrollable .prev:hover{background-position:-236px -7px}
.scrollable .next{right:14px;background-position:-208px -7px}
.scrollable .next:hover{background-position:-254px -7px}
.scrollable .switchable-triggerBox{display:none}
.links{padding:0 2px;margin-top:12px;height:auto;overflow:hidden}
.links a,.links a:hover{color:#686868;margin:0 3px}
.school{border-top:2px solid #F13D00;background:#f2f2f2;padding:10px 0 10px 10px;width:968px}
.school .art1{width:212px;margin-right:10px;padding:10px;background:#FFF;overflow:hidden;-moz-border-radius:5px;-webkit-border-radius5px;border-radius:5px}
.school .last{margin-right:0}
.school .ArticleList{padding:0}
.school .hd{height:22px;line-height:22px;padding:0 0 5px;text-align:right;border-bottom:1px solid #ddd;margin-bottom:5px}
.school .hd span{font-size:12px;font-weight:normal}
.school .hd h3{color:#333;float:left;font-size:15px}
.school .hd h3 a{color:#333}
.school .ArticleList span.date{float:right;color:#999}
.school .ArticleList li{width:202px;height:20px;line-height:20px;overflow:hidden;white-space:nowrap}
.school .ArticleList li a{width:13em;height:20px;display:block;overflow:hidden;word-break:break-all}
.school .ArticleList li span{float:right;color:#999}
.mbox_win{border:1px solid #fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ebebeb;-moz-box-shadow:0 0 5px rgba(0,0,0,.7);-webkit-box-shadow:0 0 5px rgba(0,0,0,.7);box-shadow:0 0 5px rgba(0,0,0,.7);overflow:hidden}
.mbox_bar{line-height:18px;padding:6px 10px 7px;border-bottom:1px solid #ddd;background-color:#fbfbfb;font-size:13px}
.mbox_cont{}
.mbox_close{width:16px;height:16px;margin:-25px 10px 0 0;border:1px solid #d8d8d8;color:#ff0000;font:bold 13px/14px Tahoma;text-align:center;text-decoration:none;float:right;position:relative}
.mbox_close:hover{border-color:#ccc;background-color:#eee;color:#ff0000;text-decoration:none}
.mbox_operate{padding:0 10px 10px;text-align:right}
.mbox_alert,.mbox_confirm,.mbox_remind{width:320px;padding:35px 20px}
.mbox_loading{width:180px;padding:30px 0;text-align:center}
.mbox_loading_image{margin:0 8px -8px 0}