﻿@charset "utf-8";
/* base */
*{margin:0;padding:0}
body{font:12px/1.6em Arial,Verdana,sans-serif,"Times New Roman"; color:#444; background:#fff url(../images/bd_bg.png) fixed;}
ul,ol,dd{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal; display:inline;}
img {border:0;}
input{height:16px;}
button {cursor:pointer;}
div,p {display:block;}
p{ padding-bottom:0.5em;}
fieldset,form{ background:none; border:none; padding:0; margin:0;}

#top_wrap,#banner_wrap,#end_nav_wrap,#bottom_wrap{ overflow:hidden; clear:both;}
#bd,#bd2,#banner,#end_nav,#link,#bottom,#end_row01{position:relative;width:960px;margin:auto;overflow:hidden;clear:both;}
#top_link ul li.email,#top_link ul li.cn,#menu ul li a,#menu ul li a em,#menu ul li.visited a,#menu ul li.visited a em,#banner_wrap,#banner_r,#banner_r .privacy,#sy_seo_wrap ul li h2,.sy_seo_content ul li,.buy_now,#center h3,.list_box .title h2 a{ background:url(../images/img.png) no-repeat;}
/* top */
#top_wrap{ border-bottom:1px solid #4d5d00;}
#top{height:88px; position:relative; width:960px; margin:auto; clear:both;}
#top a.logo{ display:block; position:absolute; top:0; left:0; z-index:1000;}
#top h1{ position:absolute; bottom:14px; left:180px; border-left:1px solid #666; height:33px; width:210px; font-size:12px; padding-left:8px; line-height:1.4em;}
#top_link{ position:absolute; top:0; right:0; width:500px; height:15px; line-height:15px; overflow:hidden;}
#top_link ul{}
#top_link ul li{ float:right; padding-left:18px; font-size:11px; margin-left:10px;}
#top_link ul li a{display:inline-block;}
#top_link ul li a:hover{ color:#444;}
#top_link ul li.email{background-position:-90px -78px;}
#top_link ul li.cn{background-position:0 -78px; }

#menu{position:absolute; bottom:-1px; right:0; width:650px; height:31px;}
#menu ul{ }
#menu ul li{ float:right;}
#menu ul li a{ display:inline-block; background-position:100% -122px; text-decoration:none;}
#menu ul li a em{ background-position:0 -41px; font-weight:normal; font-style:normal; text-transform:uppercase;  margin-right:12px; height:31px; line-height:30px; padding-left:20px; cursor:pointer; display:inline-block;}
#menu ul li.visited a{ background-position:100% -81px; color:#fff;}
#menu ul li.visited a:hover{ color:#f5ffc0;}
#menu ul li.visited a em{ background-position:0 0;}

#banner_wrap{ height:235px; border-top:5px solid #637603; background-position:0 -565px; background-repeat:repeat-x;}
#banner{ height:235px;}
#banner_l{ position:absolute; top:0; left:0; width:680px; height:235px; overflow:hidden;}
#banner_r{ position:absolute; top:0; right:0; width:280px; height:235px; overflow:hidden; background-position:0 -330px;}
#banner_r p.note{ padding-top:40px; text-align:center; font-size:11px;}
#banner_r form{ position:relative; padding-top:50px; height:130px; text-align:center;}
#banner_r form .form_c{ margin:auto; width:200px;}
#banner_r form input{ font-size:11px;}
#banner_r form td{ padding:0 5px 0 0;}
#banner_r form a.submit{ position:absolute; bottom:0; left:95px; display:block; width:80px; height:25px; border:0; padding:0;}
#banner_r form .skype{ position:absolute; bottom:0; left:180px; display:block; width:60px; height:25px;}
#banner_r form input.text{ width:143px; border:1px solid #999; height:14px; padding:2px;}
#banner_r .privacy{ width:215px; margin:auto; font-size:11px; line-height:1.2em; padding-top:5px; background-position:0 -200px; padding-left:12px;}
#banner_r .privacy a{ color:#666;}

/* bd */
#bd{ padding-bottom:20px;}
#bd2{ width:920px; margin:20px auto 20px auto; background:url(../images/right_bg.png) repeat-y; background-position:right; min-height:400px; _height:400px;}

#sy_pro_box h2 a,#sy_pro_box h3 a,#sy_seo_wrap h2 a, #sy_seo_wrap h3 a{ color:#666;}
#sy_pro_box h2 a:hover,#sy_pro_box h3 a:hover,#sy_seo_wrap h2 a:hover, #sy_seo_wrap h3 a:hover{ color:#444;}


#sy_seo_wrap{ margin-top:30px; overflow:hidden; clear:both;}
#sy_seo_wrap ul{ padding-left:10px;}
#sy_seo_wrap ul li{float:left; width:290px; padding:0 15px 0 5px; background:url(../images/sy_seo_line.png) right top no-repeat;_background:url(../images/sy_seo_line.gif) right top no-repeat; overflow:hidden;}
#sy_seo_wrap ul li.sy_seo_box2{ background-image:none;}
#sy_seo_wrap ul li h2{ display:block; font-size:16px; font-weight:bold; line-height:18px; color:#637600; background-position:0 -163px; padding-left:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#sy_seo_wrap .sy_seo_content{ width:290px; padding-top:20px;  color:#666; overflow:hidden; clear:both;}
#sy_seo_wrap .sy_seo_content ul li{ padding:0; margin:0; width:265px; margin-bottom:5px; background:url(../images/img.png) no-repeat; background-position:0 -232px; padding-left:15px;}
.buy_now{ display:block; margin-right:10px; width:80px; height:35px; float:right; background-position:0 -102px;}

 
.sy_text1{ margin:auto; font-size:16px; color:#666; line-height:1.3em; padding:10px 0; margin:10px 0; border-bottom:1px dotted #ccc;  border-top:1px dotted #ccc; overflow:hidden; clear:both;}
.sy_text2{ margin:auto; width:920px;}
.sy_text2 h2{ display:block; font-size:30px; font-weight:bold; color:#637600; margin-bottom:10px; margin-top:20px;}

#right{ float:right; width:230px; padding-top:15px; padding-bottom:5px; overflow:hidden;}
#right .right_nav{margin-bottom:10px; overflow:hidden; clear:both;}
#right .right_nav h2{ display:block; padding-bottom:10px; line-height:1.3em; font-size:12px; font-weight:bold; color:#666;}
#right .right_nav h2 a{ color:#fff; text-decoration:none;}
#right .right_nav h2 a:hover{ color:#eee;}
#right .right_nav .right_nav_t{ height:10px; background:url(../images/nav_t.png) no-repeat; font-size:0;}
#right .right_nav .right_nav_e{ height:10px; background:url(../images/nav_e.png) no-repeat; font-size:0;}
#right .right_nav ul{ padding:10px; border:1px solid #ccc; border-top:0; border-bottom:0; background:#eee;}
#right .right_nav li{ clear:both; padding-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#right .right_nav li a{ display:block; width:182px; overflow:hidden; background:url(../images/nav_li01.png) 0 5px no-repeat; color:#666; padding:2px 10px 2px 15px;}
#right .right_nav li a:hover{ background:#0096d1 url(../images/nav_li02.png) 0 5px no-repeat ; color:#fff;}

#right .gg{ orphans:inherit; clear:both; margin-bottom:10px;}
#right .gg img{ margin:auto; display:block; border:10px solid #fff;}

#center,#center2{ float:left; width:660px; padding:0 0 20px 0px; background:url(../images/center_bg.png) no-repeat;}
#center h2{ display:block; font-size:20px; line-height:1.2em; margin-bottom:15px; color:#637600; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#center h3{ display:block; font-size:14px; line-height:1.2em; margin-bottom:5px; margin-top:10px; color:#637600; background-position:0 -303px; padding-left:18px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#center ul{ padding:10px 0;}
#center ul li p{ padding-left:10px;}

#center p{ padding-bottom:5px;}
#center p.l10{ padding-left:10px;}
#center p.t10{ padding-top:10px;}
#jj,#c_box01,#c_box02,#c_box03,#c_box04{ padding-top:20px;}
#jj h2,#c_box01 h2,#c_box02 h2,#c_box03 h2,#c_box04 h2{ display:block; font-size:20px; font-weight:bold;}
#jj .content,#c_box01 .content,#c_box02 .content,#c_box03 .content,#c_box04 .content,{ padding:10px 0;}
.see_all{ display:inline-block; width:45px; height:20px; padding-left:2px; background-position:-160px -219px; size:11px;}

.list_box{ border-bottom:1px solid #ddd; display:inline-block; color:#999; padding:5px 0; margin-bottom:10px; overflow:hidden; clear:both;}
.list_box .title,.list_box .content,.list_box .description,.list_box .pager{ overflow:hidden; clear:both;}
.list_box .title h2 a{ float:left; background-position:0 -303px; padding-left:18px; font-size:14px; font-weight:bold; color:#637600;}
.list_box .title .date{ float:right;}
.list_box .content{ color:#999; padding:10px 0; text-indent:2em;}
.list_box .description ul li{ float:left; padding-right:100px;}
.pager{ text-align:right;}
.pager a{ padding:5px 10px; border:1px solid #ccc;}
.pager a.visited{border:1px solid #ce4002; color:#ce4002; font-weight:bold;}

.details_box{display:inline-block; overflow:hidden; clear:both;}
.details_box .title{ text-align:center; padding:5px 0; border-bottom:1px dotted #999;}
.details_box .title h2{font-size:20px; line-height:1.6em; font-weight:bold; color:#637600;}
.details_box .description{ color:#999; text-align:center; overflow:hidden; clear:both;}
.details_box .content{ font-size:14px; padding:20px 10px; line-height:1.8em;}
.details_box .content p{ padding-bottom:10px;}
.details_box .end_dh{ border-top:1px dotted #999;}
.details_box .end_dh li{ padding-left:15px;}
.details_box .end_dh li.uppage{background:url(../images/uppage_icon.gif) no-repeat;}
.details_box .end_dh li.downpage{background:url(../images/downpage_icon.gif) no-repeat;}




#c_box01 .table{ margin-top:10px;}
#c_box01 .table td{ padding-left:5px; height:20px; width:30%; line-height:20px;}
#c_box01 .table th{ padding-left:5px; color:#ff4f31; font-weight:normal; text-align:left;}

#c_box02 .table{ margin-top:10px;}
#c_box02 .table td{ padding-left:5px; height:20px; width:25%; line-height:20px;}
#c_box02 .table th{ padding-left:5px; color:#ff4f31; font-weight:normal; text-align:left;}

#c_box03 .nr_wrap{margin-top:10px; width:100%; overflow:hidden; clear:both;}
#c_box03 .nr_wrap .nr_box_l{float:left; width:340px;}
#c_box03 .nr_wrap .nr_box_l h3{margin-bottom:5px; font-size:12px; font-weight:normal; color:#ff4f31;}
#c_box03 .nr_wrap .nr_box_l .sub_wrap{ width:100%; overflow:hidden; clear:both;}
#c_box03 .nr_wrap .nr_box_l .sub_wrap img{ float:left; margin-top:4px; top:23px; left:0; border:4px solid #ccc;}
#c_box03 .nr_wrap .nr_box_l .sub_wrap p{ float:right; top:20px; left:60px; width:280px;}
#c_box03 .nr_wrap .nr_box_r{float:right; width:340px;}
#c_box03 .nr_wrap .nr_box_r h3{margin-bottom:5px; font-size:12px; font-weight:normal; color:#ff4f31; }
#c_box03 .nr_wrap .nr_box_r .sub_wrap{ width:100%; overflow:hidden; clear:both;}
#c_box03 .nr_wrap .nr_box_r .sub_wrap img{ float:left; margin-top:4px; top:23px; left:0; border:4px solid #ccc;}
#c_box03 .nr_wrap .nr_box_r .sub_wrap p{ float:right; top:20px; left:60px; width:280px;}

#reg_bt{ text-align:right; overflow:hidden; clear:both;}
#reg_bt a.reg_bt{ width:120px; height:37px; display:block; background-position:0 -213px;}

#services{}
#services h2{ display:block; font-size:20px; font-weight:bold; padding-top:20px; padding-bottom:10px;}
#services h3{display:block; font-size:12px; color:#ff4f31; font-weight:bold; padding-bottom:10px;}
#services ul.features{ margin-left:10px;}
#services ul.features li{ margin-top:5px; background:url(../images/arrow02.gif) no-repeat; background-position:0 6px; padding-left:10px; clear:both;}

#services .s_box01{display:block; padding:10px 0; border-top:1px dotted #999; overflow:hidden; clear:both;}
#services .s_box01 .td_box{overflow:hidden; clear:both;}
#services .s_box01 .td_box img{ float:left; display:block; margin-top:4px; top:23px; left:0; border:4px solid #ccc;}
#services .s_box01 .td_box .text{float:left; display:block; margin-left:10px; top:20px; left:60px; width:630px; font-size:11px;}


.lg_bddh{background:url(../images/line01.gif) repeat-x 0 18px; height:20px; font-weight:bold; margin-bottom:10px;}
.lg_bddh li{float:left; height:18px; line-height:18px; margin-right:3px;}
.lg_cont{margin-top:20px; overflow:hidden; clear:both;}
.lg_cont img{float:left; padding:2px; border:1px solid #ccc; margin:4px; display:block;}
.lg_cont_now01{ margin:auto;width:600px; overflow:hidden; clear:both;}
.lg_cont_now01 li{ float:left; margin-right:3px; padding-bottom:5px;}
.lg_cont_now01 li.lg_contli01{width:100px;}
.lg_cont_now01 li.lg_contli01 span{display:block; float:left; height:15px; line-height:15px;}
.lg_cont_now02{padding-top:10px; text-align:center; overflow:hidden; clear:both; }
.lg_cont_now03{padding-top:10px; padding-left:100px; text-align:left; overflow:hidden; clear:both; }


		.apply_bddh{font-size:16px; margin-bottom:20px; margin-top:10px; color:#ff4f31; clear:both;}
		.apply_bdzs{}
			.apply_bdzs li{float:left; padding-bottom:5px; background:url(../images/zs_icon.gif) no-repeat; padding-left:15px; color:#ff0000;}
		.apply_bddh2{background:url(../images/line01.gif) repeat-x 0 18px; height:20px; color:#ff4f31; font-weight:bold; margin-top:20px; margin-bottom:10px; clear:both;}
			.apply_bddh2 li{float:left; padding-bottom:5px; margin-right:3px;}
		.apply_info01{width:700px; margin-top:5px;}
		.apply_info01 ul{ padding-top:5px;clear:both;}
			.apply_info01 li{ float:left; margin-right:3px; line-height:20px; display:block;}
			.apply_info01 li.ap_infoli01{width:150px;}
			.apply_info01 li.ap_infoli02{width:200px;}
			.apply_info01 li.ap_infoli03{width:380px;}
		.submit{ padding:5px 0; margin-top:10px; border-top:1px solid #999; overflow:hidden; clear:both;}
			.submit li{ float:left; margin-right:3px; line-height:20px; display:block;}
			.submit li.submit_li01{width:150px;}
			


#link{text-align:center;}

#bottom{ border-top:1px solid #999; padding-bottom:20px;}
.pay_img{ float:left; width:570px;}
.bottom_r{ float:right; width:350px; font-size:11px; line-height:1.6em;}
.end_nav{text-align:right;}
.copyright{ text-align:right;}



.l10 p{ margin-bottom:10px;}


/*public*/
a{color:#444; text-decoration:none;}
a:hover{ color:#637600; text-decoration:underline;}

.imgborder{border:1px solid #CCCCCC;}
.imgborder2{border:solid 1px #ccc; padding:3px;}

.text999{color:#999;}
.text666{color:#666;}
.textw{color:#fff;}
.textr{color:#ce4002;}
.texty{color:#fabe00;}
.texty2{color:#967101;}
.textg{color:#637600;}
.textb{color:#0096d1;}
.text12{font-size:12px;}
.text14{font-size:14px;}
.text16{font-size:16px;}

.bold{font-weight:bold}
.through{text-decoration:line-through;}
.undline{ text-decoration:underline;}

a.aun:link,a.ap:visited{text-decoration:underline;}
a.aun:hover{text-decoration:underline;}

a.ag:link,a.ag:visited{color:#637600;}
a.ag:hover{color:#333;}

a.aw:link,a.aw:visited{color:#fff;}
a.aw:hover{color:#eee;}

a.aw14:link,a.aw14:visited{color:#fff; font-size:14px;}
a.aw14:hover{color:#ff0000; font-size:14px;}

a.ak14:link,a.ak14:visited{font-size:14px; color:#222222;}
a.ak14:hover{color:#FF0000; font-size:14px;}

a.ab:link,a.ab:visited{color:#0096d1; }
a.ab:hover{color:#444;}

a.ar:link,a.ar:visited{color:#ce4002;}
a.ar:hover{color:#000;}

a.ay:link,a.ay:visited{color:#CC6100;}
a.ay:hover{color:#CC6100;}

a.ay2:link,a.ay2:visited{color:#967101;}
a.ay2:hover{color:#c39302;}
