@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: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:22%;}
p { font-size:120%; line-height:180%; color:#353535;}
#banner {width: 100%; overflow:hidden;}
#bann1 {width: 100%; overflow:hidden; padding-bottom:5%;}
#bann1 p {padding:2% 3% 0; color:#706f6f; }
.ban2 {width: 100%;overflow:hidden; padding:5% 0; 
}
.ban2 .b2 {overflow:hidden; padding:5% 3% 0;
}


#ban3 {width: 100%;overflow:hidden; padding:5% 0; }
#ban3 p {padding:5% 3% 0; color:#706f6f; }
.b3 {overflow:hidden; padding:5% 3% 0; }
.ban4 {width: 100%;overflow:hidden;padding:5% 0;  }
.ban4 .ban4-top {width: 100%;overflow:hidden; padding:7% 0 4%; background:#000b7b;}
.ban4 .ban4-top p {padding:4% 3% 0; color:#b3b2b3; }
.ban4 .ban4-con {overflow:hidden; padding:5% 3% 0; }
.ban5 {width: 100%;overflow:hidden;padding:5% 0; 
}
.ban5 p {padding:5% 3% 0; color:#706f6f;
}
.ban5 .ban5-con {overflow:hidden; padding:5% 3% 0;
}








#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: 14px/ 1.5 "微软雅黑", "Arial","宋体";}
  }
@media (min-width: 375px) {	
p { font: 16px/ 1.5 "微软雅黑", "Arial","宋体"; }
 }

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