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

@media (min-width: 480px) {
body {  font: 16px/ 2  "微软雅黑", "Arial","宋体"; }	}
@media (min-width: 640px) {
body { font: 16px/ 2 "微软雅黑", "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; background:#fff; 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:65%;  height: 90%; overflow:hidden;  margin-bottom:2.5%; margin-top:2.5%;}
#header .hd .header-r{ overflow:hidden;  margin-top:3%; width:13%; padding-left:20%;}
p {color:#6b6b6b; font-size:15px; text-align:left;}
#banner {width: 100%; overflow:hidden;}

#ban1 {width: 100%; overflow:hidden;padding:9% 0 6%;background:#fff; }
#ban1 .ban1-con {padding:3% 2% 2%; }
#ban1 p {padding:2% 0 ; }
#ban1 .ban1-con p strong { color:#000;}
.box1 p { font-size:14px;padding:3% 0 0; text-align:center; }
#ban2 {width: 100%;overflow:hidden;background:#fff; }
#ban2 .ban2-con {margin:3% 2% 2%;  }
.box2 {background:#bc0079; }
.box2 p {padding:2% 2% 0 ; height:185px;color:#fff; text-align:left; font-size:14px; }
.ban2-con .swiper-container  { padding-bottom:7%;}
.ban3 p {padding:4% 2%;  }
.ban3 {width: 100%;overflow:hidden; padding:8% 0;background:#fff;  }
.ban4 {padding-top:8% ; background:#f4f4f4; width: 100%;overflow:hidden; }
.ban4 p {padding:4% 2%;  }
.ban5 { padding-top:8% ;background:#fff; width: 100%;overflow:hidden; }
.ban5 p {padding:4% 2%;  }
.ban6 { background:#067e13;width: 100%;overflow:hidden; }
.ban6 p {padding:4% 3%; color:#fff;  }
.ban7 {width: 100%;overflow:hidden; padding:8% 0 3%;background:#fff;  }
.ban7 p {padding:4% 2%; }
.ban7 .b7 h5 { overflow:hidden; color:#fff; font-size:16px;}
.ban7 .b7 h5 span { float:left; font-weight:bold; padding:0 3%; background:#bc0079;}
.ban7 .b7 p {padding:5% 3%; }
.ban8 {width: 100%;overflow:hidden; padding-bottom:8%;background:#fff; 
}
.ban8 .b8-top { background:#3c3c3c; padding:5% 0;
}
.ban8 .b8-top p { color:#fff; padding:3% 3% 0;
}
.ban8 .b8 { padding:4% 3% ;
}


#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:16px; 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: 9999;}
#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;}
.swiper-container {
        width: 100%;
        height: 100%;
        
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
       
        
        /* Center slide text vertically */
       
    }
    
@media only screen and (min-device-width: 375px)and (-webkit-min-device-pixel-ratio: 2) {  
//针对大多数iPhone6的标准模式
body { font: 15px/ 1.7  "微软雅黑", "Arial", "宋体"; }
}  
   
@media only screen and (min-device-width: 375px)and (-webkit-min-device-pixel-ratio: 3) {  
//针对所有iPhone6+的放大模式
body {font: 15px/ 1.7  "微软雅黑", "Arial", "宋体"; }
 }  
@media only screen and (min-device-width:412px) and (-webkit-min-device-pixel-ratio: 3) {  
//针对所有iPhone6+的标准模式,414px写为412px是由于三星Nexus 6为412px，可一并处理
body {font: 15px/ 1.7  "微软雅黑", "Arial", "宋体"; } 
 }  

@media (min-width: 370px) { 

body { font: 15px/ 1.7  "微软雅黑", "Arial", "宋体"; }
 }
@media (min-width: 414px){
 body { font: 16px/ 1.5  "微软雅黑", "Arial","宋体"; }

  }
  
@media (min-width: 640px) {
p { font:20px/1.5 "微软雅黑", "Arial","宋体";}
.box1 p { font-size:18px; }
.box2 p { font-size:18px; }	
 }