.page{padding: 2% 0 5%;position: relative;width: 100%;}
.page2{background:  url(../img/bg.jpg) no-repeat center;padding: 0;}
.swiper2 .swiper-container {
  width: 100%;
  height: 100%;
}
.swiper2 .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;
  transition: 300ms;
  transform: scale(0.8);
}
.swiper2 .swiper-slide-active,.swiper-slide-duplicate-active{
  transform: scale(1);
}
.swiper .swiper-container img{width: 100%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23666666'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23666666'%2F%3E%3C%2Fsvg%3E");
}

.swiper2 .img2,.swiper2 .img2 img{width: 100%;}
.swiper2 h4{text-align: center;color: #666;font-size: 16px;display: block;width: 100%;}
.swiper .img2{width: 100%;margin: 0 auto;}
.swiper h4{font-size: 16px;text-align: center;font-weight: normal;line-height: 30px;color: #fff;}
.index-about{background: url(../img/aboutbg.jpg) no-repeat center/100% 101%;padding: 5% 0 20%;margin: 0}
.index-about .l{width: 50%;float: left}
.index-about .content{width: 48%;float: right;margin-top:0;font-size: 14px;line-height: 20px;color: #fff;}
.index-about .bt{text-align: left;padding-left: 0}
.index-about .bt h3{padding: 0;margin: 0;font-size: 16px;line-height: 40px;text-shadow: 0 0 5px #666;text-align: left}
.index-about .bt img{width: 50px;vertical-align: top;margin: 0;padding: 0}
.index-about  .l img{width: 100%;}
.index-about .content p{font-size: 14px;text-indent: 0;text-shadow: 0 0 5px #666}
.index-about .content p.m{font-size: 12px;margin-top: 3%;}
div.more{border: 1px solid #fff;color: #fff;padding: 5px 10px;margin-top: 5%;width: 80px;text-align: center}
div.more a{color: #fff;}

.cpqq{text-align: center;clear: both;position: relative;padding: 4% 0 0;}
.cpqq .list li{width: 33.33%;float: left;border-right:1px solid #fff;text-align: left;background: #000;color: #fff;padding:3% 1.5% 8%;margin: 0;}
.cpqq .list li:hover{background: #02143f;}
.cpqq .list li .boximg{border: 1px solid #000;border-radius:50px;margin: 10% auto;width: 80px;height:80px;line-height: 70px;background: #04287e;overflow: hidden;text-align: center}
.cpqq .list li .boximg img{vertical-align: middle;width: 60%;height: auto;}
.cpqq .list li:hover .boximg{background:#02143f;}
.cpqq .list li:hover .boximg{border: 1px solid #fff;background:#02143f }
.cpqq img{width: 100%;max-width: 100%;}
.bt{padding: 0 2% 2%;text-align: center}
.bt h4{color: #04287e;font-size: 16px;padding-bottom: 15px;}
.cpqq p{line-height: 22px;font-size: 12px;margin: 0;text-indent: 0;}
.index-youshi{padding: 4% 0}
.index-youshi .list{padding: 2% 0}
.index-youshi .list li{width: 21%;margin: 2% 2% ;float: left;}
.index-youshi .list li img{width: 100%;vertical-align: top}
.bg{background: rgba(0,0,0, 0.8);position: absolute;left: 0;top:0;width: 100%;height:100%;}
.dplm{background:url(../img/lianmeng.jpg) no-repeat center/100% 100% ;color: #fff;padding: 4% 0;position: relative}
.dplm .bt h4{color: #fff;}
.dplm .list{margin-top: 2%;}
.dplm .list li{width: 31.33%;float: left;margin: 1%;font-size: 12px;line-height: 25px;text-align: center}
.dplm .list li p{line-height: 25px;}
.dplm .list li .boximg{padding: 2% 0;text-align: center;background: #fff;border-radius:8px;}
.dplm .list li img{height: 70px;width: auto;vertical-align: top;}
.index-news .more{text-align: center;width: 100%;margin: 0 0 3%}
.news_list{padding-bottom: 1%;}
.index-news .more a{color: #333;font-weight: bold;color: #04287e;text-align: center }
.index-news .more img{display: block;margin: 0 auto;width: 22px;}
@media screen and (max-width:768px){
    .page{padding-left:2%;padding-right:2%;}
    .page2{padding:0;}
    .index-about{background: url(../img/aboutbg.jpg) no-repeat top center/auto 150%;padding: 5% 0 5%}
    .index-about .content{padding:0 2%;float:none;width:96%;margin:0 auto;margin-top:0%;line-height: 25px;}
    .index-about .content p{font-size:12px;line-height:18px;}
    .index-about .l{width:90%;text-align:center;float:none;margin:0 auto}
    .cpqq,.index-youshi{padding: 5% 0}
    .cpqq .list li{width: 33.33%;border-top:1px solid #fff;}
    .index-youshi .list li{width: 46%;}
    .dplm .list li{width: 48%;}
    .dplm .list li img{height: 25px;}
    .news_list ul li a .tit h4{font-size:12px;}
    
}