/* CSS Document */
/*---------------------homepage------------------------*/

/*________header________*/
#header{
	position:relative;
	width:100%;
	height:231px;
	background:transparent url(bg-nav.gif) bottom center no-repeat;
}
.topLogo{
	position:relative;
	width:924px;
	height:133px;
	margin:0 auto;
	background:transparent url(pic-top.gif) center top no-repeat;
}
.topLogo h1{
	position:relative;
	top:30px;
	left:62px;
	width:450px;
	height:64px;
}
.topLogo h1 a{
	position:relative;
	display:block;
	width:450px;
	height:64px;
	text-indent:-9999px;
	background:transparent;
}
.topFlash{
	position:absolute;	
	top:0;
	right:0;
	width:410px;
	height:133px;
}
.menuBar{
	position:relative;
	width:924px;
	height:84px;
	margin:0 auto;
}
.nav{
	list-style:none;
	width:904px;
	height:57px;
	padding:0 0 0 20px;
	background:transparent url(pic-nav.gif) 0 0 no-repeat;
}
.nav li{ height:57px; float:left;}
.nav .li01{ width:103px;}
.nav .li02{ width:110px;}
.nav .li03{ width:115px;}
.nav .li04{ width:112px;}
.nav .li05{ width:112px;}
.nav .li06{ width:113px;}
.nav .li07{ width:112px;}
.nav .li08{ width:108px;}
.nav li a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
.nav .li01 a:hover,.nav .li01 .current{ background:transparent url(pic-nav.gif) -20px -57px no-repeat;}
.nav .li02 a:hover,.nav .li02 .current{ background:transparent url(pic-nav.gif) -123px -57px no-repeat;}
.nav .li03 a:hover,.nav .li03 .current{ background:transparent url(pic-nav.gif) -233px -57px no-repeat;}
.nav .li04 a:hover,.nav .li04 .current{ background:transparent url(pic-nav.gif) -348px -57px no-repeat;}
.nav .li05 a:hover,.nav .li05 .current{ background:transparent url(pic-nav.gif) -460px -57px no-repeat;}
.nav .li06 a:hover,.nav .li06 .current{ background:transparent url(pic-nav.gif) -572px -57px no-repeat;}
.nav .li07 a:hover,.nav .li07 .current{ background:transparent url(pic-nav.gif) -685px -57px no-repeat;}
.nav .li08 a:hover,.nav .li08 .current{ background:transparent url(pic-nav.gif) -797px -57px no-repeat;}
.subNav{ width:884px; height:27px; margin:0 20px;}
.subNav p,.subNav ul{
	margin-top:0;
	color:#888;
	height:27px;
	line-height:27px;
	float:left;
	width:auto;
	display:block;
}
.subNav ul{
	list-style:none;
	padding:0 0 0 1px;
	background:transparent url(pic-subnav.gif) left center no-repeat;
	
}
.subNav ul li{
	height:27px;
	padding:0 12px 0 11px;
	background:transparent url(pic-subnav.gif) right center no-repeat;
	float:left;
}
.subNav ul li a{ color:#888;}
.subNav ul li a:hover{ color:#fd8400;}


/*____________main_______________*/
#indContainer{ position:relative; width:924px; margin:0 auto;}
.indMain{ position:relative; width:661px; float:left; }
.indFlash{
	position:relative;
	width:661px;
	height:168px;
	margin:-5px 0 0 -5px;
}
.indService{
	position:relative;
	width:653px;
	height:131px;
	margin:0 0 0 -5px;
	padding:7px 0 0 8px;
	background:url(bg-indservice.gif) 0 0 no-repeat;
}
.indService ul{
	list-style:none;
	height:125px;
	padding-right:3px;
	float:left;
}
.indService .ser01{ width:214px;}
.indService .ser02{ width:216px;}
.indService .ser03{ width:208px;}
.indService ul .li01{ height:90px;}
.indService ul .li01 a{
	display:block;
	width:100%;
	height:82px;
	text-indent:-9999px;
}
.indService .ser01 .li01{ background:url(pic-indser01.gif) 0 0 no-repeat;}
.indService .ser02 .li01{ background:url(pic-indser02.gif) 0 0 no-repeat;}
.indService .ser03 .li01{ background:url(pic-indser03.gif) 0 0 no-repeat;}
.indService ul .li02{
	height:30px;
	line-height:15px;
	padding:0 18px 0 4px;
	overflow:hidden;
}
.indService ul .li02 a,.indService ul .li02 a:hover{ color:#ede4e4;}
.indNews{
	position:relative;
	width:648px;
	height:160px;
	margin:4px 0 0 0;
}
.indNews_bg01{background:url(bg-indnews.gif) 0 0 no-repeat;}
.indNews_bg02{background:url(bg-indnews.gif) 0 -160px no-repeat;}
.indNewsBtn,.indNewsOpt,.indNewsMore,.indNewsList{ position:absolute; margin:0;}
.indNewsBtn{
	top:98px;
	left:7px;
	width:61px;
	height:18px;
}
.indNewsBtn a,.indNewsMore a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
.indNewsOpt{
	top:7px;
	left:151px;
	width:142px;
	height:28px;
}
.indNewsOpt a{
	display:block;
	width:71px;
	text-align:center;
	float:left;
}
.indNewsOpt a:hover{ text-decoration:none; color:#ff8c39;}
.indNewsOpt .opt01{
	color:#ff8c39;
	height:15px;
	padding-top:10px;
}
.indNewsOpt .opt02{
	color:#393939;
	height:16px;
	padding-top:9px;
}
.indNewsMore{
	top:10px;
	left:592px;
	width:34px;
	height:12px;
}

.indNewsList{
	top:40px;
	left:168px;
	width:460px;
	height:100px;
}
.indNewsList ul{
	list-style:none;
	width:446px;
	height:21px;
	padding:0 0 0 14px;
	background:transparent url(pic-indnewtil.gif) 0 9px no-repeat;
}
.indNewsList ul li{ height:16px; padding:4px 0 0 0;}
.indNewsList ul .li01{ width:356px;}
.indNewsList ul .li02{ width:86px; margin:-20px 0 0 360px;}
.indCustomer{
	position:relative;
	width:141px;
	height:245px;
	margin:-24px 0 0 0;
	background:url(bg-indcustomer.gif) -141px repeat-y;
}
.indCustomer p{ margin:0;}
.indCus_top{
	height:36px;
	text-indent:-9999px;
	background:url(bg-indcustomer.gif) 0 0 no-repeat;
}
.indCus_list{
	height:195px;
	margin:2px 0 0 0;
	overflow:hidden;
}
.indCus_list ul{ list-style:none;}
.indCus_list ul li{ margin:6px 10px 0 15px; line-height:16px;}
.indCus_bot{ height:12px; background:url(bg-indcustomer.gif) -282px bottom no-repeat;}
.indCase{
	position:relative;
	width:494px;
	height:182px;
	padding:37px 0 0 0;
	margin:-213px 0 0 155px;
	background:url(bg-indcase.gif) 0 0 no-repeat;
}
.indQuestion{
	position:relative;
	width:649px;
	height:166px;
	margin:4px 0 0 0;
}
.indKnowledge,.indFAQ{
	width:320px;
	height:166px;
	background:url(bg-indfaq.gif) 0 0 no-repeat;
	float:left;
}
.indFAQ{ margin:0 0 0 9px;}
.indKnowledge h3,.indFAQ h3{
	width:310px;
	height:29px;
	margin:5px 0 0 5px;
	text-indent:-9999px;
}
.indKnowledge h3{ background:url(pic-indques01.gif) 0 0 no-repeat;}
.indFAQ h3{ background:url(pic-indques02.gif) 0 0 no-repeat;}
.indKnowledge div,.indFAQ div{
	width:300px;
	height:110px;
	margin:16px 0 0 10px;
}
.indKnowledge div ul,.indFAQ div ul{ list-style:none; height:22px;}
.indKnowledge div ul li,.indFAQ div ul li{ height:22px; color:#c66000;}
.indKnowledge div ul li a,.indFAQ div ul li a,.indKnowledge div ul li a:hover,.indFAQ div ul li a:hover{ color:#c66000;}
.indKnowledge div ul .li01,.indFAQ div ul .li01{ width:228px;}
.indKnowledge div ul .li02,.indFAQ div ul .li02{ width:66px; margin:-22px 0 0 234px;}
.indKnowledge p,.indFAQ p{
	width:38px;
	height:12px;
	margin:-148px 0 0 268px;
}
.indKnowledge p a,.indFAQ p a,.indAbout .p1 a,.indAbout .p2 a,.indView p a,.indMsg p a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
.indSideBar{ position:relative; width:263px; float:left;}
.indAbout{
	position:absolute;
	top:-5px;
	left:-5px;
	width:274px;
	height:292px;
	background:url(pic-indabout.gif) 0 0 no-repeat;
}
.indAbout .p1{
	width:183px;
	height:26px;
	margin:77px 0 0 12px;
}
.indAbout .p2,.indView p{
	width:31px;
	height:31px;
	margin:13px 0 0 231px;
}
.indAbout .p2{ margin:13px 0 0 231px;}
.indAbout .p3{
	width:242px;
	height:126px;
	line-height:21px;
	margin:7px 0 0 16px;
	overflow:hidden;
}
.indAbout .p3 p{ margin:0; text-indent:24px;}
.indView{
	position:absolute;
	width:263px;
	height:158px;
	top:287px;
	background:url(pic-indView.gif) 0 0 no-repeat;
}
.indView p{ margin:10px 0 0 227px;}
.indView div{ height:132px; margin:16px 0 0 0;}
.indView div ul{
	list-style:none;
	height:22px;
	overflow:hidden;
}
.indView div ul li{ height:22px; line-height:22px;}
.indView div ul .li01{
	width:158px;
	padding-left:26px;
	background:transparent url(pic-indviewtil.gif) 8px 2px no-repeat;
	overflow:hidden;
}
.indView div ul .li01 a,.indView div ul .li01 a:hover{ color:#c66000;}
.indView div ul .li02{
	width:80px;
	color:#c66000;
	margin:-22px 0 0 182px;
	overflow:hidden;
}
.indContact{
	position:absolute;
	width:263px;
	height:166px;
	top:451px;
	padding:54px 0 0 0;
	background:transparent url(bg-indcontact.gif) 0 0 no-repeat;
}
.indContact p{
	margin:0;
	padding:0 0 0 12px;
	line-height:14px;
}
.indMsg{
	position:absolute;
	width:263px;
	top:637px;
}
.indMsg p{ height:69px; margin:0;}
.indMsg .p1 a{ background:url(pic-indmsg.gif) 0 0 no-repeat;}
.indMsg .p1,.indMsg .p2{ margin-top:9px;}
.indMsg .p2 a{ background:url(pic-indblog.gif) 0 0 no-repeat;}
.indMsg .p3 a{ background:url(pic-indebook.gif) 0 0 no-repeat;}
.indMainEmpty{
	position:relative;
	margin:0;
	width:100%;
	height:12px;
}
/*_______________footer______________*/
#footer{
	position:relative;
	width:100%;
	height:247px;
	background:transparent url(bg-foot.gif) bottom repeat-x;
}
.footPartners{
	position:relative;
	margin:0 auto;
	width:922px;
	height:59px;
	border:1px solid #e4e4e4;
	background:url(bg-foot01.gif) top repeat-x;
}
.footPartners p,.footPartners div{ height:59px; margin:0; float:left;}
.footPartners .ctrL,.footPartners .ctrR{ width:21px;}
.footPartners .ctrL a,.footPartners .ctrR a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	cursor:pointer;
}
.footPartners .ctrL a{ background:transparent url(pic-foot-parters-ctrl.gif) center center no-repeat;}
.footPartners .ctrR a{ background:transparent url(pic-foot-parters-ctrr.gif) center center no-repeat;}
.footPartners .ParCont{ width:860px; padding:0 10px; overflow:hidden;}
.footPartners .ParCont ul{ list-style:none; height:59px;width:860px;overflow:hidden;}
.footPartners .ParCont ul li{
	padding:0 12px 0 10px;
	height:59px;
	background:url(pic-foot-par-line.gif) right center no-repeat;
	float:left;
	width:120px;
	overflow:hidden;
}
.footLinks{
	position:relative;
	width:924px;
	height:28px;
	
	overflow:hidden;
	margin:18px auto 0 auto;
	background:transparent url(pic-link.gif) 36px 10px no-repeat;
}
.footLinks div{
	width:810px;
	height:28px;
	color:#e0d7e8;
	margin:0 0 0 98px;
	overflow:hidden;
}
.footLinks div p{ margin:0;overflow:hidden; line-height:28px; }
.footLinks div p a{ color:#766868;height:28px;overflow:hidden; line-height:28px;}
.footLinks div p a:hover{ color:#333;}
.footLast{
	position:relative;
	width:762px;
	height:140px;
	margin:0 auto;
	padding:0 0 0 162px;
	background:transparent url(pic-foot-logo.gif) 0 16px no-repeat;
}
.footLast ul{
	list-style:none;
	height:51px;
	margin:26px 0 0 0;
	padding-top:7px;
	background:transparent url(pic-foot-txt-line.gif) 0 0 no-repeat;
	float:left;
}
.footLast ul li{ color:#b3b3b3; height:20px;}
.footLast ul li a,.footLast ul li a:hover{ color:#b3b3b3;}
.footLast .ul01{ width:198px; padding-left:12px;}
.footLast .ul02{ width:552px; text-align:right;}
.footLast .ul01 img{ width:40px; }
/*----------------end homepage------------------*/

/*--------------------other pages---------------------*/
#othContainer{
	position:relative;
	width:924px;
	margin:0 auto;
}
#othContainer .othCTop,#othContainer .othCBot{
	position:relative;
	width:1000px;
	margin:0 -38px;
}
#othContainer .othCTop{
	height:78px;
	margin:0 -38px;
	background:transparent url(bg-othctop.gif) center top no-repeat;
}
#othContainer .othCTop h2{
	width:914px;
	height:78px;
	margin:0 0 0 43px;
	text-indent:-9999px;
}
.othTipPic01{ background:transparent url(pic-oth-til01.gif) 0 0 no-repeat;}
.othTipPic02{ background:transparent url(pic-oth-til02.gif) 0 0 no-repeat;}
.othTipPic03{ background:transparent url(pic-oth-til03.gif) 0 0 no-repeat;}
.othTipPic04{ background:transparent url(pic-oth-til04.gif) 0 0 no-repeat;}
.othTipPic05{ background:transparent url(pic-oth-til05.gif) 0 0 no-repeat;}
.othTipPic06{ background:transparent url(pic-oth-til06.gif) 0 0 no-repeat;}
.othTipPic07{ background:transparent url(pic-oth-til07.gif) 0 0 no-repeat;}
.othTipPic08{ background:transparent url(pic-oth-til08.gif) 0 0 no-repeat;}
.othTipPic09{ background:transparent url(pic-oth-til09.gif) 0 0 no-repeat;}
.othTipPic10{ background:transparent url(pic-oth-til10.gif) 0 0 no-repeat;}
#othContainer .othCBot{
	height:48px;
	background:transparent url(bg-othcbot.gif) center top no-repeat;
}
#othContainer .othCMain{
	position:relative;
	width:1000px;
	background:url(bg-othContainer.gif) center repeat-y;
	margin:0 -38px;
}
.othCMain .othMainContainer{
	position:relative;
	width:914px;
	margin:0 0 0 43px;
}
.othSide{
	position:relative;
	width:186px;
	background:transparent url(bg-oth-side.gif) right 38px no-repeat;
	float:left;
}
.sideNav,.hostSideNav{
	position:relative;
	width:139px;
	margin:-43px 0 0 12px;
	background:url(sideNav_bg.gif) repeat-y;
}
.sideNav p,.hostSideNav p{
	margin:0;
	height:9px;
	background:url(sideNav_bot.gif) 0 -1px no-repeat;
	overflow:hidden;
}
.sideNav ul,.hostSideNav ul{
	list-style:none;
	width:139px;
	padding:9px 0 0 0;
	background:url(sideNav_top.gif) 0 0 no-repeat;
}
.sideNav ul li{ height:49px; padding:0 8px;}
.sideNav ul li a{
	display:block;
	width:123px;
	height:49px;
	text-indent:-9999px;
	background-color:transparent;
	/*background-image:url(pic-nav01.gif);*/
	background-repeat:no-repeat;
}
.sideNav ul li a:hover{/* background-position:-123px 0;*/}
.hostSideNav ul li{
	width:123px;
	height:49px;
	margin:0 8px;
}
.hostSideNav ul .li01{ background:url(pic-nav05.gif) 0 0 no-repeat;}
.hostSideNav ul .li02{ background:url(pic-nav05.gif) 0 -49px no-repeat;}
.hostSideNav ul .li03{ background:url(pic-nav05.gif) 0 -98px no-repeat;}
.hostSideNav ul li a{
	display:block;
	color:#fffefe;
	font-size:1.1em;
	width:100%;
	height:30px;
	padding-top:19px;
	text-align:center;
}
.hostSideNav ul li a:hover{ color:#fffefe; text-decoration:none;}
.hostSideNav ul .li01 a:hover{ background:url(pic-nav05.gif) -123px 0 no-repeat;}
.hostSideNav ul .li02 a:hover{ background:url(pic-nav05.gif) -123px -49px no-repeat;}
.hostSideNav ul .li03 a:hover{ background:url(pic-nav05.gif) -123px -98px no-repeat;}
.sidRec{
	position:relative;
	width:143px;
	height:346px;
	margin:8px 0 0 10px;
	padding:31px 0 0 0;
	background:url(bg-side-rec.gif) 0 0 no-repeat;
}
.sidRec h3{ height:22px; text-indent:-9999px;}
.sidRec ul{
	list-style:none;
	height:108px;
	padding:0 0 26px 0;
	overflow:hidden;
}
.sidRec ul li{
	width:120px;
	height:18px;
	line-height:18px;
	padding:0 12px 0 11px;
}
.sidRec ul li a{ color:#7f7f7f;}
.sidRec ul li a:hover{ color:#333; text-decoration:none;}

.othRight{
	position:relative;
	width:728px;
	margin:16px 0 0 0;
	padding:0 0 12px 0;
	float:left;
}
/*____________about______________*/
.aboutTil{
	width:637px;
	height:165px;
	padding:13px 0 0 12px;
	background:url(bg-about-intr.gif) 0 0 no-repeat;
}
.aboutTil h2{
	height:64px;
	text-indent:-9999px;
	background:url(pic-abouttil.gif) 0 0 no-repeat;
}
.aboutTil p{
	color:#d75803;
	line-height:20px;
	margin:16px 0 0 4px;
}
.aboutIntr{ width:649px; margin:8px 0 0 0;}
.aboutIntr .tb,.aboutIntr .t1,.aboutIntr .t2,.aboutIntr .t3,.aboutIntr .b3,.aboutIntr .b2,.aboutIntr .b1,.aboutIntr .bb{display:block; overflow:hidden;}
.aboutIntr .tb,.aboutIntr .bb{ height:1px; margin:0 5px;background:#f60;}
.aboutIntr .cont,.aboutIntr .t1,.aboutIntr .t2,.aboutIntr .t3,.aboutIntr .b3,.aboutIntr .b2,.aboutIntr .b1{border-left:1px solid #f60; border-right:1px solid #f60; background:#f60}
.aboutIntr .t1,.aboutIntr .b1{margin:0 3px; height:1px;border-width:2px; }
.aboutIntr .t2,.aboutIntr .b2{margin:0 2px; height:1px; }
.aboutIntr .t3,.aboutIntr .b3{margin:0 1px; height:2px;}
.aboutIntr .cont{
	width:595px;
	padding:30px 26px;
	line-height:22px;
}
.aboutIntr .cont p{ margin:0; text-indent:24px;}

/*_______________about_customer_______________*/

.about_cus{
	width:670px;
	border:4px solid #e04e0d;
	background:#fff3bd;
}
.about_cus_top{
	height:119px;
	text-indent:-9999px;
	border-bottom:4px solid #e04e0d;
	background:#e04e0d url(pic-about-cus-top.gif) right 0 no-repeat;
}
.about_cus_list,.about_cus_txt{
	color:#bd3f07;
	padding:16px 16px 12px;
	line-height:20px;
}
.about_cus_list{ border-bottom:4px solid #e04e0d;}
.about_cus_list p,.about_cus_txt p{ margin:0;}
.about_cus_list p span{ margin:0 24px 0 0;}
.about_cus_p{
	height:33px;
	margin:-33px 0 0 0;
	text-align:right;
}

/*__________________about_culture____________________*/
.about_cul01,.about_cul02,.about_cul03{	line-height:21px;}
.about_cul01{
	height:80px;
	padding:38px 0 0 26px;
	margin:32px 0 0 0;
	background:url(pic-about-cul01.gif) 16px 0 no-repeat;}
.about_cul02{
	height:104px;
	padding:38px 0 0 328px;
	margin:0;
	background:url(pic-about-cul02.gif) 220px 0 no-repeat;}
.about_cul03{
	height:86px;
	padding:38px 0 0 20px;
	margin:0;
	background:url(pic-about-cul03.gif) 16px 0 no-repeat;}
	
/*_________________about_buddy____________________*/
.about_buddy_til{
	height:148px;
	text-indent:-9999px;
	background:url(pic-about-buddy.gif) 21px 27px no-repeat;
}
.about_buddy_list{
	width:632px;
	height:324px;
	padding:42px 34px 47px 34px;
	background:url(bg-about-buddy.gif) 0 0 no-repeat;
}
.about_buddy_list ul{ list-style:none;}
.about_buddy_list ul li{
	width:158px;
	height:54px;
	text-align:center;
	float:left;
}
/*_____________________case____________________*/
.caseTil{
	height:150px;
	margin:0 0 0 36px;
	text-indent:-9999px;
	background:url(pic-casetil.gif) 0 bottom no-repeat;
}
.caseYears{ height:66px; margin:12px 0 0 36px;}
.caseList{
	width:644px;
	margin:0 0 0 36px;
	padding:18px 0 12px 0;
}
.caseList div{
	width:322px;
	height:216px;
	float:left;
}
.caseList div p{
	width:260px;
	height:140px;
	margin:0;
	padding:5px;
	border:1px dashed #8c8c8c;
	background:#fff;
}
.caseList div p .a_img{
	display:block;
	width:100%;
	height:140px;
}
.caseList div p .a_img img{ width:260px; height:140px;}
.caseList div p .a_txt{
	position:relative;
	display:block;
	width:100%;
	height:24px;
	margin:-24px 0 0 0;
	display:none;
}
.caseList div p .a_txt a{
	display:block;
	height:24px;
	line-height:24px;}
.caseList div p .a_txt .a02{
	text-indent:-9999px;
	background:#000;
	filter:alpha(opacity=45);
	opacity:.45;
}
.caseList div p .a_txt .a01{
	color:#fff;
	margin:-24px 0 0 8px;
}
.caseList div p .a_txt .a01:hover{ color:#fff;}
.caseList div table{
	width:272px;
	margin:4px 0 0 0;
	border-collapse:collapse;
	border-spacing:0;
}
.caseList div table td{ height:22px; vertical-align:middle;}
.caseList div table .td01{ width:197px; color:#000;}
.caseList div table .td02{
	width:75px;
	font-family:Arial, Helvetica, sans-serif, "Times New Roman", Verdana, Tahoma;
	font-size:11px;
	text-align:right;
}
.caseList div table .td02 span{ color:#000;}
.caseList div table .td04 a{
	display:block;
	width:57px;
	height:20px;
	text-indent:-9999px;
	background:url(btn-visit.gif) 0 0 no-repeat;
	float:right;
}
.caseTurnPage{
	width:598px;
	height:38px;
	margin:0 0 0 34px;
	border-top:1px solid #d3d3d3;
}
.caseTurnPage p{
	height:22px;
	line-height:22px;
}
.caseTurnPage .turnPage
{
    margin:2px 0 0 0; 
    float:left;
    line-height:20px;
	height:20px;
	overflow:hidden;
	width:60%;
}
.caseTurnPage .caseMore{
	
	text-align:right;
	color:#f79044;
	float:right;
	line-height:20px;
	height:20px;
	overflow:hidden;
	width:40%;
}

/*________________news_________________*/
.newTil{
	margin:18px 0 0 58px;
	height:180px;
}
.newListTil{
	margin:0;
	height:34px;
	margin:0 0 0 58px;
}
.newsList{
	width:574px;
	margin:6px 0 0 58px;
}
.newsList ul{
	list-style:none;
	color:#9f9f9f;
	width:100%;
	height:28px;
	background:url(pic-new-line.gif) bottom repeat-x;
}
.newsList ul li{ height:19px; padding-top:9px;}
.newsList ul .li01{
	width:70%;
	padding-left:18px;
	background:url(pic-news-list-til.gif) 2px 10px no-repeat;
	float:left;}
.newsList ul .li01 a{ color:#9f9f9f;}
.newsList ul .li01 a:hover{ color:#333; text-decoration:none;}
.newsList ul .li02{
	width:20%;
	padding-right:2px;
	text-align:right;
	float:right;}
.othTurnPage{
	width:574px;
	height:38px;
	text-align:center;
	margin:24px 0 0 58px;
	font-family:Arial, Helvetica, sans-serif, "Times New Roman", Verdana, Tahoma;
}
.othTurnPage a,.msgTurnPage a{ margin:0 2px; padding:0 1px;}
.othTurnPage a img,.msgTurnPage a img{ vertical-align:middle;}
.othTurnPage .curPage,.msgTurnPage .curPage{
	color:#0077b3;
	font-weight:700;
	text-decoration:none;
}

/*______________________newsDet_______________________*/
.newDet_til{
	width:670px;
	height:54px;
	margin:8px 0 0 12px;
	line-height:54px;
	font-size:16px;
	text-align:center;
	border-bottom:2px solid #eee;
}
.newDet_cont{
	width:660px;
	margin:18px 0 0 12px;
	line-height:25px;
}
.newDet_cont img{
	max-width:650px;
	width:expression(this.width>650?650:true);
}
.newDet_time{
	width:650px;
	height:42px;
	margin:16px 0 0 12px;
	padding:0 10px 0 0;
	text-align:right;
}
.newDet_jsjg
{
    width:660px;
	margin:10px 0 10px 0;
	text-align:right;
}
/*______________________service_____________________*/
.serviceTil{
	height:72px;
	margin:0 0 0 22px;
	text-indent:-9999px;
	background:url(pic-servicetil.gif) 0 center no-repeat;
}
.service_cho{ height:72px; margin:18px 0 0 22px;}
.service_cho ul{ list-style:none;}
.service_cho ul li{
	height:60px;
	text-indent:-9999px;
	float:left;
}
.service_cho ul .li01{ width:226px; background:url(pic-ser-cho01.gif) 0 center no-repeat;}
.service_cho ul .li02{ width:174px; background:url(pic-ser-cho02.gif) 0 center no-repeat;}
.service_cho ul .li03{ width:242px; background:url(pic-ser-cho03.gif) 0 center no-repeat;}
.serviceCont01,.serviceCont02,.serviceCont03{
	position:relative;
	width:658px;
	height:332px;
	margin:0 0 0 18px;
	float:left;
}
.serviceCont01{ background:url(pic-ser-show01.gif) 0 0 no-repeat;}
.serviceCont02{ background:url(pic-ser-show02.gif) 0 0 no-repeat;}
.serviceCont03{ background:url(pic-ser-show03.gif) 0 0 no-repeat;}
.serviceCont01 .txt,.serviceCont02 .txt,.serviceCont03 .txt{
	position:relative;
	width:340px;
	color:#fff;
	line-height:20px;
	font-size:12px;
	font-weight:normal;
	text-indent:24px;
}
.serviceCont01 .txt{ margin:98px 0 0 28px;}
.serviceCont02 .txt{ margin:98px 0 0 170px;}
.serviceCont03 .txt{ margin:98px 0 0 290px;}
.serviceCont01 .options,.serviceCont02 .options,.serviceCont03 .options{
	position:relative;
	width:330px;
	line-height:20px;
}
.serviceCont01 .options{ margin:18px 0 0 36px;}
.serviceCont02 .options{ margin:18px 0 0 178px;}
.serviceCont03 .options{ margin:18px 0 0 298px;}
.serviceCont01 .options a,.serviceCont02 .options a,.serviceCont03 .options a{ color:#000; margin:0 8px 0 0;}
.serviceCont01 .btn,.serviceCont02 .btn,.serviceCont03 .btn{
	position:absolute;
	height:32px;
	margin:0;
	top:291px;
}
.serviceCont01 .btn input,.serviceCont02 .btn input,.serviceCont03 .btn input{
	width:111px;
	height:32px;
	padding:0;
	border:0;
	text-indent:-9999px;
	float:left;
	background:transparent;
	cursor:pointer;
}
.serviceCont01 .btn input{ margin:0 0 0 242px;}
.serviceCont02 .btn input{ margin:0 0 0 360px;}
.serviceCont03 .btn input{ margin:0 0 0 502px;}
.serviceTxt{
	width:648px;
	margin:20px 0 0 18px;
	border:1px solid #f4f3f1;
}
.serviceTxt p{
	margin:3px;
	line-height:20px;
	text-indent:24px;
	padding:14px 12px 12px;
	background:#f4f3f1;
}
.serStep{
	position:relative;
	width:486px;
	padding:0 0 28px 0;
	border:12px solid #f4f3f1;
	background:#fff;
}
.serStep .s_close{
	position:absolute;
	top:12px;
	left:458px;
	display:block;
	width:18px;
	height:18px;
	text-indent:-9999px;
	background:url(pic-serstep-close.gif) center center no-repeat;
	overflow:hidden;
	cursor:pointer;
}
.serStep h2{
	height:64px;
	text-indent:-9999px;
	background:url(pic-serstep.gif) 28px center no-repeat;
}
.serStep div{
	display:block;
	min-height:64px;
	*height:auto !important;
	*height:64px;
	margin:12px 0 0 0;
	padding:0 22px 0 202px;
	line-height:16px;
}
.serStep div h3{
	color:#000;
	font-size:12px;
	font-weight:normal;
	text-indent:4px;
}
.serStep div p{ margin:0; color:#f60;}
.serStep .s01{ background:url(pic-serstep01.gif) 22px center no-repeat;}
.serStep .s02{ background:url(pic-serstep02.gif) 22px center no-repeat;}
.serStep .s03{ background:url(pic-serstep03.gif) 22px center no-repeat;}
.serStep .s04{ background:url(pic-serstep04.gif) 22px center no-repeat;}
.serStep .s05{ background:url(pic-serstep05.gif) 22px center no-repeat;}
.serStep .s06{ background:url(pic-serstep06.gif) 22px center no-repeat;}
.serStep .s07{ background:url(pic-serstep07.gif) 22px center no-repeat;}

/*_________________job_________________*/
.jobTil{
	height:82px;
	text-indent:-9999px;
	background:url(pic-jobtil.gif) 24px bottom no-repeat;
}
.jobTopTxt{
	margin:0;
	padding:4px 0 0 24px;
	line-height:14px;
}
.jobTopTxt span{ color:#e55b04;}
.jobTopTxt a{ color:#000; text-transform:uppercase;}
.jobWord{
	list-style:none;
	width:690px;
	height:166px;
	margin:26px 0 0 0;
}
.jobWord li{
	height:144px;
	float:left;
	text-indent:-9999px;}
.jobWord .li01{ width:238px; background:url(pic-job01.gif) 0 0 no-repeat;}
.jobWord .li02{ width:234px; background:url(pic-job01.gif) -238px 0 no-repeat;}
.jobWord .li03{ width:218px; background:url(pic-job01.gif) -472px 0 no-repeat;}
.jobList{ width:690px;}
.jobListTil{
	color:#666;
	font-size:14px;
	height:28px;
	line-height:28px;
	padding:0 0 0 6px;
}
.jobCont{
	color:#929292;
	min-height:132px;
	*height:auto !important;
	*height:132px;
	margin:4px 0;
	padding:0 0 0 52px;
	line-height:16px;
	background:url(bg-joblist.gif) 0 center no-repeat;
}
.jobBtn{
	margin:0;
	height:32px;
	background:url(pic-joblist-line.gif) 0 13px repeat-x; 
}
.jobBtn a{
	display:block;
	width:121px;
	height:32px;
	text-indent:-9999px;
	margin:0 0 0 508px;
	background:url(pic-jobList-btn.gif) 0 0 no-repeat;
}
/*_________________doJob____________________*/
.jobTable{
	width:640px;
	border-collapse:collapse;
	border-spacing:0;
	margin:18px 0 0 0;
}
.jobTable td{ padding:4px 0 4px 26px;}
.jobTable .submitBtn,.jobTable .resetBtn,.msg_write table .submitBtn,.msg_write table .resetBtn{
	width:77px;
	height:20px;
	border:0;
	text-indent:-9999px;
	float:left;
	cursor:pointer;
}
.jobTable .submitBtn,.msg_write table .submitBtn{ background:url(pic-submit.gif) center center no-repeat;}
.jobTable .resetBtn,.msg_write table .resetBtn{ margin-left:12px; background:url(pic-reset.gif) center center no-repeat;}

/*___________________contaCT_______________*/
.contactTil{
	height:108px;
	text-indent:-9999px;
	background:url(pic-contacttil.gif) 12px center no-repeat;
}
.contactTxt{ height:460px; background:url(pic-contect01.gif) 12px 0 no-repeat;}
.contactTxt ul{ list-style:none; margin:0 0 0 406px;}
.contactTxt ul li{
	height:16px;
	padding:2px 0 0 22px;
	background:url(pic-contact02.gif) 0 center no-repeat;
}
/*__________________msg_________________*/
.msgTil{
	height:118px;
	text-indent:-9999px;
	background:url(pic-msgtil.gif) 12px bottom no-repeat;
}
.msgCont{
	height:472px;
	margin:12px 0 0 8px;
	background:url(bg-msg.gif) 0 0 no-repeat;
}
.msg_write{
	width:302px;
	margin:100px 0 0 60px;
	float:left;
	display:inline;
}
.msg_write table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
.msg_write table td{
	text-align:left;
	vertical-align:middle;
	padding:2px 0;
}
.msg_write table textarea{
	width:192px;
	height:80px;
	line-height:20px;
}
.msg_read{
	width:280px;
	height:338px;
	margin:100px 0 0 0;
	float:left;
}
.msgList{
	height:300px;
	overflow-x:hidden;
	overflow-y:scroll;
}
.msgList ul{
	list-style:none;
	margin:8px 0 0 0;
	padding:0 0 4px 0;
	background:url(pic-joblist-line.gif) 0 bottom repeat-x;
	line-height:16px;
}
.msgList ul .li03{ color:#ff6905; margin:8px 0 0 0;}
.msgTurnPage{
	height:22px;
	margin:6px 0 0 0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif, "Times New Roman", Verdana, Tahoma;
}

.caseYears ul{
	list-style:none;
	height:66px;
}
.caseYears ul li{
	height:66px;
	float:left;
}
.caseYears ul .li01{ width:145px; background:url(pic-case01.gif) 0 0 no-repeat;}
.caseYears ul .li02{ width:145px; background:url(pic-case01.gif) -145px 0 no-repeat;}
.caseYears ul .li03{ width:156px; background:url(pic-case01.gif) -290px 0 no-repeat;}
.caseYears ul .li04{ width:114px; background:url(pic-case01.gif) -446px 0 no-repeat;}
.caseYears ul li a{
	display:block;
	width:72px;
	height:100%;
	text-indent:-9999px;
}
.caseYears ul .li01 a:hover,.caseYears ul .li01 .curChos{ background:url(pic-case02.gif) 0 0 no-repeat;}
.caseYears ul .li02 a:hover,.caseYears ul .li02 .curChos{ background:url(pic-case02.gif) -145px 0 no-repeat;}
.caseYears ul .li03 a:hover,.caseYears ul .li03 .curChos{ background:url(pic-case02.gif) -290px 0 no-repeat;}
.caseYears ul .li04 a:hover,.caseYears ul .li04 .curChos{ background:url(pic-case02.gif) -446px 0 no-repeat;}


/*-----------------host-----------------*/
.getMail,.getSMS{
	margin:24px 0 0 12px;
	width:140px;
	height:56px;
}
.getMail a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	background:url(pic-getmail.gif) 0 0 no-repeat;
}
.getSMS a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	background:url(pic-sms.gif) 0 0 no-repeat;
}
.hostRight{
	position:relative;
	width:750px;
	margin:12px 0 0 -26px;
	padding:0 0 12px 0;
	float:left;
}
.hostTopPic{
	width:460px;
	height:156px;
	padding:60px 266px 0 24px;
	background:url(pic-host-til01.gif) 0 0 no-repeat;
}
.hostTopPic p{
	margin:0;
	line-height:18px;
	text-indent:24px;
}
.hostTabList{
	width:750px;
	margin-top:14px;
	background:url(pic-hostlist-c.gif) 0 repeat-y;
}
.hostTabList .tabT,.hostTabList .tabB{
	margin:0;
	height:10px;
	overflow:hidden;
}
.hostTabList .tabT{ background:url(pic-hostlist-t.gif) 0 bottom no-repeat;}
.hostTabList .tabB{ background:url(pic-hostlist-b.gif) 0 top no-repeat;}
.hostTabList .tabC{
	padding:8px 12px;
	overflow:hidden;
	background:transparent;
}
.mailTop{
	width:750px;
}
.mailOpt{
	width:732px;
	height:94px;
	padding:8px 9px 0 9px;
	background:url(pic-mail-top.gif) 0 0 no-repeat;
}
.mailOpt .optUl{
	list-style:none;
	height:31px;
}
.mailOpt .optUl li{
	font-weight:700;
	color:#f60;
	width:122px;
	height:31px;
	line-height:31px;
	text-align:center;
	cursor:pointer;
	float:left;
}
.mailOpt .optUl .curOpt{
	color:#fff;
	background:url(pic-mail-optbg.gif) 0 0 no-repeat;
}
.mailOpt .optTxt{
	list-style:none;
	margin:16px 0 0 25px;
}
.mailOpt .optTxt li{
	color:#f2f2f2;
	height:21px;
	padding:0 0 0 17px;
	background:transparent url(pic-mail-toptil.gif) 0 2px no-repeat;
}
.mailTopList{
	width:732px;
	margin:6px 9px 0 9px;
	padding-bottom:8px;
	background:#f2f2f2 url(pic-mail-list-t.gif) center bottom no-repeat;
}
.pics{
	margin:0;
	height:34px;
	padding-top:8px;
	background:#f2f2f2 url(pic-mail-list-t.gif) center top no-repeat;
}
.mailTab01{
	width:670px;
	margin:0 31px;
	border:none;
	border-collapse:collapse;
	border-spacing:0;
}
.mailTab01 th,.mailTab01 td{ height:35px; vertical-align:middle;}
.mailTab01 th{ color:#ff6e0d;}
.mailTab01 td span{
	font-size:1.2em;
	color:#ff6c0b;
	font-weight:700;
}
.mailTab01 .tdBg{ background:url(pic-mail-line.gif) bottom repeat-x;}
.mailTab{
	position:relative;
	width:736px;
	height:366px;
	margin:8px 6px 0;
	background:url(pic-mail02.gif) 0 0 no-repeat;
}
.mailTab .chkTs{
	position:absolute;
	top:25px;
	right:14px;
	display:block;
	width:196px;
	height:28px;
	text-indent:-9999px;
}
.mailTab div{ position:absolute; width:216px;}
.mailTab div h3{ height:24px; text-indent:-9999px; }
.mailTab div p{ margin:0; line-height:18px; }
.mailTab .mailYs01{ top:78px; left:138px; }
.mailTab .mailYs02{ top:78px; left:490px; }
.mailTab .mailYs03{ top:174px; left:138px; }
.mailTab .mailYs04{ top:174px; left:490px; }
.mailTab .mailYs05{ top:268px; left:138px; }
.mailTab .mailYs06{ top:268px; left:490px; }
.mailDetTil{
	height:58px;
	text-indent:-9999px;
	background:url(pic-maildet01.gif) 0 center no-repeat;
}
.mailDet{
	width:700px;
	min-height:510px;
	*height:auto !important;
	*height:510px;
	overflow:visible;
	padding-right:10px;
	background:#fff url(pic-maildet-bg.gif) 0 0 no-repeat;
	float:left;
}
.mailDet p{
	color:#ff6701;
	height:34px;
	margin:76px 0 0 68px;
}
.mailDet table{
	width:586px;
	margin-left:57px;
	border:none;
	color:#8b8b8b;
	border-collapse:collapse;
	border-spacing:0;
}
.mailDet table th{ width:140px;}
.mailDet table td{ width:446px;}
.mailDet table th,.mailDet table td{
	line-height:19px;
	padding:12px 0;
	vertical-align:top;
	text-align:left;
}
.mailDet table .trBg{ background:url(pic-new-line.gif) bottom repeat-x;}

.hostTabList .tabC table{
border:none;
border-collapse:collapse;
border-spacing:0;
}
.hostTabList .tabC table th,.hostTabList .tabC table td{
text-align:center;
vertical-align:middle;
border:1px solid #dfdfdf;
}
.hostTabList .tabC table th{
color:#000;
font-weight:normal;
}
.hostTabList .tabC table td{
color:#969696;
}
.hostTabList .tabC table .blackBg{ background:#f6f6f6;}
.hostTabList .tabC table .blueBg{ background:#ddeff5;}


.smsTop{
	width:750px;
	height:194px;
	background:url(bg-sms-top.jpg) 0 0 no-repeat;
	overflow:hidden;
}
.smsTop div{
	color:#fff;
	width:468px;
	margin:52px 0 0 244px;
	padding-bottom:4px;
	line-height:17px;
	
}
.smsTop div p{ margin:0; text-indent:24px;}
.smsTop div .color_green{ color:#3bce54;}
.smsTab{
	position:relative;
	width:736px;
	height:368px;
	margin:12px 6px 0;
	background:url(bg-sms-list.jpg) 0 0 no-repeat;
}
.smsTab div{
	position:absolute;
	width:248px;
	line-height:18px;
}
.smsTab div h3{
	height:24px;
	text-indent:-9999px;
}
.smsTab div p{ margin:0;}
.smsTab .smsTab01{ top:68px; left:130px;}
.smsTab .smsTab02{ top:68px; left:482px;}
.smsTab .smsTab03{ top:172px; left:130px;}
.smsTab .smsTab04{ top:172px; left:482px;}
.smsTab .smsTab05{ top:264px; left:130px;}
.smsTab .smsTab06{ top:264px; left:482px;}
.sms_type{
	list-style:none;
	width:750px;
	height:145px;
	margin-top:14px;
}
.sms_type li{
	width:25%;
	*width:24.9%;
	height:144px;
	float:left;
	text-indent:-9999px;
}
.sms_type .li01{ background:url(pic-sms-type01.gif) center 0 no-repeat;}
.sms_type .li02{ background:url(pic-sms-type02.gif) center 0 no-repeat;}
.sms_type .li03{ background:url(pic-sms-type03.gif) center 0 no-repeat;}
.sms_type .li04{ background:url(pic-sms-type04.gif) center 0 no-repeat;}
.addTel{
position:absolute;
top:106px;
left:128px;
color:#FD7902;
font-weight:700;
margin:0;
}

/*0325*/
.Add0325{
	position:relative;
	width:725px;
	height:69px;
	margin-left:10px;
	background:url(0325-01.gif) 0 0 no-repeat;
}
.Add0325 ul{
	list-style:none;
}
.Add0325 li{
	width:177px;
	height:69px;
	float:left;
}
.Add0325 a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
.Add0325 .a01 a:hover,.Add0325 .a01 .isCur{ background:url(0325-011.gif) 0 0 no-repeat;}
.Add0325 .a02 a:hover,.Add0325 .a02 .isCur{ background:url(0325-012.gif) 0 0 no-repeat;}
.Add0325 .a03 a:hover,.Add0325 .a03 .isCur{ background:url(0325-013.gif) 0 0 no-repeat;}
.Add0325 .a04 a:hover,.Add0325 .a04 .isCur{ background:url(0325-014.gif) 0 0 no-repeat;}
.AddTxt{
	position:relative;
	width:705px;
	margin-left:10px;
	padding:0 10px;
	margin-top:6px;
	background:#fff;
}
.AddTxt h3{
	height:42px;
	line-height:42px;
	font-weight:700;
	font-size:15px;
	color:#ff6a07;
}
.AddTxt p{
	margin:0;
	line-height:20px;
	text-indent:24px;
}