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

*:focus {outline:none !important;}
*,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{ margin:0; padding:0;}
a{ text-decoration:none; color:#333; border:none; cursor:pointer;}
a:link,a:hover,a:visited,a:active{ border:none;}
img{ border:none; vertical-align:middle;}
ul,ol{ list-style:none;}
.clear{ clear:both;}
.left{ float:left !important; display:inline;}
.right{ float:left !important; display:inline;}
body{ line-height:150%; font-size:14px; background:#fff; font-family:"Microsoft YaHei","SimSun",Arial; color:#333;}
input,textarea{ line-height:150%; font-size:14px; font-family:"Microsoft YaHei","SimSun",Arial; color:#333;}
h1,h2,h3,h4,h5,h6{ font-weight:100; display:inline;}
div{  word-break:break-all;}
.btn-block{ display:block; width:100%; text-align:center; cursor:pointer;}
i{ display:inline-block; vertical-align:middle;}
.bg{ background:url(../images/bg.png) no-repeat;}
.checkbox{ vertical-align:middle; margin:0 5px 2px 0;}
.border-none{ border:none !important;}
.border-left-none{ border-left:none !important;}
.border-right-none{ border-right:none !important;}
.relative{ position:relative;}
.width-auto{ width:auto !important;}
.mr0{ margin-right:0px !important;}
.hide{ display:none;}
@media screen and (min-width: 981px) {
.w1200{ width:1200px; margin:0 auto;}
.header{ background:#fff; height:100px;}
.header .left{ line-height:35px; height:35px; font-size:16px; margin-top:20px;}
.header .left img{     width: 70px;
   margin:0 20px 0 0;margin-bottom:10PX;}
.header .right{ height:48px; margin:40px 0;}
.header .right ul{ height:48px;}
.header .right ul li{ float:left; font-size:16px; line-height:48px; position:relative; padding:0 15px; text-align:center;}
.header .right ul li ul{ position:absolute; left:0; top:45px; z-index:10; background:#202124; height:auto; border-top:2px solid #f1995b; display:none; width:80%; margin:0 10%;}
.header .right ul li:hover ul{ display:block;}
.header .right ul li li{ margin:0; font-size:14px; line-height:30px; border-bottom:1px solid #c1c1c1; padding:0; display:block; float:none;}
.header .right ul li li a{ color:#fff; display:block;}
.header .right ul li li a:hover{ background:#f1995b; color:#fff;}
.header .right ul li span{ font-size:14px;}
.header .right ul li a:hover,.header .right ul li a.hover{ color:##000000;}
.header .nav-btn{ display:none;}
.header .left img{width:222px;height:auto;}
.footer{ background:#000000; color:#fff; padding:80px 0;}
.footer .w1200{ overflow:hidden; line-height:24px;}
.footer img{ height:76px;}
.footer .right ul{ overflow:hidden; margin:10px 0;}
.footer .right li{ float:left; margin-left:50px; line-height:35px}
.footer .right li a{ color:#fff;}
.footer .right li a:hover{ text-decoration:underline;}
.footer .right li strong{ font-size:16px; margin-bottom:10px; display:block;}
/*page*/
.page{ overflow:hidden; padding:50px 20px; font-size:14px; text-align:center;}
.page ul{ overflow:hidden;}
.page li{ display:inline-block; margin:0 4px; color:#888888; line-height:30px; list-style:none;}
.page a,.page span{ background:#eeeeee; line-height:30px; padding:0 10px; color:#888888; border-radius:2px; text-decoration:none; display:inline-block;}
.page a:hover,.page span:hover{ background:#00a0e9; color:#fff;}
.page li.selected a,.page li.selected span{ background:#00a0e9; color:#fff;}
.page li.selected a:hover,.page li.selected span:hover{ background:00a0e9;}
.page li .text{ background:#eeeeee; line-height:30px; color:#888888; border-radius:2px; border:none; width:40px; margin:0 5px; text-align:center;}
}

@media screen and (max-width: 980px) {
.w1200{ width:100%;}
.header{ background:#fff; height:60px; line-height:60px; border-bottom:1px solid #f8ad43;}
.header .left{ line-height:35px; height:35px; font-size:16px; margin-top:12px; margin-left:20px;}
.header .left span{ display:none;}
.header .left img{ height:35px; margin:0 20px 0 0;}
.header .right{ position:relative; width:50px; height:50px;}
.header .right ul{ position:absolute; right:0; top:60px; z-index:88; padding:5px 0; background:#efefef; border-radius:4px; display:none;}
.header .right ul li{ font-size:14px; line-height:24px; width:120px; text-align:center; font-size:14px; line-height:30px;}
.header .right ul li span{ font-size:14px; display:none;}
.header .right ul ul{ display:none !important;}
.header .nav-btn{ display:block; height:40px; width:40px; border:1px solid #9c9c9c; border-radius:3px; margin:10px; cursor:pointer;}
.header .nav-btn div{ height:2px; width:20px; background:#333; margin:0 auto; margin-top:8px; text-indent:-999em;}

.footer{ background:#1f1010; color:#fff; padding:10px 0; text-align:center;}
.footer .w1200{ overflow:hidden; line-height:24px;}
.footer .left{ width:100%;}
.footer .right,.footer img,.footer p{ display:none;}
.footer .part{ display:block;}

/*page*/
.page{ overflow:hidden; padding:20px; font-size:14px; text-align:center;}
.page ul{ overflow:hidden;}
.page li{ display:inline-block; margin:0 4px; color:#888888; line-height:30px; list-style:none;}
.page a,.page span{ background:#eeeeee; line-height:20px; padding:0 5px; color:#888888; border-radius:2px; text-decoration:none; display:inline-block;}
.page a:hover,.page span:hover{ background:#00a0e9; color:#fff;}
.page li.selected a,.page li.selected span{ background:#00a0e9; color:#fff;}
.page li.selected a:hover,.page li.selected span:hover{ background:00a0e9;}
.page li .text{ background:#eeeeee; line-height:30px; color:#888888; border-radius:2px; border:none; width:40px; margin:0 5px; text-align:center;}
}

/**/
.banner { position: relative; overflow: auto; text-align: center; width:100%; height:auto;}
.banner li { height:auto; float:left; width:100%; z-index:9; position:relative;}
.banner li a{ display:block; width:100%; height:auto;}
.banner li a img{ width:100%; height:auto;}
.banner ul{ width:100%; height:400px; overflow:hidden;}
#b03 { width: 100%;}
#b03 .dots { position: absolute; left: 0; right: 0; bottom: 20px; text-align:center;}
#b03 .dots li { display:inline-block; width:8px; height:8px; text-indent: -9999px; cursor: pointer; background:#fff; border-radius:4px; background-position:-99px 0; margin:0 3px; float:none;}
#b03 .dots li.active { width:16px;}

.footer{ border-top:4px solid #040404;}

.tc{ text-align:center;}

@media screen and (max-width: 980px) {
#b03 .dots { position: absolute; left: 0; right: 0; bottom: 5px; text-align:center;}
#b03 .dots li { display:inline-block; width:4px; height:4px; text-indent: -9999px; cursor: pointer; background:#fff; border-radius:4px; background-position:-99px 0; margin:0 2px; float:none;}
#b03 .dots li.active { width:8px;}
}

.header{ position:fixed; left:0; top:0; z-index:99; width:100%;-webkit-box-shadow:0 0 10px #ccc;  -moz-box-shadow:0 0 10px #0CC;  box-shadow:0 0 10px #ccc;  }
@media screen and (min-width: 981px) {
body{ padding-top:100px;}
}
@media screen and (max-width: 980px) {
body{ padding-top:60px;}
}