@charset "utf-8";
body {margin: 0px;padding: 0px;font-family: "宋体";font-size:12px;color:#4e4e4e; background-color:#e2e2e2;}
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;}
.h20{ height:20px; font-size:0px;}

/* ----- Links ----- */
a {text-decoration:none; color:#4e4e4e;}
a:hover {text-decoration:underline;color:#cc0000;}
a.back { text-align:center; display:block; color:#fff; margin-top:33px; background-image:url(../images/bg_btn1.gif); width:82px; line-height:29px;}
a:hover.back {color:#ffcc00; text-decoration:none;}

/* ----- top css ----- */
#head{ background-image:url(../images/bg_top.gif); position:relative; z-index:1;}
#head dl{ width:1000px; margin:0px auto; height:177px;}
#head .share{ height:23px; line-height:23px; text-align:right; color:#fff;}
#head .share a{color:#fff;}#head .share a:hover{color:#ffcc00;}
#head .share span{ float:right; margin-left:5px; display:inline;}
#head .logo{ float:left; padding-top:26px; height:87px;}
#head .tel{ float:right; padding-top:27px;}

/* ----- Navigation ----- */
#nav{ clear:both; margin-left:125px; width:875px;line-height:41px; height:41px; background:url(../images/bg_nav.gif) 0px top no-repeat;}
#nav li{ float:left;font-family:"微软雅黑";}
#nav li .aon a{display:block;height:41px; font-size:14px; width:125px; text-align:center;}
#nav li .aon a:hover,#nav li .aon .sele{color:#fff; text-decoration:none; background:url(../images/bg_nav.gif) 0px bottom no-repeat;}
#nav li .subnav{position:absolute; width:100%; top:177px; left:0px; display:none; line-height:34px; height:34px; background:url(../images/bg_subnav.png) 0px top no-repeat;}
#nav li dl{ width:716px; margin:0px auto; padding-left:284px;}
#nav li dl a{ color:#fff; margin-right:30px;}
#nav li dl a:hover,#nav li dl a.on{color:#ffcc00;}

/*index body*/
.banner{ text-align:center; margin:0px auto; height:467px; overflow:hidden; position:relative; padding-bottom:12px; background:url(../images/bg_banner.gif) 0px bottom repeat-x;}
#TabID{ position:absolute; right:20%; bottom:40px;}
#TabID li{float:left;width:18px;height:18px;cursor:pointer; margin-left:12px; display:inline; background:url(../images/bg_dot.gif) 0px top no-repeat;}
#TabID li:hover,#TabID li.active{ background:url(../images/bg_dot.gif) 0px bottom no-repeat;}

.mainbox{ width:1000px; margin:0px auto;}
.line{ background-image:url(../images/bg_line.gif); line-height:0px; font-size:0px; height:2px; background-image:url(../images/bg_line.gif);}
.about{ float:left; width:271px; height:412px;}
.about .photo{ height:150px; position:relative; overflow:hidden; border:5px solid #afafaf; margin-bottom:9px;}
#TabID2{ position:absolute; right:0px; bottom:8px;}
#TabID2 li{float:left;width:10px;height:10px;cursor:pointer; margin-right:7px; display:inline; background-color:#fff;}
#TabID2 li:hover,#TabID2 li.active{ background-color:#007cc3;}
.about .text{ height:116px; line-height:21px; margin-left:2px;}
.about .text h1{ padding-left:17px; font-size:12px; background:url(../images/arrow3.gif) 0px center no-repeat; line-height:28px;}
.about a.detail{ float:right; padding-left:18px; display:block; width:29px; line-height:16px; background: #5b5b5b url(../images/arrow2.gif) 6px center no-repeat; color:#c4c4c4;}
.about a:hover.detail{ color:#ffcc00;}

.news{ float:left; width:338px; padding-left:46px;}
.news .text{ height:88px; background:url(../images/line_1.gif) 0px bottom repeat-x; position:relative;}
.news .text dt{ float:left; width:76px; padding-top:1px;}
.news .text dt img{ border:1px solid #fff;}
.news .text dd{ line-height:20px; width:252px; float:right;}
.news .text .date{ right:0px; bottom:8px; position:absolute; color:#6f6d6d;}
.news li{ height:37px; line-height:35px; background:url(../images/line_1.gif) 0px bottom repeat-x;}
.news li a{ background:url(../images/arrow.gif) 3px center no-repeat; padding-left:28px;}
.news li a:hover{ font-weight:bold; color:#333; text-decoration:none;}
.news li span{ float:right; color:#6f6e6e;}

.hnews{height:215px;position:relative;}
#prev{width:43px; height:22px; position:absolute; top:193px; cursor:pointer; background:url(../images/arrow_scroll.gif) no-repeat left; text-indent:-999em; left:124px;}
#news_scroll_list{height:190px; position:relative; z-index:10; overflow:hidden;}
#news_scroll_list ul{ height:1000px; position:relative; z-index:10;}
#next{width:43px; height:22px; cursor:pointer; background:url(../images/arrow_scroll.gif) no-repeat right; text-indent:-999em; position:absolute; top:193px; left:175px;}

.case{ float:right; width:297px;}
.case .list{ background-color:#c0c0c0; padding-top:4px; height:298px; border-bottom:1px solid #fff;position:relative;}
.case .list ul{ height:266px;}
.case .list li{ background-image:url(../images/bg_listcase.gif); margin:11px 12px 0px 11px; height:72px;}
.case .list dt{ padding:8px 0px 0px 8px; width:98px; float:left;}
.case .list dd{ width:160px; float:left;}
.case .list h1{ border-bottom: 1px solid #8e8e8e; color:#fff; line-height:22px; padding-top:8px; font-size:13px;}
.case .list h1 a{ color:#fff;}.case .list h1 a:hover{ color:#ffcc00;}
.case .list p{ line-height:16px; padding-left:7px; color:#c2c2c2; margin:0px;}
.case .bgarrow_line{ background:url(../images/bg_arrowline.gif) 0px top no-repeat; height:10px; line-height:0px; font-size:0px;}

#prev2{width:43px; height:22px; position:absolute; top:270px; cursor:pointer; background:url(../images/arrow_scroll.gif) no-repeat left; text-indent:-999em; left:102px;}
#case_scroll_list{height:266px; position:relative; z-index:10; overflow:hidden;}
#case_scroll_list ul{ height:1000px; position:relative; z-index:10;}
#next2{width:43px; height:22px; cursor:pointer; background:url(../images/arrow_scroll.gif) no-repeat right; text-indent:-999em; position:absolute; top:270px; left:152px;}

.titlei{ padding-top:31px; height:41px;}
.titlei a{ float:right; display:block; margin-top:8px;}

/*sub body*/
.bansub{ background-position:center; background-repeat:no-repeat; height:295px;}
.mainusb{ padding-top:21px; width:1002px; margin:0px auto;}

#leftbar{ width:212px; float:left; border: 1px solid #dcdbdb; border-top: 2px solid #aaaaaa; padding:12px 0px 15px 0px; background-color:#fff;}
#leftbar .tp{ text-align:center; padding-top:2px;}
#leftbar .tp img{ border:1px solid #fff;}

#rightbar{ float:right; width:737px; height:auto !important; height:350px; min-height:350px; padding-bottom:20px;}

.menubox{ margin:0px 8px 0px 9px; background:url(../images/bg_leftmenu.gif) 0px top no-repeat;}
.menubox .title{ margin-bottom:4px; padding:10px 0px 0px 34px; background-image:url(../images/bg_titles.gif); height:43px;}
.menubox li{ height:26px; text-align:center; margin-bottom:16px;}
.menubox li a{ display:block; line-height:26px; overflow:hidden; background:url(../images/bg_menu.gif) 0px top no-repeat; color:#414141;}
.menubox li a:hover,.menubox li a.on{background:url(../images/bg_menu.gif) 0px bottom no-repeat; color:#fff; text-decoration:none;}

.position{ height:35px; line-height:33px; background:url(../images/bg_line.gif) 0px bottom repeat-x;}
.position .place{ float:right;}
.position h1{ color:#000000; font-size:16px; padding-left:29px; background:url(../images/arrows1.gif) 1px center no-repeat; font-family:"微软雅黑"; font-weight:normal;}

.box_s1{ margin-top:20px;}
.box_s1 dl{ padding-top:4px; border: 1px solid #cdcdcd; border-top:0px; background-color:#eaeaea;}
.box_s1 .titles{ padding-left:18px; line-height:25px; border: 1px solid #b3b3b3; background-image:url(../images/bg_titles2.gif);}

.titles2{ text-align:center; font-size:14px; height:33px; padding-top:31px;}

/* ----- font ----- */
.Arial { font-family:Arial, Helvetica, sans-serif;}
.f_red { color:#e83417;}
.f_gray1 { line-height:30px; font-size:14px; text-align:center; color:#333333;}
.f_gray2 { line-height:30px; color:#333333; padding-bottom:15px; font-size:12px;}

.f_blue { color:#007cc3;}

a.back { text-align:center; display:block; width:71px; line-height:25px; color:#fff; background-color:#6a6a6a; margin-top:22px; float:right;}
a:hover.back { color:#ffcc00;}

.content{ line-height:22px; padding-top:20px;}
.titleinfo{ text-align:center;}
.feedback{ background:url(../images/bg_guestbook.jpg) right top no-repeat;}
.feedback dl{ width:416px;}
.feedback dd{ padding-bottom:11px; float:left;}
.w68{width:68px; padding-left:18px; clear:both;}
.w308{width:308px;}
.send{ text-align:center; width:308px;}

.tp_s1{ padding-top:9px;}
.tp_s1 img{ border: 1px solid #fff;}

.text_news{ height:128px; border-bottom:1px solid #b7b7b7; position:relative; padding-top:26px;}
.text_news dt{ float:left; width:165px; padding-top:4px;}
.text_news dt img{ border:1px solid #ababab; padding:1px;}
.text_news dd{ line-height:24px; width:562px; float:right;}
.text_news .date{ right:0px; bottom:6px; position:absolute;}
.text_news a.detail{ right:0px; bottom:33px; position:absolute; display:block; background-image:url(../images/detail.gif); width:68px; height:22px;}

/*list*/
.list_news li{ height:45px; line-height:45px; border-bottom:1px solid #c7c7c7;}
.list_news li span{ float:right;}
.list_news a:hover{ color:#e10612; text-decoration:none;}
.list_news .hover{ color:#e10612; cursor:pointer;}
.list_news .hover a{ color:#e10612;}

.list_about li{ color:#000000; line-height:20px; padding:9px 0px 0px 0px; height:131px;}
.list_about li dt{ float:left; width:156px; padding:8px 0px 0px 2px;}
.list_about li dt img{ border: 1px solid #8e8c8c; padding:2px;}
.list_about li dd{ float:right; width:568px;}
.list_about li dd h1{ line-height:28px; font-size:12px;}
.list_about li dd h1 a{ color:#000;}

.list_hornor li{ border: 1px solid #d1d1d1; float:left; width:157px; text-align:center; line-height:33px; height:135px; margin:19px 0px 0px 19px; display:inline;vertical-align:middle; cursor:pointer; background-color:#fff;}
.list_hornor li .tp{ padding-top:5px; height:124px;vertical-align:middle; position:relative;overflow:hidden; cursor:pointer;}
.list_hornor .zoom{ position:absolute; right:1px; bottom:1px;}
.list_hornor .hover { background-color:#007cc3;}
.list_hornor .hover a{ color:#fff; text-decoration:none;}

.page{ text-align:right; clear:both; padding:20px 0px 0px 0px;}
.page a{ font-family:Arial, Helvetica, sans-serif;}
.page a.on{ font-weight:bold;}

/* ----- form ----- */
.btn_1 { width:82px; height:29px; text-align:center; color:#fff; background-image:url(../images/bg_btn1.gif); border:0px; cursor:pointer;}
a.btn_2 { text-align:center; margin:35px auto 0px; display:block; width:209px; height:42px; line-height:42px; font-size:14px; font-weight:bold; color:#3f3f3f; background-image:url(../images/bg_btn1.jpg);}
.btn_2 {color:#333;height: 30px;width:70px;background: #FFFFFF url(../images/btn_3.gif); border:none; cursor:pointer;}

a:hover.btn_2 { color:#cc0000; text-decoration:none;}

.input_search { border:0px; width:215px; height:27px; line-height:27px; color:#c4c3c3; background:url(../images/bg_input01.gif) 0px top repeat-x;}
.input_1 { width:187px; height:21px; line-height:21px; border: 1px solid #cccccc;}
.input_3 { border: 1px solid #cfcfcf; width:91px; height:20px; line-height:20px; color:#bfbfbf; font-family:Arial, Helvetica, sans-serif;}
.input_4 { border: 1px solid #cfcfcf; width:662px; height:77px; line-height:20px; color:#bfbfbf; font-family:Arial, Helvetica, sans-serif;}
.input2{ border:1px solid #a6a6a6; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; background-color:#f9f9f9; height:18px; line-height:18px; width:194px;}

.select1 { background-color:#efefee; color:#9f9f9f; width:197px; height:20px;}

/* ----- footer ----- */
#foot { background-image:url(../images/bg_bottom.gif); height:67px; line-height:25px; text-align:center; color:#8d8d8d;}
#foot dl{ width:1000px; margin:0px auto; position:relative;}
#foot .ba{color:#9f9f9f; position:absolute; top:11px; right:16px;}