@charset "UTF-8";
html { color: #000; background: #FFF; }
body, div, ul, li { margin: 0; padding: 0; }
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: #; text-decoration: none; }
    a:hover { text-decoration: none; }
.wrapper { width:1150px; margin:8% auto;height: 100%; position: relative; }
#banner { width: 100%; height: 750px;background: #; overflow: hidden; position: relative; }
#banner_img { display: block; position: ; }
    #banner_img li { position: absolute; top: 0; left: 0; width: 100%; height:750px; background-position: center; background-size: cover; display: none; }
        /*���ñ���ͼƬ-------��ʼ*/
        #banner_img li.item1 { background:#4abeff; display: block; }
        #banner_img li.item2 { background:#ffb636; }
        #banner_img li.item3 { background:#ff7575; }
        #banner_img li.item4 { background:#62a5ff; }
      
    /*���ñ���ͼƬ--------����*/
    #banner_img .ad_img { position: absolute; right: 0px; top: -30px; width: 506px; height: 404px; }
    #banner_img .ad_txt { position: absolute;width: 720px; left: 10px; top:60px; color: #fff; text-shadow: 1px 1px rgba(51,51,51,0.0); text-align: left}
.adddd{top:70px !important;}
        #banner_img .ad_txt h2 {font-size: 62px;font-weight:600;line-height: 130%;  text-shadow:0 10px 10px rgba(0,0,0,.1);letter-spacing:0px}
#banner_img .ad_txt h2 span{color: #ffe92f;font-size: 87px;Font-style:italic}
#banner_img .ad_txt .bb02{font-size: 30px;font-weight: 500;line-height: 140%;padding-top: 15px !important;padding-top: 5px; padding-bottom: 40px;}
#banner_img .ad_txt .bb03{font-size: 48px; text-shadow:0 10px 10px rgba(0,0,0,.15)}
#banner_img .ad_txt .bb04{font-size: 36px;padding: 10px 0 20px 0}
        #banner_img .ad_txt a { display: block; width: 202px; height: 54px; line-height:54px; text-align: center; margin-top: 10px; border: 1px solid rgba(255,255,255,0.5); color: #ffffff; text-decoration: none; text-shadow: none;font-size: 18px; border-radius: 50px; }
#banner_ctr { position: absolute; width:1200px; height:100px; margin-left: -600px; left: 50%; bottom: 0px; z-index: 1;overflow: hidden}
    #banner_ctr ul { width: 1200px; height: 100px;  font-size: 0; position: relative; }
    #banner_ctr li { display: block; float: left; width: 298px; height:100px; cursor: pointer; }
        #banner_ctr li.first-item {display: none; 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.tow-item {margin-left: -299px }
        #banner_ctr li.last-item {display: none;  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: 0px; left:-299px; width: 299px; height: 100px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; bottom: 170px; background:rgba(255,255,255,.045); }
#drag_arrow { position: absolute; top: 0px; left: -299px; width:299px; height:100px; background:rgba(255,255,255,.045); }

.box_box_bottom{width:100%; background: rgba(255,255,255,0.07);position: absolute;bottom:0;height: 100px;
}

.switch_item{width: 299px; height: 100px; float: left; border-right:1px solid rgba(255,255,255,0.3); display: block}
.switch_itemright{border-right:0px solid #ffffff}
.switch_item .left{width:60px;text-align: left; float: left;padding-top:25px;padding-left: 35px}
.switch_item .right{width:188px; float: left;text-align: left;padding-top: 20px;}
.switch_item .right .stitle{color: #ffffff;font-size: 20px; display: block}
.switch_item .right .sstitle{color: #ffffff;font-size: 16px; display: block;padding-top:0px;}