/*---------------------------------------------
*FileName: layout.css
*Description: all css not common service
*Author: John Kang
========Structure==============================
page width: 1000px
----------------------------------------------*/
body{ text-align:center; font-size:14px; color:#333333;}
a{ color:#333333;}
a:link{ text-decoration:underline;}
a:hover{ text-decoration:none;}
.clear{ clear:both; width:100%; height:0; overflow:hidden;}

.warpbg{ width:100%; background:url(../images/bg.jpg) top repeat-x;}
#warp{ margin:0 auto; width:1000px;}
#topdiv{ clear:both; width:1000px; height:100px;}
#maindiv{ clear:both; display:block; width:1000px;}
#footdiv{ clear:both; margin-top:5px; width:100%; height:92px; background:#1C4776;}

#logodiv{ float:left; margin:5px 0 0 15px; width:345px; height:90px; background:url(../images/logo.gif) no-repeat; text-indent:-1000px;}

#login_reg{ margin-right:20px; float:right; width:202px; height:30px; background:url(../images/login_reg_bg1.gif) no-repeat;}
	#login_reg ul{ width:200px;}
	#login_reg ul li{ padding:5px 10px; display:inline; text-align:left; line-height:28px; color:#FFFFFF;}
	#login_reg ul li a{ color:#FFFFFF; text-decoration:none;}
	#login_reg a:hover{ text-decoration:underline;}
	
#login_reg2{ margin-right:20px; float:right; width:468px; height:30px; background:url(../images/login_reg_bg2.gif) no-repeat;}
	#login_reg2 ul{ margin:0 9px; width:450px; text-align:right;}
	#login_reg2 ul li{ padding:5px 10px; display:inline; line-height:28px; color:#FFFFFF;}
	#login_reg2 ul li a{ color:#FFFFFF;}	
			
#main_menu{ float:right; width:640px; height:22px; color:#FFFFFF;}
	#main_menu ul{ float:right; margin-top:45px; width:auto;}
	#main_menu ul li{ display:block; float:left; padding:0 5px;}
	#main_menu a{ display:block; color:#ffffff; padding:1px 7px 0 7px; line-height:22px; text-decoration:none;}
	#main_menu a:hover{ background:#3984DD;}
		.hotimg{position:relative; z-index:100; left:45px; top:-24px;}

.img_contral{ margin:0 auto; width:915px; height:110px;}
	.ballimg{ float:left; width:752px; height:105px; background: url(../images/bg_03.jpg) 0 5px no-repeat;}
	.contral_bar{ position:relative; left:40px; top:80px; float:right; width:150px; margin:0 5px 0 0;}
	.contral_bar li{ display:block; float:left; padding:0 10px;}
		a.prev{ display:inline; display:inline-block; width:50px; height:39px; background:url(../images/arrow-big1.gif) 2px 0 no-repeat; cursor:pointer;}
		a.next{ display:inline; display:inline-block; width:50px; height:39px; background:url(../images/arrow-big1.gif) -51px 0 no-repeat; cursor:pointer;}
		.prev_position{z-index:999; position:relative; float:left; left:0px; top:-85px!important; *top:-85px!important; _top:-100px; width:35px; height:26px;}
		.next_position{z-index:999; position:relative; float:right; left:-15px; top:-85px!important; *top:-85px!important; _top:-100px; width:35px; height:26px;}
		.moreshowtxt{ width:50px; color:#ffffff; font-size:12px;}
		
/*
.lanmu{ margin:0 auto; width:915px; text-align:center;}
	.lanmu_show{ margin:0 auto; width:915px; height:135px; overflow:hidden;}
		.lanmu_show ul,#our_work ul{ margin:0 auto; width:900px; height:135px; overflow:hidden;}
		.lanmu_show ul li,#our_work ul li{ position:relative; display:block; float:left; padding:5px; margin:0 5px; background:#FFFFFF; width:205px; height:123px; overflow:hidden;}
		.lanmu_show ul li a,#our_work ul li a{ position:relative; display:block; float:left; width:185px; height:103px; overflow:hidden;}
		.lanmu_show ul li img,#our_work img{ position:absolute; left:0; top:0; width:205px; height:123px;}
		.on_top{ z-index:10;}
		.on_bt{ display:none;}
		.slide a{ padding:10px; font-size:16px; text-align:left; text-indent:24px; background:url(../images/lanmu_hover_bg.gif) no-repeat;}
*/	
.stepcarousel{position:relative; left:0; top:0; margin:0 auto; width:900px; height:150px; overflow:hidden;}
	.belt {position:relative; left:0; top:0;}
	#belt div {position:relative; display:block; float:left; padding:6px; margin:0 7px; background:#FFFFFF; width:205px; height:135px; overflow:hidden;}
	#belt div a {position:relative; display:block; width:185px; height:103px; overflow:hidden; padding:10px; font-size:14px; text-align:left;  background:url(../images/lanmu_hover_bg.gif) no-repeat; text-indent:24px; text-decoration:none; line-height:24px;}
	#belt div img {position:absolute; left:0; top:0; width:205px; height:123px;}
	.panel p{ padding-top:3px; font-weight:bold;}

.left_about{ margin-left:50px; margin-top:40px; float:left; background:url(../images/space_bigline.gif) right center no-repeat;}
	.disc{ padding:5px; clear:both; width:430px; text-align:left;}
		.disc p{ text-indent:24px; font-size:14px; line-height:24px;}
		.disc p a{ margin-right:5px; float:right; font-size:14px;}
		.disc_title{ padding:5px 0 0 0; text-indent:0!important; font-size:16px!important; font-weight:bold; font:"ºÚÌå";}
		.disc_con{ padding-top:15px;}
	.disc_pic{ padding:5px; width:430px;}
		.disc_pic li{ padding:10px 5px; display:block; float:left;}
	.book_pic{ padding-top:10px; float:left;}
	.book_txt{}
	
.right_commonservice{ margin-top:40px; float:left;}
	.right_commonservice_title{ float:left; padding:13px 0 0 10px; font-size:16px; font-weight:bold; font:"ºÚÌå";}
	.other_chaxun{ padding:10px 0; width:480px; min-height:325px; height:auto; _height:325px;}
		/*.other_chaxun a{display:block; width:220px; height:45px;}
		.other_chaxun a:hover{}
		.other_chaxun table{ width:100%;}
		.other_chaxun table td{ height:53px;}
		.other_chaxun table td p{ padding:0 5px 0 15px; width:200px; font-size:14px; white-space:normal; text-align:left; line-height:24px; text-indent:24px;}
		*/
		table.zsgm{ display:block; width:460px; height:auto;}
		table.zsgm td{ padding:10px 0; text-align:center; border-bottom:#eee dashed 1px;}
		table.zsgm td h1{ text-align:left; text-indent:10px; font-size:14px; font-weight:bold; color:#027DD9;}
		table.zsgm td p{ padding:0 0 0 3px; text-indent:0; font-size:14px; white-space:normal;}
		
		.iconotice{ background:url(../images/mbi_043.gif) 15px 0 no-repeat;}
		a.imgshw1{ background:url(../images/daxue_zhuanye.gif) no-repeat;}
		a.imgshw1:hover{ background:url(../images/02.gif) no-repeat;}
		a.imgshw2{ background:url(../images/zhuabye_daxue.gif) no-repeat;}
		a.imgshw2:hover{ background:url(../images/03.gif) no-repeat;}
		a.imgshw3{ background:url(../images/zhuanye_zhiye.gif) no-repeat;}
		a.imgshw3:hover{ background:url(../images/04.gif) no-repeat;}
		a.imgshw4{ background:url(../images/zhiye_zhuanye.gif) no-repeat;}
		a.imgshw4:hover{ background:url(../images/05.gif) no-repeat;}
		a.imgshw5{ background:url(../images/ceping.gif) no-repeat;}
		a.imgshw5:hover{ background:url(../images/06.gif) no-repeat;}
		a.imgshw6{ background:url(../images/xinzi.gif) no-repeat;}
		a.imgshw6:hover{ background:url(../images/07.gif) no-repeat;}
		a.imgshw7{ background:url(../images/zhiye_huanjing.gif) no-repeat;}
		a.imgshw7:hover{ background:url(../images/08.gif) no-repeat;}
		a.imgshw8{ background:url(../images/jiuye_qianjing.gif) no-repeat;}
		a.imgshw8:hover{ background:url(../images/09.gif) no-repeat;}
		
.contact{ padding-top:10px; margin:0 auto; width:1000px; color:#FFFFFF; font-size:14px; text-align:left;}
	.contact ul{ margin-left:40px; margin-top:5px;}
	.contact ul li{ display:inline; margin:0 5px; line-height:24px;}
	.contact p{ margin-left:50px; line-height:24px;}
	.contact a{ color:#FFFFFF; font-size:14px;}
	.yijian{ padding-left:20px; background:url(../images/yijian_icon.gif) left center no-repeat;}
	.databymycos{ margin-top:-20px; margin-right:10px; float:right;}
	
.contentdiv{ margin:23px auto 0 auto; width:958px; min-height:237px; height:auto; background:url(../images/sub_bg.gif) top center no-repeat; text-align:center;}

	.contentdiv h1.con_title{ margin:0 auto; padding-top:20px;}
	.product_box{ margin: 0 auto; padding:5px; width:895px;}
		.product_menu{ float:left; margin:10px 0 0 10px; width:202px; height:267px; background:url(../images/product_menu_bg.gif) no-repeat;}	
		ul.root_menu{ margin:5px; width:187px;}
			ul.root_menu li{ display:block; line-height:24px; text-align:left; color:#024CA0;}
			ul.root_menu li a{ font-size:14px; color:#024CA0; text-decoration:none;}
		div.sub_menu{/* margin-left:20px;*/}
			div.sub_menu p{display:block; padding:0 5px; line-height:30px; text-align:center;}
			div.sub_menu p a{display:block; padding:0 5px; height:24px; line-height:24px; font-size:14px; color:#333; text-decoration:none;}
			.leftmenu_actbg{ background:url(../images/leftmenu_btn_bg.gif) repeat-x; border:#89C3EB solid 1px;}
			.leftmenu_actbg1{ background:url(../images/guanzhu_btn3.gif) repeat-x; border:#C7E193 solid 1px;}
			.leftmenu_actbg0{ background:url(../images/leftmenu_btn_bg0.gif) repeat-x;}
		.video_menu{ margin:0 auto; width:875px;}
			.video_menu ul{ margin:5px auto;}
			.video_menu li{display:block; margin:0 5px 5px 5px; _margin:0 5px 5px 3px; float:left; width:auto; line-height:26px;}
			.video_menu li a{display:block; float:left; padding:0 5px; height:26px; font-size:14px; line-height:26px; color:#333; text-decoration:none; cursor:pointer;}
		.video_con{ margin:-1px auto 0 auto; width:875px; clear:both;/* border:#89C3EB solid 1px;*/}
			.video_con h2{width:865px; margin-top:5px; font-weight:bold; text-align:left;}
		
		
		.product_con{ margin-top:17px; float:right; width:670px;}
			.product_con h2{ padding-bottom:5px; text-align:left; font-size:14px; font-weight:bold; color:#333;}
			.product_con table{ width:670px;}
			.product_con table td{ vertical-align:top;}
			.product_con p{ text-align:left; font-size:14px; line-height:24px;}
			.product_con p span{ color:#024CA0;}
			.product_con p a{ color:#333333;}
			p.pro_introduct{ text-indent:24px;}
			h2.disc_pic_title{ margin-top:15px;}
			.disc_pic_con{ padding:10px 5px;}
			.disc_pic_con li{ display:block; /*float:left;*/ padding:10px; text-align:left;}
			.product_con table{ padding:5px; width:670px;}
				.product_con td , .product_con p{ text-align:left; font-size:14px; line-height:24px;}
				.product_con p{ text-indent:24px;}
				.product_con h2{ text-align:left; font-size:14px; font-weight:bold; color:#333;}
				h3.pro_list_title{ margin:5px 0 0 0; width:670px; height:30px; background:url(../images/tit_bg.gif) no-repeat; font-size:16px; line-height:30px; font-weight:bold; color:#405D9B; text-indent:24px;}
				.product_con h4{ text-align:left; font-size:14px; font-weight:bold; color:#333;}

	.biz_box{ margin: 0 auto; padding:5px; width:885px;}
		.biz_box table{ padding:5px; width:875px;}
		.biz_box td , .biz_box p{ text-align:left; font-size:14px; line-height:24px;}
		.biz_box p{ text-indent:24px;}
		.biz_box h2{ text-align:left; font-size:14px; font-weight:bold; color:#333;}
		h3.biz_list_title{ margin:5px 0 0 0; width:870px; height:30px; background:url(../images/tit_bg.gif) no-repeat; font-size:16px; line-height:30px; font-weight:bold; color:#405D9B; text-indent:24px;}
		.biz_box h4{ text-align:left; font-size:14px; font-weight:bold; color:#333;}
		.adimg{ text-align:center; margin:10px 0;}
		.down_box{ margin:5px 0; padding:5px 0;}
			.down_box li{ display:block; float:left;font-size:14px;}
			.down_txt{ padding:8px 0 0 5px; width:260px; white-space:normal; line-height:18px;}
			.biz_box p span{ color:#024CA0;}

	.service_box{ margin: 0 auto; padding:10px; width:885px; background:url(../images/custorm_service_bg.jpg) 506px 80px no-repeat;}
		.service_box p{ text-align:left;line-height:20px;}
		.leaveword_box{ margin:30px 0 0 0; float:left; width:500px; height:328px; background:url(../images/leavewordbg.gif) repeat-x; border:#9DBFD0 solid 1px;}
		.leaveword_box span{ display:block; padding:15px 0 0 40px; text-align:left;}
		.leaveword_box span img{position:relative; left:0; top:5px;}
		.leaveword_box table{ margin-top:10px; margin-left:20px; width:411px;}
		.leaveword_box td{ height:30px; text-align:left;}
		.leaveword_box td , .leaveword_box input{ font-size:14px;}
		.leaveword_inputbox{ background:url(../images/leave_inpubox.gif) no-repeat; line-height:24px;}
		.leaveword_inputbox input{ padding:0 5px 5px 5px; width:190px; height:14px; border:none; background:none;}
		.leaveword_textbox{ padding:5px; width:200px; height:107px; overflow:hidden; background:url(../images/leave_txtbox.gif) no-repeat;}
		.leaveword_textarea{ width:190px; height:97px; overflow:auto; border:none; background:#fff; font-size:14px; line-height:16px;}
		.leaveword_btn{ padding-top:0; width:72px; height:23px; border:none; background:url(../images/leave_btn.gif) no-repeat; cursor:pointer;}
		
	.login_reg_box{ margin: 0 auto; padding:10px; width:885px;}
	
		.login_images{ float:right; width:430px; height:480px; background:url(../images/login_keyimg.png) 0 150px no-repeat;}
		.login_box{ float:left; width:400px;}
			.loginarea{ float:right; margin-top:80px; width:354px; height:316px; border:#4496E9 solid 1px; background:url(../images/loginarea_bg.gif) repeat-x;}
			.title_img{ margin:10px 0 0 13px; text-align:left;}
			.loginarea a{ padding:6px 19px 10px 19px; width:57px; height:27px; color:#0167C7; text-decoration:none;}
			.loginarea a:hover{ color:#ffffff; background:url(../images/login_select_bg.gif) no-repeat; text-decoration:none;}
			.logintable{ text-align:center; margin:0 auto; width:250px;}
				.logintable table{ width:250px;}
				.logintable td{ height:30px; text-align:left; font-size:14px;}
			.codeimg{ padding-top:4px!important; margin-bottom:-10px!important; *padding-top:5px!important; *margin-bottom:-8px!important; padding-top:5px; margin-bottom:-8px; width:58px; height:24px; cursor:hand; font-size:14px;}
			.code{cursor:hand; font-size:14px;}
			.log_input{ border:#77A0AB solid 1px; background:#FFFFFF; width:160px; height:18px; line-height:18px;}
			.logcode_input{ border:#77A0AB solid 1px; background:#FFFFFF; width:55px; height:18px; line-height:18px;}
			.notice_red{ color:#E6720E;}
			
		.reg_box{ float:left; width:465px; /*background:url(../images/space_smallline.gif) right top no-repeat;*/}
			.reg_info{ margin:28px 0 0 15px; float:left; width:465px;}
			.reg_info li{ text-align:left;}
			.reg_info_memberinfo{ width:465px; font-size:14px; font-weight:bold; color:#333333;}
			.regtable{ text-align:left; width:465px;}
				.regtable table{ width:465px;}
				.regtable td{ height:40px; text-align:left; font-size:14px;}
				.reg_input{ border:#77A0AB solid 1px; background:#FFFFFF; width:200px; height:20px; line-height:20px;}

		.log_reg_redme{ padding-left:2px; float:right; width:300px;}
		.loginb_redme{ padding-left:2px; float:left; width:390px;}
			.rdme_box{ text-align:left;}
			.log_reg_redme p , .loginb_redme p{ padding-left:20px; margin:5px 0; text-align:left; line-height:26px;}
			.log_reg_redme p a , .loginb_redme p a{ color:#FF6800; font-weight:bold;}
			.light_bg1{background: url(../images/light1.jpg) no-repeat left top;}
			.light_bg2{background: url(../images/light2.jpg) no-repeat left top;}
			.light_bg3{background: url(../images/light3.jpg) no-repeat left top;}
			.light_bg4{background: url(../images/light4.jpg) no-repeat left top;}

		.playvod{ padding:10px; text-align:left;}
		embed{ margin-top:3px;}
		.voddown img{ position:relative; left:0; top:3px;}
	
	.download_box{ margin: 0 auto; padding:5px; width:895px;}
		.download_con{ margin-top:12px; padding:5px; width:885px;}
			.download_con h1{ margin-bottom:5px; text-align:left;}
			.download_con h2{ margin-bottom:5px; text-align:center;}
			.download_list{ min-height:400px; height:auto;}
			.download_list h4{ text-align:left; font-size:14px; font-weight:bold; color:#333;}
			.download_list table{ width:100%;}
			.download_list thead{ width:100%; height:24px; background:#ECF0F5;}
			.download_list th{font-size:14px; font-weight:bold; color:#206EB0; text-align:center;/* border:#C2D3E2 solid 1px;*/}
			.download_list td{ vertical-align:top; text-align:left; font-size:14px; line-height:24px;}
			.download_list td p{ font-size:14px; text-indent:24px;}
			.download_list td a{ font-size:14px; color:#1C4776;}
			.downtxt{ float:right;}
			.downimg{ text-align:center;}
			
	.news_box{ margin: 0 auto; padding:5px; width:895px; min-height:400px; height:auto;}
		.news_box_menu{ padding:10px 0 5px 0; float:left; width:202px; height:267px; background:url(../images/product_menu_bg.gif) no-repeat;}	
			.news_box_menu li{ display:block; margin:0 10px; text-align:left; height:24px; line-height:24px;}
			.news_box_menu li a{ display:block; padding:0 0 0 5px; height:24px; line-height:24px; color:#405D9B; text-decoration:none;}
			.news_box_menu li a:hover{ text-decoration:underline;}
			.newsmenu_actbg{ background:#F1FFCB; border:#C7E193 solid 1px;}
		.news_box .news-listbox{ padding:5px; float:left; width:625px;}	
		.news_box .news-listbox li{ text-align:left; line-height:20px; font-weight:bold;}	
		.news-listbox li span.titles{ padding-left:15px; background:url(../images/web_icon_015.gif) no-repeat; color:#405D9B; cursor:pointer; font-weight:normal;}
		.news_box .news-listbox li a{ padding-left:15px; background:url(../images/arrow_red.gif) 0 3px no-repeat; color:#405D9B; text-decoration: none; font-weight:normal;}
		.news_box .news-listbox li a:hover{color:#333; text-decoration:underline;}
		/*.news_box .news-listbox li span{ margin-left:20px; color:#999999;}*/
		.news_box h2{ font-size:14px; font-weight:bold; line-height:24px; color:#405D9B;}
		.news_contxtbox{ min-height:400px; height:auto;}
		.news_box p{ text-align:left; text-indent:24px; line-height:24px;}
			.callback{ float:right; margin:10px 10px 0 0; font-weight:bold; text-align:right;}
			.callback a{ font-size:14px; color:#206EB0;}
			.timeinfo{text-align: right!important; color:#405D9B; line-height: 24px; font-weight:bold;}
			
	a.tip div {display:none;}
	a.tip { color:#333333; text-decoration:none;cursor:pointer;}
	a.tip:hover {cursor:pointer; text-decoration:none;}
	a.tip:hover .popbox { display:block; position:absolute; z-index:9999; padding:2px 0 0 0; width:60px; background:#FEFFDF; white-space:normal; text-align:center; border:solid 1px #cccccc; filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=0,offY=0,positives=true) Alpha(Opacity=75) Alpha(-moz-opacity=75); line-height:16px; opacity:0.75;}			
	.popbox_positon1{ left:0; top:-20px;}	
	.popbox_positon2{ left:-13px; top:-20px;}