.swiper-container {
    width: 100%;
    height: 700px;
}
.swiper-slide {
    text-align: center;
    background: #fff;
    background-position: center center;
    /* 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; */
    color: #fff;
    font-weight: normal;
}
.swiper-wrapper h1,.swiper-wrapper h2{ display:block; margin: 0px auto; padding-top: 13%; padding-bottom: 1.5em; font-size: 2.5em;}
.swiper-wrapper p{ width: 80%; margin: 0px auto; line-height: 2em;}
@media (min-width: 1200px){
.container.guanli,.container.area,.container.guanjia,.my-map-box .con-box{ width: 1350px;}
.container.title{ width: 1350px;}
.container-full.bg .guanli{ padding: 2em;}
.container-full.bg{ margin-bottom: 2em; padding-bottom: 4em;}
}
.container.guanli{ padding-top: 2em; padding-bottom: 2em;}
.container.guanjia{ padding-top: 2em; padding-bottom: 2em;}

.container.guanli img{ transition: 0.36s;}
.container.guanli img:hover{ transform: scale(1.02);}

.guanli .col-md-7 p{ font-size: 0.9em; line-height: 2em; color: #666;}
.guanli .col-md-7 h2{ margin-top: 0px;}


.container-full.bg{ background-color: #f5f5f5; margin-top: 2em; padding-top: 4em;}
.container-full.bg .guanli{ background-color: #fff;}
.btn-red{
    background-color: #e03b3b;
    border: 1px solid #e03b3b;
    color: #fff;
}


.inb1-line {
    width: 3em;
    height: 3px;
    background-color: #1d2088;
    margin: 1.8em 0em;
}

.inb1-btn {
    margin-top: 1em;
}
.inb1-btn .btn {
    width: 240px;
    padding: 1em 0em;
}
.inb1-btn .btn span {
    background: url("/images/1.0/icon/arrow-wite.png") no-repeat right center;
}
.btn-blue{
    background-color: #1d2088;
    border: 1px solid #1d2088;
    color: #fff;
}
.btn-blue span{
    display: inline-block;
    padding-right: 16px;
    background: url(/images/1.0/icon/arrow-white.png) no-repeat right center;
}
.btn-blue:hover{
    background-color: #3235A0;
    border-color: #3235A0;
    color: #fff;
}
.inb1-bot{ margin-top: 2em;}
.inb1-list {
    float: left;
    width: 32%;
    height: 225px;
    line-height: 225px;
    background-color: #f5f5f5;
    border-radius: 2px;
    margin-left: 2%;
    /*padding: 3em;*/
    text-align: center;
    transition: 0.36s;

}
.inb1-list:first-child {
    margin-left: 0;
}
.inb1-list:hover{
    background-color: #fff;
    box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);
}
.inb1-art {
    display: inline-block;
    vertical-align: middle;
}
.inb1-art-tit {
    font-size: 18px;
    line-height: 18px;
    padding-top: 80px;
    color: #080808;
    font-weight: bold;
}
.inb1-icon1 {
    background: url("/images/1.0/icon/kaiji.png") no-repeat top center;
}
.inb1-icon2 {
    background: url("/images/1.0/icon/zhuangtai.png") no-repeat top center;
}
.inb1-icon3 {
    background: url("/images/1.0/icon/baobiao.png") no-repeat top center;
}
.inb1-icon4 {
    background: url("/images/1.0/icon/wuren.png") no-repeat top center;
}
.inb1-icon5 {
    background: url("/images/1.0/icon/fangzuobi.png") no-repeat top center;
}
.inb1-icon6 {
    background: url("/images/1.0/icon/jiaojieban.png") no-repeat top center;
}
.inb1-art-btn {
    margin-top: 18px;
    color: #828282;
    font-size: 14px;
    line-height: 14px;
}
.inb1-art-btn span {
    padding-right: 12px;
    background: url("/images/1.0/icon/arrow-gray.png") no-repeat right center;
}
.inb1-art-btn:hover {
    color: #1d2088;
}
.inb1-art-btn:hover span {
    background: url("/images/1.0/icon/arrow-blue.png") no-repeat right center;
}


.inb2-left {
    float: left;
    /* width: 1040px; */
    width: 100%;
}
.inb2-left a{
    display: block;
}
.inb2-left-top {
    /* width: 1040px; */
    width: 100%;
    /*height: 360px;*/
    overflow: hidden;
    position: relative;
    transition: 0.36s;

}
.inb2-left-top img {
    width: 100%;
    transition: 0.36s;
}
.inb2-left-top:hover img{
    transform: scale(1.08);
}
.inb2-info {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 8em;
    background: linear-gradient(360deg,rgba(30,30,30,1) 0%,rgba(30,30,30,1) 9%,rgba(30,30,30,0.99) 10%,rgba(30,30,30,0) 100%);
    /* background: linear-gradient(360deg,rgba(29,32,136,1) 0%,rgba(29,32,136,1) 9%,rgba(29,32,136,0.99) 10%,rgba(29,32,136,0) 100%); */
    /*background: url("https://static.westarcloud.com/5dcced1c4db67f785903f484/images/inb2-bg.png") repeat-x bottom;*/
}
.inb2-art {
    /*padding: 125px 0 0 40px;*/
    position: absolute;
    bottom: 1em;
    left: 1em;
}
.inb2-tit {
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    font-weight: bold;
    transition: 0.36s;

}
.inb2-tit span {
    padding-right: 30px;
    background: url("/images/1.0/icon/arrow.png") no-repeat right center;
}
.inb2-left-top:hover .inb2-tit {
    padding-left: 10px;
}
.inb2-left-top:hover .inb2-tit span{
    padding-right: 40px;
}
.inb2-text {
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-top: 12px;
}
.inb2-left-bot {
    margin-top: 20px;
}
.inb2-left-list {
    float: left;
    /* width: 510px; */
    width: 48.5%;
    /*height: 360px;*/
    margin-left: 3%;
    overflow: hidden;
    position: relative;
    transition: 0.3s;
}
.inb2-left-list:hover .inb2-tit {
    padding-left: 10px;
}
.inb2-left-list:hover .inb2-tit span{
    padding-right: 40px;
}
.inb2-left-list:first-child {
    margin-left: 0;
}
.inb2-left-list img {
    width: 100%;
    transition: 0.36s;
}
.inb2-left-list:hover img {
    transform: scale(1.08);
}
.inb2-right {
    float: right;
    /* width: 540px; */
    width: 100%;
    /*height: 740px;*/
    overflow: hidden;
    position: relative;
    transition: 0.3s;

}
.inb2-right img {
    width: 100%;
    transition: 0.3s;
}
.inb2-right:hover img {
    transform: scale(1.08);
}
.inb2-right:hover .inb2-tit {
    padding-left: 10px;
}
.inb2-right:hover .inb2-tit span{
    padding-right: 40px;
}

.inb3-Head{padding-bottom: 3em;}

.inb3-Head-info {
    float: left;
}

.inb3-Head-btn {
    float: right;
    padding-top: 30px;
}
.inb3-Head-btn .btn {
    width: 220px;
    padding: 1em 0em;
}
.inb3-Head-btn a.btn{ color: #fff;}
.inb3-text {
    font-size: 1em;
    line-height: 2em;
    color: #828282;
    margin-top: 1em;

}

.inb1-tit {
    font-size: 2.3em;
    line-height: 1em;
    color: #080808;
    font-weight: bold;
}
.guanjia .box{ background-color: #f5f5f5; transition: 0.36s;}
.guanjia .box .txt{padding: 2em;}
.guanjia .box img{ transition: 0.36s;}
.guanjia .box img:hover{ transform: scale(1.01);}
.guanjia .box:hover{background-color: #fff;box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);}
.guanjia .box h2{ font-size: 1.2em;}

.news{ width: 100%; margin: 0px; padding: 3em 0em;}
.news .imgnew i{ font-style: normal; display: block;padding-bottom: 0.5em; color: #999;}
.news img{transition: 0.36s;}
.news img:hover{transform: scale(1.02);}
/* .news .left:hover{transition: 0.36s;box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2);} */
.news h3{ line-height: 1.5em;}
.news dl{ width: 100%; clear: both; overflow: hidden; box-sizing:border-box; padding: 1em; background-color: #f7f7f7;}
.news dl:hover{ background-color: #f5f5f5; transition: 0.36s;box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2);}
.news dl dt{ width: 17%; border-right: 1px solid #e7e7e7; text-align: center; padding-right: 1em; float: left;}
.news dl dd{ width: 83%; float: left; box-sizing: border-box; padding-left: 1.2em;}
.news dl dt span{ display: block; font-size: 1.8em; font-weight: normal; color: #3461C6;}
.news dl dt i{ display: block; font-weight: normal; font-size: 0.8em; font-style: normal; color: #999;}
.news dl a{ color: #555;}
.news .title{ text-align: center; text-align: center; display:flex; margin-bottom: 3em; font-size: 1.5em;}
.news .title ul{ display:flex; text-align: center; margin: 0px auto; overflow: hidden;}
.news .title ul li{ display: flex; text-align: center; border-bottom: 2px solid #ddd; padding: 1.2em 1em; cursor: pointer;}
.news .title ul li a{ color: #555; text-decoration: none;}
.news .title ul li.cur{ border-bottom: 2px solid #2B8CF4;}
.news .title ul li.cur a{ color: #2B8CF4;}
.news #hangye{ display: none;}

.aboutus{ background-image: url(/images/1.0/index/changqu.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; width: 100%; margin: 0px auto; color: #fff; text-align: center; padding: 5em 0em; overflow: hidden;}

@supports (-webkit-overflow-scrolling: touch) {
  .aboutus {
	  background-attachment: scroll;
  }
}
.aboutus h2{ font-size: 3em; display: block; padding: 0em 0em 1em 0em;}
.aboutus ul li{ width: 25%; float: left; box-sizing: border-box; border-right: 1px solid #666; margin: 2em 0em 0em 0em;}
.aboutus ul li:nth-last-child(1){ border-right: none;}
.aboutus ul li span{ font-size: 3em; display: block; padding-bottom: 0.2em;}
.aboutus .more {
    padding: 0.5em 2em;
    height: 2.8em;
    line-height: 1.8em;
    background-color: #2B8CF4;
    opacity: 1;
    border-radius: 5px;
    text-align: center;
    color: #1677ff;
    color: #fff;
    text-decoration: none;
    display: block;
    margin-top: 1em;
    float: left;
  }

.aboutus .more {margin: 3em auto; float: none; width: 9em;border-radius: 3em;}
.aboutus .more:hover{ background-color: #fff; color: #2B8CF4;}

.my-map-box {
    margin-top: 2em;
    background-color: #09132d;
    padding: 40px 0;
  }
  .my-map-box .con-box {
    margin: 0 auto;
    overflow: hidden;
  }
  .my-map-box .right,
  .my-map-box #china-map {
    float: left;
  }
  .my-map-box #china-map{ width: 65%;}
  .my-map-box .right{ width: 35%;}
  .my-map-box .right {
    color: #fff;
    padding-left: 20px;
    box-sizing: border-box;
  }
  .my-map-box .right h5 {
    font-size: 20px;
    margin: 10px 0;
  }
  .my-map-box .right .total-num {
    margin-bottom: 40px;
  }
  .my-map-box .right .num-list {
    display: inline-block;
    vertical-align: middle;
  }
  .my-map-box .right .num-list li {
    display: inline-block;
    font-size: 1.2em;
    background-color: #0a54eb;
    border-radius: 4px;
    padding: 0 6px;
  }
  .my-map-box .right .num-list li.sign {
    background-color: transparent;
    padding: 0;
  }
  .my-map-box .right .com-box li {
    font-size: 0.8em;
    margin: 10px 0;
  }
  .my-map-box .right .com-box .progress {
    margin: 0 10px;
    width: 220px;
    height: 10px;
    background-color: #0b2e75;
    display: inline-block;
    border-radius: 6px;
    position: relative;
  }
  .my-map-box .right .com-box .progress:after {
    display: inline-block;
    background: linear-gradient(to right, #07fcfd, #0c62ff);
    border-radius: 6px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 150px;
  }
  .my-map-box .right .com-box li:nth-child(1) .progress:after {
    width: 200px;
  }
  .my-map-box .right .com-box li:nth-child(2) .progress:after {
    width: 192px;
  }
  .my-map-box .right .com-box li:nth-child(3) .progress:after {
    width: 164px;
  }
  .my-map-box .right .com-box li:nth-child(4) .progress:after {
    width: 156px;
  }
  .my-map-box .right .com-box li:nth-child(5) .progress:after {
    width: 64px;
  }

  .my-map-box #china-map {
    height: 320px;
  }

@media (max-width: 720px){
    .aboutus h2{ font-size: 2em;}
    .aboutus ul li span{ font-size: 1.5em;}
    .swiper-wrapper h1,.swiper-wrapper h2{ font-size: 1.8em; margin-top: 25%;}
    .guanli .col-md-7 h2{ margin-top: 1em;}
    .guanli .col-md-7 { text-align: center;}
    .inb1-line{ margin: 1.8em auto;}
    .inb2-left{ margin-bottom: 1em;}
    .inb1-art-tit{ font-size: 0.8em;}
    .inb1-list{ height: 120px; line-height: 120px;}
    .inb1-art-btn{ display: none;}
    .inb2-tit{ font-size: 1em; line-height: 1.5em;}
    .inb2-text{ display: none;}
    .inb2-left-top{ height: 200px;}
    .inb2-left-top img{ height: 200px; width: auto; max-width: none;}
    .inb1-bot{ margin-bottom: 1em;}
    .inb1-tit{ font-size: 1.5em;}
    .inb3-Head-btn{float: none;}
    .inb3-text{ padding-bottom: 1em;}
    .inb3-Head{ text-align: center;}
    .guanjia .box{ text-align: center; margin-bottom: 1em;}
    .my-map-box .right,.my-map-box #china-map { width: 100%; float: left;}
    }