@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 769px) {
body {
  font:14px"微软雅黑";
  line-height:24px;
  color:#000;
  background:#F6F6F6 repeat-x center 64px;
  margin:0px;}

*{ margin:0; padding:0;}
a {text-decoration:none;color:#333;}
a:hover {text-decoration:underline; color:#976F40; }
ul,ol {list-style:none;}
img{border:0;}

.clear{ clear:both;}




#header{ width:100%; height:40px; background:#087068; color:#054B46; line-height:40px;min-width: 1100px;}
#header a{color:#fff; padding:0 5px;}
#header .header{margin:0 auto; width:1100px;}
#kuro{color:#000;}
#kuro a{color:#000;}
#footers{ background:#F9F9F9; height:82px;border-top:1px solid #E7E7E7; width:100%;color:#6B7B93; }
#footers a{color:#6B7B93;}
#copyright{background:#6B7B93; height:47px; line-height:47px; color:#fff;}
#copyright a{ color:#fff;}
.footer{width:1100px; margin:auto;font-size:12px;}
#copyright pre{ float:left;font-size:12px;}
.footer dl {float:left; line-height:26px;padding-top:10px}
.footer dl span{ padding:0 10px;}
.footer ul{float: right;line-height:26px; padding-top:10px; text-align:right;}
.footer ol{float: right;}
.footer ol a{padding:0 10px;}

.banner{ height:1022px; background:url(banner.jpg) no-repeat center;}
.container{ width:1100px; margin:0 auto;}


.pic_box{width:730px; height:430px; float: right; overflow:hidden; padding-top:10px;}
.focusBox { position: relative;width:730px; height:430px; text-align: left;overflow:hidden; }
.focusBox .pic img {width:730px; height:430px;display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 46px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 46px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:46px; line-height:46px; position:absolute; bottom:-46px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size:16px; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 20px; right:10px; }
.focusBox .num li{ float: left; position: relative; width: 12px; height: 12px; line-height: 12px; overflow: hidden; text-align: center; margin-right: 4px; cursor: pointer; font-weight:bold; font-family: Verdana;font-size: 11px;  }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: url(p2.png) no-repeat center; }
.focusBox .num li.on a,.focusBox .num a:hover{ background: url(p1.png) no-repeat center;  }


.icon_1{background:url(bg1.jpg) left no-repeat; height:44px;}
.nav_1bg{ background:#986F41; height:440px; overflow:hidden; margin-bottom:90px;}
.nav_1 dl{ color:#fff; padding:0 30px;height:220px; overflow:hidden;}
.nav_1 dl a{ color:#fff;}
.nav_1 dt { font-weight:bold;font-size:20px; line-height:40px; text-align:center;}
.nav_1 dd{line-height:24px; color:#eee;}

.nav_1{float: left; width:370px;height:440px;overflow:hidden; }
.nav_1 ul{font-size:16px; background:#F1F2F1; padding:30px 20px; height:190px;}
.nav_1 li{background: url(p0.jpg) left no-repeat; padding-left:14px;}


.nav_2bg{background: #F5F5F3; text-align:center;height:850px;}

.mores{ margin-bottom:50px;  text-align: center; font-size:20px;}
.mores a { color:#D80000; border:1px solid #D80000; background:#fff;padding:15px 60px;border-radius:30px;}

.all_bg{background:url(bg0.jpg) no-repeat center; height:2137px; }
.all_box{width:1245px; margin: auto;}
.go{float:right; font-size:20px; margin-bottom:20px;}

.icon_3{ margin:auto;background:url(bg3.png) no-repeat; width:313px; height:101px; line-height:115px; color:#fff; font-size:28px; padding-left:30px; overflow:hidden; margin-bottom:20px;}
.icon_4{ margin:auto;background:url(bg4.png) no-repeat; width:313px; height:101px; line-height:115px; color:#fff; font-size:28px; padding-left:30px; overflow:hidden;}

#items1{ width:342px; height:324px; padding:0 12px; float:left; margin-bottom:40px; }
#items1 .items{float:left; width:288px; height:270px; background: url(imgbg1.png) no-repeat center; padding:26px 26px;}
#items1 .items p{ line-height:34px; font-size:16px; }
#items1 .items .pic{width:288px; line-height:24px; height:54px; position: relative;background: url(tp1.png) no-repeat top; }
#items1 .items .ps_b{ width:65px; height:24px; font-size:20px; position:absolute;color:#fff; left:145px; top:15px;}
#items1 .items .tp_b{ width:288px; height:54px; position:absolute;color:#fff; right:0; bottom:0px; display: block; cursor:pointer;}
#items1 .items .tt_tx{height:200px; overflow:hidden;}
#items1 .items .tt_tx i{ color: #D80000; font-style: normal;}

#items2{ width:342px; height:410px; padding:0 12px; float:left; margin-bottom:40px; }
#items2 .items{float:left; width:288px; height:350px; background: url(imgbg1.png) no-repeat top; padding:26px 26px;}
#items2 .items p{ line-height:30px; font-size:16px; margin-bottom:3px; }
#items2 .items img{ width:288px; height:165px;}
#items2 .items .pic{width:288px; line-height:24px; height:130px; position: relative;background: url(tp2.png) no-repeat bottom; }
#items2 .items .pic span{float:left; font-size:18px;}
#items2 .items .ps_b{ width:65px; height:24px; font-size:18px; position:absolute;color:#333; left:55px; top:2px;}
#items2 .items .tp_b{ width:288px; height:54px; position:absolute;color:#333; right:0; bottom:0px; display: block; cursor:pointer;}
#items2 .items .tt_tx{height:245px; overflow:hidden;}
#items2 .items .tt_tx i{ color: #D80000; font-style: normal;}
#items2 .items .nb_b{height:28px; font-size:20px; color:#D80000;position:absolute; width:70px; right:0;}

.mores2{ margin-bottom:70px;  text-align: center; font-size:20px;}
.mores2 a { color:#000; border:1px solid #000; background:#fff;padding:15px 60px;border-radius:30px;}
.fp_box{ width:1100px; height:740px; overflow:hidden;}



.Mtime{ width:1245px;  overflow:hidden; position:relative;  }
.Mtime .prev{ width:20px; left:auto; left:0px;  height:100%; clear:both; cursor:pointer; position:absolute; left:0px; top:0px; background:url(left.png) no-repeat center; }
.Mtime .next{ width:20px; left:auto; right:0px;  height:100%; clear:both; cursor:pointer; position:absolute; right:0px; top:0px; background:url(right.png) no-repeat center;  }
.Mtime .tempWrap{ margin-left:63px; }
.Mtime .MtimeCon{ width:1100px; height:100%;     }
.Mtime .tabBox{ overflow:hidden; zoom:1; }
}

@media screen and (min-width: 320px) and (max-width: 760px){
  .banner {
    height: 1400px;
    background: url(banner.jpg) no-repeat top;
    background-size: 179%;
  } 
  .container {
    width: 90%;
    margin: 0 auto;
}
  .container {
    width: 90%;
    margin: 0 auto;
}
  .nav_1 {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
}
  .nav_1 dl {
    color: #fff;
    padding: 0 30px;
    height: 220px;
    overflow: hidden;
    float: left;
    width: 50%;
}
  .nav_1 ul {
    font-size: 16px;
    background: #F1F2F1;
    padding: 30px 20px;
    height: 190px;
    width: calc( 100% - 50% - 100px );
    float: left;
}
  .icon_1 {
    background: url(bg1.jpg) left no-repeat;
    height: 44px;
    background-size: 95%;
    margin: 21px 0;
}
  .nav_1 dt {
    font-weight: bold;
    font-size: 2rem;
    line-height: 40px;
    text-align: center;
    margin-bottom: 15px;
}
  .nav_1 dl {
    color: #fff;
    padding: 0 30px;
    overflow: hidden;
    float: left;
    width: 50%;
    height: auto;
}
.nav_1 dd {
    line-height: 55px;
    color: #eee;
    font-size: 2rem;
}
  .nav_1 dd {
    line-height: 55px;
    color: #eee;
    font-size: 2rem;
}
  .nav_1 li {
    background: url(p0.jpg) left no-repeat;
    padding-left: 14px;
    font-size: 2rem;
    line-height: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
  .focusBox {
    position: relative;
    width: 100%;
    height: 600px;
    text-align: left;
    overflow: hidden;
    margin-top: 20px;
}
}