#about{overflow: hidden;width: 100%}
.container{width: 1200px!important;margin:0 auto;padding: 0 }
#about-1 .container{padding: 100px 8%;text-align: center}
#about-1 .container .t1{font-size: 28px;font-weight:normal;line-height: 1;color: #0e6eb8;}
#about-1 .container .t2{font-size: 26px;line-height: 1;font-weight:bold;margin: 20px auto 60px;color: #333;text-transform: uppercase}
#about-1 .container .about-content p{font-size: 14px;text-align: left;text-align: center}

#about - 2 {
    text - align: center
}

#about-2 .container {padding-top: 6%}
#about-2 .container .t1{font-size: 32px;line-height: 1;color: #fff;font-weight:normal;margin-bottom: 40px;text-align: left}
#about-2 .container .t2{font-size: 28px;line-height: 1;color: #fff;margin-bottom: 20px;text-align: left}
#about-3{text-align: center}
#about-4{text-align: center}



@media screen and (min-width: 1025px){
    #about-1{padding: 3% 0;overflow: hidden}
    #about-2 {height: 780px;padding: 5% 0;}
    #about-3 .t1{font-size: 32px;line-height: 1;font-weight:normal;color: #0e6eb8;margin: 20px auto}
    #about-3 li .button{cursor: pointer}
    #about-3 li.on .button{background: #0e6eb8;color: #fff}
    #about-3 li img{padding: 0 10px}
    #about .tab-hd{padding: 20px 0 0}
    #about-1 {background: url("../images/1.svg") repeat}
    #about-3{margin-top: 50px}
    #about-4{margin-top: 50px}
    #about-4 .t1{font-size: 32px;line-height: 1;font-weight:normal;color: #0e6eb8;margin: 20px auto}
    #about-4 li .button{cursor: pointer}
    #about-4 li.on .button{background: #0e6eb8;color: #fff}
    #about-4 li img{padding: 0 10px}
    #about .banner{padding: 80px 0 40px}
    #about .banner .pager-prev,#about .banner .pager-next{margin: 0;top:0;display: block;color: #ccc;border-color:#ccc;transition: all 0.5s }
    #about .banner .pager-prev:hover,#about .banner .pager-next:hover{background: #fff;color: #0e6eb8;border-color:#0e6eb8}
    #about .banner .pager-prev{left: 90%}
    #about .banner .pager-next{right:10px}
    #about .banner .pointer li{background: #ccc;width: 10px;height:10px;}
    #about .banner .pointer .active{background: #0e6eb8}
    #about .class-banner  p{line-height: normal;text-align: left;display: block}
    #about .class-title{display: block;height: auto;}
}
@media screen and (max-width: 1024px) {
    #about-1{padding: 13% 0;overflow: hidden}
    #about-1 .container-m{padding: 0 3%}
    #about-1  .t1{font-size: 24px;font-weight: bold;color: #0e6eb8;margin: 10px 0 20px;text-align: center}
    #about-1  .t2{font-size: 20px;line-height: normal;text-align: center}
    #about-1  .about-content{font-size: 16px;line-height: normal;text-align: justify;padding: 0 10px;text-indent: 2em}
    #about-2{height: 300px;padding-top:23%}
    #about-2 .t1{font-size: 24px;margin: 10px 0 20px}
    #about-2 .t2{font-size: 20px;line-height: normal;text-align: center;margin-bottom: 0}
    #about-3{padding: 40px 0 0;}
    #about-3 .t1{font-size: 24px;line-height: 1;color: #0e6eb8;text-transform: uppercase}
    #about-3 .banner{padding-bottom: 40px}
    #about-4{padding: 40px 0;}
    #about-4 .t1{font-size: 24px;line-height: 1;color: #0e6eb8;text-transform: uppercase}
    #about-4 .banner{padding-bottom: 40px}
    #about  .tab-bd{margin-top: 20px}
    #about-4 li .button{cursor: pointer}
    #about-3 li.on .button{background: #0e6eb8;color: #fff}
    #about-4 li.on .button{background: #0e6eb8;color: #fff}
    #about-4 li img{padding: 0 10px}
    .pager-prev,.pager-next{display: none}
}
.multipleColumn{ overflow:hidden; position:relative; width: 100% }
.multipleColumn .hd{ overflow:hidden;  height:30px; padding:0 10px;  }
.multipleColumn .hd .prev,.multipleColumn .hd .next{ display:block;  width:39px; height:39px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; position: absolute;top: -10px}
.multipleColumn .hd .next{ background:url("../images/next.png") no-repeat; right:0 }
.multipleColumn .hd .prev{ background:url("../images/prev.png") no-repeat; right:50px }
.multipleColumn .hd ul{ text-align: center; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.multipleColumn .hd ul li{display:inline-block;width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; border-radius: 50%;background: #999 }
.multipleColumn .hd ul li.on{ background:#3150a2; }

.multipleColumn .bd{  overflow:hidden;position: relative;padding-top: 80px  }
.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:1200px;  float:left; _display:inline;  }
.multipleColumn .bd ul li{ margin:0 1%;width: 31.3333%;float:left; _display:inline; overflow:hidden; text-align:center;  }
.multipleColumn .bd ul li .pic{ text-align:center; }
.multipleColumn .bd ul li .pic img{ width:100%;  display:block;}
.multipleColumn .bd ul li .title{ line-height:24px;   }