@charset "UTF-8";
html { color: #000; background: #FFF; }
body, div, ul, li { margin: 0; padding: 0;  color:Black;}
img { border: 0; }
li { list-style: none; }
body { font-family: Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif; font-size: 12px; color: #666; background: #fff; }
a { color: #39f; text-decoration: none; }
a:hover { text-decoration: underline; }
.wrapper { width: 986px; margin: 0 auto; position: relative; }
#banner { width: 100%; height: 650px; background: #000; overflow: hidden; position: relative; }
#banner_img { display: block; position: relative; }
#banner_img li { position: absolute; top: 0; left: 0; width: 100%; height: 650px;background-size: cover; background-position: center; display: none; }
 
#banner_img  .item1 {background-color:#0D546D; }
#banner_img  .item2 { background-color:#EB2D2C;}

#banner_img  .item3 { background-color: #2f056e;  }

#banner_img  .item4 { background:url(/template/default/images/index/rg03.png);}
#banner_img  .item5 {background-color: #517b98;}
#banner_img  .item6 { background-color: #02a9ff;}
#banner_img  .item7 { background-color: #427c60; }
#banner_img  .item8 {  background-color: #860a0a; }
#banner_img  .item9 { background-color:#0F88CD; }
#banner_img  .item10{ background-image: url(/template/default/images/index/bg10.jpg); }

#banner_img div{ height:500px;}
#banner_img .ad_img { position: absolute; right: 10px; top: 80px; width: 506px; height: 404px; }
#banner_img .ad_txt { position: absolute; left: 10px; top: 170px; color: #fff; text-shadow: 1px 1px rgba(51,51,51,0.3); }
#banner_img .ad_txt h2 { font: bold 36px/60px Microsoft YaHei; }
#banner_img .ad_txt a { display: block; width: 100px; height: 25px; line-height: 25px; text-align: center; margin-top: 10px; background: #fff; color: #666; text-decoration: none; text-shadow: none; }
#banner_ctr { position: absolute; width: 960px; height: 122px; margin-left: -480px; left: 50%; bottom: 40px; z-index: 1; }
#banner_ctr ul { width: 960px; height: 122px; background: url(/template/default/images/index/serv_ico.png) center no-repeat; font-size: 0; line-height: 0; position: relative; }
#banner_ctr li { display: block; float: left; width: 115px; height: 122px; cursor: pointer; }
#banner_ctr li.first-item { background: #fff; width: 20px; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; cursor: default; }
#banner_ctr li.last-item { background: #fff; width: 20px; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; cursor: default; }
#drag_ctr { position: absolute; top: -14px; left: 20px; width: 115px; height: 156px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; bottom: 170px; background: #0084cf; }
#drag_arrow { position: absolute; top: -24px; left: 20px; width: 115px; height: 156px; background: url(/template/default/images/index/drag_banner_arrow.png) center 14px no-repeat; }

#banner_ctr{height: 70px;margin-left: 0px;left: 35%;width: 450px;top:425px;}
#banner_ctr ul{height: 53px;width: 590px;left: -1px;}
#banner_ctr li{height: 53px;width: 59px;}
#banner_ctr li.first-item{background: none;display: none;}
#banner_ctr li.last-item{background: none;display: none;}
.drag_bg{width: 570px;height: 40px;background: #FFF;position: absolute;top: 7px;left: 10px;}
#banner_img li{height: 500px;}
#banner_img .ad_img{width: auto;right: 0px;left: 0px;top: 0px;}
#drag_ctr{width: 59px;height: 79px;background: #da251c;z-index: 10px;}
#drag_arrow{width: 59px;height: 79px;}
.ad_txt{display: none;}        
#item4{background: #720a0b;}
#item5{background: #000;}
#item6{background: #253ad1;}
#item7{background: #000;}
#item8{background: #000;}
.login{border: 0px solid blue;width: 268px;height: 350px;position:absolute;left:725px; margin-right: 0%;background: url(/Template/Default/images/PNG-7.png);}