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: 75%; margin: 0 auto; min-width: 1200px;}

/*弹性盒子*/
.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;}
.ellipsis-4{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:4; 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: #444; line-height: 30px; padding: 80px 0;}
.article img{max-width: 100%;}
.article .m-tit{font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 20px;}
.article a{color: #444;}

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

.header .logo{display: block; float: left;}
.header .logo img{display: block;}
.header .right{float: right; margin-top: 30px;}
.header .right li{display: block; float: left; margin-left: 25px; position: relative;}
.header .right li div{position: absolute; top: 40px; left: 50%; z-index: 99; display: none;}
.header .right li .ewm{width: 100px; height: 100px; margin-left: -50px; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.header .right li .dh{width: 185px; height: 78px; background: url(../images/dhbj.png); background-size: 100%; text-align: center; color: #fff; font-size: 26px; margin-left: -92.5px; line-height: 85px;}
.header .right li:hover div{display: block;}
.header ul{float: left; margin-left: 10vw;}
.header ul a{display: block; font-size: 18px; color: #171717; line-height: 89px; float: left; padding: 0 1.4vw;}
.header ul a:hover{color: #B21E23;}
.header ul a.on{color: #B21E23;}

.gsjj{background: url(../images/bj_01.jpg) top center no-repeat; height: 625px; padding-top: 128px; box-sizing: border-box;}
.gsjj .jj{width: 57%; background: #fff; float: right; box-sizing: border-box; padding: 60px 7%; position: relative;}
.gsjj .jj em{width: 165px; height: 1px; background: #C5C5C5; display: block; margin-bottom: 30px;}
.gsjj .jj .m-js{font-size: 16px; line-height: 30px; color: #212121;}
.gsjj .jj a{width: 162px; height: 45px; border: 1px solid #C5C5C5; display: block; text-align: center; line-height: 45px; margin-top: 30px;}
.gsjj .jj a:hover{background: #B21E23; border-color: #B21E23; color: #F8F8F8;}
.gsjj .jj img{position: absolute; right: 20px; bottom: 25px;}

@media screen and (max-width: 1440px) {
    .gsjj{background: url(../images/bj_01.jpg) top left -210px no-repeat;}
    .gsjj .jj{width: 53%; padding: 60px 5%;}
    .gsjj .jj img{width: 350px;}
}

@media screen and (max-width: 1280px) {
    .gsjj{background: url(../images/bj_01.jpg) top left -220px no-repeat;}
    .gsjj .jj{width: 50%; padding: 60px 3%;}
    .gsjj .jj img{width: 300px;}
}

.yy{background: #102365; padding: 100px 0}
.yy h6{font-size: 40px; color: #F8F8F8; text-align: center; margin-bottom: 50px;}
.yy .item{width: 50%; float: left; text-align: center; border: 1px solid #fff; box-sizing: border-box; overflow: hidden; height: 250px;}
.yy .item:nth-child(1){border-right: none;border-bottom: none;}
.yy .item:nth-child(2){border-bottom: none;}
.yy .item:nth-child(3){border-right: none;}
.yy .item .pic{margin: 40px auto 20px;}
.yy .item p{font-size: 30px; color: #F8F8F8;}
.yy .item .tb{margin-top: -30px;}
.yy .item:hover{background: rgba(255,255,255,.05);}

.wmys{background: #F1F1F1; padding: 80px 0 103px 0;}
.wmys{display: flex; width: 100%;}
.wmys .item{flex: 2; position: relative;}
.wmys .item img{min-height: 100%;}
.wmys .item div{width: 100%; height: 100%; background: rgba(0,0,0,.5); align-items:center; justify-content:center; display: -webkit-flex; position: absolute; top: 0; left: 0; color: #F8F8F8}
.wmys .item div h6{font-size: 40px;}
.wmys .item div p{font-size: 20px; text-transform: uppercase;}
.wmys .item div a{display: block; width: 160px; height: 48px; text-align: center; line-height: 48px; background: #B21E23; color: #F8F8F8; font-size: 16px; margin: 20px auto 0;}
.wmys .box{flex: 1; position: relative;}
.wmys .box .pic{position: relative; height: 50%; overflow: hidden;}
.wmys .box .pic img{min-height: 100%;}
.wmys .box .pic span{position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; border: 1px solid #C5C5C5; background: rgba(255,255,255,.2); font-size: 50px; align-items:center; justify-content:center; display: -webkit-flex; color: #F8F8F8; opacity: 0; transition: 0.5s ease;}
.wmys .box .txt{height: 50%; background: #fff; align-items:center; justify-content:center; display: -webkit-flex; padding: 0 10%; color: #212121; box-sizing: border-box; cursor: default; position: relative;}
.wmys .box .txt p{font-size: 20px;}
.wmys .box .txt span{font-size: 38px; color: #B21E23;}
.wmys .box .txt:after{content: ''; width: 0; height: 0; display: block; position: absolute; left: 50%; margin-left: -15px; border: 15px solid transparent;}
.wmys .box:nth-child(3) .pic{position: absolute; bottom: 0; left: 0;}
.wmys .box:nth-child(5) .pic{position: absolute; bottom: 0; left: 0;}
.wmys .box:nth-child(2) .txt:after{border-bottom-color: #fff; top: -30px;}
.wmys .box:nth-child(4) .txt:after{border-bottom-color: #fff; top: -30px;}
.wmys .box:nth-child(3) .txt:after{border-top-color: #fff; bottom: -30px;}
.wmys .box:nth-child(5) .txt:after{border-top-color: #fff; bottom: -30px;}
.wmys .box .pic:hover span{opacity: 1;}
.wmys .box .pic: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);}

.alzs{background: rgba(0,0,0,.7); padding: 100px 0; background-size: cover; margin-top: -23px;}
.alzs .left{width: 38%; float: left; position: relative;}
.alzs .left .pics{position: relative; width: 65.195%; margin: 7.5% auto 0;}
.alzs .left .pics .img{position: absolute; top: 0; left: 0; display: none;}
.alzs .left .pics .img:first-child{display: block;}
.alzs .left .pic{display: block; position: absolute; top: 0; left: 0; width: 100%;}

.alzs .right{width: 60%; float: right;}
.alzs .right .tit{font-size: 40px; color: #F8F8F8; margin-bottom: 50px;}
.alzs .right .tit span{font-size: 20px; margin-left: 10px;}
.alzs .right .box{width: 32.5%; float: left; margin: 0 1.25% 10px 0; overflow: hidden;}
.alzs .right .box:nth-child(3n){margin-right: 0;}
.alzs .right .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);}

.footer{position: relative; border-top: 23px solid #D22026; padding: 80px 0; background: #F7F7F7;}
.footer .pic{position: absolute; right: 0; top: 0; width: 50%; overflow: hidden; height: 100%;}
.footer .pic .img{height: 100%;width: 100%;object-fit: cover;}
.footer .left{width: 45%; float: left;}
.footer .left h6{font-size: 40px; color: #666; margin-bottom: 50px;}
.footer .left h6 span{display: block; font-size: 24px;}
.footer .left .ewm{width: 125px; float: left; margin-right: 10px;}
.footer .left .add{float: left; color: #666; font-size: 16px;}
.footer .left .add span{font-size: 30px; margin: 5px 0 10px 0; display: block;}

.footer form{width: 40%; float: left; margin-bottom: 40px;}
.footer form .item{border-bottom: 1px solid #A9A9A9; width: 49%; float: left; display: flex; padding-bottom: 20px;}
.footer form .item:nth-child(2){float: right;}
.footer form .item p{font-size: 16px; color: #A9A9A9; line-height: 30px; width: 35px; white-space: nowrap;}
.footer form .item input{border: none; outline: none; background: none; padding: 0 15px; line-height: 30px; flex: 1; font-size: 16px;}
.footer form textarea{border:none; border-bottom: 1px solid #A9A9A9; margin-top: 30px; outline: none; resize: none; height: 90px; width: 100%; font-size: 16px; color: #A9A9A9; background: none;}
.footer form button{width: 160px; height: 50px; background: #D22026; color: #fff; font-size: 20px; display: block; border: none; margin-top: 22px; outline: none;}
.bq{clear: both; font-size: 14px; color: #666; line-height: 30px;}
.bq a{color: #666;}
.bq a:hover{color: #000;}

.crumb{line-height: 58px; border-bottom: 1px solid #E5E6E6;}
.crumb h6{font-size: 20px; color: #212121; float: left;}
.crumb h6:before{content: ''; width: 3px; height: 28px; background: #102365; display: block; float: left; margin: 15px 10px 0 0;}
.crumb .m-crumb{float: right; font-size: 14px; color: #8B8B8B;}
.crumb .m-crumb a{color: #8B8B8B;}
.crumb .m-crumb span{color: #102365;}
.crumb .m-crumb img{margin-right: 5px;}

.title{font-size: 40px; color: #212121; margin: 80px auto 40px; text-align: center;}
.title span{font-size: 30px; text-transform: uppercase; margin-left: 10px;}

.m-gsjj{background: url(../images/jjbj.jpg) bottom center no-repeat; padding-bottom: 55px;}
.m-gsjj .left{width: 48%; float: left; font-size: 16px; line-height: 40px; color: #212121; padding-top: 40px;}
.m-gsjj .left p:last-child{color: #fff;}
.m-gsjj .right{width: 50%; float: right;}

@media screen and (max-width: 1680px) {
    .m-gsjj .left{padding-top: 10px;}
    .m-gsjj .right{padding-top: 30px;}
}

.m-tdfc .swiper-container{overflow: hidden;position: relative; margin-bottom: 80px;}
.m-tdfc .swiper-container .swiper-slide{width: 42.1875vw;min-width: 600px; position: relative}
.m-tdfc .swiper-container .swiper-slide img{display: block;width: 100%;height: 100%;}
.m-tdfc .swiper-container .swiper-slide label{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.4);}
.m-tdfc .swiper-container .swiper-slide-active label{display: none;}
.m-tdfc .swiper-button-next:after, .m-tdfc .swiper-button-prev:after{display: none;}

.m-tdfc .swiper-button-next, .m-tdfc .swiper-container-rtl .swiper-button-prev{right: 100px;}
.m-tdfc .swiper-button-prev, .m-tdfc .swiper-container-rtl .swiper-button-next{left: 100px;}

.fwbz{background: url(../images/fwbj.jpg) top center no-repeat; background-size: cover; overflow: hidden; padding-bottom: 50px;}
.fwbz .title{color: #fff;}
.fwbz .left{width: 60%; float: left;}
.fwbz .left li{font-size: 30px; color: #fff; border-left: 1px solid #fff; padding: 40px 0;}
.fwbz .left li span{width: 11px; height: 16px; display: inline-block; background: #fff; margin: 0 3vw 0 -6px;}

.fwbz .right{width: 40%; float: right; padding-top: 40px;}
.fwbz .right .tp{height: 335px;}
.fwbz .right .line{width: 100%; height: 1px; background: #828282; display: block; margin: 28px 0;}
.fwbz .right .line:last-child{display: none;}
.fwbz .right .tp:hover{opacity: .8;}

.lxwm{padding-bottom: 80px;}
.map{width: 50%; height: 364px; float: left;}
.lxwm .ly{width: 50%; float: right; padding-left: 20px; box-sizing: border-box;}
.lxwm .box{width: 100%; height: 50px; border: 1px solid #D3D3D3; margin-bottom: 20px; display: flex; font-size: 16px; color: #A9A9A9; line-height: 50px;}
.lxwm .box p{margin: 0 10px 0 30px;}
.lxwm .box input{flex: 1; outline: none; background: none; border: none; font-size: 16px; color: #A9A9A9; height: 100%; padding: 0 15px;}
.lxwm textarea{width: 100%; padding: 10px 30px; box-sizing: border-box; border: 1px solid #D3D3D3; outline: none; resize: none; height: 150px; display: block; margin-bottom: 20px;}
.lxwm button{width: 130px; height: 50px; border: 1px solid #D3D3D3; font-size: 16px; outline: none; background: none; color: #A9A9A9; display: block;}

.lxwm ::-webkit-input-placeholder { /* WebKit browsers */
color:#A9A9A9;font-size:16px;
}
.lxwm :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#A9A9A9;font-size:16px;
}
.lxwm ::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#A9A9A9;font-size:16px;
}
.lxwm :-ms-input-placeholder { /* Internet Explorer 10+ */
color:#A9A9A9;font-size:16px;
}

.lxwm .way{border: 1px solid #D3D3D3; padding: 70px 40px; clear: both;}
.lxwm .way .item{width: 33.33%; float: left; text-align: center;}
.lxwm .way .item p{width: 70%; margin: 0 auto; font-size: 20px; color: #666; line-height: 30px;}
.lxwm .way .item span{height: 150px;align-items:center; justify-content:center; display: -webkit-flex;}
.lxwm .way .item .ewm{width: 110px; height: 110px;}


@media screen and (max-width: 1680px) {
    .lxwm .way .item p{width: 82%;}
}

.xwzx .title span{display: block;}
.xwzx{padding-bottom: 60px;}
.xwzx .xw-box{width: 48%; float: left; border-top: 1px solid #D1D1D1; padding: 20px 0 50px 0; position: relative; margin-bottom: 0!important;}
.xwzx .xw-box:nth-child(2n){float: right;}
.xwzx .xw-box .tp{width: 180px; height: 170px; float: left; margin-right: 20px;}
.xwzx .xw-box time{font-size: 24px; color: #102365; font-weight: bold;}
.xwzx .xw-box h6{font-size: 20px; color: #102365; font-weight: bold; margin: 40px 0 15px 0;}
.xwzx .xw-box p{font-size: 18px; color: #666; line-height: 30px;}
.xwzx .xw-box a{width: 160px; height: 45px; border: 1px solid #C5C5C5; display: block; text-align: center; line-height: 45px; font-size: 16px; color: #6B6B6B; position: absolute; top: 20px; right: 0;}
.xwzx .xw-box a:hover{background: #102365; color: #fff; border-color: #102365;}

.xw-box{display: block; margin-bottom: 30px;}
.xw-box .tp{width: 250px; height: 200px; float: left;}
.xw-box .txt{width: calc(100% - 300px); float: right;}
.xw-box .txt h6{font-size: 22px; font-weight: bold; margin-top: 20px;}
.xw-box .txt p{font-size: 18px; color: #444; line-height: 30px; margin: 20px 0 25px 0;}
.xw-box .txt em{display: block; width: 160px; height: 1px; background: #999; transition: 0.5s ease;}
.xw-box .txt label{font-size: 16px; margin-top: 15px; display: block; color: #999;}
.xw-box:hover .txt h6{color: #102365;}
.xw-box:hover .txt p{color: #102365;}
.xw-box:hover .txt em{background: #102365; width: 100%;}
.xw-box:hover .txt label{color: #102365;}