@charset "UTF-8";
.w1200 {
    width: 1200px;
    display: block;
    margin: 0 auto;
}
.ds-il-m{ display: inline-block; vertical-align: middle}
/* --------------------------------------------------------------------------
   主体部分
   -------------------------------------------------------------------------- */
.header{ background: #3e3f41; height: 115px; line-height: 115px; width: 100%; }
.nav{ margin-left: 90px; }
.nav li { display: inline-block; vertical-align: middle; width: 210px; text-align: center; line-height: 36px;  color: #525356; font-size: 30px;  }
.nav li i{  display: inline-block; vertical-align: top; font-size: 20px; }
.nav li a{ padding:0 20px;  height: 36px; display: inline-block; color: #bbbbc6; font-size: 18px; margin-right: 50px; }
.nav li.on a{ background: #f1b102; border-radius: 100px; color: #3e3f41; }

.home{line-height: 65px;line-height: 62px;background: #ffffff;box-shadow: 0px 5px 10px #ccc;}
.home li{ display: inline-block; vertical-align: middle; margin: 0 20px; padding:0 20px; font-size: 16px;}
.home li:hover{color:#ffcb2f; cursor: pointer;}
.home li.on{ color: #f1b102; border-bottom: 3px solid #f1b102;font-size: 18px; }
.home dd{display: inline-block;}
.home dd a{width: 90px;height: 30px;line-height: 28px;text-align: center;border-radius: 30px;color: #fff;margin: 0 10px;display: inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;vertical-align: middle;}
.home dd:nth-child(1) a{ border: 1px solid #eaab93; color: #eaab93 }
.home dd:nth-child(2) a{ border: 1px solid #a3a9f2; color: #a3a9f2 }
.home dd:nth-child(3) a{ border: 1px solid #d9a3f2; color: #d9a3f2 }
.home dd:nth-child(4) a{ border: 1px solid #f2a3a3; color: #f2a3a3 }
.home dd:hover:nth-child(1) a{ background: #eaab93; color: #fff }
.home dd:hover:nth-child(2) a{  background: #a3a9f2; color: #fff }
.home dd:hover:nth-child(3) a{  background: #d9a3f2; color: #fff }
.home dd:hover:nth-child(4) a{  background: #f2a3a3; color: #fff }

.search-box{ width: 295px; height: 36px; display: inline-block; font-size: 0px; float: right; margin-left: 30px;}
.search-box input{width: 220px;display: inline-block;vertical-align: middle;border-right: 0px;border-radius: 30px 0 0 30px;height: 36px;line-height: 30px;padding:0 10px;color: #ccc;background: #e6e6e6;font: caption;font-size: 14px;}
.search-box span{display: inline-block; vertical-align: middle;height: 36px; line-height: 36px; background: #f1b102; border-radius: 0 30px 30px 0; color: #fff; width: 75px; text-align: center; }
.search-box span i{font-size: 24px;color: #fff;}


/* 底部 */
.fooder{ width: 100%; height:300px; background: #3e3f41; padding-top: 50px; margin-top: 50px;  text-align: center; font-size: 14px; color: #666666; line-height: 2}

.fooder li{display: inline-block;vertical-align: middle; margin: 30px 0; line-height: 20px;}
.fooder li:first-child{border-left: 1px solid #494a4a;}
.fooder a{ color: #999999; font-size: 16px; border-right: 1px solid #494a4a; padding: 0 20px;  }

.fooder p{ color: #999999; font-size: 16px; font-weight: bold}

.gw-page{ margin-top: 20px; }
.gw-page a{ border: 1px solid #d9d9d9; padding: 0 5px; line-height: 25px; display: inline-block; margin: 0 3px;  }
.gw-page a:hover{ background-color: rgb(248, 204, 84);  color: #fff; border: 1px solid rgb(248, 204, 84)}