@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:120%; line-height:180%; color:#353535;}
#banner {width: 100%; overflow:hidden;}
#ban0 {width: 100%; overflow:hidden; background:#f4f5f7; padding:4% 0;}
#ban0 p {padding:0 4% ; color:#7b7a7a; }
#ban01 {width: 100%; overflow:hidden; background:#fff; padding:4% 0;}
#ban01 p {padding:0 4% ; color:#7b7a7a; }

#ban1 {width: 100%; overflow:hidden;}

#banner2 {width: 100%; overflow:hidden;}
#ban02 {width: 100%; overflow:hidden; background:#f0f0f0; padding:4% 0;}
#ban02 p {padding:0 4% ; color:#7b7a7a; }
#ban2 {width: 100%; overflow:hidden; background:#f0f0f0; }

#ban2 p {padding:2% 4% 3%; color:#706f6f; }
#banx1{ margin-bottom:3%;}
#banx1 .ban2-con {padding:2%; margin:0 auto; background-color:#000;}
.ban2-con {padding:2%; margin:0 3% 0%;}
#ban3 p { color:#fff; }
#ban3 {width: 100%;overflow:hidden; padding:5% 0; }
.b3 {overflow:hidden; padding:5% 4% 0; }

#ban4 {width: 100%; overflow:hidden;}

.ban5-con {padding:5% 4% ;}
#ban5 {width: 100%;overflow:hidden; background:#fff; margin-bottom:8%; }
#ban6 {width: 100%;overflow:hidden; padding:1% 0 3%; }
.b6 {overflow:hidden; width:30%; margin:5% auto 0; }
#ban6 ul {overflow:hidden; padding:3% 3% 0; }
#ban6 ul li { overflow:hidden; float:left; width:48%; margin:1.5% 1%}


#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;}
.swiper-container {
        width: 100%;
        height: 100%;
    }
.swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    
@media (min-width: 320px) {	
p { font-size:100%; line-height:160%;}
  }

@media (min-width: 375px) {	
p { font-size:110%; line-height:170%;}

 }

@media (min-width: 414px) {	
p { font-size:110%; line-height:170%;}
}

@media (min-width: 640px) {	
p { font-size:120%; line-height:170%;}

 }