*{padding: 0;margin: 0;}
html,
body{min-width: 1200px;}
.clear::after,
.clearfix:after,
.clear::before,
.clearfix:before {
    content: ".";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}

.clear,
.clearfix {
    *zoom: 1;
}

.fl {
    float: left;
}

.fr {
    float: right;
}
header,
footer{padding: 3% 3% 0;box-sizing: border-box;min-width: 1200px;}

header{position:fixed;top: 0;left: 0;right: 0;margin: 0 auto;z-index: 1;}
header h1{max-width: 300px;}
header .ewm{width: 100px;}
header .ewm span{display: block;width: 100px;height: 100px;overflow: hidden;}
header .ewm p{font-size: 14px;line-height: 24px;color:#fff;text-align: center;padding-top: 15px;}

.banner{height: 940px;position: relative;border-bottom: 6px solid #0d337b;min-width: 1200px;}
.banner .more{position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 35px;width: 60px;height: 60px;}

.about{height: auto;position: relative;z-index: 3;min-width: 1200px;}
.about_con{padding: 3%;box-sizing: border-box;}
.about_top .pic{max-width: 600px;width: 33.55%;height: 294px;}
.about_top .txt{max-width: 990px;width: 55.35%;padding: 0 3.5%;text-align: justify;height: 294px;overflow-y: scroll;}
.about_top .txt::-webkit-scrollbar{width: 3px;height: 10px;}
.about_top .txt::-webkit-scrollbar-button {width: 3px;height: 10px;}
.about_top .txt::-webkit-scrollbar-track{background: #afbad0;}
.about_top .txt::-webkit-scrollbar-track-piece{position: fixed;right: 0;}
.about_top .txt::-webkit-scrollbar-thumb{background: #0d337b;}
.about_top .txt h3{font-size: 30px;color:#333;line-height: 2;margin-bottom: 15px;}
.about_top .txt p{font-size: 16px;color:#333;line-height: 2;}
.about_btm{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;padding-top: 3%;}
.about_btm .item{text-align: center;box-sizing: border-box;}
.about_btm .item p{font-size: 18px;line-height: 2;color:#333;}
.about_btm .item p b{font-weight: bold;font-size: 50px;color:#0d337b;line-height: 2;}

.list{position: relative;z-index: 3;padding-right: 3%;height: 890px;min-width: 1200px;box-sizing: border-box;}
.list .view{max-width: 1560px;width: 85.58%;border:1px solid var(--mainColor);box-sizing: border-box;overflow: hidden;height:890px;line-height: 60px;text-align: center;}
.list .view .swiper-container{position: relative;height: 890px;}
.list .view .swiper-container .swiper-slide {position: relative;}
.list .view .swiper-container .swiper-slide .tct{background: url(../images/list_item_bg.png) no-repeat top center;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;height: 890px;padding: 2.4%;box-sizing: border-box;text-align: left;}
.list .view .swiper-container .swiper-slide .tct h3{font-size: 40px;color:#fff;line-height: 2;}
.list .view .swiper-container .swiper-slide .tct p{font-size: 16px;line-height: 2;color:#fff;width: 50%;}
.view .arrow-right,
.view .arrow-left{position: absolute;width: 60px;height: 60px;background: rgba(255, 255, 255, 0.3);text-align: center;line-height: 60px;z-index: 10;font-family: sans-serif;font-size: 20px;font-weight: bold;text-decoration: none;border:1px solid rgba(255, 255, 255, 0.5);color:#fff;top: auto;bottom: 60px;}
.view .arrow-left {left: auto;right: 150px;}
.view .arrow-right {right: 60px;}
.view .arrow-right:hover,
.view .arrow-left:hover{background: #0d337b;opacity: 1; border:1px solid #0d337b;}
.view .swiper-pagination{position: absolute;bottom: 2.4%;left: 3%;width: auto;color:#dee2ec;}
.view .swiper-pagination .swiper-pagination-total{font-size: 24px;line-height: 50px;color:#dee2ec;}
.view .swiper-pagination .swiper-pagination-current{font-size: 50px;line-height: 50px;color:#fff;}

.preview{max-width: 235px;width: 12.899%;overflow: hidden;margin-top: 50px;height:800px;}
.preview .swiper-container{height: 800px;}
.preview .swiper-container .swiper-slide{width: 100% !important;height: 160px !important;padding-left: 15px;cursor: pointer;box-sizing: border-box;}
.preview .swiper-container .swiper-slide span{display: block;width: 100% !important;height: 100px;position: relative;}
.preview .swiper-container .swiper-slide span::before{content: "";display: block;border: 10px solid;border-right-color: transparent;border-left-color: transparent;border-top-color:transparent;border-bottom-color: transparent;position: absolute;left: -20px;top: 50%;margin-top: -10px;}
.preview .swiper-container .swiper-slide span img{width: 100%;height: 100%;object-fit: cover;}
.preview .swiper-container .swiper-slide p{line-height: 20px;padding: 15px 0;text-align: center;}
.preview .swiper-container .swiper-slide.active-nav span{border:2px solid #0d337b;box-sizing: border-box;}
.preview .swiper-container .swiper-slide.active-nav span::before{border-right-color: #0d337b;}

footer{position: relative;z-index: 3;}
.foot_logo{max-width: 250px;}
.foot_item{display: flex;padding-top: 60px;}
.foot_item dl{display: flex;margin-right: 2.2%;}
.foot_item dl dt{width: 60px;height:60px;overflow: hidden;}
.foot_item dl dd{padding-left: 20px;}
.foot_item dl dd span{display: block;font-size: 16px;line-height: 2;color:#666;}
.foot_item dl dd p{font-size: 20px;line-height: 2;color:#333;}
.foot_item dl dd p b{font-size: 36px;color:#0d337b;line-height: 1;}
.foot_btm{border-top: 1px solid #dee2ec;margin-top: 50px;}
.foot_btm p{font-size: 14px;line-height: 2;color:#999;padding: 20px 0;}
.foot_btm p a{color:#999; text-decoration: none;}

@media screen and (max-width:1200px){
    .banner{background-attachment:initial !important;}
}
.lg_fddh {
    -webkit-animation: dong 1s infinite linear;
}

@-webkit-keyframes dong {
    0% {
        transform: translateY(3px);
    }

    25% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-3px);
    }

    75% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(3px);
    }
}