/* CSS Document */
*{ margin:0px; padding:0px;}
body{
  
  background: #eeeeee;
  font-size:12px; 
  font-family:"微软雅黑",Arial, Helvetica, sans-serif; 
  color: #8B8B8B;
}

h1,h2,h3,h4,h5,h6{ font-size:14px; margin:0; padding:0;}
div,form,img,ul,ol,li,dl,dt,dd,label{ margin:0; padding:0; border:0;}
ul,ol,li,dl,dt,dd{ list-style:none; list-style-type:none;}
EM {
	FONT-STYLE: normal
}
.text{ border:1px solid #e5e5e5}
a{ color:#8B8B8B; text-decoration:none;}
a:hover{ color:#de6e00; text-decoration:none;}
.undis{ display:none}
.dis{ display:block}

#fontSmall ,#fontBig{ cursor:hand}
.left{ float:left; display:inline}
.right{ float:right; display:inline}
.small{ font-size:12px}
.big{ font-size:14px}
.clear{	width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;clear:both; overflow:hidden}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {zoom:1;}

a:hover {color: #e69f0b;text-decoration: none;}
.transition{-webkit-transition:all .5s; -moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.flex-v {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.flex-1 {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-warp{flex-flow: wrap}
.flex-column{flex-flow: column; margin-right: 35px;}
.w{
  width: 1000px;
  margin: 0px auto;
  background: #ffffff;
}
.header{
  display: flex;
  justify-content: space-between;
}
.logo{
  width: 400px;
  margin-top: 15px;
  margin-left: 15px;
}
.logo img{
  width: 100%;
  max-height: 100px;
}
.search{
  margin-top: 15px;
  margin-right: 15px;
}
.form{
  display: flex;
  margin-top: 15px;
}
.lang{

  text-align: right;
}
.lang a{
  font-size: 14px;
}
.nav{
  height: 41px;
  background: url(../images/nav-bg.gif);
  margin-top: 15px;
  line-height: 41px;
  display: flex;
  justify-content: space-around;
}
.nav a{
  font-size: 15px;
  color: #ffffff;
}

.banner{
  position: relative;
}
.banner .swiper {
  width: 100%;
  height: 100%;
  background: #000;
}

.banner .swiper-slide {
  font-size: 18px;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 
  position:relative
}

.banner .parallax-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 130%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}

.banner .swiper-slide .title {
  font-size: 41px;
  font-weight: 300;
}

.banner .swiper-slide .subtitle {
  font-size: 21px;
}

.banner .swiper-slide .text {
  font-size: 14px;
  max-width: 400px;
  line-height: 1.3;
}
.banner .swiper-slide img{
 width:100%
}
.banner2{
  width: 330px;
  height: 250px;
  position: relative;
  margin-top: 15px;
  margin-left: 15px;
}
.banner2 .swiper {
  width: 100%;
  height: 100%;
}
.banner2 .swiper-slide {
	position:relative
}
.banner2 .swiper-slide dl{
display:block;
position:absolute;
width:100%;
height:33px;
line-height:33px;
text-indent:15px;  color:#999999;
background:rgb(238,238,238,0.7);
bottom:0px;
left:0px;
z-index:10

}




.banner2 .swiper-slide img{
  width: 100%;
  height: 200px;
}


.banner2 .swiper-pagination{
  text-align: right;
}
.banner2 .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
}

.banner2 .swiper-pagination-bullet-active {
  color: #fff;
  background: #007aff;
}

.newslist{
  margin-top: 15px;
  width: 280px;
}



.banner3{
  width: 300px;
  height: 250px;
  position: relative;
  margin-top: 15px;
  margin-right: 15px;
}
.banner3 .swiper {
  width: 100%;
  height: 100%;
}
.banner3 .swiper-slide img{
  width: 100%;
  height: 100%;
}


.banner3 .swiper-pagination{
 
}
.banner3 .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  text-align: center;
  line-height: 5px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
}

.banner3 .swiper-pagination-bullet-active {
  color: #fff;
  background: #007aff;
}
.tit{
  background: url(../images/tab_on.gif) bottom no-repeat;
  height: 35px;
  line-height: 35px;
  width: 80px;
  text-align: center;
  font-size: 15px;
}
.mores {

  display: block;
  margin-top: 10px;

}
.mores a{
  color: #b6b2b2;
  font-size: 12px;
}

.newslist dl{
  margin-top: 10px;
}
.newslist dl a{
  display: block;
  line-height: 26px;
  position: relative;

}

.newslist dl a span{
  float: right;
  color: #b6b2b2;

}


.newslist dl a::before{
  content: '';
  width: 3px;
  height: 3px;
  background: dimgray;
  display: block;
  float: left;
  margin-top: 10px;
  margin-right: 10px;
}
.foot{
  text-align: center;
  margin-top: 25px;
  line-height: 1.8;
 
}
.ad img{
  width: 100%;
}
.leftm{
  width: 240px;

}
.rightm{
  width: 760px;
  border-left:1px solid #eeeeee ;
}

.list li{
 height: 30px;
 line-height: 30px;
 border-bottom: 1px dotted #eeeeee;
}
.list li span{
  float: right;
}
.location{
  margin: 15px 30px 15px 30px;
}
.list{
  margin: 15px 30px 15px 30px;
}
.list a{
  color: #8B8B8B;
}
.list  a::before{
  content: '';
  width: 3px;
  height: 3px;
  background: dimgray;
  display: block;
  float: left;
  margin-top: 13px;
  margin-right: 10px;
}
.list  span{
  float: right;
  color: #b6b2b2;

}
.leftm h1{
  font-size: 18px;
  text-align: center;
  margin: 10px;
}
.leftm ul{
  margin: 0 30px;
}
.leftm ul li{
  height: 35px;
 line-height: 35px;
 border-bottom: 1px dotted #eeeeee;
 text-align: center;
}
.leftm ul li a{
  font-size: 15px;
  color: #8B8B8B;
}
.title{
  text-align: center;
  font-size: 22px;
  line-height: 3;
  color: #15499a;
}
.content{
  font-size: 14px;
  line-height: 2;
  padding: 0 30px;
  color: #8B8B8B;
}
.copyright{
    height: 30px;
    line-height: 30px;
    text-indent: 15px;
    background: #9d9d9d;
    color: #ffffff;
       display: flex;
 
     align-items: center;
     margin-top: 15px;

}