@charset "utf-8";
/* CSS Document */
body{font: 12px/ 1.5 "微软雅黑", "Arial","宋体";padding: 0;margin: 0; color:#303030;}

@media (min-width: 480px) {
body {  font: 14px/ 1.5  "微软雅黑", "Arial","宋体"; }	
}
@media (min-width: 640px) {
body { font: 16px/ 1.5 "微软雅黑", "Arial","宋体";}
}
* { margin:0; padding:0;}
ul,li { list-style:none  ;}
a { text-decoration:none;}
a img { border:none; }
img {width:100%;}
img { display:block; margin:0 auto; }	
h1,h2,h3,h4,h5,h6 {font-weight:normal;display:block; }
html {font-size:100% ;} 
body {max-width:640px; min-width:320px;margin:0 auto; color: #3b3b3b; font-family:"微软雅黑"; }
#header { width: 100%;background-color: #fff;	overflow:hidden;	}
#header .hd{width:90%; margin:0 auto; overflow:hidden; }
#header .hd .header-l{float: left; width:70%;  height: 90%; overflow:hidden;  margin-bottom:2.5%; margin-top:2.5%;}
#header .hd .header-r{ overflow:hidden;  margin-top:3%; width:12%; padding-left:14%;}
p { font-size:150%; line-height:160%; color:#4f4f4f;}
#banner {width: 100%; overflow:hidden;}
#ban1 {width: 100%;overflow:hidden;}
#ban1 p {padding:3% 4% 0 4%; color:#343434; }
#ban2 {overflow:hidden;margin:0 4%; padding:10% 0; }
#ban3 {overflow:hidden;margin:0 4%;}
#ban4 {overflow:hidden;margin:0 4%; padding:10% 0; }
.qie1 { overflow:hidden; padding-top:4%;}
.qie2 { overflow:hidden; padding-top:4%;}
.qie3 { overflow:hidden; padding-top:4%;}
#ban5 {width: 100%;overflow:hidden;}
#ban5 p {padding:3% 4% 5%;}
#ban6 {width: 100%;overflow:hidden; padding:3% 0;}
#ban6 p span { color:#000;}
#ban6 p { color:#858585;padding:3% 4% 5%;}

#ban7 {width: 100%;overflow:hidden; padding:1% 0 5%;}
#ban7 p {padding:3% 4%;}

#footer {  overflow: hidden; background-color:#f9f4f0; width:100% ;}
#footer .foot-top { width:100% ; height:50px; background-color:#777777; overflow:hidden;}
.foot-top ul{ width:95%; overflow:hidden; text-align:center; margin:13px auto;}
.foot-top ul li{ font-size:105%;width:12.5%;color:#fff; font-weight:bold;float:left; line-height:25px; word-spacing: 8px; letter-spacing: 2px;}
.foot-top ul li a{color:#FFFFFF; font-size:15px;}
.foot-top ul #l{width:2%;}
#footer #ft-buttom { margin:4% auto 20%;  overflow:hidden; width:100%;}
#ft-buttom p { font-size:105%; line-height:180%; }
#footer #ft-buttom .ft-buttom1 { float:left; width: 56%;}

#menu {max-width:640px;min-width:320px;	width:100%;	display:none;position:absolute;background-color: #5a5959;overflow: hidden;z-index: 1;}
#menu ul {margin: 0; padding: 0;width: inherit;}
#menu ul li{ font-size:16px; width:100%; color: #fff;}
#menu ul li span img{ width:60%;}
#menu ul li span{ float:right;}
#menu ul li a:link,#menu ul li a:visited {border-bottom: solid #656d7a 2px;box-shadow: 0 1px 0 #727272;color: #fff;display: block; padding: 3% 9% 2%;	width:83%;text-align:left;overflow:hidden;}
#menu ul li a:hover,#menu ul li a:active { background-color: #716f6f;}



.tablist:after { display: table; content:''; clear:both; }
.tab { float: left; }
.tabpanel_abs { position: absolute; width: 100%; left: 0; top: 0; text-align: center; }
.tabpanel_abs img { width: 100%; }
.tab_limit { width: 100%; margin: auto; }
.tab_auto_play { position: relative; text-align: center; *zoom:1; z-index: 1; }
.prev, .next { position: absolute; width: 66px; height: 66px;}

.qie1 .prev { background: url(../images/02.png) center no-repeat; background-size:100%; }
.qie1 .next { background:url(../images/01.png) center no-repeat; background-size:100%; }
.qie1 .tab_content_rel { height: 315px; overflow: hidden; position: relative; }
.qie1 .tab_auto_play .prev { left: 20px; top: 120px; }
.qie1 .tab_auto_play .next { right: 20px; top: 120px; }

.qie2 .prev { background: url(../images/1.png) center no-repeat; background-size:100%; }
.qie2 .next { background:url(../images/2.png) center no-repeat; background-size:100%; }
.qie2 .tab_content_rel { height: 359px; overflow: hidden; position: relative; }
.qie2 .tab_auto_play .prev { left: 20px; top: 140px; }
.qie2 .tab_auto_play .next { right: 20px; top: 140px; }

.qie3 .prev { background: url(../images/02.png) center no-repeat; background-size:100%; }
.qie3 .next { background:url(../images/01.png) center no-repeat; background-size:100%; }
.qie3 .tab_content_rel { height: 616px; overflow: hidden; position: relative; }
.qie3 .tab_auto_play .prev { left: 20px; top: 250px; }
.qie3 .tab_auto_play .next { right: 20px; top: 250px; }

@media (min-width: 320px) {	
p { font-size:125%; line-height:160%;}
.prev, .next { position: absolute; width: 30px; height: 30px;}

.qie1 .tab_content_rel { height: 160px;}
.qie1 .tab_auto_play .prev { left: 10px; top: 70px; }
.qie1 .tab_auto_play .next { right: 10px; top: 70px; }

.qie2 .tab_content_rel { height: 180px;}
.qie2 .tab_auto_play .prev { left: 10px; top: 70px; }
.qie2 .tab_auto_play .next { right: 10px; top: 70px; }

.qie3 .tab_content_rel { height: 328px;}
.qie3 .tab_auto_play .prev { left: 15px; top: 120px; }
.qie3 .tab_auto_play .next { right: 15px; top: 120px; }
  }
  @media (min-width: 330px) {	
.qie1 .tab_content_rel { height: 185px;}
.qie1 .tab_auto_play .prev { left: 15px; top: 75px; }
.qie1 .tab_auto_play .next { right: 15px; top: 75px; }

.qie2 .tab_content_rel { height: 211px;}
.qie2 .tab_auto_play .prev { left: 15px; top: 75px; }
.qie2 .tab_auto_play .next { right: 15px; top: 75px; }

.qie3 .tab_content_rel { height: 362px;}
.qie3 .tab_auto_play .prev { left: 20px; top:144px; }
.qie3 .tab_auto_play .next { right: 20px; top: 144px; }  }
@media (min-width: 375px) {	
p { font-size:140%; line-height:160%;}
.prev, .next { position: absolute; width: 35px; height: 35px;}

.qie1 .tab_content_rel { height: 185px;}
.qie1 .tab_auto_play .prev { left: 15px; top: 75px; }
.qie1 .tab_auto_play .next { right: 15px; top: 75px; }

.qie2 .tab_content_rel { height: 211px;}
.qie2 .tab_auto_play .prev { left: 15px; top: 75px; }
.qie2 .tab_auto_play .next { right: 15px; top: 75px; }

.qie3 .tab_content_rel { height: 380px;}
.qie3 .tab_auto_play .prev { left: 20px; top:144px; }
.qie3 .tab_auto_play .next { right: 20px; top: 144px; }  }
@media (min-width: 400px) {	
p { font-size:150%; line-height:160%;}
.prev, .next { position: absolute; width: 40px; height: 40px;}

.qie1 .tab_content_rel { height: 215px;}
.qie1 .tab_auto_play .prev { left: 20px; top: 80px; }
.qie1 .tab_auto_play .next { right: 20px; top: 80px; }

.qie2 .tab_content_rel { height: 242px;}
.qie2 .tab_auto_play .prev { left: 20px; top: 80px; }
.qie2 .tab_auto_play .next { right: 20px; top: 80px; }


.qie3 .tab_content_rel { height: 410px;}
.qie3 .tab_auto_play .prev { left: 20px; top: 160px; }
.qie3 .tab_auto_play .next { right: 20px; top: 160px; }
  }
@media (min-width: 414px) {	
p { font-size:150%; line-height:160%;}
.prev, .next { position: absolute; width: 40px; height: 40px;}

.qie1 .tab_content_rel { height: 225px;}
.qie1 .tab_auto_play .prev { left: 20px; top: 80px; }
.qie1 .tab_auto_play .next { right: 20px; top: 80px; }

.qie2 .tab_content_rel { height: 252px;}
.qie2 .tab_auto_play .prev { left: 20px; top: 80px; }
.qie2 .tab_auto_play .next { right: 20px; top: 80px; }


.qie3 .tab_content_rel { height: 425px;}
.qie3 .tab_auto_play .prev { left: 20px; top: 160px; }
.qie3 .tab_auto_play .next { right: 20px; top: 160px; }
  }
  @media (min-width: 445px) {	
p { font-size:150%; line-height:160%;}
.prev, .next { position: absolute; width: 40px; height: 40px;}

.qie1 .tab_content_rel { height: 245px;}
.qie1 .tab_auto_play .prev { left: 20px; top: 80px; }
.qie1 .tab_auto_play .next { right: 20px; top: 80px; }

.qie2 .tab_content_rel { height: 272px;}
.qie2 .tab_auto_play .prev { left: 20px; top: 80px; }
.qie2 .tab_auto_play .next { right: 20px; top: 80px; }


.qie3 .tab_content_rel { height: 455px;}
.qie3 .tab_auto_play .prev { left: 20px; top: 160px; }
.qie3 .tab_auto_play .next { right: 20px; top: 160px; }
  }
   @media (min-width: 475px) {	
p { font-size:150%; line-height:160%;}
.prev, .next { position: absolute; width: 40px; height: 40px;}

.qie1 .tab_content_rel { height: 255px;}
.qie1 .tab_auto_play .prev { left: 20px; top: 80px; }
.qie1 .tab_auto_play .next { right: 20px; top: 80px; }

.qie2 .tab_content_rel { height: 282px;}
.qie2 .tab_auto_play .prev { left: 20px; top: 80px; }
.qie2 .tab_auto_play .next { right: 20px; top: 80px; }


.qie3 .tab_content_rel { height: 485px;}
.qie3 .tab_auto_play .prev { left: 20px; top: 160px; }
.qie3 .tab_auto_play .next { right: 20px; top: 160px; }
  }

  @media (min-width: 505px) {	
p { font-size:150%; line-height:160%;}
.prev, .next { position: absolute; width: 40px; height: 40px;}

.qie1 .tab_content_rel { height: 275px;}
.qie1 .tab_auto_play .prev { left: 20px; top: 80px; }
.qie1 .tab_auto_play .next { right: 20px; top: 80px; }

.qie2 .tab_content_rel { height: 300px;}
.qie2 .tab_auto_play .prev { left: 20px; top: 80px; }
.qie2 .tab_auto_play .next { right: 20px; top: 80px; }


.qie3 .tab_content_rel { height: 530px;}
.qie3 .tab_auto_play .prev { left: 20px; top: 160px; }
.qie3 .tab_auto_play .next { right: 20px; top: 160px; }
  }
    @media (min-width: 550px) {	
p { font-size:150%; line-height:160%;}
.prev, .next { position: absolute; width: 40px; height: 40px;}

.qie1 .tab_content_rel { height: 295px;}
.qie1 .tab_auto_play .prev { left: 20px; top: 80px; }
.qie1 .tab_auto_play .next { right: 20px; top: 80px; }

.qie2 .tab_content_rel { height: 320px;}
.qie2 .tab_auto_play .prev { left: 20px; top: 80px; }
.qie2 .tab_auto_play .next { right: 20px; top: 80px; }


.qie3 .tab_content_rel { height: 560px;}
.qie3 .tab_auto_play .prev { left: 20px; top: 160px; }
.qie3 .tab_auto_play .next { right: 20px; top: 160px; }
  }
     @media (min-width: 590px) {	
p { font-size:150%; line-height:160%;}
.prev, .next { position: absolute; width: 40px; height: 40px;}

.qie1 .tab_content_rel { height: 325px;}
.qie1 .tab_auto_play .prev { left: 20px; top: 80px; }
.qie1 .tab_auto_play .next { right: 20px; top: 80px; }

.qie2 .tab_content_rel { height: 340px;}
.qie2 .tab_auto_play .prev { left: 20px; top: 80px; }
.qie2 .tab_auto_play .next { right: 20px; top: 80px; }


.qie3 .tab_content_rel { height: 600px;}
.qie3 .tab_auto_play .prev { left: 20px; top: 160px; }
.qie3 .tab_auto_play .next { right: 20px; top: 160px; }
  }
  @media (min-width: 640px) {	
p { font-size:150%; line-height:160%;}
.prev, .next { position: absolute; width: 66px; height: 66px;}

.qie1 .tab_content_rel { height: 315px;}
.qie1 .tab_auto_play .prev { left: 20px; top: 120px; }
.qie1 .tab_auto_play .next { right: 20px; top: 120px; }

.qie2 .tab_content_rel { height: 359px;}
.qie2 .tab_auto_play .prev { left: 20px; top: 140px; }
.qie2 .tab_auto_play .next { right: 20px; top: 140px; }

.qie3 .tab_content_rel { height: 616px;}
.qie3 .tab_auto_play .prev { left: 20px; top: 250px; }
.qie3 .tab_auto_play .next { right: 20px; top: 250px; }
  }