.swiper-container.swiper-container1 {
    width: 100%;
    height: 330px;
    z-index: 17;
}

.swiper-slide1 {
    z-index: 2;
    text-align: center;
    font-size: 18px;
    /* background: #000; */
}
#pagination1{
    bottom: 15px;
    display: none;
}
#pagination2{
    bottom: 0px;
}
#pagination2 span{
    margin:0 5px;
}
.swiper-slide1 img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    min-height: 250px;
}
.bg-box {
    width: 100%;
    background: #dfe2d7 url(../img/bg-big.jpg) no-repeat;
    z-index: 15;
    background-size: 100%;
}
.shanzi{
   width: 100%;
   height: 500px;
   background: url(../img/m_ts.png) no-repeat center center;
   z-index: 20;
   position: absolute;
   top: 0px;
   background-size: 100%;
}
.yun div{z-index: 20;}
.yun .yd_yun_01{width: 80px;height: 25px;position: absolute;background: url(../img/m_cloud2.png) no-repeat right top;left: 0px;top: 250px;background-size: 100% 100%;}
.yun .yd_yun_02{width: 100px;height: 25px;position: absolute;background: url(../img/m_cloud1.png) no-repeat right top;right: 0px;top: 300px;background-size: 100% 100%;}
.yun .loop{
	-webkit-animation: Uptoleft 15s linear infinite;
    -moz-animation: Uptoleft 15s linear infinite;
    -ms-animation: Uptoleft 15s linear infinite;
    animation: Uptoleft 15s linear infinite;
}
@-webkit-keyframes Uptoleft{
	0%{-webkit-transform:translateX(-20px)}
	50%{-webkit-transform:translateX(0)}
	100%{-webkit-transform:translateX(-20px)}
}
@-moz-keyframes Uptoleft{
	0%{-moz-transform:translateX(-20px)}
	50%{-moz-transform:translateX(0)}
	100%{-moz-transform:translateX(-20px)}
}
@-ms-keyframes Uptoleft{
	0%{-ms-transform:translateX(-20px)}
	50%{-ms-transform:translateX(0)}
	100%{-ms-transform:translateX(-20px)}
}
@keyframes Uptoleft{
	0%{transform:translateX(-20px)}
	50%{transform:translateX(0)}
	100%{transform:translateX(-20px)}
}

.index-main {
    position: relative;
    top: 0px;
    z-index: 99;
}

.main-topheader {
    height: 15px;
    width: 100%;
    display: block;
    overflow: hidden;
}

.main-top {
    padding: 5px 10px 0px 10px;
    /* background-color: #EDF8FD; */
}

.main-top .top-item {
    width: 25%;
    height: 95px;
    display: inline-block;
    color: #000000;
    clear: both;
    overflow: hidden;
    position: relative;
}

.top-item img {
    width: 60px;
    height: 60px;
    margin: 5px 20px 15px 20px;
}

/* .top-item .top_zx {
    background: linear-gradient(135deg, #12A039, #73E437);   
}

.top-item .top_ts {
    background: linear-gradient(135deg, #2099EB, #09D6FE);
}

.top-item .top_gp {
    background: linear-gradient(135deg, #FF2F80, #FF724A);
}

.top-item .top_gw {
    background: linear-gradient(135deg, #F96400, #F99300);
}

.top-item:hover .top_zx {
    background: #12A039;
}

.top-item:hover .top_ts {
    background: #2099EB;
}

.top-item:hover .top_gp {
    background: #FF2F80;
}

.top-item:hover .top_gw {
    background: #F96400;
}
 */
/* .main-top .top-item img{
   background: url(../img/icon_yuan.png) no-repeat center center;
    background-size: 100%;
} */
.top-item p {
    width: 100%;
    position: absolute;
    bottom: 5px;
    left: 0;
    color: #4B4B4B;
    text-align: center;
    line-height: 25px;
    font-size: 15px;
    margin: 0;
}

.main-mid {
    white-space: nowrap;
    overflow: hidden;
    /* padding: 0 10px; */
}
.main-mid .sw-mid .swiper-container{ padding:0 10px;}
.swiper-container2 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide2 {
    float: left;
}

.mid-item {
    width: 100%;
    height: 110px;
    display: block;
    color: #000000;
    clear: both;
    overflow: hidden;
    position: relative;
    /* border-bottom: 1px solid #EFF7FD; */
    /* border-right: 1px solid #EFF7FD; */
}

.mid-item-hover {
    background: #63b3ac;
}

.mid-item img {
    width: 50px;
    height: 44px;
    position: relative;
    margin: 10px auto;
    display: block;
    clear: both;
    overflow: hidden;
}

.mid-item .txt-en {
    width: 100%;
    line-height: 15px;
    font-size: 12px;
    position: absolute;
    bottom: 10px;
    text-align: center;
    color: #346966;
}

.mid-item .txt {
    width: 100%;
    line-height: 15px;
    font-size: 15px;
    position: absolute;
    bottom: 30px;
    text-align: center;
    color: #4B4B4B;
}


.main-btm {
    padding: 5px 10px 15px;
    display: flex;
}

.btm-btn {
    width: 90px;
    padding: 0 10px;
    margin: 5px 0;
    display: inline-block;
    border-radius: 50px;
    background: #4e6474;
    height: 40px;
}
.btm-btn a{
    display:inline-block;
    width:100%;
    height:100%;
}
.btm-btn-hover {
    background: #63b3ac;
}

.btm-btn img {
    width: 20px;
    height: 20px;
    margin: 10px 5px;
    display: inline-block;
    float: left;
}

.btm-btn p {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #FFFFFF;
    display: inline-block;
    overflow: hidden;
    margin: 0 auto;
    float: left;
}

.btm-right {
    position: absolute;
    right: 15px; 
}
.swiper-pagination-bullet {background: #fff!important; opacity: 1!important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {background: #055e49!important;}
.headecont_top {
    background: url(../img/headecont_top.jpg) no-repeat;
    background-size: 100% 100%;
}
.headecont_center {
    background: url(../img/headecont_center.jpg) repeat;
    background-size: 100% 100%;
    padding: 15px 0px 0px 0px;
}
.headecont_bottom {
    /* background: url(../img/headecont_bottom.jpg) no-repeat; */
    /* background-size: 100% 100%; */
    /* height: 50px; */
}
.headecont_bottom img {
    width: 100%;
}