body{min-width: 1260px; text-align:justify; text-justify:distribute-all-lines;}
.clearfix:after{ content: ""; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.wrapper{ width: 1200px; margin: 0 auto;}

/*弹性盒子*/
.flex{display: -ms-flexbox !important;display: -webkit-flex !important;display: flex !important;}
.flex-column {-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.justify-start {-webkit-justify-content: flex-start; justify-content: flex-start;}
.justify-end {-webkit-justify-content: flex-end;justify-content: flex-end;}
.justify-center {-webkit-justify-content: center;justify-content: center;}
.justify-between {-webkit-justify-content: space-between;justify-content: space-between;}
.justify-around {-webkit-justify-content: space-around;justify-content: space-around;}
.flex-wrap {-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap; flex-wrap: wrap;}
.align-start {-webkit-align-items: flex-start; align-items: flex-start;}
.align-end {-webkit-align-items: flex-end;align-items: flex-end;}
.align-center {-webkit-align-items: center;align-items: center;}
.flex-shrink{flex-shrink: 0;-webkit-flex-shrink: 0;}

.ellipsis{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ellipsis-2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.ellipsis-3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; text-align: justify;}

.fl{float: left;}
.fr{float: right;}
.img{display: block; transition: 0.5s ease; width: 100%;}
.tp{display: block; position: relative; overflow: hidden;}
.tp img{display: block; transition: 0.5s ease; width: 100%; height: auto; min-height: 100%; position: absolute; top: 50%; left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.banner{ width: 100%; position: relative; overflow: hidden;}
.banner img{ width: 100%; display: block;}

.article{font-size: 16px; color: #6B6B6B; line-height: 30px;}
.article img{max-width: 100%;}
.article .m-tit{font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 20px;}
.article a{color: #6B6B6B;}

.m-clips{margin-top: 40px; padding-top: 20px; border-top: 1px dashed #6B6B6B;}

.header{/*padding: 0 15%;*/}
.header .h-wrapper{width: 70%;min-width: 1200px;margin: 0 auto;}
.header .logo{display: block; float: left;}
.header .logo img{display: block;}
.header ul{float: right;}
.header ul a{display: block; font-size: 16px; float: left; margin-left: 3vw; line-height: 90px;}
.header ul a.on{color: #333671;}
.header ul a:hover{color: #333671;}

.banner .wrapper{position: relative; height: 84px; margin-top: -84px; z-index: 9;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}
.swiper-button-next, .swiper-button-prev{width: 91px; height: 84px; position: initial; float: left; margin: 0;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{position: initial; color: #999; font-size: 24px;}
.swiper-pagination{text-align: left; background: #fff; width: 150px; height: 100%; float: left; line-height: 84px; text-align: center;}
.swiper-pagination-current{color: #333671;}

.title{font-size: 38px; color: #141414;}
.title span{font-size: 28px; text-transform: uppercase;}

.more{width: 162px; height: 45px; border: 1px solid #C5C5C5; text-align: center; line-height: 45px; font-size: 16px; color: #6B6B6B; display: block; text-transform: uppercase;}
.more:hover{background: #333671; border-color: #333671; color: #fff;}

.gsjj{background: url(../images/bj_01.jpg) top center no-repeat; height: 820px;}
.gsjj .wrapper{padding: 180px 120px 190px  60px; box-sizing: border-box;}
.gsjj .left{width: 620px; float: left;}
.gsjj .left .title{margin: 40px 0 60px 0;}
.gsjj .left .jj{font-size: 16px; color: #6B6B6B;  line-height: 30px;}
.gsjj .left .more{margin-top: 60px;}
.gsjj .right{width: 355px; float: right; overflow: hidden;}
.gsjj .right:hover img{-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);}

.app{background: url(../images/bj_02.jpg) top center no-repeat; height: 746px;}
.app .wrapper{padding: 390px 0 0 65px; box-sizing: border-box;}
.app a{display: block; margin-bottom: 28px;}

.yyzx{padding: 90px 0;}
.yyzx .title{text-align: center; margin-bottom: 60px;}
.yyzx .left{width: 500px; float: left;}
.yyzx .left a{display: block; overflow: hidden;}
.yyzx .left a .txt{background: #333671; display: block; position: relative; padding: 20px; position: relative;}
.yyzx .left a .txt h6{font-size: 20px; color: #FFF; width: 80%;}
.yyzx .left a .txt p{font-size: 16px; line-height: 26px; color: #E3E3E3; margin: 10px 0;}
.yyzx .left a .txt time{font-size: 16px; position: absolute; top: 20px; right: 20px; color: #E3E3E3;}
.yyzx .left a:hover img{-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);}
.yyzx .right{width: 600px; float: right; margin-top: -30px;}
.yyzx .right .xw{display: block;}
.yyzx .right .xw time{width: 80px; float: left; padding-top: 30px; color: #5A5A5A; font-size: 26px;}
.yyzx .right .xw time p{font-size: 16px;}
.yyzx .right .xw .txt{width: calc(100% - 111px); float: right; border-left: 1px solid #E8E8E8; padding: 30px 0 30px 30px;}
.yyzx .right .xw .txt h6{font-size: 20px;}
.yyzx .right .xw .txt p{font-size: 16px; color: #777; line-height: 26px; margin-top: 20px;}
.yyzx .right .xw:hover time{color: #333671;}
.yyzx .right .xw:hover .txt{color: #333671;}
.yyzx .right .xw:hover .txt p{color: #333671;}
.yyzx .more{margin: 50px auto 0;}

.ypxx{background: url(../images/bj_03.jpg) top center no-repeat; height: 850px;}
.ypxx .title{color: #333671; text-align: center; padding: 90px 0 60px 0;}

.ypxx .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.ypxx .picScroll-left .bd ul li{width: 25%; float:left; _display:inline; overflow:hidden;}
.ypxx .picScroll-left .bd ul li a{display: block; font-size: 22px; color: #FFF; text-align: center; position: relative; height: 445px;}
.ypxx .picScroll-left .bd ul li span{display: block;}
.ypxx .picScroll-left .bd ul li .txt{background: #333671; line-height: 90px; padding: 0 15px; width: 100%; box-sizing: border-box;}
.ypxx .picScroll-left .bd ul li .pic{overflow: hidden;}
.ypxx .picScroll-left .bd ul li:nth-child(2n+1) .pic{position: absolute; bottom: 0; left: 0;}
.ypxx .picScroll-left .bd ul li:hover img{-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);}
.ypxx .more{margin: 60px auto 0; border-color: #333671; color: #333671;}
.ypxx .more:hover{color: #fff;}


.hzjg{background: #F5F5F5; padding: 90px 0 100px 0;}
.hzjg .title{text-align: center; margin-bottom: 60px;}
.hzjg .picScroll-left{position: relative;}
.hzjg .picScroll-left .hd a{width: 40px; height: 70px; display: block; position: absolute; top: 50%; margin-top: -35px;}
.hzjg .picScroll-left .hd a img{display: block;}
.hzjg .picScroll-left .hd .next{left: 0;}
.hzjg .picScroll-left .hd .prev{right: 0;}
.hzjg .picScroll-left .bd{width: 1000px; margin: 0 auto; overflow: hidden;}
.hzjg .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.hzjg .picScroll-left .bd ul li{width: 225px; float:left; _display:inline; margin-right: 30px; border: 1px solid #E8E8E8;}
.hzjg .more{margin: 50px auto 0;}

.footer{background: url(../images/bj_04.jpg) top center no-repeat; height: 559px; padding-top: 35px; box-sizing: border-box;}
.footer .wrapper{background: #fff; padding: 40px 200px; box-sizing: border-box;}
.footer .wrapper .left{width: 460px; float: left;}
.footer .wrapper .left img{margin-bottom: 20px;}
.footer .wrapper .left p{font-size: 16px; line-height: 28px; color: #666;}
.footer .wrapper .right{width: 340px; float: right; border-left: 1px solid #D1D1D1; box-sizing: border-box; text-align: right; color: #333671;}
.footer .wrapper .right img{width: 100px; height: 100px;}
.footer .wrapper .right h6{font-size: 16px; margin-top: 10px;}
.footer .wrapper .right p{font-size: 30px; font-weight: bold;}

.bq{line-height: 54px; background: #141414; color: #494949; font-size: 14px; text-align: center;}
.bq a{color: #494949;}
.bq a:hover{color: #fff;}

.crumb{border-bottom: 1px solid #D6D6D6; line-height: 80px;}
.crumb h6{font-size: 20px; color: #333671; float: left;}
.crumb .nav{float: right; font-size: 16px; color: #A9A9A9;}
.crumb .nav a{color: #A9A9A9;}
.crumb .nav span{color: #333671;}
.crumb .nav img{float: left; margin: 30px 10px 0 0;}

.cont{padding: 90px 0;}
.cont .title{text-align: center; margin-bottom: 60px;}
.zz-box{width: 32%; float: left; margin: 0 2% 40px 0; overflow: hidden;}
.zz-box:nth-child(3n){margin-right: 0;}
.zz-box:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);}

.xw-box{background: #fff; padding: 20px; margin-bottom: 30px;}
.xw-box .tp{width: 360px; height: 230px; float: left;}
.xw-box .txt{width: 760px; float: right; position: relative; padding: 20px 0; box-sizing: border-box;}
.xw-box .txt h6{font-size: 20px; color: #1D1D1D; width: 80%;}
.xw-box .txt p{font-size: 16px; color: #6B6B6B; line-height: 30px; margin: 20px 0 25px 0;}
.xw-box .txt a{width: 162px; height: 45px; border: 1px solid #C5C5C5; text-align: center; line-height: 45px; font-size: 16px; color: #6B6B6B; display: block;}
.xw-box .txt time{font-size: 16px; color: #6B6B6B; position: absolute; top: 20px; right: 0;}
.xw-box:hover{background: #333671; color: #fff;}
.xw-box:hover h6{color: #fff;}
.xw-box:hover p{color: #fff;}
.xw-box:hover a{color: #fff; border-color: #fff;}
.xw-box:hover time{color: #fff;}
.xw-box a:hover{background: #fff; color: #333671;}

.yp-box{width: 32%; float: left; margin: 0 2% 25px 0; border-radius: 10px; background: #fff; transition: 0.5s ease;}
.yp-box:nth-child(3n){margin-right: 0;}
.yp-box span{display: block;}
.yp-box .pic{padding: 25px 50px; box-sizing: border-box;}
.yp-box .txt{border-top: 1px solid #333671; padding: 20px 25px; font-size: 18px; line-height: 30px; color: #141414;}
.yp-box:hover{box-shadow: 0 0 20px rgba(0,0,0,.2); -webkit-transform: translateY(-10px);
   -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
     -o-transform: translateY(-10px);
        transform: translateY(-10px);}

.cont .app{background: url(../images/gz_06.jpg) top center no-repeat; height: 739px;}
.cont .lx-box{width: 33.33%; float: left; position: relative; overflow: hidden;}
.cont .lx-box label{width: 100%; height: 100%; color: #fff; position: absolute; top: 0; left: 0; font-size: 30px; line-height: 40px; align-items:center;justify-content:center;  display: -webkit-flex; text-align: center;}
.cont .lx-box:hover img{-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);}

@media screen and (max-width: 1460px) {
    .cont .lx-box label{font-size: 24px; line-height: 34px;}
}

.hz-box{width: 23.5%; margin: 0 2% 30px 0; border: 1px solid #E8E8E8; box-sizing: border-box; float: left;}
.hz-box:nth-child(4n){margin-right: 0;}
.hz-box:hover img{-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);}

.num{background: #F8F8F8; padding: 60px 0; margin-top: 30px;}
.num .item{text-align: left; position: relative; color: #333671; width: 25%; text-align: center; float: left; border-right: 1px solid #333671; box-sizing: border-box;}
.num .item:last-child{border: none;}
.num .item span{font-size: 50px;}
.num .item sup{font-size: 18px; position: absolute; top: -20px; white-space: nowrap;}
.num .item p{font-size: 18px; text-align: center;}