@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: ##9b9b9b; text-decoration: none; }
a:hover { text-decoration: underline; }
.wrapper { width: 767px; margin: 0px auto; position: relative;   }
#banner { width: 100%; height: 100%; background: #000; overflow: hidden; position: relative; text-align:center; }
@media only all and (min-width: 0px) and (max-width: 767px){.wrapper { width:100%; margin: 0px auto; position: relative;   }}

#banner_img { display: block; position: relative; top: 0;}
#banner_img li { position: absolute; top: 0; left: 0; width: 100%; min-height:1000px; background-position: center bottom; background-size: cover; display: none; }
        
#banner_img li.item1 { background-image: url(../images/banner_bg1.jpg); display: block; }
#banner_img li.item2 { background-image: url(../images/banner_bg2.jpg) ; }
#banner_img li.item3 { background-image: url(../images/banner_bg3.jpg); }
    
    
#banner_img .ad_img { position: absolute;    height: 30px; text-align:center; width:100%;}
#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  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: 300px; height: 8px; margin-left:-120px; right:3%; bottom: 20px; z-index: 1; }
#banner_ctr ul { width: 100px; height: 8px;  line-height: 0;  }
#banner_ctr li { display: block; float: left; width: 15px; height: 8px; cursor: pointer;  background:#8f8f8f; margin:0px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
       
#drag_ctr { position: absolute; top: 0px; left: 10px; width: 15px; height: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; bottom: 20px; background: #fbd292; }


.mfbanner01{width:100%; text-align:center; margin-top:138px;}
.mfbanner01span1{font-size:50px; font-family: Arial, Helvetica, sans-serif; line-height:50px; font-weight:600;}
.mfbanner01span2{font-size:30px;  border-bottom:1px solid #fff; padding:0px 20px 3px 20px; letter-spacing:4px;}
.mfbanner01span3{font-size:18px; margin-top:12px; display:block; padding:0px 20px 0px 20px; letter-spacing:25px;}
.mfbanner01span4{font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#C0C0C0; display:block; margin-top:-10px; padding:0px 20px 3px 20px; clear:both;}
.mfbanner01span5{  margin:83% auto 0px auto; font-size:14px;}
@media only all and (min-width: 1024px) and (max-width: 1599px){
.mfbanner01{width:100%; text-align:center; margin-top:3%;}
.mfbanner01span5{  margin:70% auto 0px auto; font-size:14px;}
	}

@media only all and (min-width: 768px) and (max-width: 1023px){
.mfbanner01{width:100%; text-align:center; margin-top:70px;}
.mfbanner01span1{font-size:50px; font-family: Arial, Helvetica, sans-serif; line-height:50px; font-weight:600;}
.mfbanner01span2{font-size:30px;  border-bottom:1px solid #fff; padding:0px 20px 3px 20px; letter-spacing:4px;}
.mfbanner01span3{font-size:18px; margin-top:12px; display:block; padding:0px 20px 0px 20px; letter-spacing:25px;}
.mfbanner01span4{font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#C0C0C0; display:block; margin-top:-10px; padding:0px 20px 3px 20px;}
.mfbanner01span5{ display:none;}
}

@media only all and (min-width: 758px) and (max-width: 767px){
.mfbanner01{width:93%; text-align:center; margin-top:50px;}
.mfbanner01span1{font-size:50px; font-family: Arial, Helvetica, sans-serif; line-height:50px; font-weight:600;}
.mfbanner01span2{font-size:30px;  border-bottom:1px solid #fff; padding:0px 20px 3px 20px; letter-spacing:4px;}
.mfbanner01span3{font-size:18px; margin-top:12px; display:block; padding:0px 20px 0px 20px; letter-spacing:25px;}
.mfbanner01span4{font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#C0C0C0; display:block; margin-top:-10px; padding:0px 20px 3px 20px;}
.mfbanner01span5{ display:none;}
}

@media only all and (min-width: 450px) and (max-width: 757px){
.mfbanner01{width:100%; text-align:center; margin-top:10px;}
.mfbanner01 h2{ width:100%; display:block;}
.mfbanner01 h2 img{ width:25%; margin:0px auto; }
.mfbanner01span1{font-size:46px; font-family: Arial, Helvetica, sans-serif; line-height:60px; font-weight:600;}
.mfbanner01span2{font-size:30px;  border-bottom:1px solid #fff; padding:0px 20px 3px 20px; letter-spacing:4px;}
.mfbanner01span3{font-size:18px; margin-top:12px; display:block; padding:0px 20px 0px 20px; letter-spacing:10px;}
.mfbanner01span4{font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#C0C0C0; display:block; margin-top:-10px; padding:0px 20px 3px 20px;}
.mfbanner01span5{ display:none;}
}



@media only all and (min-width: 0px) and (max-width: 449px){
.mfbanner01{width:100%; text-align:center; margin-top:10px;}
.mfbanner01 h2{ width:100%; display:block;}
.mfbanner01 h2 img{ width:25%; margin:0px auto; }
.mfbanner01span1{font-size:30px; font-family: Arial, Helvetica, sans-serif; line-height:30px; font-weight:600;}
.mfbanner01span2{font-size:25px;  border-bottom:1px solid #fff; padding:0px 20px 3px 20px; letter-spacing:4px;}
.mfbanner01span3{font-size:16px; margin-top:12px; display:block; padding:0px 20px 0px 20px; letter-spacing:5px;}
.mfbanner01span4{font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#C0C0C0; display:block; margin-top:-10px; padding:0px 20px 3px 20px;}
.mfbanner01span5{ display:none;}
}




.mfbanner02{ width:100%; text-align:center; margin-top:50%;}
.mfbanner02 h2{ font-weight:normal; }
.mfbanner02_h2_span1{font-size:18px;  line-height:30px;  letter-spacing:20px;}
@media only all and (min-width: 1024px) and (max-width: 1599px){.mfbanner02{ width:100%; text-align:center; margin-top:20%;}}
@media only all and (min-width: 768px) and (max-width: 1023px){.mfbanner02{ width:100%; text-align:center; margin-top:30%;}}
@media only all and (min-width: 758px) and (max-width: 767px){.mfbanner02{ width:100%; text-align:center; margin-top:30%;}.mfbanner02_h2_span1{font-size:18px;  line-height:30px;  letter-spacing:15px; text-align: center;}}
@media only all and (min-width: 450px) and (max-width: 757px){.mfbanner02{ width:100%; text-align:center; margin-top:30%;}.mfbanner02_h2_span1{font-size:17px;  line-height:30px;  letter-spacing:5px; text-align: center;}}
@media only all and (min-width: 0px) and (max-width: 449px){.mfbanner02{ width:90%; text-align:center; margin-top:30%;}.mfbanner02_h2_span1{font-size:15px;  line-height:30px;  letter-spacing:0px; text-align: center;}}

.mfbanner03{width:100%; text-align:center; margin-top:108px;}
.mfbanner03_h2_span1{font-size:50px; line-height:50px; font-weight:600; letter-spacing:6px;}
@media only all and (min-width: 1024px) and (max-width: 1599px){.mfbanner03{width:100%; text-align:center; margin-top:3%;}}
@media only all and (min-width: 768px) and (max-width: 1023px){.mfbanner03{width:100%; text-align:center; margin-top:70px;}}
@media only all and (min-width: 758px) and (max-width: 767px){.mfbanner03{width:100%; text-align:center; margin-top:70px;}
.mfbanner03 h2 img{ width:500px;}
}
@media only all and (min-width: 450px) and (max-width: 757px){.mfbanner03{width:100%; text-align:center; margin-top:70px;}
.mfbanner03 h2 img{ max-width:65%;}
.mfbanner03_h2_span1{font-size:36px; line-height:50px; font-weight:600; letter-spacing:6px;}
}
@media only all and (min-width: 0px) and (max-width: 449px){.mfbanner03{width:95%; text-align:center; margin-top:20px;}
.mfbanner03 h2 img{ max-width:50%;}
.mfbanner03_h2_span1{font-size:24px; line-height:30px; font-weight:600; letter-spacing:2px;}
}