@charset "gb2312";
@import url(public.css);


/*headerռλ±³¾°*/

#bg135{height:135px;background-color:#0c1b25; display:none;}



/*content*/

#content {background-color:#fff;}



/*footer*/

#footerlink{background-color:#111;height:46px;line-height:46px;border-bottom:1px solid #000;position:relative;}

#footerlink a{color:#999;margin-right:20px;}

#footerlink a.pay{display:inline-block;zoom:1;*display:inline;padding-left:16px;background:url("../images/sj_icon.jpg") no-repeat 0 -28px;}

#footerlink .wrapper {position:relative;}

#footerlink #gotop {display:block;width:41px;height:35px;position:absolute;right:0;top:0;overflow:hidden;margin-right:0;background:url("../images/sj_icon.jpg") no-repeat 0 -197px;text-indent:-9999px;}

#footerinfo{padding-bottom:20px;background-color:#181818;border-top:1px solid #292929;}

#footerinfo .wrapper{position:relative;height:190px;}

#footerinfo h2{width:112px;position:absolute;top:20px;left:0;font-size:28px;text-align:right;}

#footerinfo h2 strong{display:block;font-size:28px;color:#333;}

#footerinfo .wrapper p{position:absolute;width:520px;top:30px;left:128px;line-height:150%;}

 .qq{display:block;width:92px;height:22px;margin-bottom:8px;overflow:hidden;background:url("../images/qq.png") no-repeat;text-indent:-9999px;}

 .qq1 {position:absolute;top:0;left:0;background-position:0 0;}

#footerinfo .qq2 {position:absolute;top:0;left:100px;background-position:0 -22px;}

#footerinfo .qq3 {position:relative;top:0;left:200px;background-position:0 -44px;}

 .nqq1 {position:absolute;top:0;left:0;background-position:-92px 0;}

#footerinfo .nqq2 {position:absolute;top:0;left:100px;background-position:-92px -22px;}

#footerinfo .nqq3 {position:relative;top:0;left:200px;background-position:-92px -44px;}

#footerinfo #m{position:absolute;top:0;right:0;width:280px;height:190px;text-indent:-9999px;background:url("../images/m.gif") no-repeat left top;}



/*#links*/

#footerinfo #links {width:986px;height:120px;margin:0 auto;position:relative;border-top:1px dotted #333;}

#footerinfo #links p{position:absolute;width:850px;top:25px;left:128px;line-height:1.8;}

#footerinfo #links p span{color:#444;}

#footerinfo #links em{display:block;color:#333;line-height:2.8;font-style:normal;}



/*online*/

#seejep_float_nav{ position:absolute; top:135px; right:0px; font-size:12px; z-index:99999; text-align:left; line-height:0px; font-size:12px; family:"ËÎÌå"; font-weight:normal;}

#seejep_float_nav li{ list-style:none; color:#FFFFFF; width:82px; height:67px; margin-bottom:2px; *margin-bottom:-4px; _margin-bottom:-2px; text-align:center;}

#seejep_float_nav span{position:relative; top:46px; left:16px; }

#seejep_float_nav .nav_a{ text-decoration:none; color:#FFFFFF; position:relative; top:53px;_top:52px;padding:45px 13px 5px 15px;cursor:pointer; }

#seejep_float_nav .nav_hover{color:#333333; position:relative; top:53px;_top:52px;padding:45px 13px 5px 15px;   text-decoration:none; cursor:pointer; }

#seejep_float_nav #a_serve{background:url("../images/menu_img.png") no-repeat -14px -75px;}

#seejep_float_nav #a_backtop{ background:url("../images/menu_img.png") no-repeat -14px -228px;}

#seejep_float_nav #a_qrcode{background:url("../images/menu_img.png") no-repeat -14px -142px;}

#seejep_float_nav #hover_serve{ background:url("../images/menu_img.png") no-repeat -160px -69px; }

#seejep_float_nav #hover_qrcode{background:url("../images/menu_img.png") no-repeat -162px -142px;}

#seejep_float_nav .sj_menu{ display:none; color:#333333;}

#seejep_float_nav .sj_menu img{ vertical-align:middle; padding-right:5px; border:none;}

#seejep_float_nav .sj_menu tr{_height:23px;}

#seejep_float_nav #serve_show{ position:absolute; top:0; *top:0; width:81px;[;width:82px;];*width:81px;height:65px; border:1px solid #00CCCC; background:#FFFFFF; border-left:none; z-index:10;  right:0;}

#seejep_float_nav #serve_list{ background-color:#FFFFFF; width:126px; border:1px solid #00CCCC; position:absolute; right:81px; top:0; *top:0; text-align:left;}

#seejep_float_nav #serve_list .sevice_title td {height:20px;line-height:20px;text-indent:14px;}

#seejep_float_nav #serve_list .sevice_qq {height:32px;line-height:32px;text-align:center;}

#seejep_float_nav #serve_list a{margin-left:15px;*margin-left:0;text-decoration:none;  color:#333333;}

#seejep_float_nav .bghead{height:15px;}

#seejep_float_nav #qrcode_show{ position:absolute; top:69px;*top:72px;_top:74px;width:81px; height:65px; border:1px solid #00CCCC; background:#FFFFFF; border-left:none; z-index:10; right:0px;}

#seejep_float_nav #qrcode_list{ border:1px solid #00CCCC; position:absolute; right:81px; border-collapse:collapse; top:69px; *top:72px;_top:74px;background:#FFFFFF; text-align:left; }

#seejep_float_nav #qrcode_list a{ text-decoration:none;  color:#333333;}

#seejep_float_nav #qrcode_list a:hover{ color:#FF6600; }

#seejep_float_nav #erweima{ height:150px; width:150px; padding:0;}

#seejep_float_nav #qrcode_mes{ line-height:23px; height:24px; text-align:center;}

#seejep_float_nav #close_all{height:25px; }

#seejep_float_nav #close_img{height:22px; background:url("../images/close_open.png") no-repeat -13px -6px; width:22px; }

#seejep_float_nav #close_img_bg{right:0px; position:absolute; height:22px; width:22px; cursor:pointer;}

#open_img_bg #open_img{ height:25px; width:110px; background:url("../images/close_open.png") no-repeat -6px -64px; }

#open_img_bg{ position:fixed;_position:absolute;right:0px; bottom:0px; cursor:pointer; display:none;}

#seejep_float_nav #serve_list a{overflow:hidden;display:block;width:92px;height:22px;line-height:22px;text-indent:22px;background:url("../images/online.jpg");font-weight:bold; color:#fff !important;}

#seejep_float_nav #serve_list a.s_qq1 {background-position:0 0;}

#seejep_float_nav #serve_list a.s_qq2 {background-position:0 -22px;}

#seejep_float_nav #serve_list a.s_qq3 {background-position:0 -44px;}

#seejep_float_nav #serve_list a.s_qq4 {background-position:0 -66px;}

#seejep_float_nav #serve_list a.s_qq5 {background-position:0 -88px;}

#seejep_float_nav #serve_list a.s_nqq1 {background-position:-92px 0;}

#seejep_float_nav #serve_list a.s_nqq2 {background-position:-92px -22px;}

#seejep_float_nav #serve_list a.s_nqq3 {background-position:-92px -44px;}

#seejep_float_nav #serve_list a.s_nqq4 {background-position:-92px -66px;}

#seejep_float_nav #serve_list a.s_nqq5 {background-position:-92px -88px;}

#seejep_float_nav #serve_list a.s_wang {margin-left:10px;text-indent:0;background:none;}

#seejep_float_nav #serve_list a.s_skype {width:77px;height:26px;background-position:0 -110px;}





.wrapper{width:986px;margin:0 auto;}

.nopic {width:970px;height:574px;text-align:center;margin:50px auto;}



.cat_title{overflow:hidden;padding:15px 0; border-bottom:1px solid #d8d9d8;}

.cat_title h2{font-size:18px;display:inline-block;zoom:1;*display:inline;vertical-align:middle;margin-top:0px;}

.cat_title p{display:inline-block;zoom:1;*display:inline;vertical-align:middle;color:#999;margin-top:15px;}

.cat_title strong{font-size:18px;font-family:arial;font-weight:normal;color:#999;margin:10px 6px 0 0; padding-left:10px; vertical-align:middle;}

.cat_title .more{font-size:24px;position:absolute;right:10px;top:50px;}

.filter{height:68px;border-bottom:1px solid #d8d9d8;}

.filter.fixed{width:100%;position:fixed;top:80px;left:0;z-index:1;}

* html .filter.fixed{position:absolute;top:expression(eval(document.documentElement.scrollTop+80));}

.filter .wrapper{position: relative;height:68px;line-height:68px;}

.filter h1 {color: #444;font: bold 16px/68px Microsoft YaHei;}

.catbtn {display: block;height: 68px;position: absolute;right: 0;top:0;*top:20px;}

.filter li{display:inline-block;zoom:1;*display:inline;width:95px;margin-left:5px;vertical-align:middle;}

.filter li a{display:block;background-image:-webkit-gradient(linear,left top,left bottom,from(#2e5b7d),to(#214159));-webkit-user-select:none;background-color:#2e5b7d;background-image:-webkit-linear-gradient(top,#2e5b7d,#214159);background-image:linear-gradient(top,#2e5b7d,#214159);background-image:-o-linear-gradient(top,#2e5b7d,#214159);border:1px solid #214159;color:#fff;height:29px;line-height:29px;min-width:54px;padding:0 8px;text-align:center;}

.filter li a:hover{background-image:-webkit-gradient(linear,left top,left bottom,from(#6bb8d1),to(#60abc8));background-image:-webkit-linear-gradient(top,#6bb8d1,#60abc8);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);background-color:#6bb8d1;background-image:linear-gradient(top,#6bb8d1,#60abc8);background-image:-o-linear-gradient(top,#6bb8d1,#60abc8);border:1px solid #40a1c6;box-shadow:0 1px 1px rgba(0,0,0,0.1);text-decoration:none;color:#fff;}

.filter p{position:absolute;right:5px;top:0;color:#ccc}

.filter li a.current{background-color:#6bb8d1;background-image:-webkit-linear-gradient(top,#6bb8d1,#60abc8);background-image:-moz-linear-gradient(top,#6bb8d1,#60abc8);background-image:-ms-linear-gradient(top,#6bb8d1,#60abc8);background-image:-o-linear-gradient(top,#6bb8d1,#60abc8);background-image:linear-gradient(top,#6bb8d1,#60abc8);border:1px solid #40a1c6;color:#fff;}



/*page*/

.page {clear:both;float:right;padding:35px 3px 25px 3px;height:50px;line-height:50px;font:12px/1.5 tahoma,Arial,Verdana,sans-serif;}
.page ul{float: left;height: 20px;padding-left: 7px;padding-right: 7px;margin-left: 5px;padding-top: 1px;color: #A0A0A0;font:12px/1.5 tahoma,Arial,Verdana,sans-serif;/*background: url("../images/page.gif") repeat-x;*/}
.page ul{ list-style:none}
.page ul li{ float:left; margin:0 5px;}
.page span {float: left;height: 20px;border: 1px solid #D2D2D2;padding-left: 7px;padding-right: 7px;margin-left: 5px;padding-top: 1px;color: #A0A0A0;font:12px/1.5 tahoma,Arial,Verdana,sans-serif;background: url("../images/page.gif") repeat-x;}
.page a {float: left;height: 19px;border: 1px solid #D2D2D2;padding-left: 7px;padding-right: 7px;padding-bottom: 1px;padding-top: 1px;text-decoration: none;color: #505050;background: url("../images/page.gif") repeat-x;}
.page .current,.page a:hover {float: left;height: 19px;border: 1px solid #4ca5c7;text-decoration:none;padding-left: 7px;padding-right: 7px;padding-bottom: 1px;margin-left: 5px;padding-top: 1px;color: #fff;background: #60abc8;}
.page span.disabled {float:left;padding:0 0 0 3px;margin:0;border:none;color:#505050;background:none;}



/*about*/

#advantage {width:986px;line-height:170%;padding:50px 0;}

#advantage p {padding-bottom:15px;line-height:180%;	}

#advantage h3 {height:30px;line-height:30px;	}

#advantage p.pic {width:870px;height:295px;padding-bottom:25px;margin:0 auto;}

#advantage .conLeft {float:left;width:550px;}

#advantage .conLeft h1 {height:35px;line-height:35px;font-size:16px;font-weight:normal;color:#c00;}

#advantage .conRight {float:right;width:380px;height:560px;}

#about {line-height:170%;padding:35px 0;}

#about .aboutTxt {float:left;width:602px;height:272px;}

#about .aboutTxt .bntLeft {float:left;width:16px;height:272px;text-indent:-9999px;background:url(../images/bnt_left.png) no-repeat left top;}

#about .aboutTxt .bntMid {float:left;width:550px;height:257px;padding:15px 10px 0 10px;background:url(../images/bnt_bg.png);}

#about .aboutTxt .bntRight {display:block;float:left;width:16px;height:272px;text-indent:-9999px;background:url(../images/bnt_right.png) no-repeat left top;}

#about .aboutTxt .bntMid h3 {height:28px;line-height:28px;padding-bottom:5px;font-size:16px;}

#about .aboutTxt .bntMid p {font-size:14px;line-height:160%;}

#about .aboutPic {float:right;width:372px;height:250px;padding-top:22px;}

#about .aboutPic img {display:block;width:372px;height:235px;}

#about .advtxt {clear:both;width:986px;height:90px;text-indent:-9999px;background:url(../images/about_adv.png) no-repeat 50% top;}

#about .aboutInfo {width:986px;padding-bottom:35px;}

#about .aboutInfo h1 {clear:both;height:70px;line-height:70px;font-size:25px;color:#333;font-weight:normal;}

#about .aboutInfo h1 span {color:#c00;}

#about .aboutInfo dl.info {min-height:300px;_height:300px;margin:15px 0 0 0;line-height:180%;}

#about .aboutInfo dl.info img {display:block;width:240px;height:165px;}

#about .aboutInfo dl.info dt {float:left;width:264px;height:230px;}

#about .aboutInfo dl.info dd {float:left;width:712px;padding-bottom:25px;}

#about .aboutInfo dl.info dd p {padding-top:5px;}

#about .aboutInfo dl.info a {background:url("../images/dotted.gif") repeat-x left bottom;}

#about .aboutInfo dl.info a:hover {color:#7aa51f;text-decoration:none;}

#about .aboutInfo .aboutus {clear:both;width:986px;padding:10px 0 20px;background:url("../images/dotted.gif") repeat-x left bottom;}

#about .aboutInfo .aboutus:hover {cursor:default;background:url("../images/dotted.gif") repeat-x left bottom;}

#about .aboutInfo .end {margin-bottom:25px;}

#about .aboutInfo .aboutus dt {height:30px;padding-top:10px;color:#c00;font-size:16px;}

#about .aboutInfo .aboutus dd {line-height:170%;}

#team {width:986px;position:relative;line-height:170%;padding:50px 0;}

#team a {background:url("../images/dotted.gif") repeat-x left bottom;}

#team a:hover {color:#7aa51f;text-decoration:none;}

#team .text1 {width:393px;height:125px;padding:0 20px 0 0;margin-bottom:20px;background:url("../images/l-dotted.gif") repeat-y right top;}

#team .text1 h2 {height:30px;	font-size:20px;}

#team .text2 {position:absolute;top:50px;right:0;width:550px;height:130px;font-size:11px;}

#team .pic {clear:both;width:986px;height:270px;margin:0 auto 10px;}

#team .pic img {float:left;display:block;width:286px;height:265px;padding-left:30px;}

#team h3 {height:45px;line-height:45px;font-size:20px;color:#333;margin-bottom:20px;}

#team .team {width:986px;margin:0 auto;}

#team .team1 {float:left;width:473px;height:120px;padding:0 20px 20px 0;background:url("../images/l-dotted.gif") repeat-y right top;}

#team .team2 {float:left;width:473px;height:120px;padding:0 0 20px 20px;}

#team .team1 .title,#team .team2 .title {height:28px;line-height:28px;font-size:15px;font-weight:bold;}

#team dl dt {float:left;width:100px;height:130px;padding-right:10px;text-indent:-9999px;background:url("../images/team.jpg") no-repeat 0 0;}

#team dl dt.t2 {background-position:-100px 0;}

#team dl dt.t3 {background-position:-200px 0;}

#team dl dt.t4 {background-position:-300px 0;}

#team dl dt.t5 {background-position:-400px 0;}

#team dl dt.t6 {background-position:-500px 0;}

#team dl dt.t7 {background-position:-600px 0;}

#team dl dt.t8 {background-position:-700px 0;}

#strategic {width:986px;line-height:170%;padding:50px 0;}

#strategic p,#strategic h1,#strategic h3 {width:986px;margin:0 auto;}

#strategic p {padding-bottom:15px;line-height:180%;}

#strategic h3 {height:30px;line-height:30px;font-weight:bold;font-size:13px;}

#strategic p.pic {width:676px;height:280px;padding-bottom:25px;margin:0 auto;}

#strategic h1 {height:35px;line-height:35px;font-size:16px;font-weight:normal;color:#c00;}



/*process*/

#process {margin:50px 0 0 0;padding:0 0 50px 0;background:url("../images/process.png") no-repeat center top;}

#process dl {width:580px;height:167px;margin:0 0 10px 170px;padding:10px 0;}

#process dl dt {height:50px;line-height:50px;font-weight:bold;color:#1A3A52;font-size:26px;}

#process dl dd {line-height:180%;color:#666;font-size:15px;}

#process dl dd.title {width:435px;height:40px;line-height:40px;font-size:16px;color:#f00;}



/*billing*/

#billing {padding:25px 0 150px;background:url(../images/billing.jpg) no-repeat right top;}

#billing h1 { height:35px;line-height:35px;padding:25px 0;background:none;}

#billing h1 span {position:absolute; height:25px;padding:10px 16px 0; background:#214159; font:bold 12px "ËÎÌå"; color:#eee; margin-left:1px;}

#billing p {line-height:220%;}

#billing .billing {width:800px;}



/*host~domain*/

#host,#domain {padding:50px 0;}

#host .table,#domain .table {width: 100%;border-top: 1px solid #DEDEDE;border-right: 1px solid #DEDEDE;border-collapse: collapse;}

#host .table th,#domain .table th {padding: .3em 1em;font-weight: normal;text-align: left;border-bottom: 1px solid #DEDEDE;border-left: 1px solid #DEDEDE;}

#host .table thead th,#domain .table thead th {color: #223F51;font-size: 1.2em;line-height: 2em;font-weight: bold;text-align: center;background: #F3F3F3;}

#host .table .column1,#domain .table .column1 {background: #FAFAFA;}

#host .table tr.odd .column1,#domain .table tr.odd .column1 {background: #F6F6F6;}

#host .table tfoot th,#domain .table tfoot th {text-align: center;background: #F3F3F3;}

#host .table td,#domain .table td {padding:15px;text-align: center;border-bottom: 1px solid #DEDEDE;border-left: 1px solid #DEDEDE;}

#host .table tr.odd td,#domain .table tr.odd td {background: #F9F9F9;}

#host .table tfoot th strong,#domain .table tfoot th strong {display: block;margin: .5em;color: #223F51;font-size: 1.2em;font-weight: bold;}

#host .table tfoot th em,#domain .table tfoot th em {color: #AC3231;font-size: 1.1em;font-weight: bold;font-style:normal;}

#host sup,#domain sup {vertical-align: baseline;}



/*price*/

#price {padding:50px 0;}

#price table {clear:both;width:100%;margin:0 auto;border-collapse:collapse;}

#price table tr:hover {cursor:default;background:#f7fdfd;	}

#price table th {background:#e3e8ed;}

#price table th,#price table td {padding:12px;border:1px solid #ccc;}

#price table span {font-size:18px;color:#f00;}

#price table em {font-size:14px;color:#f00;font-style:normal;}



/*pay*/

#pay {padding:50px 0;}

#pay .pic {width:640px;padding-top:15px;margin:0 auto;}

#pay .pic img {display:block;width:614px;height:150px;}

#pay dl {width:100%;line-height:180%;margin:0 auto;}

#pay dl dt {height:30px;font-size:15px;text-indent:25px;font-weight:bold;background:url("../images/note.gif") no-repeat left 16%;}

#pay table {width:100%;margin:30px auto 0;border-collapse:collapse;}

#pay table th {padding:12px;border:1px solid #ccc;background-color:#e3e8ed;}

#pay table td {border:1px solid #ccc;}

#pay table td.pay0 {width:200px;height:100px;text-indent:-9999px;background:url("../images/pay.jpg") no-repeat 50% 0;}

#pay table td.pay2 {background-position:50% -100px;}

#pay table td.pay3 {background-position:50% -200px;}

#pay table td.pay4 {background-position:50% -300px;}

#pay table td.pay5 {background-position:50% -400px;}

#pay table td.pay6 {background-position:50% -500px;}

#pay table td.pay7 {background-position:50% -600px;}

#pay table td.pay8 {background-position:50% -700px;}

#pay table td img {display:block;width:200px;height:100px;margin:0 auto;}

#pay table p {padding-left:15px;line-height:190%;}

#pay table span {font-size:18px;color:#f00;}

#pay table em {font-size:14px;color:#f00;font-style:normal;}



/*website*/

#website {padding:15px 0 0 0;}

.project {line-height:170%;padding:50px 0;background:url("../images/dotted.gif") repeat-x left top;}

.project dl {float:left;width:270px;	height:350px;padding:0 25px;}

.project .pFirst{padding:0 35px 0 23px;}

.project .pEnd {padding:0 23px 0 35px;}

.project dl a {background:url("../images/dotted.gif") repeat-x left bottom;}

.project dl a:hover {color:#7aa51f;text-decoration:none;}

.project dl .title {font-size:16px;padding:10px 0;}

.project dl dt img {display:block;width:270px;height:150px;	margin:0 auto;}

#website .website {padding:40px 0 50px;}

#website .web {padding:40px 0 50px;background:url("../images/dotted.gif") repeat-x left top;}

#website .webText {float:left;width:500px;}

#website .webText .txtPic {height:90px;padding:10px 0;}

#website .webText .top25 {padding-top:25px;}

#website .webText p {line-height:180%;font-size:14px;}

#website .webPic {float:right;width:370px;text-align:right;margin-bottom:35px;padding:0 10px 0 0;}

#website .webPic img {padding-top:30px;}

#website .int {padding:40px 0 50px;background:url("../images/dotted.gif") repeat-x left top;}

#website .intText {float:right;width:500px;}

#website .intText .txtPic {height:90px;padding:10px 0;}

#website .intText .top25 {padding-top:25px;}

#website .intText p {line-height:180%;font-size:14px;}

#website .intPic {float:left;width:370px;padding:0 10px 0 0;text-align:right;}

#website .intPic img {padding-top:30px;	display:block;width:340px;height:330px;}

#website .psd {padding-top:40px;background:url("../images/dotted.gif") repeat-x left top;}

#website .psd h3 {padding-bottom:10px;}

#website .psd h3 img {display:block;width:270px;height:85px;}

#website .psd .picRight {height:260px;}

#website .psd .picRight dt {float:right;width:330px;height:220px;}

#website .psd .picRight dt  img {display:block;width:320px;height:220px;}

#website .psd .picRight dd {float:left;width:500px;line-height:180%;	font-size:14px;padding:10px 0 0 0;}

#website .psd .picLeft {height:280px;}

#website .psd .picLeft dt {float:left;width:350px;height:220px;}

#website .psd .picLeft dt {display:block;width:320px;height:220px;}

#website .psd .picLeft dd {float:right;width:500px;line-height:180%;font-size:14px;padding:10px 25px 0 0;text-indent:35px;}

#website .psd .picLeft dd.psdNo1 {background:url("../images/psdNo1.gif") no-repeat left 6px;}

#website .psd .picLeft dd.psdNo2 {background:url("../images/psdNo2.gif") no-repeat left 6px;}

#website .psd .picLeft dd.psdNo3 {background:url("../images/psdNo3.gif") no-repeat left 6px;}



/*shopping*/

#shopping { padding:15px 0;}

#shopping #detailed{line-height:1.8;text-align:justify;color:#666;width:986px;margin:0 auto;padding:0;position:relative;min-height:500px;_height:500px;}

#shopping #detailed h2{font-size:18px;font-weight:bold;color:#444;}

#shopping #detailed p{text-indent:2em;margin:5px auto;}

#shopping #detailed strong{font-weight:bold;}

#shopping #detailed .slide{display:none;}

#shopping .system {position: absolute;right:0;top:0;float: right;width: 385px;text-align: center;padding:0;margin:0;}

#shopping .system img {width: 268px; height: 248px;}

#shopping .system h3 {margin-bottom: 10px; font-size: 25px}

#shopping .system h3 span {padding-bottom: 0px; background-color: rgb(255,108,0); padding-left: 10px; padding-right: 10px; color: white; font-size: 25px; margin-right: 14px; padding-top: 0px}

#shopping .system div {margin-top: 6px; width: 385px; height: 190px; margin-left: 0px;background:url("../images/system.jpg") no-repeat left top;}

#shopping .system div dl {padding-left:44px;}

#shopping .system div dl dd {float:left;width:160px;text-align:center;padding:65px 0 5px 0;}

#shopping .doc {clear: both;height:160px;padding: 60px 0 0 30px;margin-top: 30px;background: url("../images/pro-bg.png") 0px 0px no-repeat;}

#shopping .doc .icon {display: inline-block;background: url("../images/icon-app.png") 0px 0px no-repeat;vertical-align: middle;*display: inline;*zoom: 1;}

#shopping .doc .icon-chat {height: 90px;width: 90px;background-position: -8px -9px;}

#shopping .doc .icon-msg {height: 90px;width: 90px;background-position: -118px -9px;}

#shopping .doc .icon-chart {height: 90px;width: 90px;background-position: -226px -9px;}

#shopping .doc .feature {_display:inline;float: left;width: 120px;margin-left: 70px;text-align: center;}

#shopping .doc .icon-doc {width: 38px;height: 38px;margin-right: 10px;background-position: -18px -126px;}

#shopping .doc .icon-help {width: 38px;height: 38px;margin-right: 10px;background-position: -89px -126px;}

#shopping .doc .icon-contact {width: 38px;height: 38px;margin-right: 10px;background-position: -162px -126px;}

#shopping .sub-content-inner {padding: 60px 0 0 0;margin-top: 30px;background: url("../images/pro-bg.png") 0px 0px no-repeat;}

#shopping .feature h3 {color: #333;font-size: 16px;font-family: '΢ÈíÑźÚ', 'ºÚÌå';font-weight: bold;padding:5px 0 5px 0;}

#shopping .feature p {line-height:160%;color: #666;}

#shopping .doc .links {margin-left: 650px;}

#shopping .doc .links li {padding-top: 12px;}

#shopping .doc .links a {color: #323232;}

#shopping .sub-content-inner p {line-height:180%;}



#shopping .pro-list-no {position: absolute;top: 0;left: 0;width: 35px;height: 35px;line-height: 36px;text-align: center;color: #000;padding-right:1px;font-style: italic;font-family: Arial;font-size: 26px;background: url("../images/pro-icon.png") no-repeat;_width: 32px; _padding: 0 0 0 3px;}

#shopping .pro-list-img{text-align: center;padding:0;width:986px;}

#shopping .pro-list-info{font-size: 16px;line-height: 1.5;margin: 35px 0 0 0;width: 986px;overflow: hidden;}

#shopping .pro-list-info em{font-weight: bold;font-style: normal;}

#shopping .pro-list-info a{text-decoration: underline;}

#shopping .pro-list li {position: relative;width: 986px;padding: 0 0 50px 0;}

#shopping .pro-list-tit {font-family: "΢ÈíÑźÚ","ºÚÌå";font-size: 20px;font-style: italic;line-height: 35px;color: #000;margin-bottom: 10px;padding:0 0 0 48px;}

#shopping .pro-list .list-content{font: 16px/30px "΢ÈíÑźÚ","ºÚÌå";}

#shopping .myinfo {background: url("../images/pro-btn.jpg") no-repeat; height: 56px;width:986px;}

#shopping .pro-rotation{position: relative;margin-top: 20px;height: 237px;width: 978px;overflow: hidden;}

#shopping .pro-rot-inner{position: absolute;left: 0;top: 0;height: 236px;width:901px;-moz-transition: all 0.8s ease-in;-webkit-transition: all 0.8s ease-in;-o-transition: all 0.8s ease-in;transition: all 0.8s ease-in;}

#shopping .rot-inner1{left: 0;}

#shopping .pro-rotation .select1{left: 0;}

#shopping .rot-inner2{left: 894px;}

#shopping .pro-rotation .select2{left: 42px;}

#shopping .rot-inner3{left: 937px;}

#shopping .pro-rotation .select3{left: 84px;}

#shopping .pro-rotation .rot-intro{float: left;;width: 11px;height: 236px;padding:20px 15px 0 15px;font: 14px/1.2 'Microsoft YaHei';color: #fff;overflow: hidden;background: url("../images/pro-what.png") no-repeat;}

#shopping .pro-rotation .rot-intro em{float: left;;padding-left: 2px;}

#shopping .pro-rotation .rot-intro1{background-position: -6px -4px;}

#shopping .pro-rotation .rot-intro2{background-position: -52px -4px;}

#shopping .pro-rotation .rot-intro3{background-position: -102px -4px;}

#shopping .pro-rotation .selmenu1, .pro-rotation{background-position: -149px -4px;color: #ff9b15;}

#shopping .pro-rotation .selmenu2, .pro-rotation{background-position: -197px -4px;color: #ff9b15;}

#shopping .pro-rotation .selmenu3, .pro-rotation{background-position: -242px -4px;color: #ff9b15;}

#shopping .pro-rotation .rot-main{display: block;float: left;height: 236px;width: 859px;overflow: hidden;background: #f3f3f3;}

#shopping .pro-rotation .rot-main1{background: #F0EFEF;}

#shopping .pro-rotation .rot-main2{background: #F3F3F2;}

#shopping .pro-rotation .rot-main3{background: #F4F1EF;}

#shopping .intro-according .select .acc-nav:hover, .intro-according .select .acc-nav {color: #EC0D8E;}

#shopping .intro-according .acc-con-2 {left: 48px;}

#shopping .sub-section {background: url("../images/pro-bg.png") 0px 0px no-repeat;padding-top: 60px;margin-top: 20px;position: relative;}

#shopping .sub-section-no-bg {background: none;}

#shopping .sub-section h3 {font-family: "΢ÈíÑźÚ","ºÚÌå";font-size: 25px;margin-bottom: 30px;position: relative;z-index: 10;}

#shopping .sub-section p {font-size: 14px;margin-bottom: 30px;position: relative;z-index: 10;}

#shopping .sub-section p em {color: #1261AF;font-style: normal;}

#shopping .sub-section img {position: absolute;}

#shopping .sub-section-site {height: 350px;padding-top: 0;}

#shopping .sub-section-site h3 {text-align: right;}

#shopping .sub-section-site p {margin-left: 540px;}

#shopping .sub-section-site img {left: 10px;top:0;z-index: 0;}

#shopping .sub-section-monitor {height: 480px;}

#shopping .sub-section-monitor img {top: 65px;right: 0}

#shopping .sub-section-chat {height: 500px;padding-left: 625px;}

#shopping .sub-section-chat img {top: 60px;left: 0;}

#shopping .sub-section-serve {height: 500px;padding-left: 675px;}

#shopping .sub-section-serve img {top: 60px;left: 0;}

#shopping .sub-section-chart {height: 500px;}

#shopping .sub-section-chart img {top: 80px;right:0;}

#shopping .sub-section-role {height: 520px;}

#shopping .sub-section-role img {top: 100px;right:0;}



/*app*/

.app_bg {height:430px; border-bottom:1px solid #ddd; background:url("../images/app_r1_c1.jpg") no-repeat top center; width:100%; display:block}

#app {padding-top:40px;}

#app .block01{line-height:24px; height:222px; margin-bottom:20px; display:block;background:url("../images/dotted.gif") repeat-x left bottom;}

#app h1{font-size:18px; line-height:24px;}

#app h2{font-size:16px; line-height:24px; font-weight:100}

#app .block01 p {font-size:12px; padding-top:15px;}

#app .block01 .block_text{width:280px; padding-right:50px; display:inline; float:left;}

#app .block01 .block_textr {width:656px; display:inline; float:left;}

#app .block01, .W_app_wrap .block02{clear:both;}

#app .block02 dl{padding-top:20px; clear:both; padding-bottom:50px; overflow:auto; height:auto; zoom:1;}

#app .block02 dl dd {float:left; width:229px; margin-right:23px; line-height:24px; font-size:12px; height:295px; display:inline;}

#app .block02 dl dd h3{background:#214159; font-size:14px; color:#fff; text-align:center; line-height:32px; font-weight:100}

#app .block02 dl dd .text {padding-top:62px;background:url("../images/app.jpg") no-repeat; background-position:0 0}

#app .block02 dl dd.i2 .text{background-position:-229px 0;}

#app .block02 dl dd.i3 .text{background-position:-458px 0;}

#app .block02 dl dd.i4 .text{background-position:-687px 0;}

#app .block02 dl dd.i5 .text{background-position:-916px 0;}

#app .block02 dl dd.i6 .text{background-position:-1145px 0;}

#app .block02 dl dd.i7 .text{background-position:-1374px 0;}

#app .block02 dl dd.i8 .text{background-position:-1603px 0;}

#app .block02 dl dd.i4, #app .block02 dl dd.i8{margin-right:0;}



/*mould*/

#mould {position:relative;padding:35px 0 35px;margin-bottom: 30px;background:url("../images/dotted.gif") repeat-x left bottom;}

#mould .l-box {float:left;width:680px;height:510px;}

#mould .r-box {position:absolute;right:0;top:30px;float:right;width:300px;height:510px;}

#mould h2,#m-mould h2 {margin-bottom:13px;font-size:30px;font-weight:bold;color:#1A3A52;}

#mould h2 {margin-bottom:20px;}

#m-mould .top-mould {margin-bottom: 30px;background:url("../images/dotted.gif") repeat-x left bottom;}

#mould .m-box {overflow: hidden;float:left;width:300px;height:232px;color: white;margin:0 20px 38px;background-color:#214967;}

#mould .m-box h3 {font-size:14px;font-weight:bold;line-height:18px;background: url("../images/bg5.gif") repeat-x 0 bottom #58A6C5;padding: 19px 0 20px 21px;margin-bottom: 17px;border-bottom: 1px solid #73C5E6;}

#mould .m-box div {line-height:170%;padding: 0 20px 23px 21px;}

#mould .m-box div p {padding-bottom: 20px;}

#mould .m-box a.button {display: inline-block;height:40px;line-height: 40px;padding: 0 10px 0 12px;font-size: 13px;color: white;text-decoration: none;background:#60ABC8 url("../images/button1.gif") repeat-x scroll 0 0;}

#mould .m-box a.button:hover {background:#214159 url("../images/button2.gif") repeat-x scroll 0 0;}

#mould .alpha {margin:0 23px 38px 0;}

#mould .last {margin-bottom:0;}

#m-mould h2 {padding:0 0 8px 0;}

#m-mould .c00 {color:#CB2603;font-weight:bold;}

#mould .button strong {font-family:arial;font-size:38px;padding:0 3px 0 0;color:#0f3551;}

#mould .button:hover strong {color:yellow;}

#m-mould .f60 {color:#f60;}

#m-mould .fw-f60 {color:#f60;font-weight:bold;}

#m-mould .fw-f60 strong {font-size:18px;}

#m-mould del {color:#666;}

#m-mould p {line-height:160%;padding-bottom:30px;font-size:14px;color:#999;}

#m-mould .m-box {float:left;width:300px;margin:0 20px 50px;}

#m-mould .alpha {margin:0 23px 50px 0;}

#m-mould .omega {margin:0 0 50px 23px;}

#m-mould p.m-pic {float:left;width:110px;margin:5px 8px 0 0;padding:0;}

#m-mould p.m-pic img {display:block;width:110px;}

#m-mould dl {float:left;width:180px;}

#m-mould dl dt {line-height:18px;font-weight: bold;color: #4480AC;font-size: 16px;}

#m-mould dl dd {line-height:160%;padding:11px 0 18px;color:#999;}



/*seo*/

#seo {clear:both; line-height:24px; padding-top:30px; font-size:14px;font-size:13px; display:block; height:680px;}

#seo .seo_left{width:380px; margin-top:60px; padding-right:50px; background:url("../images/seo1.png") no-repeat top left; padding-top:420px; display:inline; float:left; border-right:1px solid #DDD;}

#seo .seo_right{width:500px; margin-top:30px;padding-left:23px; float:right; display:inline; background:url("../images/seo2.png") no-repeat top left; padding-top:420px;}

#seo .seo_right h1{font-weight: bold;font-size: 20px;padding:0; line-height:22px; margin:0;}

#seo .seo_right h2{line-height:22px; font-size:14px; margin:0; margin-bottom:8px;}

.seobox {padding:0 0 50px 0;}

dl.dlbox {float:left;width:315px;background: url("../images/bg_2.jpg") repeat-y left top;}

dl.dlbox dt {height: 140px}

dl.dlbox dt.dt01 {background: url("../images/img_01.jpg") no-repeat 17px bottom;}

dl.dlbox dt.dt02 {background: url("../images/img_02.jpg") no-repeat 17px bottom;}

dl.dlbox dt.dt03 {background:url("../images/img_03.jpg") no-repeat 17px bottom;}

dl.dlbox dd {padding:10px 17px;color:#555;}

dl.dlbox dd.box01foot {width:315px;padding:0;height:7px;background:url("../images/bg_3.jpg") no-repeat left bottom;}

.box_first {float: left;width: 335px;}

.box_last {float: right;width: 315px;}

.centera {clear: both;height: 336px;width: 986px;margin:0 0 10px 0;padding-top: 10px;background:url("../images/tu_1.gif") no-repeat;}

.centerbb {float: right;height: 170px;width: 325px;margin:0 0 20px 0;background:url("../images/tu_3.jpg") no-repeat;}

.centerba {float: left;height: 170px;width: 641px;margin:0 0 20px 0;background:url("../images/tu_2.gif") no-repeat;}

.gsjj {height: 102px;width: 612px;clear: both;margin-top: 60px;margin-left: 15px;}

.gsjj a {color: #B30E2B;}

.lxwm {clear: both;width: 301px;margin-top: 100px;margin-left: 15px;}

.lxwma {float: left;width: 113px;}

.ctaa {float: left;width: 300px;height: 52px;margin:10px 10px 0 10px;}

.centeraa {clear: both;margin-top: 120px;margin-left: 10px;height: 52px;overflow: hidden;}

.centerab {clear: both;margin-top: 100px;margin-left: 10px;height: 52px;overflow: hidden;}



/*hosting*/

#hosting{display:block;float:left;width:986px;padding:20px 0;color:#666;border-top:1px solid #fff;}

#hosting table {border-collapse: collapse;border-spacing: 0;}

#hosting a.hero_top{float:right;display:block;width:108px;height: 17px;padding: 4px 0px 0;background: url("../images/bg_back_top_blue.png") 0 0 no-repeat;}

#hosting h1{font-size:26px; letter-spacing:-1px;}

.features{margin:20px 0 50px;}

.features p{display:block;width:480px;line-height:170%;margin:10px 0;text-align:left;font-size:12px;font-weight:normal;color:#666;}

#hosting table tr th, #hosting table tr td{padding:15px 10px;font-size:12px; vertical-align:middle; text-align:center;}

#hosting table tr td strong{font-weight:normal; font-size:11px;}

#hosting table tr th{color:#698626; text-align:center; width:95px; padding:10px; font-size:16px; vertical-align:top;}

#hosting table tr td.leftcol, #feature_hosting table tr th.leftcol{text-align:left; width:480px; border-left:1px solid #d0dcb3; line-height:14px;}

#hosting table tr th.leftcol{padding:10px 10px 10px 0; border-left:none;}

#hosting table tr td.leftcol a{color: #242424}

#hosting table tr td.leftcol a:hover{text-decoration:underline}

.check_mark{background:url("../images/icon_checkmark.gif") center top no-repeat; display:block; width:65px; height:66px; margin:0 auto;}

.bottomBorder{border-bottom:1px solid #d0dcb3;}

.table_expertPlan, .table_unlimitedPro, .table_businessPlus{text-indent:-9999px;border:1px solid #d0dcb3;border-top:none; color:#333; text-shadow:1px 1px #fff;}

.table_features{width:370px;}

.table_expertPlan, .head_expertPlan{background:#edf4dd url("../images/bg_table_shadow_right.png") right top repeat-y; border-right:none;}

.table_unlimitedPro, .head_unlimitedPro{background-color:#edf4dd; width:135px !important;}

.table_unlimitedPro span{font-size:12px;}

.table_businessPlus, .head_businessPlus{background:#edf4dd url("../images/bg_table_shadow_left.png") left top repeat-y; border-left:none;}

.head_expertPlan, .head_unlimitedPro, .head_businessPlus{border:1px solid #d0dcb3; border-bottom:none; letter-spacing:-1px; text-shadow:1px 1px #fff; }

.bottomBorder01 {border-bottom:none;}



/*develop*/

#develop{position:relative; height:650px; display:block;}

#develop .develop_bg {width:852px; height:615px; display:block; background:url("../images/develop.jpg") no-repeat; position:absolute; left:-70px; top:0;}

#develop .develop_text{position:absolute; background:url("../images/develop_title.gif") no-repeat; background-position:0 0;right:0px; top:35px; width:322px; font-size:13px; line-height:22px; padding-top:135px; color:#565757;}

#develop .develop_text p{margin-bottom:20px;}



/*templates*/

#templates {padding:35px 0 0 0;}
#templates li.item {float:left;zoom:1;*display:inline;position:relative;width:220px;height:250px;overflow:hidden;background:#fff;margin:10px 22px 0 0;font-size:14px;letter-spacing:normal;}
#templates li.item01 {margin:10px 0 0 0;}
#templates li.item a {display:block; width:210px; height:210px; overflow:hidden; padding:2px;border:3px solid #eee;}
#templates li.item a:hover {border:3px solid #bbb;/*background:#2e5b7d;*/}
#templates li.item span {display:block;height:32px;line-height:32px;text-indent:8px;}
#templates li.item span.code {padding:5px 0 0 0;}
#templates li.item img{display:block;width:284px;height:172x;margin:0 auto;}
#templates li.item strong{display:block;font:bold 12px/24px Microsoft YaHei;color:#666;}
#templates li .price {position:absolute;top:145px;left:5px;display:block;width:82px;height:31px;padding:3px 0 0 14px;color:#fff;font-size:22px;font-weight:bold;background:url("../images/price.png") no-repeat left top;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/price.png" ,sizingMethod="crop");}



/*news*/

#news {margin:15px 0 0 0;}
#news div {width:986px;height:130px;margin:0 auto;background:url("../images/dotted.gif") repeat-x 0 bottom;padding:15px 0 0 0;}
#news p.pic {float:left;width:190px;height:105px;}
#news p.pic a {display:block;width:186px;height:103px;cursor:pointer;border:1px solid #e0e0e0;}
#news p.pic a:hover {padding:0;margin:0;border:1px solid #40a1c6;}
#news p.pic img {display:block;width:180px;height:97px;padding-top:3px;padding-left:3px;}
#news dl {float:left;width:760px;height:105px;padding-left:30px;}
#news dl dt {height:30px;line-height:30px;color:#999;}
#news dl strong {font-size:14px;color:#333;}
#news dl strong a:hover {text-decoration:underline;}
#news dl dt span {float:right;padding:0 8px 0 0;color:#ccc;}
#news dd.info {overflow:hidden;height:65px;line-height:180%;color:#949494;}
#news dd.more {padding:3px 0 0 0;text-align:right;}

/*¹²ÓÃUL±êÇ©×éºÏÑùʽ*/
.ullist {list-style:none;}
.ullist li{padding-left:24px; background:url(../images/ulli_bg.png) no-repeat 5px 7px; height:32px; line-height:32px; overflow:hidden;}
.ullist li a {}
.ullist li span {float:right; padding-right:5px; font-size:10px;}
.ullist .arrow {background:url(arrow.jpg) 0 center no-repeat; padding-left:15px;}

/*detail*/
#detail {line-height:180%;}
#detail .contxt {padding:35px 0;}
#detail .contxt p,#detail .contxt div {padding:0 0 12px 0;text-indent:25px;}
#detail .conpic {padding:50px 0;}
#detail .conpic img {}
#case_footer{background-color:#f5f4f4;border-top:1px solid #d8d9d8;padding:15px 0;}
#case_footer .wrapper {width:986px;margin:0 auto;}
#case_footer .showother{height:20px;line-height:20px;position:relative;}
#case_footer .showother a span{display:block;width:20px;height:20px;overflow:hidden;position:relative;}
#case_footer .showother a span img{position:absolute;}
#case_footer .showother a{display:block;width:85px;height:20px;line-height:20px;position:absolute;color:#666;}
#case_footer .showother a:hover{text-decoration:none;color:#39f;}
#case_footer .showother .previous{left:0;}
#case_footer .showother .previous span{float:left;}
#case_footer .showother .backlist{left:51%;margin-left:-20px;width:20px;text-indent:-9999px;overflow:hidden;background:url("../images/sprite_arrows.png") 0 -40px no-repeat;}
#case_footer .showother .backlist:hover{background-position:-20px -40px;}
#case_footer .showother .next{right:0;text-align:right;}
#case_footer .showother .next span{float:right;text-align:left}
#case_footer .showother .next span img{top:-20px;}



/*case*/

#case {padding:35px 0 0 0;}
#case dd.item {float:left;zoom:1;*display:inline;position:relative;width:300px;height:235px;overflow:hidden;background:#fff;margin:10px 39px 0 0;padding:0 0 20px 0;font-size:12px;letter-spacing:normal;}
#case dd.item01 {margin:10px 0 0 0;}
#case dd.item a {display:block;width:300px;height:210px;}
#case dd.item img{display:block;width:300px;height:210px;margin:0 auto;}
#case dd h2{font-size:18px; font-weight:100;font-family: "QTypeCompBook","Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; line-height:24px;}
#case dd a.moreinfo {position:absolute; width:100px; height:26px; line-height:26px; color:#FFFFFF; text-align:center;background:#333;-webkit-border-radius: 5px;-moz-border-radius: 5px; left:100px;border-radius: 5px; font-size:14px; top:20px; display:none; cursor:pointer; font-family: "΢ÈíÑźÚ","ËÎÌå";}
#case dd a.moreinfo:hover{ text-decoration:none; background:#000; color:#FFFFFF;}

/**/

.item_text {line-height:22px; clear:both;}
.item_icon { width:280px; display:inline; float:left; line-height:22px;}
.item_text h2 {font-size:20px; color:#000000;font-family: "QTypeCompBook","Trebuchet MS", Arial, Helvetica, sans-serif;line-height:40px;}
.item_text h6 {font-size:14px;font-family: Georgia, "Times New Roman", Times, serif; font-weight:100;}
.item_text .note {font-family:Arial, Helvetica, sans-serif; color:#666666; padding-top:5px;}
.item_text a.link{background:#e3e3e3;-webkit-border-radius: 5px;-moz-border-radius: 5px; margin-top:20px; color:#333; margin-bottom:10px;border-radius: 5px; line-height:30px; height:30px; display:block; text-align:center;font-family: "HelveticaNeueLTStd45Light";font-size:14px;}
.item_text a:hover {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background:#CCC; text-decoration:none;}
.item_text a:active{ background: #040000; color:white; }

.item_thumb{width:980px; padding-bottom:0px; display:inline; float:left; position:relative;}
.item_thumb h1 {font-family:Arial, Helvetica, sans-serif; font-size:30px; padding-bottom:5px;}
.item_thumb h1 span {font-size:14px; padding-left:10px;}
.item_thumb h2 {font-family:Arial, Helvetica, sans-serif; font-size:22px; padding-bottom:30px;}
.item_thumb .item_read {height:180px; display:block; clear:both;}
.item_thumb .item_read dd{width:310px; display:inline; font-size:12px; line-height:22px; float:left; font-family:Arial, Helvetica, sans-serif;}
.item_thumb .item_read dd.en{margin-right:35px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.item_thumb .imgcontent img {width:900px; display:block; margin:0 auto;}
.item_thumb .console_num{height:20px; display:block; clear:both; padding:35px 0 10px 0;}
.item_thumb .case_bg{width:900px; padding-left:44px; height:560px; padding-top:41px; display:block; overflow:hidden; background:url("../images/case_bg.jpg") no-repeat; margin:10px 0 10px 40px;}
.case_bg .container{width:817px;height:517px;overflow:hidden;position:relative}
.case_bg .slider{position:absolute;width:6000px;}
.case_bg .slider li{float:left;}
.console_num .num{overflow:hidden; height:15px; display:block;  margin:0 auto; text-align:center;}
.console_num .num li{width:15px; height:15px; margin-left:5px; cursor:pointer; display:inline; display:inline-block; background:url("../images/tg_flash_p.png") no-repeat; text-indent:-9999px; line-height:0px;}
.console_num .num li.on{background:url("../images/tg_flash_p2.png") no-repeat;}

.case_direct{float: right;margin-top:8px;width:280px;height:65px;}

.case_direct li{list-style: none;float:left;margin-right: 5px;}

.case_direct li a{display:block;width:84px;height:65px;background: url("../images/case_direct.gif") no-repeat;}

.case_direct li .previous:hover{background: url("../images/case_direct.gif") no-repeat 0px -79px;}

.case_direct li .list{width:102px;background-position: -88px 0px;}

.case_direct li .list:hover{background: url("../images/case_direct.gif") no-repeat -88px -79px;}

.case_direct li .next{background-position: -196px 0px;}

.case_direct li .next:hover{background: url("../images/case_direct.gif") no-repeat -196px -79px;}

.case_direct li.last{margin-right:0px;}



/*service*/

#service .service {position:relative;height:280px;line-height:180%;padding:0 0 35px 0;background:url("../images/dotted.gif") repeat-x left bottom;}

#service .service .num {line-height:100%;padding:0;margin:0;position: absolute;color: #C1C1C1;font-family:"Trebuchet MS";font-weight: bold;width:150px;height: 215px;top:0;font-size: 300px;}

#service .service01 .num{right:25px;}

#service .service02 .num{left:0;}

#service .service01 div{position: absolute; right: 213px;top: 62px;width: 435px;}

#service .service02 div{position: absolute; right: 296px;top: 62px;width: 435px;}

#service .serviceEnd {background:none;padding:0 0 80px 0;}

#service .service h1 {padding:0 0 8px 0;font-size:16px;font-weight:bold;text-indent:0;}

#service .service .more {width: 67px;height:18px;line-height:18px;margin:8px 0 0 0;padding:3px;text-align:center;background-color: #707070;}

#service .service .more a {color: #D9D9D9;}



/*contact*/

#contact {min-height:500px;_height:500px;padding:50px 0;line-height:200%;color:#666;}

#contact #c_company {float:left;width:335px;margin:0 0 50px 0;}

#contact #c_company #c_info {font-size: 14px;line-height: 22px;}

#contact #c_company #c_tel {margin:35px 0 0 0;}

#contact #c_company #c_info h1,#contact #c_company #c_tel h1 {font-size: 24px;line-height: 48px;margin-bottom: 5px;}

#contact #c_online {float: left;width: 560px;height:400px;margin:15px 0 50px 90px;}

#contact #c_online .c_service {clear:both;height:200px;}

#contact #c_online .c_service a {color:#f60;text-decoration:underline;}

#contact #c_online .c_service a:hover {color:#c00;}

#contact #c_online .no_bottom {height:100px;background:none;}

#contact #c_online #c_qq {float:left;width:300px;height:185px;}

#contact #c_online #c_qq dt {float:left;width:68px;height:175px;margin:60px 32px 0 0 ;text-indent:-9999px;background:url("../images/online.jpg") no-repeat -286px -70px;	}

#contact #c_online #c_qq dd {height:35px;line-height:35px;padding:0 0 0 75px;*padding:0 0 0 0;}

#contact #c_online #c_qq .c_top {padding:15px 0 0 0;}

#contact #c_online #c_qq a {overflow:hidden;display:inline-block;width:92px;height:22px;line-height:22px;text-indent:22px;background:url("../images/online.jpg");font-weight:bold; color:#fff !important;}

#contact #c_online #c_qq a.c_qq1 {background-position:0 0;}

#contact #c_online #c_qq a.c_qq2 {background-position:0 -22px;}

#contact #c_online #c_qq a.c_qq3 {background-position:0 -44px;}

#contact #c_online #c_qq a.c_qq4 {background-position:0 -66px;}

#contact #c_online #c_qq a.c_qq5 {background-position:0 -88px;}

#contact #c_online #c_qq a.c_nqq1 {background-position:-92px 0;}

#contact #c_online #c_qq a.c_nqq2 {background-position:-92px -22px;}

#contact #c_online #c_qq a.c_nqq3 {background-position:-92px -44px;}

#contact #c_online #c_qq a.c_nqq4 {background-position:-92px -66px;}

#contact #c_online #c_qq a.c_nqq5 {background-position:-92px -88px;}



#contact #c_online #c_weixin {float:left;height:185px;}

#contact #c_online #c_weixin dt {float:left;width:85px;height:70px;margin:60px 8px 0 0;text-indent:-9999px;background:url("../images/online.jpg") no-repeat -190px 0;	}

#contact #c_online #c_weixin .c_top {padding:15px 0 0 0;}

#contact #c_online #c_weixin dd {float:right;width:162px;height:162px;}

#contact #c_online #c_weixin dd img {display:block;width:162px;height:162px;}
#contact #c_online #c_sina {float:left;width:280px;height:90px;margin:5px 0 0 0;}

#contact #c_online #c_sina dt {float:left;width:90px;height:70px;margin-right:8px;text-indent:-9999px;background:url("../images/online.jpg") no-repeat -190px -70px;	}

#contact #c_online #c_sina .c_seejep {padding:10px 0 0 0;font-size:18px;font-weight:bold;color:#333;}


#contact #c_online #c_ali {float:left;width:280px;height:90px;margin:5px 0 0 0;}

#contact #c_online #c_ali dt {float:left;width:90px;height:70px;margin:0 8px 0 15px;_margin:0 8px 0 0;text-indent:-9999px;background:url("../images/online.jpg") no-repeat -274px 0;	}

#contact #c_online #c_ali .c_seejep {padding:10px 0 0 0;font-size:18px;font-weight:bold;color:#333;}


#contact #c_online #c_service {height:70px;margin:10px 0 0 0;}

#contact #c_online #c_service li {float:left;height:70px;}

#contact #c_online #c_service li a {display:block;height:70px;text-indent:-9999px;background:url("../images/online.jpg") no-repeat -190px 0;}

#contact #c_online #c_skype {float:left;width:280px;height:90px;margin:9px 0 0 0;}

#contact #c_online #c_skype dt {float:left;width:80px;height:70px;margin-right:17px;text-indent:-9999px;background:url("../images/online.jpg") no-repeat -356px 0;	}

#contact #c_online #c_skype .c_seejep {padding:10px 0 0 0;font-size:18px;font-weight:bold;color:#333;}
#contact #dituContent {clear:both;margin-bottom:50px;}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}

.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}


/*È˲ÅÕÐƸ*/
.joinus li{border:1px solid #ddd;padding-bottom:10px; margin:10px 0;}
.joinus h3{font-size:14px; font-weight:bold; line-height:32px; background:#f0f0f0; border-bottom:1px dashed #ddd; padding:0 10px;}
.joinus div {line-height:24px; padding:0 10px; display:block;}
.joinus span {float:right; font-weight:normal; font-size:12px;}
.joinus a {float:right; font-weight:normal; background:#eee; border:1px dashed #ddd; padding:2px 10px;}
.joinus a:hover {background:#ddd; text-decoration:none;}

.joinus_article {line-height:24px;}
.joinus_article h3.title {font-size:22px; font-weight:normal; line-height:40px;}
.joinus_article .joinbody {border:1px dashed #ddd; background:eee; margin-bottom:20px; padding:10px;}

.postresume {background:eee; border:1px solid #ddd; padding:10px; line-height:32px; margin-bottom:10px;}
.intxt[type="text"], .intxt[type="password"] {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(112, 112, 112) rgb(206, 206, 206) rgb(206, 206, 206) rgb(112, 112, 112);
    padding: 2px 4px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
}
.intxt[type="text"]:focus, .intxt[type="password"]:focus {
    border-color: rgb(165, 199, 96);
    color: rgb(51, 51, 51);
    box-shadow: 0px 0px 3px rgb(165, 199, 96);
    outline: medium none;
}
.postresume select {padding:3px;}


.detail_title {background:url(../images/detail_bg.png) no-repeat; color:#fff; padding-left:20px; font-size:14px; line-height:34px;}