@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: #39f; text-decoration: none; }
a:hover { text-decoration: underline; }
.wrapper { width:1150px; margin:5% auto;height: 100%; position: relative;padding-left: 30px; }
#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:#2898fe; display:block;}
#banner_img li.item2 { background:#6ed190; }
#banner_img li.item3 { background:#ff696a; }
#banner_img li.item4 { background:#5e5afa; }
#banner_img li.item5 { background:#009af6; }
    /*���ñ���ͼƬ--------����*/
#banner_img .ad_img { position: absolute;right:-20px; top: 6%; width: 506px; height: 404px; }
#banner_img .ad_txt { position: absolute;width: 636px; left: 30px; top:70px; color: #fff; text-shadow: 1px 1px rgba(51,51,51,0.3); }
.adddd{top:30px !important;}
#banner_img .ad_txt h2 {font-size: 67px;font-weight:600; text-shadow:0 10px 10px rgba(0,0,0,.0);letter-spacing:3px}
#banner_img .ad_txt h2 span{color: #ffe92f;font-size: 87px;Font-style:italic}
#banner_img .ad_txt .bb02{font-size: 28px;font-weight: 500;line-height: 160%;padding-top: 5px;padding-top: 10px; padding-bottom: 25px;}
#banner_img .ad_txt .bb03{font-size: 33px;margin: 10px 0; 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: 200px; height: 52px; line-height:52px; 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: 22px; border-radius:30px; }
#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; background: url() center no-repeat; 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: 0px}
#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:0px; 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: 0px; 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: 18px}
.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:2px;}