@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:#4f4f4f;}
#banner {width: 100%; overflow:hidden;}
#ban0 {width: 100%; overflow:hidden;}
#ban0 p {padding:4% 4% 0 4%; color:#9d9c9c; }
#ban1 {width: 100%; padding:8% 0;}
#ban1 p {padding:4% 4% 0 4%; color:#656565; }
#ban1 b { color:#000;}
#ban2 { background-color:#f0f0f0;padding:8% 4%; }
#ban2 p {padding-top:4% ; color:#656565; }
#ban2 b { color:#000;}
#ban3 {width: 100%; background-color:#060d7c;padding:8% 0; }
#ban3 p {padding:4% 4% 0 4%; color:#fff; }
#ban3 .ban3-con {padding:4% 2% 0 4%;}
#ban4 { background-color:#f0f0f0;padding:8% 0; }
#ban4 p {padding:4% ; color:#6a6868; }
#ban4 .ban4-con {padding:2%; background-color:#000; margin:0 4%;}
#ban4 .ban4-con p {padding:2% 0 0 4% ; color:#fff; }
#ban4 .ban4-con2 { overflow:hidden; }
#ban4 .ban4-con2 ul { overflow:hidden; padding:3%;}
#ban4 .ban4-con2 li { width:48%; float:left; overflow:hidden; margin:1%;}
#ban6 {padding:8% 0; }
#ban6 .ban6-con {padding:4% 2% 0 4%;}
#ban7 { padding-bottom:8%;}
#ban7 p {padding:4% 4% 0 4% ; color:#656565; }
#ban5 { padding:8% 0;}
#ban5 p {padding:4% 4% 0 4% ; color:#656565; }
#ban8 {padding:8% 0; }
#ban8 p {padding:4% ; color:#6a6868; }
#ban8 .ban8-con {padding:0 4%;}
#ban8 .ban8-con p {padding:2% 0  ; color:#151515; }
#ban9 { background-color:#f0f0f0;padding:8% 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-size:110%; line-height:160%;}
  }

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

 }

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

 }