@charset "utf-8";
/* CSS Document */

/* clear */
body { font-family:'Microsoft Yahei'; letter-spacing:1px; font-size:12px; line-height: 1.5em; color:#4B4B4B; padding:0; margin:0; background: url(bg01.gif);}
p  { padding:.9em 0; margin:0;}
img {vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
form {display:inline}
.f12 { font-size:12px; }
.f13 { font-size:13px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; } 
.f20 { font-size:20px; }
.f24 { font-size:24px; }
.lh18 { line-height:1.8em;}
.lh19 { line-height:1.9em;}
.lh20 { line-height:2.0em;}
.lh22 { line-height:2.2em;}
.lh24 { line-height:2.4em;}
.lh0 { line-height:0;}
ul,ol,li,dl,dt,dd { margin:0; padding:0; list-style-type:none; zoom:1;}
h1,h2,h3,form,input,iframe,span,textarea { margin:0; padding:0;} 
input,select { vertical-align: middle; font-size:12px; font-family:'Microsoft Yahei'; }
textbox { font-size:12px;}
.fleft { float:left; clear:left;}
.fright { float:right; clear:right;}
.none { display:none;}
a { cursor:pointer;}
.limit, .limit li { word-wrap:break-word; word-break:break-all; overflow:hidden;}
.clearfix { clear: both; height:1px; margin-top:-1px; overflow:hidden; }

/* font */
a { color:#4B4B4B;}
a:link {color: #4B4B4B; TEXT-DECORATION: none;}
a:visited {color: #4B4B4B; TEXT-DECORATION: none;}
a:hover {color: #C93335; TEXT-DECORATION: none;}

.red, a.red, .red a { color:#C93335;}
.red a:link, a.red:link {color: #C93335; TEXT-DECORATION: none;}
.red a:visited, a.red:visited {color: #C93335; TEXT-DECORATION: none;}
.red a:hover, a.red:hover {color: #FF0011; TEXT-DECORATION: none;}

.white, a.white, .white a { color:#fff;}
.white a:link, a.white:link {color: #fff; TEXT-DECORATION: none;}
.white a:visited, a.white:visited {color: #fff; TEXT-DECORATION: none;}
.white a:hover, a.white :hover {color: #DDD; TEXT-DECORATION: none;}

.gray, a.gray, .gray a { color:#000000;}
.gray a:link, a.gray:link {color: #000000; TEXT-DECORATION: none;}
.gray a:visited, a.gray:visited {color: #000000; TEXT-DECORATION: none;}
.gray a:hover, a.gray:hover {color: #C93335; TEXT-DECORATION: none;}

.darkgray, a.darkgray, .darkgray a { color:#727272;}
.darkgray a:link, a.darkgray:link {color: #727272; TEXT-DECORATION: none;}
.darkgray a:visited, a.darkgray:visited {color: #727272; TEXT-DECORATION: none;}
.darkgray a:hover, a.darkgray:hover {color: #C93335; TEXT-DECORATION: none;}

.black, a.black, .black a { color:#000;}
.black a:link, a.black:link {color: #000; TEXT-DECORATION: none;}
.black a:visited, a.black:visited {color: #000; TEXT-DECORATION: none;}
.black a:hover, a.black:hover {color: #C93335; TEXT-DECORATION: none;}

/* index */
.header { width:980px; height:150px; margin:0 auto; background:url(logo.gif) left center no-repeat; text-align:right;}
.nav { padding-top:104px; font-size:14px;}

.focus { height:300px; overflow:hidden; position:relative; margin-bottom:40px;}
#ifocus_piclist li { width:100%; height:300px; overflow:hidden;}
#ifocus_piclist li.pic01 { background:url(gallery/index01.jpg) center no-repeat;}
#ifocus_piclist li.pic02 { background:url(gallery/index02.jpg) center no-repeat;}
#ifocus_piclist li.pic03 { background:url(gallery/index03.jpg) center no-repeat;}
#ifocus_btn { position:absolute; left:50%; bottom:0; height:35px; width:90px; margin:0 0 0 -45px;}
#ifocus_btn li { float:left; width:30px; height:35px; cursor:pointer; background:url(slider01.png) center no-repeat;}
#ifocus_btn li.current { background:url(slider02.png) center no-repeat;}

.warp { background:url(bg02.gif) center bottom no-repeat;}
.warpsp { background:#fff;}
.body { width:980px; margin:0 auto 30px; position:relative;}
.footer { background:#767676; border-top:#EB000F 2px solid;}
.footerbox { width:980px; margin:0 auto; padding:30px 0;}

.box01 { float:left; width:329px; height:290px; border-right:#D7D7D7 1px solid; padding-right:20px; margin:0 20px 10px 0;}
.box01 dt { background: url(dt01.gif) left center no-repeat; height:35px; line-height:35px; font-size:14px; padding-left:25px; margin-bottom:20px;}
.more01 { float:right; clear:right; margin-top:11px;}
.intro { width:330px; height:90px; margin-bottom:25px; overflow:hidden;}
.introtxt { line-height:22px;}
.intro .pic01 { width:110px; height:90px; float:left; clear:left; margin-right:20px;}
.intro h1 { line-height:19px; font-size:14px; height:40px; margin-bottom:10px;}
.intro h2 { line-height:18px; font-size:12px; height:35px; font-weight:normal;}
.intro h1 p, .intro h2 p { padding:0; margin:0;}
.indexlist li { height:23px; line-height:23px; width:330px; }

.box02 { float:left; width:240px; height:290px; margin:0 0 10px 0;}
.box02 dt { height:35px; line-height:35px; font-size:14px; margin-bottom:5px;}
.ywlist li { width:230px; letter-spacing:0; padding:8px 5px 7px 5px; line-height:1.6em;}
.grayli { background:#F4F4F4;}

.line { background:url(dot01.gif) left 10px repeat-x; height:31px;}

.box03 { float:left; width:690px; height:170px; border:#CECECE 1px solid; background:#F6F6F6; padding:9px 14px; overflow:hidden; margin-right:20px; margin-bottom:20px;}
.box03 dt { height:34px; line-height:34px; font-size:14px; border-bottom:#CECECE 1px solid; font-weight:bold; margin-bottom:20px;}
.box03 dt .more02 { float:right; clear:right; font-size:12px; font-weight:normal;}
.piclist01 li { float:left; width:230px;}
.piclist01 li img { float:left; padding:1px;  width:60px; height:60px;  background:#fff; border:#CECECE 1px solid; margin:18px 11px 18px 7px;}
.piclist01 li .txtbox { float:left; width:145px; height:100px;}
.piclist01 li .txtbox h1 { width:145px; height:40px; line-height:40px; font-size:14px; }
.piclist01 li .txtbox h2 { width:145px; height:60px; line-height:20px; font-size:12px; font-weight:normal;}

.add { width:240px; height:190px; float:left; margin-bottom:20px;}
.add img { margin-bottom:20px;}
.phone { background:url(map.gif) center top no-repeat; padding-top:90px; text-align:center; font-size:15px;}

.flink dt { height:35px; line-height:35px; border-bottom:#CECECE 1px solid;}
.flink dd { background:#F6F6F6; padding:0 5px;}
.flink dd img { padding:10px 5px;}

/* list detail */
.banner01 { background:url(gallery/header01.jpg) center no-repeat; height:200px; margin-bottom: 30px;}
.banner02 { background:url(gallery/header02.jpg) center no-repeat; height:200px; margin-bottom: 30px;}
.banner03 { background:url(gallery/header03.jpg) center no-repeat; height:200px; margin-bottom: 30px;}
.banner04 { background:url(gallery/header04.jpg) center no-repeat; height:200px; margin-bottom: 30px;}
.banner05 { background:url(gallery/header05.jpg) center no-repeat; height:200px; margin-bottom: 30px;}
.banner06 { background:url(gallery/header06.jpg) center no-repeat; height:200px; margin-bottom: 30px;}

.left { width:230px; float:left;}
.right { width:720px; float:left; padding-left:30px;}
.rightbox { padding:30px; width:660px; overflow:hidden; line-height:1.8em; background:#fff; border-radius:5px; font-size:13px; text-align:justify;}

.subnav { margin-bottom:150px;}
.subnav dt { font-size:14px; height:40px; line-height:40px; overflow:hidden; font-weight:bold; margin-bottom:10px;}
.subnavlist li { padding:12px 10px 10px 15px; line-height:1.6em; text-align:left; border-bottom:#E0E0E0 1px solid; background:#fff;}
.subnavlist li.current { background:#E80611; font-weight:bold;}
.crumbs { background: url(icon04.gif) left center no-repeat; padding:0 0 0 26px; font-size:16px; height:40px; line-height:40px; font-weight:bold; margin-bottom:10px;}
.crumbs .fright { font-size:12px; font-weight:normal;}

.leftcontact { position:absolute; bottom:0; left:0; width:230px; background:url(dot01.gif) left center repeat-x;}
.leftcontact li { height:50px; line-height:50px; padding-left:45px; font-size:14px;}
.leftcontact li.chat { background:url(icon02.gif) left center no-repeat;}
.leftcontact li.tel { background:url(icon03.gif) left center no-repeat;}

.zoomout { background:url(zoomout.gif) left center no-repeat; width:60px; height:30px; line-height:30px; padding:0 0 0 40px; margin:0 auto 30px;}

.xmlist li { background:url(dot01.gif) bottom repeat-x; padding:15px 0; height:90px;}
.xmlist li img { width:120px; height:90px;}
.zj li img { width:90px; height:90px;}
.xmlist li .textbox { width:540px; float:right; clear:right; height:90px; }
.xmlist li .textbox h1 { height:30px; line-height:20px; font-size:14px;}
.xmlist li .textbox h2 { height:60px; width:540px; overflow:hidden; color:#000000; font-size:12px; font-weight: normal; line-height:1.6em;}

#displaypagenum { padding:15px 0; text-align:right;}
#displaypagenum p { padding:0; margin:0;}
#displaypagenum a, #displaypagenum span { font-size:11px; text-align:center; font-family:"tahoma"; padding:5px 7px; line-height:1em; display: inline-block; border:#C7C7C7 1px solid;}
#displaypagenum span, #displaypagenum a:hover { background:#E80611; border:#E80611 1px solid; color:#fff;}

.table2 { border-collapse:collapse; background:#fff; border:#E2E2E2 1px solid; margin-bottom:20px; }
.table2 td, .table2 th { border:#DEE3EA 1px solid; padding:10px; font-size:12px; }
.table2 th { text-align:right; border-right:#C4CCD6 1px solid; background:#FAFAFA;}
.table2 td.submit { padding:15px 20px; text-align:center;}
.textinput { width:50%; padding:6px 12px; font-size:14px; color: #727272; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 4px;}
.textarea {display: block; width:80%; height: auto; padding: 6px 12px; font-size: 14px; color: #727272; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 4px; line-height:1.7em;}
.btnsmall { display: inline-block; border:0 none; height:30px; line-height:30px; padding: 0 10px; text-align:center; border-radius: 4px;  box-shadow: 0px 1px 1px #ccc; cursor:pointer; overflow:visible; letter-spacing:.1em;}
.btnred {  background:#E80611; color:#fff; }

.list { margin-bottom:10px;}
.list li { height:35px; line-height:35px; width:660px; font-size:14px; background:url(dot02.gif) bottom repeat-x;}
.date { font-size:10px; font-family:Tahoma; float:right; clear:right; font-weight:normal; color: #C1C1C1; padding-left:7px;}

.contentwarp { width:920px; margin:0 auto 30px; padding:30px; background:#fff;}
.title { font-size:18px; color:#E80611; line-height:25px; }
.date1 { text-align:right; background:url(dot01.gif) bottom repeat-x; padding:20px 0 0 0; height:25px;  }
.content { width:920px; overflow:hidden; line-height:1.8em; padding:20px 0 0 0;}
