/* CSS Document
Use for: xxxx
Version: 1.0
Date: 2012/07/06
Author: ljl
Update:
*/
/* CSS Reset */
body, div, span, applet, object, iframe,input, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption{ text-align:left;}
ins{ text-decoration: none;}
del{ text-decoration: line-through;}
input,select{ vertical-align:middle;}
input,textarea,select{font:12px '宋体'; }
fieldset, img { border: 0; }
address,code,caption,th,cite,dfn,em,var{font-style:normal;}
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 {font-size: 100%; }
q:before, q:after { content:""; }
legend{ display:none;}
/* bass css */
body{ margin:0 auto; font:12px/1.5 '宋体'; font-family:"微软雅黑"; color:#81857d; background:url(../images/body.gif) repeat-y center; background-color:#efe8cf; }
.layer_bg{ background:none; background-color:#efe8cf; }
.full_bg{ background:url(../images/full_bg.jpg) no-repeat center top;}
.full_bg1{ background:url(../images/full_bg1.jpg) no-repeat center 489px;}
.wrapper{ margin:0 auto; width:1002px; }
.clearfix:after{ content:""; height:0; visibility:hidden; display:block; clear:both;}
.clearfix{ zoom:1;}
.clear { clear:both }
/*********public style*********/
/* link css */
a {color:#e17d46; text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}
/* nav */
.nav{ background:url(../images/nav.jpg) no-repeat; height:70px; padding-left:68px;}
.nav_col li{ display:inline; float:left; margin-right:9px;}
.nav_col li a{ display:block; text-indent:-999em; height:70px;}
.nav_col li a:hover{ background:url(../images/nav_hover.jpg) no-repeat;}
.nav_col .on a{ display:block; text-indent:-999em; height:70px; background:url(../images/nav_hover.jpg) no-repeat;}
.nav_col li .l1{ width:67px;}
.nav_col li .l1:hover, .nav_col .on .l1{ background-position:0 0;}
.nav_col li .l2{ width:87px;}
.nav_col li .l2:hover, .nav_col .on .l2{ background-position:-76px 0;}
.nav_col li .l3{ width:80px;}
.nav_col li .l3:hover, .nav_col .on .l3{ background-position:-172px 0;}
.nav_col li .l4{ width:104px;}
.nav_col li .l4:hover, .nav_col .on .l4{ background-position:-261px 0;}
.nav_col li .l5{ width:148px;}
.nav_col li .l5:hover, .nav_col .on .l5{ background-position:-374px 0;}
.nav_col li .l6{ width:113px;}
.nav_col li .l6:hover, .nav_col .on .l6{ background-position:-531px 0;}
.nav_col li .l7{ width:94px;}
.nav_col li .l7:hover, .nav_col .on .l7{ background-position:-653px 0;}
.nav_col li .l8{ width:102px;}
.nav_col li .l8:hover, .nav_col .on .l8{ background-position:-755px 0;}
/* header */
.header_1{ background:url(../images/header_1.jpg) no-repeat; height:151px; position:relative;}
.header_2{ background:url(../images/header_2.jpg) no-repeat; height:124px;}
.header_1 h1{ display:block; text-indent:-999em; height:151px;}
.header_1 .flash{ position:absolute; top:0; left:0;}
/* container */
.active_time{ background:url(../images/active_time.jpg) no-repeat; height:99px; padding-left:169px;}
.server_con{ background:url(../images/server_con.jpg) no-repeat; height:308px; padding-left:169px;}
.active_time h3{ height:38px; display:block; text-indent:-999em;}
.active_time p{ font-size:18px; font-weight:bold; color:#8d4403; line-height:24px; padding-left:53px;}
.server_con h3{ height:38px; display:block; text-indent:-999em;}
.server_con .ser_con{ list-style:decimal outside; color:#8d4403; padding:0 68px 0 65px;}
.server_con .ser_con li{ font-size:18px; font-weight:bold; line-height:27px;}
/*.apply_con{ background:url(../images/repeat_con.jpg) repeat-y;}*/
.apply_way{ background:url(../images/apply_way.jpg) no-repeat center top; min-height:426px; _height:426px; color:#FFF;}
.apply_1{ padding-top:4px; min-height:329px; _height:329px;}
.way{ display:inline; width:600px; float:left;}
.way .way_1{ padding-left:275px; font-size:18px; line-height:24px; font-weight:normal; margin:8px 0;}
.way p{ font-size:16px; line-height:24px;}
.way .p_11{ padding-left:257px;}
.way .p_12{ padding-left:247px;}
.way .p_13{ padding-left:237px;}
.way .p_14{ padding-left:227px;}
.way_1btn{ display:inline; float:right; width:400px; position:relative;}
.apply_btn{ display:block; width:154px; height:53px; text-indent:-999em; position:absolute; top:65px; left:9px;}
.apply_btn:hover{ background:url(../images/btn_script.gif) no-repeat 0 0;}
.apply_btn1{ width:169px; height:60px; top:211px; left:59px;}
.apply_btn1:hover{ background-position:0 -53px;}
.way .way_2{ padding-left:209px; font-size:18px; line-height:24px; font-weight:normal; margin:16px 0 8px 0;}
.way .p_21{ padding-left:200px;}
.way .p_22{ padding-left:190px;}
.way .p_23{ padding-left:180px;}
.way .p_24{ padding-left:170px;}
.way .p_25{ padding-left:160px;}
.note{ color:#FFF; padding-top:5px;}
.note h4{ font-size:18px; font-weight:normal; padding-left:138px;}
.note p{ font-size:14px; line-height:22px;}
.note .b_1{ padding-left:127px;}
.note .b_2{ padding-left:117px;}
.note .b_3{ padding-left:107px;}
/* footer */
.footer{ background:url(../images/footer.jpg) no-repeat center; height:127px; padding-top:5px;}
.footer table{ margin:0 auto; font-family:"宋体";}
.footer table td{ text-align:center; color:#e17d46; line-height:24px;}
.footer table a{ color:#e17d46;}
/* 弹窗 */
.layer{ background:rgba(255, 255, 255, 0.6); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99FFFFFF', EndColorStr='#99FFFFFF'); width:590px; padding:6px; border-radius:6px; margin-bottom:10px;}
:root .layer { background:rgba(255, 255, 255, 0.6);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#fff', EndColorStr='#fff');}
.layer_repeat{ background:url(../images/layer_repeat.gif) repeat-y;}
.layer_top{ background:url(../images/layer_top.gif) no-repeat left top;}
.layer_btm{ background:url(../images/layer_btm.gif) no-repeat left bottom; min-height:163px; _height:163px; position:relative; padding-bottom:10px;}
.layer_btm p{ text-align:center; font-size:16px; color:#4e2a04; padding:60px 15px 0 15px; height:70px; font-family:"宋体"; font-weight:bold;}
.sure_btn{ display:block; width:105px; height:29px; background:url(../images/btn_script.gif) no-repeat 0 -142px; margin:0 auto; color:#ffdfcc; font-size:19px; line-height:29px; text-align:center;}
.sure_btn:hover{ text-decoration:none; background-position:0 -171px;}
.close_btn{ display:block; text-indent:-999em; width:29px; height:29px; background:url(../images/btn_script.gif) no-repeat 0 -113px; position:absolute; top:5px; right:9px;}
.layer_btm .bd{ padding:30px 10px 10px;}
.layer_btm .bd .t1{ width:198px; text-align:right; font-size:16px; color:#4E2A04; font-family:"宋体"; font-weight:bold;}
.layer_btm .bd .t2{ width:363px; padding-left:8px;}
.layer_btm .bd .t2 span{ font-size:16px; color:#4E2A04; display:inline-block; float:left; font-family:"宋体"; font-weight:bold;}
.layer_btm .bd td{ padding-bottom:7px;}
.layer_btm .bd .i1{ width:269px; height:23px; background:#cd842b; border:1px solid #d06d15; line-height:23px;}
/*优化版select*/
.selectbtn{ display:block; width:264px; height:25px; background:url(../images/btn_script.gif) no-repeat 0 -200px; line-height:25px; padding-left:7px; font-size:14px; cursor:pointer; position:relative;}
.selectbtn span{ color:#4E2A04; padding:0 0 0 2px;}
.selectbox{ width:269px; border-width:0 1px 1px; border:1px solid #D3D9DC; z-index:20; position:absolute; top:25px; left:0; background:#FFFFFF}
.selectbox li{ height:24px; margin:0 1px; line-height:24px; text-align:center; width:269px; border-bottom:1px dashed #CCCCCC; color:#3f2506;}
.selectbox li a{ font-size:14px;}
.selectbox li.optionselected{background:#EDF5FF; color:#4fb81b; text-decoration:none}
.selectbtn1{ display:inline-block; width:64px; height:25px; background:url(../images/btn_script.gif) no-repeat 0 -225px; line-height:25px; padding-left:7px; font-size:14px; cursor:pointer; position:relative; float:left;}
.selectbtn1 span{ color:#FFF;}
.selectbox1{ width:69px; border-width:0 1px 1px; border:1px solid #D3D9DC; z-index:20; position:absolute; top:0; left:0; background:#FFFFFF; height:150px; overflow-x:hidden; overflow-y:auto;}
.selectbox1 li{ height:24px; margin:0 1px; line-height:24px; text-align:center; width:67px; border-bottom:1px dashed #CCCCCC; color:#3f2506;}
.selectbox1 li a{ font-size:14px;}
.selectbox1 li.optionselected{background:#EDF5FF; color:#4fb81b; text-decoration:none}
.selectbtn2{ display:inline-block; width:51px; height:25px; background:url(../images/btn_script.gif) no-repeat 0 -250px; line-height:25px; padding-left:7px; font-size:14px; cursor:pointer; position:relative; float:left;}
.selectbtn2 span{ color:#FFF;}
.selectbox2{ width:55px; border-width:0 1px 1px; border:1px solid #D3D9DC; z-index:20; position:absolute; top:0; left:0; background:#FFFFFF; height:150px; overflow-x:hidden; overflow-y:auto;}
.selectbox2 li{ height:24px; margin:0 1px; line-height:24px; text-align:center; width:53px; border-bottom:1px dashed #CCCCCC; color:#3f2506;}
.selectbox2 li a{ font-size:14px;}
.selectbox2 li.optionselected{background:#EDF5FF; color:#4fb81b; text-decoration:none}
.selectbtn3{ display:inline-block; width:44px; height:25px; background:url(../images/btn_script.gif) no-repeat 0 -275px; line-height:25px; padding-left:7px; font-size:14px; cursor:pointer; position:relative; float:left;}
.selectbtn3 span{ color:#FFF;}
.selectbox3{ width:48px; border-width:0 1px 1px; border:1px solid #D3D9DC; z-index:20; position:absolute; top:0; left:0; background:#FFFFFF; height:150px; overflow-x:hidden; overflow-y:auto;}
.selectbox3 li{ height:24px; margin:0 1px; line-height:24px; text-align:center; width:46px; border-bottom:1px dashed #CCCCCC; color:#3f2506;}
.selectbox3 li a{ font-size:14px;}
.selectbox3 li.optionselected{background:#EDF5FF; color:#4fb81b; text-decoration:none}