@charset "utf-8";
body {margin: 0px;padding: 0px;font-family: "宋体";font-size:12px;color:#333333; background:url(../images/bg_top.jpg) 0px top repeat-x;}
td {font-size: 12px;}
img {border:none;}
form,input,select,button {font-size: 12px; color:#555555; vertical-align:middle;font-size: 12px; color:#333333; margin: 0px;padding: 0px;}
p{ text-indent:2em;}
ul,li,h1,h2,h3,h4,h5,dl,dt,dd,em,div {margin: 0px;padding: 0px; font-style:normal; list-style:none; text-indent:0px;}
a:active{star:expression(this.onFocus=this.blur());} 
:focus{outline:none;}
a:focus,button:focus{outline:none; -moz-outline:none;}
::-moz-focus-inner{border:0px;outline:none;}

.clear {margin:0px; padding:0px; clear:both;}
.right{ float:right;}
.pld20{ padding-left:20px; height:auto !important; height:22px; min-height:22px;}

/* ----- Links ----- */
a {text-decoration:none; color:#333333;}
a:hover {text-decoration:underline;color:#0040b1;}
.back{ text-align:right; padding-top:19px; height:24px;}
.back a{width:53px; line-height:24px; height:24px; display:inline-block; text-align:center; color:#fff; background-image:url(../images/bg_back.gif);}
.back a:hover{ color:#ffcc00;}

/* ----- top css ----- */
#head{ width:980px; margin:0px auto; height:141px;}
#head .logo{ float:left; padding:22px 0px 0px 10px; height:82px;}
#head .right{ float:right; line-height:43px; padding-right:12px; text-align:right;}
#head .right a.cn{ padding-left:21px; background:url(../images/cn.gif) 0px center no-repeat;}
#head .right a.en{ padding-left:21px; background:url(../images/en.gif) 0px center no-repeat; margin-left:14px; font-family:Arial, Helvetica, sans-serif;}
#head .right a{ color:#666666; font-family:"微软雅黑";}

/* ----- Navigation ----- */
#nav{ clear:both;width:980px;height:37px; background-image:url(../images/bg_nav.gif);}
#nav li{float:left;display:inline;margin-left:1px; display:inline; height:37px; line-height:37px;position:relative; z-index:1;}
#nav li .aon a{display:block; text-align:center; width:108px; }
#nav li .aon a:hover,#nav li .aon .sele{color:#0040b1; text-decoration:none; background:url(../images/bg_nav.gif) 0px bottom no-repeat;}
.subnav{position:absolute; z-index:2; width:174px; top:37px; left:0px; display:none; background:url(../images/bg_subnav.png); padding-bottom:5px;}
.subnav dd{height:35px; line-height:35px; background:url(../images/line_nav.png) center bottom no-repeat; position:relative; z-index:99;}
.subnav a{ background:url(../images/arrow_nav.gif) 24px center no-repeat; padding-left:44px;}.subnav a:hover,.subnav a.on{ color:#0040b1; text-decoration:none;}
.subnav .on a{display:block;}
.subnav .on a:hover,.subnav .on .current{ color:#0040b1; text-decoration:none;}
.subnav dd .subs{ display:none; position:absolute; z-index:1; left:174px; top:0px; width:154px; background:url(../images/bg_ssubnav.png); padding-bottom:5px;}
.subnav .nobg{background:url() center bottom no-repeat;}
#nav #w107{ width:107px;}

/*index body*/
.mainbox{ width:980px; margin:0px auto;}
.banner{ height:310px; overflow:hidden; position:relative; margin-bottom:15px;}
.banner .bg{ height:34px; position:absolute; left:0px; bottom:0px; width:100%; background-image:url(../images/bgban.png);}
#TabID{ position:absolute; left:453px; bottom:11px;}
#TabID li{float:left;width:9px;height:9px;cursor:pointer; margin-left:5px; display:inline; background:url(../images/dot_ban.png) 0px top no-repeat;}
#TabID li:hover,#TabID li.active{ background:url(../images/dot_ban.png) 0px -9px no-repeat;}

.cloumn{ border:1px solid #d7d7d7; width:318px; height:298px; margin-bottom:13px; background:url(../images/bg_cloumn.gif) 0px bottom repeat-x;}
.cloumn .title{ line-height:47px; padding:0px 18px 3px 17px; color:#0040b1; font-size:16px; font-family:"微软雅黑";}
.cloumn .title span{ display:block; float:right; padding-top:16px;}

.about{ float:left;}
.about .text{ padding:8px 18px 0px 21px; line-height:22px;}
.news{ float:left; margin-left:10px; display:inline;}
.news li{height:31px; line-height:30px; margin:0px 15px; padding-right:9px; background:url(../images/line_1.gif) 0px bottom repeat-x;}
.news li span{ float:right; color:#666666;}
.newsboat{ float:right;}
.newsboat .text{ line-height:28px; padding:2px 20px 0px 20px;}
.business{ margin-bottom:14px; clear:both; width:980px; background:url(../images/point.gif) 0px bottom no-repeat; padding-bottom:4px;}
.business .title{ height:47px; background:url(../images/bg_titlei.gif) 0px center repeat-x;}
.business .title h1{ height:47px; background:url(../images/bg_titlei.gif) 0px top no-repeat; line-height:40px; padding-left:20px; font-weight:normal; color:#0040b1; font-size:16px; font-family:"微软雅黑";}
.business .title span{ height:37px; background:url(../images/bg_titlei.gif) right bottom no-repeat; display:block; float:right; padding:10px 19px 0px 0px;}
.business dl{ height:142px; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; background-image:url(../images/bg_box_business.gif); position:relative;}
#prev{width:28px; height:29px; cursor:pointer; background:url(../images/arrow_business.png) no-repeat left top; text-indent:-999em; position:absolute; top:42px; left:37px;}
#prev:hover{background:url(../images/arrow_business.png) no-repeat left bottom;}
#scroll_list{width:876px; height:116px; overflow:hidden; margin:0px auto;}
#scroll_list ul{width:3000px; height:116px; float:left;}
#scroll_list ul li{ text-align:center; background-image:url(../images/bg_pro.gif); width:133px; height:116px; margin-right:16px; display:inline; float:left;}
#scroll_list ul li .title2{ margin:0px 1px; line-height:26px; background-color:#7a7a7a;}
#scroll_list ul li a{ color:#fff;}#scroll_list ul li a:hover{ color:#ffcc00;}
#next{width:28px; height:29px; cursor:pointer; background:url(../images/arrow_business.png) no-repeat right top; text-indent:-999em; position:absolute; top:42px; right:37px;}
#next:hover{background:url(../images/arrow_business.png) no-repeat right bottom;}

/*sub*/
.bansub{ padding-bottom:10px;}

.menubox{ width:205px; float:left; background:url(../images/bg_leftsub.gif); border-bottom:1px solid #d9d9d9; padding-bottom:24px; height:auto !important; height:180px; min-height:180px; margin-bottom:20px;}
.menubox .title{ line-height:40px; padding-left:63px; color:#0065ff; font-size:14px; background-image:url(../images/bg_titles.jpg);}
.menubox li{ background:url(../images/line_menu.gif) center bottom no-repeat; padding-bottom:2px;}
.menubox li a{ display:block; background:url(../images/bg_menu.gif) center top no-repeat; padding:5px 0px 5px 66px; line-height:23px;}
.menubox li a:hover,.menubox li a.on{background:url(../images/bg_menuon.gif) center top no-repeat; color:#0065ff; font-weight:bold; text-decoration:none;}
.menubox .nobg{ background-image:url();}

.menubox h2{ font-size:12px; font-weight:normal; background:url(../images/line_menu.gif) center bottom no-repeat; padding-bottom:2px;}
.menubox h2 a{ display:block; background:url(../images/bg_menu.gif) center top no-repeat; padding:5px 0px 5px 66px; line-height:23px;}
.menubox h2 a:hover{background:url(../images/bg_menuon2.gif) center top no-repeat; color:#0065ff; font-weight:bold; text-decoration:none;}
.menubox .hover{background:url(../images/bg_menuon2.gif) center top no-repeat; color:#0065ff; font-weight:bold; text-decoration:none;}
.menubox .hover a{background:url(../images/bg_menuon2.gif) center top no-repeat; color:#0065ff; font-weight:bold; text-decoration:none;}
.menubox .sub{ background:url(../images/line_menu.gif) center bottom no-repeat; padding-bottom:12px;}
.menubox .sub dd{ line-height:20px; padding:9px 10px 0px 65px;}
.menubox .sub dd a{ color:#666666;}
.menubox .sub dd a:hover,.menubox .sub dd a.on{ color:#0065ff; font-weight:bold;}

#rcontent{ float:right; width:737px; height:auto !important; height:350px; min-height:350px; padding-bottom:28px;}

.position{ height:32px; line-height:32px; padding-left:10px; border-bottom:1px solid #cecece;}
.position h1{ font-size:14px;}

.message{ margin:30px 0px 0px 28px; line-height:22px; background:url(../images/bg_message.jpg) right top no-repeat;}

/* ----- font ----- */
.Arial { font-family:Arial, Helvetica, sans-serif;}
.f_14 { font-size:14px; font-weight:bold;}
.f_red { color:#ff0000;}

.content{ padding:26px 4px 0px 4px; line-height:24px;}
.f_contact{ margin-left:36px;}
.f_contact td{ padding-top:26px;}
.f_case .date{ font-size:12px; padding:0px 0px 7px 8px;}
.f_case .line{ clear:both; height:30px; margin-bottom:15px; border-bottom:1px solid #eaeaea;}
.f_case p{ margin:0px 0px 15px 0px;}
.bg_text1{ padding:85px 42px 68px 70px; background:url(../images/bg_text.jpg) 0px top no-repeat;}
.bg_text2{ padding:84px 0px 58px 12px; background:url(../images/bg_text2.jpg) 0px top no-repeat;}
.ftitle1{ color:#fff; font-size:14px; padding-left:23px; width:159px; line-height:42px; background-image:url(../images/bg_ft1.jpg);}
.tpblock img{ margin:0px 6px 6px 0px;}

.cen{ font-family:"微软雅黑"; text-align:center; line-height:26px; padding-top:32px; color:#2d2d2d; font-size:18px;}
.titleinfo{ text-align:center; line-height:32px; height:43px; color:#909090; background:url(../images/bg_titleinfo.gif) 0px bottom no-repeat;}
.text_news{ margin:28px 0px 0px 8px; height:166px;}
.text_news dt{ width:221px; float:left;}
.text_news dt img{ padding:4px; border:1px solid #ededed;}
.text_news dd{ width:495px; float:left; line-height:18px; color:#666666;}
.text_news dd h1{ line-height:30px; font-size:12px;}
.text_news dd h1 .date{ font-weight:normal; margin-left:8px; color:#979797;}
.text_news dd a.detail{ display:block; color:#fff; text-align:center; width:85px; height:26px; line-height:26px; background-image:url(../images/bg_detail.gif); margin-top:6px;}
.text_news dd a:hover.detail{color:#ffcc00;}

.prev{ margin:20px 7px 0px 7px; line-height:68px; height:68px; clear:both; background-color:#f3f3f3; padding-left:34px; color:#5c5c5c;}
.prev a{color:#5c5c5c;}.prev a:hover{color:#0040b1;}
.prev span{ float:right; width:310px;}

.titles{ height:28px; line-height:28px; background:url(../images/bg_titles.gif) 0px top repeat-x; margin-bottom:18px;}
.titles h1{background:url(../images/bg_titles.gif) 0px bottom no-repeat; width:148px; text-align:center; color:#fff; font-size:12px;}

.routes{ margin-top:24px; border:1px solid #dfdfdf; border-bottom:0px;}
.routes .tabhead{ height:30px; line-height:30px; background-image:url(../images/bg_tabhead.gif); padding-left:29px;}
.routes .tabcon td{ border-bottom:1px solid #e0e0e0; padding:10px 5px; line-height:18px; font-family:Arial, Helvetica, sans-serif;}
.routes .tabcon .frist{ padding-right:8px; text-align:center;}
.routes a.look{ display:block; text-align:center; width:45px; line-height:19px; border:1px solid #ebebeb;}
.routes a:hover.look{border:1px solid #005eee; background-color:#0065ff; color:#fff; text-decoration:none;}
.routes .lineright{ border-right:1px solid #e0e0e0;}

.titles2{ border-bottom: 2px solid #0065ff; line-height:39px; height:39px; margin-bottom:27px;}
.titles2 h1{ text-align:center; font-size:14px; color:#fff; width:307px; background-image:url(../images/bg_titles2.gif);}

.order{ background-image:url(../images/bg_boxs.gif); border:1px solid #ebebeb; margin-top:14px; line-height:22px;}
.order h1{ line-height:44px; text-align:center; font-size:14px; padding-top:16px; color:#0065ff;}

.searchbox{ width:718px; margin:23px auto 0px; height:54px; background-image:url(../images/bg_boxsearch.gif); padding-left:10px;}

.loginbox{ width:517px; margin:61px auto 0px; background-image:url(../images/bg_loginbox.gif);}
.loginbox .title{ line-height:82px; padding-left:40px; font-size:17px; font-family:"微软雅黑"; background-image:url(../images/bg_titlelogin.jpg);}
.loginbox .title span{ font-size:24px; color:#0065ff; font-family:Arial, Helvetica, sans-serif;}
.loginbox .f1{ padding:0px 0px 7px 84px; line-height:38px;}
.loginbox .f1 a{ color:#0065ff;}
.loginbox .f2{ line-height:18px; color:#fe0303; padding:14px 10px 35px 34px;}

.linkbox{ margin-top:21px; width:451px; height:180px; padding-top:45px; background-image:url(../images/bg_linkbox.jpg);}
.linkbox li{ margin-left:51px; line-height:35px;}
.linkbox li a:hover{ font-weight:bold; color:#0065ff;}

/*list*/
.list_news li{ margin:0px 2px 0px 16px; background:url(../images/line_2.gif) 0px bottom repeat-x; height:35px; line-height:34px; padding:0px 10px 0px 6px;}
.list_news li span{ float:right; color:#828282;}

.list_hr li{ padding-bottom:20px;}
.list_hr h1{ line-height:38px; font-size:14px; padding:5px 0px 0px 10px; color:#6e8ca6;}
.list_hr .title{ font-size:12px; line-height:28px; height:28px; color:#fff; background-color:#6e8ca6; padding-left:10px;}
.list_hr .title .num{ float:right; width:214px;}
.list_hr .title .gzjy{ float:right; width:300px;}
.list_hr h3{ margin:8px 0px 0px 10px; line-height:30px; color:#666666; font-size:12px; background:url(../images/arrow_s1.gif) 56px center no-repeat; cursor:pointer;}
.list_hr .hover{ margin:8px 0px 0px 10px; line-height:30px; color:#666666; font-size:12px; background:url(../images/arrow_s1.gif) 56px center no-repeat;}
.list_hr .text{ padding:0px 20px 0px 60px; line-height:24px; display:block;}

.list_down { margin:24px 0px 0px 0px;}
.list_down li{ height:41px; line-height:40px; color:#666666; background:url(../images/line_s1.gif) 0px bottom repeat-x;}
.list_down li span{ float:right; padding:0px 7px 0px 0px; display:block;}
.list_down li a{color:#666666;}.list_down li a:hover{color:#cc0000;}

.page{ text-align:right; padding:20px 0px 0px 0px; height:21px; line-height:19px; font-family:Arial, Helvetica, sans-serif;}
.page a{ display:inline-block; padding:0px 5px; height:19px; border:1px solid #c5c5c5; margin-left:8px;}
.page span{ display:inline-block; padding:0px 5px; height:19px; border:fffpx solid #c5c5c5; color:#7a7a7a; margin-left:8px;}

/* ----- form ----- */
.btn_1 { width:93px; height:31px; font-size:14px; font-family:"微软雅黑"; color:#fff; background-image:url(../images/bg_btn1.gif); border:0px; cursor:pointer;}
.btn_2 { width:93px; height:31px; font-size:14px; font-family:"微软雅黑"; background-image:url(../images/bg_btn2.gif); border:0px; cursor:pointer;}
.btn_3 { width:96px; height:31px; color:#fff; font-weight:bold;background-image:url(../images/bg_btn3.gif); border:0px; cursor:pointer;}
.btn_4 { width:96px; height:31px; font-weight:bold;background-image:url(../images/bg_btn4.gif); border:0px; cursor:pointer;}
.btn_5 { width:72px; height:25px; background-image:url(../images/bg_btn5.gif); border:0px; cursor:pointer;}
.btn_6 { width:120px; height:28px; font-weight:bold;background-image:url(../images/bg_btn6.gif); border:0px; cursor:pointer;}
.btn_7 { width:61px; height:25px;background-image:url(../images/bg_btn7.gif); border:0px; cursor:pointer;}

.input1 { border:1px solid #dedede;border-top:2px solid #dedede;border-left:2px solid #dedede; width:217px; height:23px; line-height:23px;}
.input2 { border:1px solid #dedede;border-top:2px solid #dedede;border-left:2px solid #dedede; width:297px; height:163px; line-height:23px;}
.input3 { border:1px solid #d4d4d4; width:188px; height:24px; line-height:24px;}
.input4 { border:1px solid #cee6ff; width:179px; color:#c5c5c5; height:26px; line-height:26px; padding-left:11px;}
.input5 { border:1px solid #cfcfcf; width:203px; height:22px; line-height:22px;}

.select1 { background-color:#efefee; color:#9f9f9f; width:197px; height:20px;}

.bgselect { width:111px; height:26px; background-image:url(../images/bg_select.gif); color:#333;}
div.selectbox-wrapper { position:absolute; background:url(../images/bg_li_select2.gif) 0px bottom no-repeat; text-align:left; width:115px;}
div.selectbox-wrapper ul li.selected { width:109px;}
div.selectbox-wrapper ul li.current { background-color:#daeafd; width:111px;}
div.selectbox-wrapper ul li {display:block; margin:0; line-height:26px; cursor:pointer;text-indent:.5em; width:111px;}
.selectbox {display : block; width:115px; text-align:left; height:26px; line-height:26px; cursor: pointer; border:none; background:none; text-indent:.5em; z_index:9999; vertical-align:middle;}
.lp div.selectbox-wrapper { position:absolute; background-color:white; text-align:left;}

label.checkbox {padding-left: 24px; cursor:pointer; background:url(../images/checkbox.gif) 0px top no-repeat; line-height:13px; height:13px; display:inline-block; } 
label.checked {background-position:left 100%;} 
label.disabled{background-position:left 0px;}

/* ----- footer ----- */
#foot { width:980px; margin:0px auto; padding-top:13px; height:100px; color:#666666; line-height:22px; clear:both; border-top: 1px solid #d8d8d8;}
#foot a{color:#666666;}#foot a:hover{color:#0040b1;}
#foot .right{ text-align:right;}
