* {
    margin: 0;
    padding: 0;
}
body{ background:#FFF; font:14px '黑体'; color:#19110b;}
a {
    text-decoration: none;
    color:#19110b;
}
img{
    border: 0;
    vertical-align: middle;
}
ul {
    list-style: none;
}
.wrap {
    width: 100%;
    clear:both;
    margin:auto;
    position: relative;
    box-sizing:border-box; 
}
.left{ float:left;}
.right{ float:right;}
.display{ display: none;}
.overhidden{width:100%;height:100%;}
.nav{
    background:rgba(255,255,255,1);
    width: 100%;
    padding:10px 10px;
    box-sizing:border-box;
    min-height: 100%;
    overflow-y:hidden;
    position: fixed;
    z-index: -99999;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    top:130px;
    border-top:solid 1px #EEE;
    left: 0px;
    display:none;
}
.nav ul{
    width:100%;
    height:100%;
    overflow-y:auto;
}
.nav ul li
{
   width:100%;
   border-bottom:solid 1px #FFF;
   overflow:hidden;
}
.nav ul li .menu{ color: #19110b;}
.nav ul li em { display:block; width:100%; box-sizing:border-box; padding:0px 10px; overflow:hidden;}
.nav ul li em a { display:block; width:100%; height:80px; line-height:80px; font-size:20px; font-style:normal; text-align:center;}
.nav ul li em .no{ background:none;}
.head{
    height: 130px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999999;
    background:rgba(255,255,255,0.8);
}
.head>div{ position:relative; width:90%; margin:0 5% 0 5%; height:120px; box-sizing:border-box; position:relative; clear:both;}
.head .logo
{
    background:url(../images/logo.png) center 10px no-repeat;
    background-size:auto 60px; 
    width:80%;
    display:block;
    clear:both;
    margin:auto;
    height:70px; 
}
.i-menu {
    background: url("../images/m-menu.png") no-repeat center;
    background-size: 100%;
    height: 20px;
    width: 20px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 45px;
    z-index:99;
    cursor:pointer;
    display:none;
}
.i-close{
    background: url("../images/m-close.png") no-repeat center;
    background-size: 100%;
    height: 20px;
    width: 20px;
    display: none;
    position: absolute;
    right: 10px;
    top:45px;
    z-index:99;
    cursor:pointer;    
}
.head .search
{
	width: 60px;
    height: 36px;
    line-height:36px;
    position: absolute;
    left: 10px;
    top: 35px;
    background:url(../images/searchbtn.png) left center no-repeat;
    background-size:16px 16px;
    text-indent:25px;
}
#search{ background: rgba(0, 0, 0, 0.6); width:100%; height: 100%; position: fixed; z-index: 99999; top:0; left: 0; display:none;}
#search .search{ position:relative; width:100%; padding:50px 20% 50px 20%; background:#FFF; box-sizing:border-box;}
#search .kuang{ display:block; width:100%; height:44px; border:solid 1px #FFF; background:#f6f5f3; text-indent:10px; border-radius:5px; z-index:99999999999;box-sizing:border-box; position:relative;}
#search .stxb{ display:block; width:100%; height:40px; line-height:40px; border:none; background:transparent; text-indent:45px; font-size:16px; color:#333;}
#search .stxb:focus{ outline:0;}
#search .stxb::placeholder {color:#333;}
#search .sbtn{ position:absolute; left:5px; top:0px; display:block; width:40px; height:40px; background:url(../images/searchbtn.png) center center no-repeat; background-size:20px 20px;}
.i-close2{
    background: url("../images/m-close.png") no-repeat center;
    background-size: 100%;
    height: 20px;
    width: 20px;
    display:block;
    position: absolute;
    right: 10%;
    top:65px;
    z-index:999999999;
}
#menu{ position:absolute; top:70px; left:50%; margin-left:-255px; width:510px; text-align:center;}
#menu a{ display:inline-block; float:left; margin:0px 20px; height:50px; line-height:50px; font-size:16px; text-align:center;}
#menu .curr{ border-bottom:solid 2px #19110b;}
.footer 
{
    width:100%;
    float:left;
    clear:both;
    background:#19110b;
    color:#FFF;
    text-align: center;
    line-height: 30px;
    padding:20px 0px;
}
.footer a{ color:#FFF;}
.footer i{ letter-spacing:1.5px; font-style:normal;}
.footer>div{ width:100%; max-width:820px; margin:auto; clear:both;padding:10px 0px; overflow:hidden;}
.footer .left{width:100%; max-width:240px; margin:40px 15px 30px 15px; float:left; text-align:center;}
.footer .left img{height:60px;}
.footer .center{width:100%; max-width:400px; float:left; padding:20px 15px 30px 15px; box-sizing:border-box; line-height:30px; text-align:left;}
.footer .right{ width:100%; max-width:80px; float:left; margin:20px 15px 30px 15px; text-align:center;}
.footer .right img{ height:80px;}
.footer .copy{ width:100%; float:left; clear:both; padding:20px 15px 0px 15px; box-sizing:border-box; line-height:30px; text-align:center; border-top:solid 1px #392d23;}
#flash{ max-width:1120px; margin:auto; clear:both; padding:132px 0px 0px 0px; box-sizing:border-box; overflow:hidden;}
#flash>div{ width:100%; height:550px; overflow:hidden;}
#banner{ max-width:1120px; margin:auto; clear:both; padding:0px 0px 0px 0px; box-sizing:border-box; overflow:hidden; }
#banner>div{ width:100%; height:350px; overflow:hidden;}
#subject{ width:100%; max-width:1120px; margin:auto; clear:both; line-height:30px; font-size:36px; padding:50px 0px 30px 0px; box-sizing:border-box; font-weight:normal; text-align:center; overflow:hidden;}
#subject i{ display:block; width:100%; clear:both; padding:20px 0px 0px 0px; line-height:24px; font-size:16px; font-style:normal;}
#subject span{ display:block; width:100%; height:50px; background-repeat:no-repeat; background-position:center center;}
#content{ width:100%; float:left; padding:132px 0px 0px 0px; clear:both; overflow:hidden;}

.index_titile{ width:100%; padding:50px 0px; max-width:1120px; margin:auto; clear:both; box-sizing:border-box; overflow:hidden; text-align:center;}
.index_titile h2{ line-height:60px; font-size:30px; font-weight:normal;}
.index_titile p{ line-height:30px; font-size:16px; color:#333;}
.index_top{ width:100%; padding:30px 0px; max-width:1120px; margin:auto; clear:both; box-sizing:border-box; overflow:hidden;}
.index_top h2{ line-height:60px; font-size:30px; font-weight:normal;}
.index_top p{ line-height:30px; font-size:16px; color:#333;}
.index_more{ display:block; margin:auto; clear:both; width:240px; height:46px; line-height:46px; background:rgba(0,0,0,1); color:#FFF; text-align:center; font-size:16px;}
.index_more:hover{ background:rgba(0,0,0,0.6);}
.index_2{ width:100%; padding:20px 0px 80px 0px;}
.index_2 li{ width:50%;}
.index_3{ width:100%; padding:20px 0px 80px 0px;}
.index_3 li{ width:33.3333%;}
.index_4{ width:100%; padding:20px 0px 80px 0px;}
.index_4 li{ width:25%;}

.index_contact{ max-width:1150px; margin:auto; clear:both; box-sizing:border-box; overflow:hidden;}
.index_contact .pic{ width:100%; padding:0px 0px 100px 0px; box-sizing:border-box; overflow:hidden;}
.index_contact .pic li{ float:left; display:block; width:50%; padding:15px; box-sizing:border-box;}
.index_contact .pic li a{ display:block; width:100%; padding:0px 0px 100% 0px; overflow:hidden;box-shadow: 0px 0px 5px rgba(0,0,0,0.1);}
.index_contact .pic li a:hover{box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.index_wx{ width:100%; background:#f6f5f3; padding:60px 0px 80px 0px; float:left; clear:both; overflow:hidden; text-align:center;}
.index_wx p{ width:100%; padding:40px 0px 10px 0px; font-size:16px; line-height:30px;}
.index_wx div{ width:100%; line-height:30px;}
.index_wx div a{ display:inline-block; margin:0px 20px; padding:0px 0px 0px 0px; border-bottom:solid 1px #000;}


#details{max-width:1120px; margin:auto; padding:0px 0px 5% 0px; clear:both; box-sizing:border-box; overflow:hidden;}
#details h1{ color:#999; font-size:20px; line-height:30px; padding-top:10px; padding-bottom:20px; text-align:center;}
#details .date{ width:100%; float:left; clear:both; padding:10px 0px 0px 0px; line-height:30px; overflow:hidden; text-align:center; color:#999; background:#FFF;}
#details .date a{ color:#000;}
#details .date i{ margin:0px 5px;}
#details .date b{ color:#000;}
#details .details{ width:100%; clear:both; overflow:hidden; line-height:30px; padding:0px 0px 20px 0px; float:left;font-size:14px;}
#details .wx{ width:100%; padding:20px 0px 50px 0px; float:left; clear:both; overflow:hidden; text-align:center;}
#details .wx img{ width:300px; border:solid 1px #EEE;}

.piclist{ max-width:1150px; margin:auto; padding:0px 0px 20px 0px; clear:both; box-sizing:border-box; overflow:hidden;}
.piclist li{ position:relative; padding:15px; float:left; box-sizing:border-box; overflow:hidden;}
.piclist li em{ display:block; float:left; clear:both;  width:100%; 
    box-sizing:border-box;
    height:0;
    padding-bottom: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
    overflow:hidden;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
.piclist li p{ display:block; float:left; clear:both; width:100%; height:30px; line-height:30px; padding:20px 0px 0px 0px; font-size:14px; overflow:hidden;}
.piclist li span{ display:block; float:left; clear:both; width:100%; height:40px; line-height:40px; font-size:18px; text-indent:10px; overflow:hidden;}
.piclist li:hover em{ box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}

#categorylist{ width:100%; padding:0px 0px 20px 0px;  float:left; clear:both; overflow:hidden; text-align:center;}
#categorylist a{ display:inline-block; font-size:16px; font-weight:normal; line-height:30px; padding:0px 0px 10px 0px; margin:0px 10px; text-align:center; color:#666; border-bottom:solid 1px #FFF;}
#categorylist a:hover,#categorylist .curr{ color:#333; font-weight:bold; border-bottom:solid 1px #333;}
.listpage{ width:100%; padding:10px 0px; overflow:hidden;}
.listpage .total{ float:left; clear:both; width:100%; line-height:30px; padding:10px 0px; text-align:center; color:#666; font-size:14px;}
.listpage .total span{margin:0px 5px; color:#000; font-weight:bold;}
.listpage .pager { float:left; clear:both; width:100%; height:80px; text-align:center; position:relative;}
.listpage .pager a{ display:inline-block; min-width:24px; padding:0px 2px; height:30px; line-height:30px; margin:0px 3px; border:solid 1px #CCC; color:#999; overflow:hidden; border-radius:2px; box-shadow:2px 2px 6px #EEE;}
.listpage .pager .oran_pg_cur{ border:solid 1px #000; background:#000; color:#FFF;}
.listpage .pager .oran_pg_fp{ background:url(../images/first2.png) center center no-repeat; background-size:22px 22px; text-indent:-100px;} 
.listpage .pager .oran_pg_pp { background:url(../images/prev2.png) center center no-repeat; background-size:22px 22px; text-indent:-100px;} 
.listpage .pager .oran_pg_np{ background:url(../images/next2.png) center center no-repeat; background-size:22px 22px; text-indent:-100px;} 
.listpage .pager .oran_pg_lp { background:url(../images/end2.png) center center no-repeat; background-size:22px 22px; text-indent:-100px;} 
.listpage .pager .control{width:184px; padding:10px 0px; clear:both; margin:auto; overflow:hidden;}
.listpage .pager .oran_pg_txt{display:block; float:left; width:120px; height:30px; line-height:30px; border:solid 1px #CCC; text-indent:5px; text-align:center; border-radius:5px 0px 0px 5px; box-shadow:2px 2px 6px #EEE;}
.listpage .pager .oran_pg_btn{display:block; float:left; width:60px; height:32px; line-height:32px;text-align:center;border:solid 1px #3399CC; background:#3399CC; color:#FFF; border-radius:0px 5px 5px 0px; box-shadow:2px 2px 6px #EEE;}

@media(max-width:480px)
{
    #subject{ font-size:24px;}
    #piclist li{ width:100%;}
    .nav{ top:50px;}
    .head{ height:50px;}
    .head>div{ width:100%; margin:0;}
    .head .logo{ height:50px; background-size:auto 30px; }
    .i-menu,.i-close{ top:15px;}
    .head .search{ top:8px;}
    #flash,#content{ padding:50px 0px 0px 0px;}
    #banner{ padding:0px;}
    .index_2,.index_3{ padding:20px 0px 40px 0px;}
    .index_titile,.index_top{ padding:20px 20px;}
    .index_titile h2{ line-height:40px; font-size:22px;}
    .index_titile p{ line-height:30px; font-size:14px;}
    .index_top h2{ line-height:40px; font-size:22px;}
    .index_top p{ line-height:30px; font-size:14px;}    
    .index_more{ width:80%;}
    .index_contact{ padding:8px;}
    .index_contact .pic{padding:0px 0px 60px 0px;}
    .index_contact .pic li{ padding:8px;}
    .index_contact .pic .li{ padding:8px;}    
    .piclist{ padding:10px 8px 20px 8px;}
    .piclist li{ padding:8px;}
    .piclist li p{ padding:10px 0px 0px 0px; font-size:12px;}
    .piclist li span{ height:30px; line-height:30px; font-size:16px; font-weight:normal;}
    .i-menu{ display:block;}
    #menu{ display:none;}
    #banner{ height:150px;}
    .index_4 li{ width:50%;}
    .footer{ padding:10px 0px;}
    .footer .left{width:100%; max-width:100%; margin:0px; padding:0px; float:left; clear:both; text-align:center;}
    .footer .left img{height:40px;}
    .footer .center{width:100%; max-width:100%; float:left; clear:both; margin:0px; padding:20px; box-sizing:border-box; line-height:30px; text-align:left;}
    .footer .right{ width:100%; max-width:100%; margin:0px 0px 20px 0px; padding:0px; float:left; clear:both; text-align:center;}
    .footer .right img{ height:120px;}
    .footer .copy{ width:100%; float:left; clear:both; padding:15px 10px 0px 10px; box-sizing:border-box; line-height:24px; text-align:center; border-top:solid 1px #392d23;}
    #details .wx img{ width:80%;}
}