@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ background:#f7f7f7; font-family:'Microsoft Yahei','Arial'; font-size:14px; color:#636363;}
img{ border:0;}
ul{ list-style:none;}
a{ color:#666666; text-decoration:none;}
a:hover{ color:#fd8b02;}
.top{ height:76px; background:url(../images/top.gif) repeat-x; position:relative;}
.logo{ height:75px; background:url(../images/logo.png) no-repeat 10px 11px;}
.top p{ width:31px; height:20px; background:url(../images/button.gif) no-repeat; position:absolute; top:28px; right:20px;}
.navi{height:80px; background:url(../images/navi.gif) repeat; color:#e70f1f;}
.navi a{color:#e70f1f; width:100%; height:40px; display:block;}
.navi a:hover{color:#fd8b02;}
.navi li{ width:25%; float:left; text-align:center; line-height:40px; height:40px; background:url(../images/row.gif) no-repeat right;}
.li1 span{ background:url(../images/li1.gif) no-repeat; padding-left:24px;}
.banner{ text-align:center;}
.banner img{ width:100%;}
.piclist{width:100%; margin:0px auto; padding-top:17px; text-align:center;}
.piclist li{ width:45%; height:100%; display:inline-block; text-align:center; padding-bottom:10px;}
.piclist li img{ width:90%; border:1px solid #dddbdb;}
.piclist li h1{ font-size:14px; font-weight:normal; padding-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.piclist li p{ font-size:12px; padding-top:5px; line-height:20px;}
.piclist li span{ color:#e70f1f;}
.cro{ color:#a6a4a4;}
.more{ height:42px; text-align:center; background:url(../images/brow.gif) repeat-x; clear:both; line-height:42px;}
.more a{ height:42px; width:100%; display:block;}
.title{ height:37px; line-height:37px; background:url(../images/title.gif) repeat-x; padding-left:20px; color:#e70f1f; font-size:16px; position:relative;}
.title span{ position:absolute; top:2px; right:15px;}
.newslist{ padding:0px 10px;}
.newslist li{ height:45px; line-height:45px; background:url(../images/brow.gif) repeat-x bottom; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bank10{ height:52px; clear:both;}
.foot{ height:42px; line-height:42px; padding-left:12px; color:#FFF; position:fixed; bottom:0px; left:0px; width:100%; background:url(../images/foot.png) repeat-x;}
.foot a{ width:50px; height:42px; display:block; background:url(../images/toprow.png) no-repeat center;}
.foot span{ position:absolute; top:0px; right:20px;}
.about{ padding:10px; font-size:18px; line-height:28px;}
.about img{ max-width:100%;}
.about p{ text-indent:2em; padding-bottom:5px;}
.ntitle{ font-size:20px; text-align:center; padding:10px 0px; background:url(../images/brow.gif) repeat-x bottom; text-align:center; color:#000;}

.dmlist{ padding:15px 0px; text-align:center;}
.dmlist ul li{ width:80%; height:100%; background:#FFF; border:1px solid #dadada; margin-bottom:20px; display:inline-block; text-align:center;}
.dmlist ul li h1{ height:27px; background:url(../images/dmt.gif) repeat-x; font-size:14px; padding-left:15px; line-height:27px; position:relative; text-align:left;}
.dmlist ul li h1 span{ position:absolute; right:15px; top:2px; font-size:12px; font-weight:normal;}
.dmlist ul li p{ text-align:center; padding-top:10px; padding-bottom:10px;}
.dmlist ul li img{ width:80%;}


#content{ display:none;width:100%;overflow:hidden;position:absolute; top:15%; height:100%;}			
#imgs{-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;padding:0px;margin:0px;-webkit-transform: translate3d(0px,0px,0px); top:0;}
#imgs li{ float:left;text-align:center;}
#imgs img{width:90%; -webkit-transform: translate3d(0px,0px,0px);}
.s_ul{ width:98%; margin:0px auto; padding-top:17px; text-align:center; clear:both;}
.s_ul li{ width:45%; height:100%; display:inline-block; text-align:center; padding-bottom:10px;}
.s_ul li img{ width:90%; border:1px solid #dddbdb;}
.bg{ width:100%; height:120%; background:#000; opacity:0.6; position:absolute; display:none; top:0px;}
.close{ display:none; position:absolute; z-index:10; right:20px; top:20px; color:#fff; cursor:pointer;}
.s_count{ display:none; position:absolute; z-index:10; right:80px; top:20px; color:#fff;}

.dmtitle{ padding:0px 5px;}
.dmtitle h1{font-size:20px; text-align:center; padding:10px 0px; background:url(../images/brow.gif) repeat-x bottom; text-align:center; color:#000;}
.dmtitle ul{ padding-top:5px;}
.dmtitle ul li{float:left; font-size:14px; margin-right:10px; height:40px;}
.dmtitle ul li a{ width:75px; height:30px; display:block; background:#abce03; color:#344c00; text-align:center; line-height:30px;}
.dmtitle ul li a:hover{ background:#ddee05; text-decoration:none;}

.renlist{ padding:10px;}
.renlist ul li{ padding-top:10px; text-align:center; padding-bottom:10px;}
.renlist ul li img{ border:1px solid #d3dea3; padding:3px; width:45%;}
.renlist ul li h1{font-size:18px; height:30px; line-height:30px;}
.renlist ul li p{line-height:22px; font-size:14px;}
.bank20{clear:both; padding-top:20px;}
.renabout{ padding-top:10px; text-align:left;}

.joblist{ padding:10px; font-size:18px; background:url(../images/brow.gif) repeat-x bottom;}
.joblist h1{ font-size:20px; padding-bottom:10px;}
.joblist ul li{ width:50%; display:inline-block; line-height:24px; font-size:14px;}
.cr10{ height:5px; clear:both;}

.content{ min-width:360px;}