@charset "utf-8";
/* CSS Document */
body{font: 12px/ 1.5  "微软雅黑", "Arial","宋体";padding: 0; margin: 0;}
body, div, dl, dt, dd, ul, ol, li, h1, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {margin: 0;padding: 0;}
body{max-width:640px;min-width:320px;margin:0 auto; background:#fff;color: #666; ;}
fieldset, img {max-height: auto; border:none; max-width:100%;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;}
html {font-size:100%;}
ol, ul, li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; display:block;font-weight: normal;line-height: 100%;}
q:before, q:after {content: ”;}
abbr, acronym {border: 0;}
a {color: #666;text-decoration: none;}
a:hover {color: #019dd8;text-decoration: none;}
img{ display:block;width: 100%;}

#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:#676767; font-size:15px;}
#banner {width: 100%; overflow:hidden;}
#ban1 {width: 100%; overflow:hidden;}
#ban1 p {padding:4% 5% ; }
#ban2 { padding:6% 0; overflow:hidden;}
.ban2-con { padding:5% 3% ; overflow:hidden;}
.ban2-con .swiper-container {  width: 100%;  height: 300px;  margin-left: auto;  margin-right: auto;   }
.ban2-con .swiper-slide {  background-size: cover;  background-position: center;    }
.ban2-con .gallery-top {  height: 80%;  width: 100%;    }
.ban2-con .gallery-thumbs {  height: 80px;  box-sizing: border-box;  padding: 10px 0;    }
.ban2-con .gallery-thumbs .swiper-slide {  height: 100%;  opacity:1;   }
.b2 { position:relative; overflow:hidden; width: 100%;}
.b2 p { position: absolute; background:url(../images/05.png) repeat;  color: #fff; text-align: center; bottom: 0; left: 0; font-size:14px; line-height:35px; width: 100%; }
 .ban3-con .b2 p { position: absolute; background:#d50000; border-top:1px solid #fff;  color: #fff; padding-left:13% ; text-align:left;bottom: 0; left: 0; font-size:13px; line-height:35px; width: 100%; }
 .ban3-con .b2 p a {  color: #fff; } 
#ban3 {padding:3% 0; overflow:hidden;}
.ban3-con { padding:5% 3% 0; overflow:hidden;}
.ban3-con .swiper-container-horizontal>.swiper-pagination-bullets,.ban3-con .swiper-pagination-custom,.ban3-con .swiper-pagination-fraction { color:#fff; bottom: 5px; left: 0; width: 13%;}
.ban3-con  .swiper-pagination-current { color:#FF0;}
#ban4 { overflow:hidden;padding:10% 0; }
.ban4-con { padding:0 3%; overflow:hidden;}
#ban4 p {padding:5% 3% ;}
#ban4 .ban4-con ol { overflow:hidden; width:100%;}
#ban4 .ban4-con ol li { float:left; width:50%; overflow:hidden; text-align:center; font-size:18px; color:#fff; text-align:center; line-height:42px; background:#03a5d7;}
#ban4 .ban4-con ol .tab { background:#c0579c;}
#ban4 .ban4-con .con1 { padding-top:5%; height:300px; overflow:hidden;}
#ban4 .ban4-con .con1 .con2 { overflow:hidden; position:relative;}
#ban4 .ban4-con .con1 .con2  p { background:#2e2c2c; border:1px solid #fff; padding:0;  color: #fff; text-align: center;  font-size:14px; line-height:38px; width: 100%;}
#ban4 .ban4-con .con1 .con2 .swiper-container { padding-bottom:40px;}
.con2 .swiper-pagination-bullet {   opacity: 1;   width: 30px;height: 5px;   display: inline-block;   border-radius: 0;   background: #8b8c8c;}
.con2 .swiper-pagination-bullet-active { background: #0285c2;}
#ban6 p {padding:3% 3% ;}
#ban6 p strong { color:#f00;}
#ban5 {padding:7% 0 ; overflow:hidden}
#ban5 .ban5-con { overflow:hidden; padding:5% 3% 0;}
.ban5-con .swiper-button-prev ,.ban5-con .swiper-container-rtl .swiper-button-next {  background-image: url(../images/03.png); left:2%; right:auto;   }
.ban5-con .swiper-button-next,.ban5-con .swiper-container-rtl .swiper-button-prev { background-image: url(../images/04.png); right:2%; left:auto ;}
.ban5-con .swiper-button-next,.ban5-con .swiper-button-prev {  position: absolute; top:30%;   width: 40px;  height: 40px;  margin-top: 0px;  z-index: 10;  cursor: pointer;  background-size: 40px 40px;  background-position: center;  background-repeat: no-repeat; }
.ban5-con .b5 h6 { font-size:16px; color:#fff; width:30%; line-height:30px; text-align:center; position:absolute; top:56%; left:35%; background:#05a1d6;}
 .ban5-con .b5 p { font-size:14px; padding-top:5%; }
  .ban5-con .b5 p  span { color:#000;}
.ban5-con .b5 p a { color:#2d7614;}
#ban7 {padding:3% 0 ;}
#ban7 .ban7-con {overflow:hidden; padding:5% 3% 3%;}
#ban7 .ban7-con ol { width:98%; margin:0 auto ; overflow:hidden; padding-bottom:3%;}
#ban7 .ban7-con ol li { float:left; width:32%; text-align:center; border-left:1px solid #e2e2e2; color:#15161b;  line-height:1.3;}
#ban7 .ban7-con ol .tab2 { color:#cf0878;}
#ban7 .ban7-con ul { overflow:hidden; }
#ban7 .ban7-con ul li {}
#ban8 {padding:6% 0 ;}
#ban8 p {padding:5% 3% ;}
#footer { overflow: hidden; background-color:#ebebeb; 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:15%;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%;font-weight: normal;}
#footer #ft-buttom { margin:4% auto 20%;  overflow:hidden; width:100%;}
#ft-buttom p { font-size:16px; line-height:180%; color:#5b5a5a; }
#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;}

 
@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: 15px/ 1.5  "微软雅黑", "Arial","宋体"; }
 }
   
@media (min-width: 640px) {
body { font: 18px/ 2  "微软雅黑", "Arial","宋体"; }
p { font:18px/1.8 "微软雅黑", "Arial","宋体";}
#ban1 .ban1-con .swiper-slide p {  font-size:18px; line-height: 40px; width: 100%;}
.b2 p {line-height:45px;color: #fff;font-size:18px; float:left; }
.ban3-con .b2 p {line-height:45px;font-size:18px; }
#ban4 .ban4-con .con1 { padding-top:5%; height:470px; overflow:hidden;}
#ban4 .ban4-con .con1 .con2  p {line-height:45px;font-size:18px;}
.ban5-con .b5 h6 { font-size:24px;  line-height:40px;top:62%;}
 .ban5-con .b5 p { line-height:33px;font-size:18px; height:130px; }
 }