@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 14px/200% "宋体"; color:#666;text-align:center; background:url(images/bg.png) no-repeat top center;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 14px/200% "宋体";}
li,p{text-align:left;font:normal 14px/200% "宋体";}
a:link,a:visited{color:#666; text-decoration:none;}
a:hover{color:#666; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.clear{ clear:both;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% "\5FAE\8F6F\96C5\9ED1";}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w1000{ width:1000px; overflow:hidden;}
.w990{ width:990px; }
.w980{ width:980px; }
.list_14 li{ background:url(images/dot.png) no-repeat 0 12px; padding-left:12px;font-size:14px;line-height: 28px;}
.list_12 li{ background:url(images/dot.png) no-repeat 0 8px; padding-left:12px;}
.fl{ float:left;}
.fr{ float:right;}
.withe,.withe a:link,.withe a:visited,.withe a:hover{ color:#fff;}


.top{background: #fff;line-height: 40px;height:40px;}
.banner{height:503px;}

.p1_content{position: relative;top:-52px;height:230px;background: #00bfe1;}
.p1_left{line-height: 36px;font-size: 16px;color: #fff;padding:0px 25px 0 40px;width:635px;border-right:1px dashed #fff;margin:40px 0;}
.p1_right{margin-top: 105px;width:250px;color:#fff;}
.swiper{position: relative;overflow: hidden;height:600px;margin-top: 50px;}
.swiper-container {
  width: 1248px;
  height:440px;
  color: #fff;

  text-align: center;
}
.swiper-slide .btn{width:239px;height:40px;font-size: 24px;color: #fff;background: #ccc;text-align: center;line-height: 40px;margin-bottom: 16px;}
.swiper-slide h2{font-size: 26px;text-align: center;padding:0px 0;color: #000}
.swiper-slide span{display: block;text-align: center;color: #999;font-size: 14px;padding:20px 0;}
.swiper-slide-active .btn{background: #e60012;}
.swiper-slide-active div.sa{border:10px solid #00d8ff;overflow: hidden;}
.swiper-slide {
  
  opacity: 0.4;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  background: #fff;

}
.swiper-slide-visible {
  opacity: 0.5;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  
}
.swiper-slide-active {
 width:416px;height:420px;
  top: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  

}

.swiper-slide .title {
  font-style: italic;
  font-size: 42px;
  margin-top: 80px;
  margin-bottom: 0;
  line-height: 45px;
}
.pagination {
  position: absolute;
  z-index: 20;
  left: 0px;
  width: 100%;
  text-align: center;
  bottom: 5px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 8px;
  background: #aaa;
  margin-right: 8px;
  cursor: pointer;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  opacity: 0;
  position: relative;
  top: -50px;
}
.swiper-visible-switch {
  opacity: 1;
  top: 0;
  background: #aaa;
}
.swiper-active-switch {
  background: #fff;
}

.page_c{position: relative;clear:both; overflow: hidden;width:1000px;margin-top: 35px;}
.page{color: #000;width:100%;text-align: center;font-size: 18px;font-family: arial;}
.page i{font-size: 30px;color: #e60012;}
.page img{vertical-align:middle;margin:0 20px 10px 20px;cursor: pointer;}

.p2_img{width:987px;}
.p2_img li{float: left;background: #fff;height:260px;width:320px;margin:0px 9px 9px 0;}
.p2_img li img{float: left;}
.p2_img li p{display: block;float: left;padding:20px;width:150px;overflow: hidden;}
.p2_img li .btn{width:100px;line-height: 36px;height: 36px;text-align: center;background: #e60012;font-size: 18px;color: #fff;float: right;margin:23px 20px 0 0;}

.p2_img li h2{font-size: 18px;margin:18px 0 0 15px;line-height: 18px;}
.p2_img li span{display: block;margin-left:15px;color: #999;}

.copyright{clear:both;padding: 30px 0;text-align: center;font-size: 12px;}

.logo_c{text-align: center;padding:50px 0;overflow: hidden;}
.copyright{border-top: 1px solid #626262}
.copy_l{width:300px;text-align: center;padding:20px 0;}
.copy_r{width:678px;float: left;}
.copy_r span{font-size: 14px;color: #fff;display: block;}
.copy_r p{display: block;color: #999;font-size: 14px;border-top: 1px solid #626262;margin-top: 10px;padding-top: 10px;line-height: 18px;}

/*20160902*/
.video{position:relative;}
.video i{display: block;position: absolute;width:60px;height: 60px;background: url(images/video.png);left:50%;top:50%;margin:-30px 0 0 -30px;z-index: 2}
.copy_r a{color:#fff;}
.btn{cursor:pointer;}