*{padding: 0;margin: 0;box-sizing: border-box;list-style: none;text-decoration: none;font-family: 'Noto Sans SC';color:#333;transition: all .5s;}
body{padding-top: 120px;background: #f6f6f6;opacity: 0;}
.img{display: flex;align-items: center;justify-content: center;font-size: 0;}
.img img{max-width: 100%;max-height: 100%;}
.container{width: 1440px;height: 100%;margin: 0 auto;}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none !important; }
/* chrome */
input[type="number"]{-moz-appearance:textfield;/* firefox */}

.pc{display: block;}
.mb{display: none;}
.more1024{display: block;}
.less1024{display: none;}
.more960{display: block;}
.less960{display: none;}
.more800{display: block;}
.less800{display: none;}
.more750{display: block;}
.less750{display: none;}
.more600{display: block;}
.less600{display: none;}

.header{height: 90px;background: #fff;position: fixed;top: 0;left:0;right:0;z-index: 1999;}
.header .container{display: flex;align-items: center;justify-content: space-between;}
.header .logo{font-size: 0;}
/* .header .logo img{height: 60px;} */
.header .nav{display: flex;align-items: center;height: 100%;margin-left: 10%;}
.header .nav .one{margin-right: 45px;font-size: 16px;border-bottom: 4px solid transparent;height: 100%;display: flex;align-items: center;}
.header .nav .one span{/*border-bottom:4px solid transparent;*/padding: 10px 0;transition: all .5s;position: relative;}
.pc.header .nav .one:hover span{/*border-bottom:4px solid #124671;*/font-size: 19px;color: #124671;}
.header .nav>.one>a span:after {content: "";display: block;width: 0;position: absolute;left: 50%;bottom: 0;height: 2px;background-color: #124671;-webkit-transition: all .5s ease-out 0s;transition: all .5s ease-out 0s;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.pc.header .nav>.one:hover>a span:after {width: 100%;}
.pc.header.big{height: 120px;}
.pc.header.big .nav .one span{font-size: 18px;} 
.pc.header.big .nav .one:hover span{font-size: 20px;}
.pc.header.big .logo{height: auto;}
.pc.header .logo{height: 60px;}
.pc.header .logo img{max-height: 100%;}

@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
    .pc.header.big .nav .one span{overflow: hidden;}
}


.header .nav .one a{color:#333;}
.header .nav .one:last-child{margin-right: 0px;}
.header .nav .one .second{display: none;position: absolute;top: 90px;left:0;right:0;z-index: 2999;}
.header.big .nav .one .second{top:120px;}
.pc.header .nav .one:hover .second{display: block;}
.header .nav .one .second .top{height:70px;width: 100%;background: #F6F6F6;display: flex;align-items: center;justify-content: center;}
.header .nav .one.text .second .top{justify-content: flex-start;}
.header .nav .one.text .top a{font-size: 14px;}
.pc.header .nav .one.text .top a:hover{color: #124671;font-size: 15px;}
.header .nav .one .second .top .one{height:100%;display: flex;align-items: center;justify-content: center;margin-right: 80px;}
.header .nav .one .second .top .one:last-child{margin: 0;}
.header .nav .one.product .second .top .one{padding: 0 10px;width: 170px;}
.header .nav .one.product .second .top .one img{transform: scale(0.9);}
.pc.header .nav .one.product .second .top .one:hover{background: #fff;}
.pc.header .nav .one.product .second .top .one:hover img{transform: scale(1);}
.header .nav .one.product .second .top .one.active{background: #fff;}
.header .nav .one.product .second .top .one.active img{transform: scale(1);}
.header .nav>.one .second .top .one>a{position: relative;}
.header .nav>.one .second .top .one>a:after {content: "";display: block;width: 0;position: absolute;left: 50%;bottom: -5px;height: 1px;background-color: #124671;-webkit-transition: all .5s ease-out 0s;transition: all .5s ease-out 0s;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.pc.header .nav>.one .second .top .one:hover>a:after {width: 100%;}
.header .nav .one .second .top .one img{max-width: 100%;max-height: 100%;}
.header .nav .one .second .bot{height:380px;width: 100%;background: #FFFFFF;padding: 40px 0;}
.header .nav .one .second .bot .bot_container .block{display: none;justify-content: center;}
.header .nav .one .second .bot .bot_container .block:nth-child(1){display: flex;}
.header .nav .one .second .bot .left{margin-right: 100px;width: 500px;height: 300px;display: flex;align-items: center;justify-content: center;}
.header .nav .one .second .bot .left .img{width: 100%;height: 100%;}
.header .nav .one .second .bot .left .img img{width: 100%;height: 100%;}
.header .nav .one .second .bot .right{width: 500px;height: 300px;display: flex;flex-direction: column;margin-top: 10px;}
.header .nav .one .second .bot .right .text{flex:1;font-size: 14px;line-height: 2;text-indent: 2em;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;}

.header .nav .one .second .bot .right .btn{margin-top: 30px;width: 144px;height: 54px;display: flex;align-items: center;justify-content: center;font-size: 14px;border-radius: 54px;border: 1px solid #124671;transition: all .5s;background-image:url(/img/nav_hover.png);background-size: 200%;}
/* .header .nav .one .second .bot .right .btn:hover{background-image: linear-gradient(to right,#518aff, #27c9ff);color: #fff;border: 0;} */
.pc.header .nav .one .second .bot .right .btn:hover{background-position: 100% 0;border: 0;color: #fff;}
.header .shadow{background: rgba(0, 0, 0, 0.5);position: fixed;top: 90px;bottom: 0;left: 0;right: 0;z-index: 111;display: none;height: 1500px;}
.header.big .shadow{top:120px}

/* .header .nav .one.product:hover .shadow{display: block;}
.header .nav .one.text:hover .shadow{display: block;} */
.header .language{background:#C7C7C7;color:#FFF;font-size: 14px;font-family: Arial;width:45px;height:45px;border-radius: 45px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.pc.header .language:hover{background:#124671;color:#FFF;}
.header .menu{display: none;}

.footer{margin-top: 90px; background:#f3f3f3;}
.footer .container{height: 468px;padding-top: 72px;display: flex;justify-content: space-between;align-items: flex-start;}
.footer .container .block .title{font-size: 18px;margin-bottom: 20px;font-weight: bold;}
.footer .container .block.nav .one{margin-bottom: 20px;font-size: 14px;display: block;}
.footer .container .block.brand .one{margin-bottom: 10px;width: 144px;height: 54px;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.footer .container .block.brand .one:last-child{border: 0;}
.footer .container .block.brand .one .img{width: 100%;height: 100%;justify-content: flex-start;}
.footer .container .block.contact .one{display: flex;align-items: center;margin-bottom: 20px;font-size:14px;position: relative;}
.footer .container .block.contact .one .img{margin-right: 10px;flex-shrink: 0;}
.footer .container .block.contact .one .code {width: 150px;height: 150px;position: absolute;bottom: 70px;opacity: 0;left: -10px;}
.footer .container .block.contact .one .code img{max-height: 100%;max-width: 100%;}
.footer .container .block.contact .one:last-child .img{margin-right: 30px;}
.footer .container .block.contact .one:last-child .img:last-child{margin-right: 0;}
.footer .container .block.mb_logo{width: 100%;display: flex;align-items: center;justify-content: space-between;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #ddd;}
.footer .container .block.mb_logo .logo{flex-shrink: 1;font-size: 0;width: 50%;}
.footer .container .block.mb_logo .logo img{max-width: 100%;}
.footer .container .block.mb_logo .one{display: flex;align-items: center;font-size:14px;position: relative;flex-shrink: 0;}
.footer .container .block.mb_logo .one .img{margin-right: 10px;}
.footer .container .block.mb_logo .one .code {width: 150px;height: 150px;position: absolute;bottom: 70px;opacity: 0;z-index: -1;right: 0;}
.footer .container .block.mb_logo .one .code img{max-height: 100%;max-width: 100%;}
.footer .container .block.mb_logo .one:last-child .img{margin-right: 30px;}
.footer .container .block.mb_logo .one:last-child .img:last-child{margin-right: 0;}
.footer .container .block.form .one{margin-bottom: 10px;}
.footer .container .block.form .one input{border: 1px solid #00468c;width: 540px;height: 40px;padding-left: 30px;background: url(/img/member.png) no-repeat 10px center;}
.footer .container .block.form .one.phone input{background: url(/img/phone.png) no-repeat 10px center;}
.footer .container .block.form .one textarea{border: 1px solid #00468c;width: 540px;height: 120px;padding-left: 30px;padding-top:7px;background: url(/img/message.png) no-repeat 10px 10px;}
.footer .container .block.form .btn{width: 160px;height: 40px;display: flex;align-items: center;justify-content: center;font-size: 14px;background: #00468C;color: #fff;cursor: pointer;border: 0;}
.footer.mb .container .block.form .btn{width: 100%;}
.footer .icp{font-size: 14px;color:#666;/*background:#E8E8E8;*/text-align: center;min-height: 45px;display: flex;align-items: center;justify-content: center;}
.footer .icp div{margin-right: 20px;}
.footer .icp div:last-child{margin-right: 0;}
.footer .container.brand{height: auto;padding: 10px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;align-items: center;}


.toTop{position: fixed;bottom:25%;right: 20px;z-index: 9998;cursor: pointer;display: none;}
.toTop .img{width: 63px;height: 63px;}

.swiper-button-prev:focus,.swiper-button-next:focus{outline: none;}
.index_banner .swiper-button-prev{background-image: url(/img/left.png);background-repeat: no-repeat;width:28px;height:45px;background-size: 100% 100%;}
.index_banner .swiper-button-next{background-image: url(/img/right.png);background-repeat: no-repeat;width:28px;height:45px;background-size: 100% 100%;}
.index_banner .swiper-pagination-bullet{background:#ccc;opacity: 1;width:45px;height:5px;border:none;border-radius: 0;border-radius: 5px;}
.index_banner .swiper-pagination-bullet-active .little{background:#00468c;height: 100%;width:100%;animation:move 5s;border-radius: 5px;}
.index_banner .img{overflow: hidden;}
.index_banner .img:hover img{transform: scale(1.1);}
.index_banner .img img{width: 100%;object-fit: cover;}

@keyframes move{
    from {width:0px;}
    to {width:100%;}
}
.index_banner .swiper-pagination{bottom:0;background: #F6F6F6;display: flex;align-items: center;justify-content: center;height: 50px;}

.index_product{margin-top: 45px;animation-duration:1.5s;opacity:0;}
.index_product .container{/*height: 630px;*/display: flex;/*align-items: center;*//*justify-content: space-between;*/}
.index_product .container .gallery-top{/*width: 100%;*//*height: 100%;*/flex: 1;overflow: hidden;}

.index_product .container .gallery-top .swiper-slide{position: relative;overflow: hidden;}
/* .index_product .container .gallery-top .swiper-slide .img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;} */
/* .index_product .container .gallery-top .swiper-slide .img img{width: 100%;height: 100%;} */
.index_product .container .gallery-top .swiper-slide:hover .img img{transform: scale(1.1);}
.index_product .container .gallery-top .swiper-slide .contentBox{position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 40px 60px;display: flex;flex-direction: column;justify-content: space-between;}
.index_product .container .gallery-top .swiper-slide .title{font-size: 33px;color: #fff;}
.index_product .container .gallery-top .swiper-slide .text{font-size: 33px;margin-bottom: 10px;color:#fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: none;}
.index_product .container .gallery-top .swiper-slide .content{font-size: 14px;line-height: 2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#fff;}
.index_product .container .gallery-top .swiper-slide .btn{font-size: 14px;color: #fff;margin-top: 10px;}
.index_product .container .gallery-thumbs{width: 25%;/*height: 100%;*/}
.index_product .container .gallery-thumbs .swiper-wrapper .swiper-slide{background-image: url(/img/index_brand_nor.png);border-bottom: 1px solid #ddd;cursor: pointer;transition-property:all;height: 20% !important;}
.index_product .container .gallery-thumbs .swiper-wrapper .swiper-slide:hover{background-image: url(/img/index_brand_hov.png);border-bottom: 1px solid #ddd;}
.index_product .container .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active{background-image: url(/img/index_brand_hov.png)}
.index_product .container .gallery-thumbs .swiper-wrapper .swiper-slide a{width: 100%;height: 100%;}

/* @media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
    .index_product .container .gallery-top .swiper-wrapper{overflow: hidden;}
} */


.index_news{margin-top: 63px;animation-duration:1.5s;opacity:0;}
.index_news .titleBox{display: flex;justify-content: space-between;}
.index_news .titleBox .left{font-size: 36px;}
.index_news .titleBox .right{display: flex;align-items: center;justify-content: space-between;width: 1160px;border-bottom: 1px solid #ddd;}
.index_news .titleBox .right .nav{display: flex;align-items: center;height: 100%;}
.index_news .titleBox .right .nav .one{margin: 0 45px;height: 100%;display: flex;align-items: center;border-bottom: 2px solid transparent;cursor: pointer;font-size: 16px;}
.index_news .titleBox .right .nav .one:hover{border-bottom: 2px solid #124671;color: #124671;}
.index_news .titleBox .right .nav .one.active{border-bottom: 2px solid #124671;color: #124671;}
.index_news .titleBox .right a{margin-right: 10px;}
.index_news .titleBox .right a:hover{color:#124671;}
.index_news .titleBox .right .href{/*margin-right: 10px;*/cursor: pointer;}
.index_news .titleBox .right .href:hover{color:#124671;}
.index_news .contentBox{margin-top: 45px;}
.index_news .contentBox .block .news{display: flex;justify-content: space-between;}
.index_news .contentBox .block .news .one{width: 31.625%;background: #fff;transition: all .5s;position: relative;}
.index_news .contentBox .block .news .one .share{bottom: 40px;right: 10px;position: absolute;z-index: -1;opacity: 0;display: flex;}
.index_news .contentBox .block .news .one .share .icon{width: 20px;height: 20px;margin-left: 10px;}
.index_news .contentBox .block .news .one .share .icon .weixin{position: relative;}
.index_news .contentBox .block .news .one .share .icon .code{position: absolute;bottom:70px;right: 0;opacity: 0;width: 145px;height: 145px;max-width: none;display: none;}
/* .index_news .contentBox .block .news .one .share .icon .weixin:hover .code{opacity: 1;bottom:30px;} */
.index_news .contentBox .block .news .one a{display: flex;flex-direction: column;height: 100%;}
.index_news .contentBox .block .news .one:hover{box-shadow: 0px 2px 10px #999;}
.index_news .contentBox .block .news .one:hover .share{bottom: 10px;opacity: 1;z-index: 999;}
.index_news .contentBox .block .news .one .img{max-width: 100%;overflow: hidden;}
.index_news .contentBox .block .news .one .img img{transition: all .5s ease-out 0s;}
.index_news .contentBox .block .news .one:hover .img img{transform: scale(1.05);}
.index_news .contentBox .block .news .one .textBox{padding: 30px 0;background-position: bottom left;background-image:url(/img/downLine_nor.png);background-repeat: no-repeat;background-size: 100%;flex: 1;}
.index_news .contentBox .block .news .one:hover .textBox{background-image: url(/img/downLine.png);background-repeat: no-repeat;}
.index_news .contentBox .block .news .one .textBox .time{background:url(/img/timeNormal.png) no-repeat 100% 100%;width: 160px;height: 40px;display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight: bold;color:#124671;font-style: italic}
.index_news .contentBox .block .news .one:hover .textBox .time{background:url(/img/timeHover.png);color:#fff;}
.index_news .contentBox .block .news .one .textBox .title{width: 100%;padding: 0 30px;/*margin:20px 0 0;*/font-size: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.index_news .contentBox .block .news .one .textBox .content{width: 100%;padding: 0 30px;margin:20px 0 0;font-size: 14px;color:#999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.index_news .contentBox .block .case{display: flex;justify-content: space-between;}
.index_news .contentBox .block .case .one{width: 48.75%;position: relative;}
.index_news .contentBox .block .case .one .img{max-width: 100%;overflow: hidden;}
.index_news .contentBox .block .case .one .img img{transition: all .5s ease-out 0s;}
.index_news .contentBox .block .case .one:hover .img img{transform: scale(1.05);}
.index_news .contentBox .block .case .one .textBox{position: absolute;bottom: 0;left: 0;right: 0;display: flex;align-items: center;justify-content: space-between;padding: 30px;}
.index_news .contentBox .block .case .one .textBox .left{font-size: 24px;color:#fff;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width: 80%;}
.index_news .contentBox .block .case .one .textBox .right{font-size: 14px;color:#fff;flex-shrink: 0;}
.index_news .contentBox .block{display: none;}
.index_news .contentBox .block:first-child{display: block;}

@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
    .index_news .contentBox .block .news .one .textBox{
        flex: 0 1 auto;
    }

    .index_news .contentBox .block .news .one .textBox .title{
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .index_news .contentBox .block .news .one .share .img img{width: 20px;height: 20px;}
}


.index_about{margin-top: 63px;animation-duration:1.5s;opacity:0;}
.index_about .titleBox{display: flex;justify-content: space-between;}
.index_about .titleBox .left{font-size: 36px;}
.index_about .titleBox .right{display: flex;align-items: center;justify-content: space-between;width: 1170px;border-bottom: 1px solid #ddd;}
.index_about .titleBox .right .nav{display: flex;align-items: center;height: 100%;}
.index_about .titleBox .right .nav .one{margin: 0 45px;height: 100%;display: flex;align-items: center;border-bottom: 2px solid transparent;cursor: pointer;font-size: 16px;}
.index_about .titleBox .right .nav .one:hover{border-bottom: 2px solid #124671;color: #124671;}
.index_about .titleBox .right .nav .one.active{border-bottom: 2px solid #124671;color: #124671;}
.index_about .titleBox .right a{margin-right: 10px;}
.index_about .titleBox .right a:hover{color:#124671;}
.index_about .titleBox .right .href{/*margin-right: 10px;*/cursor: pointer;}
.index_about .titleBox .right .href:hover{color:#124671;}
.index_about .contentBox{margin-top: 45px;}
.index_about .contentBox .block{background: #fff;}
.index_about .contentBox .block .flex{display: flex;}
.index_about .contentBox .block .left{flex: 1;padding: 45px;display: flex;flex-direction: column;justify-content: space-between;}
.index_about .contentBox .block .left .title{font-size: 30px;margin-bottom: 20px;color: #124671;}
.index_about .contentBox .block .left .content{font-size: 16px;color:#666;line-height: 2;margin-bottom: 20px;}
.index_about .contentBox .block .left .btn{display: flex;align-items: center;justify-content: center;width: 144px;height: 54px;border:1px solid #ddd;border-radius: 54px;}
.index_about .contentBox .block .left .btn:hover{background-image: linear-gradient(to right,#518aff, #27c9ff);color: #fff;}
.c124671{color: #124671;}
.index_about .contentBox .block .right{width: 900px;height: 504px;display: flex;align-items: center;}
.index_about .contentBox .block .right .img{max-width: 100%;max-height: 100%;}
.index_about .contentBox .block .right .video{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;position: relative;cursor: pointer;}
.index_about .contentBox .block .right .video video{width: 100%;height: 100%;opacity: 0;display: none;position: absolute;z-index: 2;}
.index_about .contentBox .block .right .video.img{overflow: hidden;}
.index_about .contentBox .block .right .video img{position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;max-width: 100%;max-height: 100%;z-index: 1;}
.index_about .contentBox .block .right .video .start{position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;z-index: 999;}
/* .index_about .contentBox .block .right .video:hover video{opacity: 1;display: block;} */
.index_about .contentBox .block .right .video:hover img{transform: scale(1.1);opacity: 0;}
.index_about .contentBox .block .right .video:hover .start{transform: scale(1);opacity: 1;}
.index_about .contentBox .block{display: none;}
.index_about .contentBox .block:first-child{display: flex;}

.video_box{display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #000;z-index: 2999;}
.video_box .video_container{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;position: relative;}
.video_box .video_container .close{background: #c7c7c7;height: 45px;width: 45px;font-size: 14px;display: flex;align-items: center;justify-content: center;color: #fff;position: absolute;top: 20px;right: 20px;border-radius: 45px;cursor: pointer;z-index: 999999;}
.video_box .video_container .close:hover{background: #124671;}
.video_box .video_container video{max-width: 100%;max-height: 100%;border: none;outline: none;}
.video_box .video_container video::-webkit-media-controls-play-button {position: fixed;top: 0;bottom: 32px;left: 0;right: 0;margin: auto;background-color: rgba(255, 255, 255, 0.9);box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px;border-radius: 50%;background-repeat: no-repeat;background-position: center center;transition: opacity 600ms cubic-bezier(0.4, 0, 0.6, 1) 0s;}
.video_box .video_container video::-webkit-media-controls-panel{height: inherit;}

@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
    .index_about .contentBox .block .flex{width: 100%;}
    .index_about .contentBox .block .right .video video{left: 0;top: 0;}
}



.inpage_banner{min-height: 350px;}
.inpage_banner .img{min-height: 350px;width: 100%;}
.inpage_banner .img img{min-height: 350px;object-fit: cover; width: 100%;}

.inpage_bread{height: 70px;background: #fff;}
.inpage_bread .container{display: flex;align-items: center;}
.inpage_bread .container *{margin-right: 10px;font-size: 14px;}
.inpage_bread .container span{font-size: 14px;}
.inpage_bread.search .container{justify-content: space-between;}
.inpage_bread.search .container .left{display: flex;align-items: center;}
.inpage_bread.search .container .right *{margin-right: 0;}
.inpage_bread.search .container .right{display: flex;align-items: center;/*width: 369px;*/height: 40px;/*border: 2px solid #124671;*/font-size: 14px;background: #eee;margin-right: 0;}
.inpage_bread.search .container .right img{margin: 0 5px 0 10px;}
.inpage_bread.search .container .right input{border: none;flex: 1;height: 100%;padding: 5px;background: #eee;}
.inpage_bread.search .container .right input:focus{outline: none;}
.inpage_bread.search .container .right .btn{width: 75px;height: 100%;background: #124671;color: #fff;display: flex;align-items: center;justify-content: center;border: 0;cursor: pointer;}


.about_content{margin-top: 45px;}
.about_content .titleBox{display: flex;height: 80px;width: 100%;}
.about_content .titleBox .one{border: 1px solid #ddd;flex: 1;padding:0 20px;display: flex;align-items: center;/*flex-direction: column;justify-content: space-between;*/cursor: pointer;background-image: url(/img/true_f6.png);background-repeat: repeat;background-size: 100% 100%;}
.about_content .titleBox .one:hover{background-image: url(/img/about_title_hov.png);}
.about_content .titleBox .one.active{background-image: url(/img/about_title_hov.png);}
.about_content .titleBox .one .img{width: 30px;height: 30px;margin-right: 10px;}
.about_content .titleBox .one .img .nor{display: block;}
.about_content .titleBox .one .img .hov{display: none;}
.about_content .titleBox .one:hover .img .nor{display: none;}
.about_content .titleBox .one:hover .img .hov{display: block;}
.about_content .titleBox .one.active .img .nor{display: none;}
.about_content .titleBox .one.active .img .hov{display: block;}
.about_content .titleBox .one .title{font-size: 16px;}
/* .about_content .titleBox .one:hover{border:1px solid #7dd4ff;background: #fff;} */
.about_content .titleBox .one:hover .title{color:#fff;}
/* .about_content .titleBox .one.active{border:1px solid #7dd4ff;background: #fff;} */
.about_content .titleBox .one.active .title{color:#fff;}
/* .about_content .contentBox{margin-top: 40px;} */
.about_content .contentBox .block{display: none;}
.about_content .contentBox .block .img{width: 100%;}
.about_content .contentBox .block .img img{width: 100%;}
.about_content .contentBox .block:first-child{display: block;}
.about_content .contentBox .block{background: #fff;}
.about_content .contentBox .block .text{padding: 36px 58.5px;}
.about_content .contentBox .block .text .title{font-size: 30px;margin-bottom: 20px;color: #124671;}
.about_content .contentBox .block .text .content{font-size: 16px;line-height: 2.4;color: #333;}

.about_video{margin-top: 63px;opacity: 0;}
.about_video .titleBox{height: 63px;border-bottom: 1px solid #ddd;}
.about_video .titleBox .nav{display: flex;align-items: center;height: 100%;}
.about_video .titleBox .nav .one{margin: 0 63px 0 0;height: 100%;display: flex;align-items: center;border-bottom: 2px solid transparent;cursor: pointer;font-size: 30px;}
.about_video .titleBox .nav .one:hover{border-bottom: 2px solid #124671;color: #124671;}
.about_video .titleBox .nav .one.active{border-bottom: 2px solid #124671;color: #124671;}
.about_video .contentBox{margin-top: 45px;}
.about_video .contentBox .block .list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about_video .contentBox .block .one{width: 48.75%;cursor: pointer;background: #fff;margin-bottom: 20px;}
.about_video .contentBox .block .one .img{position: relative;overflow: hidden;}
.about_video .contentBox .block .one .img .start{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;display: flex;align-items: center;justify-content: center;z-index: 999;touch-action: none;}
.about_video .contentBox .block .one .img .start img{opacity: 0.4;}
.about_video .contentBox .block .one:hover .start{background:rgba(0, 0, 0, 0.5)}
.about_video .contentBox .block .one:hover .start img{opacity: 1;}
.about_video .contentBox .block .one:hover .hov{transform: scale(1.1);opacity: 0;}
.about_video .contentBox .block .one .text{padding: 20px;font-size: 16px;}
.about_video .contentBox .block .one video{width: 100%;height: 100%;opacity: 0;display: none;position: absolute;z-index: 2;top: 0;left: 0;right: 0;bottom: 0;}
.about_video .contentBox .block .one:hover video{opacity: 1;display: block;}
.about_video .contentBox .block .more{width: 100%;display: flex;align-items: center;justify-content: space-between;height: 30px;}
.about_video .contentBox .block .more .right{display: flex;align-items: center;cursor: pointer;}
.about_video .contentBox .block .more .right img{margin-left: 10px;}
.about_video .contentBox .block .more .right:hover{color: #124671;}
.about_video .contentBox .block{display: none;}
.about_video .contentBox .block:first-child{display: block;}


.museum_content{margin-top: 45px;/*margin-bottom: 45px;*/}
.museum_content .titleBox{display: flex;height: 80px;width: 100%;}
.museum_content .titleBox .one{border: 1px solid #ddd;flex: 1;padding:0 20px;display: flex;align-items: center;/*flex-direction: column;justify-content: space-between;*/cursor: pointer;background-image: url(/img/true_f6.png);background-repeat: repeat;background-size: 100% 100%;}
.museum_content .titleBox .one:hover{background-image: url(/img/about_title_hov.png);}
.museum_content .titleBox .one.active{background-image: url(/img/about_title_hov.png);}
.museum_content .titleBox .one .img{width: 30px;height: 30px;margin-right: 10px;}
.museum_content .titleBox .one .img .nor{display: block;}
.museum_content .titleBox .one .img .hov{display: none;}
.museum_content .titleBox .one:hover .img .nor{display: none;}
.museum_content .titleBox .one:hover .img .hov{display: block;}
.museum_content .titleBox .one.active .img .nor{display: none;}
.museum_content .titleBox .one.active .img .hov{display: block;}
.museum_content .titleBox .one .title{font-size: 16px;}
.museum_content .titleBox .one:hover .title{color:#fff;}
.museum_content .titleBox .one.active .title{color:#fff;}
/* .museum_content .titleBox{display: flex;height: 120px;width: 100%;}
.museum_content .titleBox .one{border: 1px solid #ddd;flex: 1;padding: 25px 30px;display: flex;flex-direction: column;justify-content: space-between;cursor: pointer;}
.museum_content .titleBox .one .img{width: 30px;height: 30px;}
.museum_content .titleBox .one .title{font-size: 22px;}
.museum_content .titleBox .one:hover{border:1px solid #7dd4ff;background: #fff;}
.museum_content .titleBox .one:hover .title{color:#144872;}
.museum_content .titleBox .one.active{border:1px solid #7dd4ff;background: #fff;}
.museum_content .titleBox .one.active .title{color:#144872;} */
/* .museum_content .contentBox{margin-top: 40px;} */
.museum_content .contentBox .block{display: none;}
.museum_content .contentBox .block:nth-child(2n-1){flex-direction: row-reverse;}
.museum_content .contentBox .block:first-child{display: flex;}
.museum_content .contentBox .block{background: #fff;}
.museum_content .contentBox .block .img{padding: 36px 58.5px;flex: 1;}
.museum_content .contentBox .block .text{flex: 1;padding: 36px 0 36px 58.5px;}
.museum_content .contentBox .block:nth-child(2n) .text{flex: 1;padding: 36px 58.5px 36px 0;}
.museum_content .contentBox .block .text .title{font-size: 30px;margin-bottom: 20px;color: #124671;}
.museum_content .contentBox .block .text .content{font-size: 16px;line-height: 2.4;color: #333;}

.museum_show{margin-top: 63px;opacity: 0;}
.museum_show .titleBox{width: 100%;text-align: center;font-size: 30px;}
.museum_show .contentBox{margin-top: 45px;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.museum_show .contentBox .one{width: 23.125%;background:#fff;margin-bottom: 30px;cursor: pointer;margin-right: 2.5%;transition: all .5s;display: flex;flex-direction: column;}
.museum_show .contentBox .one:nth-child(4n){margin-right: 0;}
.museum_show .contentBox .one .img{position: relative;height: 252px;padding: 20px;background: #EEEEEE;}
.museum_show .contentBox .one .img img{width: 100%;}
.museum_show .contentBox .one .img .shadow{display: none;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.5);align-items: center;justify-content: center;}
.museum_show .contentBox .one .img .shadow img{width: auto;}
.museum_show .contentBox .one .text{padding: 20px;text-align: center;font-size: 16px;background-position: bottom;background-image: url(/img/news_bottom_nor.png);background-repeat: no-repeat;display: flex;flex: 1;align-items: center;justify-content: center;}
.museum_show .contentBox .one:hover{box-shadow: 0px 2px 10px #999;}
.museum_show .contentBox .one:hover .shadow{display: flex;}
.museum_show .contentBox .one:hover .text{color:#124671;background-image: url(/img/museum_hover.png);}
.museum_show .pageBox{display: flex;justify-content: center;margin-top: 30px;}
.museum_show .pageBox .content{display: flex;background: #fff;border: 1px solid #ddd;flex-wrap: wrap;}
.museum_show .pageBox ul{display: flex;}
.museum_show .pageBox .content div{cursor: pointer;border-right: 1px solid #ddd;padding: 5px 10px;font-size:14px;color:#666}
.museum_show .pageBox .content div:hover{background:#124671;color:#fff;border-right: 1px solid #124671;}
.museum_show .pageBox .content div.active{background:#124671;color:#fff;border-right: 1px solid #124671;}
.museum_show .pageBox .content .point{cursor: auto;}
.museum_show .pageBox ul div{min-width: 34px;text-align: center;}
.museum_show .pageBox .content .next{border-right: 0 !important;}

.museum_inpage_banner{margin-top: 30px;opacity: 1;}
.museum_inpage_banner .img{width: 100%;}
.museum_inpage_banner .img img{width: 100%;}


.team_content{margin-top: 63px;}
.team_content .container{background:#fff;padding: 110px 145px 90px;}
.team_content .container .line{padding-bottom: 15px;border-bottom: 1px solid #ddd;margin-bottom: 35px;opacity: 0;}
.team_content .container .line:last-child{padding-bottom: 0;border-bottom: 0px solid #ddd;margin-bottom: 0;}
.team_content .container .line .title{background-image: url(/img/team_bg.png);background-repeat: no-repeat;width: 252px;height: 60px;background-size: 100% 100%;margin-bottom: 40px;font-size: 24px;color: #fff;display: flex;align-items: center;justify-content: center;}
.team_content .container .line .team{display: flex;align-items: center;flex-wrap: wrap;}
.team_content .container .line .team .one{margin: 0 40px 20px 0;width: 145px;height: 45px;background-color: #fff;background-image: url(/img/team_top.png);background-position: top left;background-repeat: no-repeat;display: flex;align-items: center;justify-content: space-between;font-size: 16px;box-shadow: 0px 2px 10px #999;padding: 0 30px;}
.team_content .container .line .team .one:last-child{margin-right: 0;}
.team_content .container .line .team .one.two span{letter-spacing: 1em;margin-right: -1em;}


.news_list{margin-top: 63px;}
.news_list .container .contentBox{display: flex;/*align-items: center;*/flex-wrap: wrap;}
.news_list .container .contentBox .one{width: 31.625%;margin-right: 2.5625%;margin-bottom: 30px;background: #fff;display: flex;flex-direction: column;transition: all .5s;opacity: 0;animation-duration:1.2s;position: relative;}
.news_list .container .contentBox .one a{display: flex;flex-direction: column;height: 100%;}
.news_list .container .contentBox .one .share{bottom: 40px;right: 10px;position: absolute;z-index: -1;opacity: 0;display: flex;}
.news_list .container .contentBox .one .share .icon{width: 20px;height: 20px;margin-left: 10px;}
/* .news_list .container .contentBox .one .share .icon .weixin{position: relative;} */
.news_list .container .contentBox .one .share .icon .code{position: absolute;bottom:70px;right: 0;opacity: -1;width: 145px;height: 145px;max-width: none;display: none;}
.news_list .container .contentBox .one:hover .share{bottom: 10px;opacity: 1;z-index: 999;}
/* .news_list .container .contentBox .one .share .icon .weixin:hover .code{opacity: 1;bottom:30px;} */
.news_list .container .contentBox .one .img{flex: 1;overflow: hidden;}
.news_list .container .contentBox .one:hover .img img{transform: scale(1.05)}
.news_list .container .contentBox .one .text{padding: 20px;background-position: bottom center;background-image: url(/img/news_bottom_nor.png);background-repeat: no-repeat;}
.news_list .container .contentBox .one .text .title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;font-size: 24px;}
.news_list .container .contentBox .one .text .time{font-size: 14px;color: #999;}
.news_list .container .contentBox .one:nth-child(3n){margin-right: 0;}
.news_list .container .contentBox .one:hover{box-shadow: 0px 2px 10px #999;}
.news_list .container .contentBox .one:hover .text{background-image: url(/img/news_bottom_2.png);}
.news_list .pageBox{display: flex;justify-content: center;margin-top: 30px;}
.news_list .pageBox .content{display: flex;background: #fff;border: 1px solid #ddd;}
.news_list .pageBox ul{display: flex;}
.news_list .pageBox .content div{cursor: pointer;border-right: 1px solid #ddd;padding: 5px 10px;font-size:14px;color:#666}
.news_list .pageBox .content div:hover{background:#124671;color:#fff;border-right: 1px solid #124671;}
.news_list .pageBox .content div.active{background:#124671;color:#fff;border-right: 1px solid #124671;}
.news_list .pageBox .content .point{cursor: auto;}
.news_list .pageBox ul div{min-width: 34px;text-align: center;}
.news_list .pageBox .content .next{border-right: 0 !important;}


.detail_content{width: 745px;margin: 70px auto 0;}
.detail_content .container{width: 100%;}
.detail_content .container .top .title{font-size: 33px;text-align: center;}
.detail_content .container .top .share{display: flex;align-items: center;justify-content: space-around;margin: 30px 0;font-size: 14px;color: #999;}
.detail_content .container .top .share .right{display: flex;align-items: center;position: relative;}
.detail_content .container .top .share .right div{margin-right: 10px;}
.detail_content .container .top .share .right div:last-child{margin-right: 0;}
.detail_content .container .top .share .right .img{width: 14px;height: 14px;}
.detail_content .container .top .share .right .code{position: absolute;top: 70px;left: 0;width: 150px;height: 150px;opacity: 0;}
.detail_content .container .top .share .right .code img{max-width: 100%;max-height: 100%;}
.detail_content .container .mid{padding: 45px 20px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size: 16px;line-height: 2;width: 720px;margin: 0 auto;}
.detail_content .container .mid img{max-width: 100%;height: auto;}
.detail_content .container .mid video{max-width: 100%;}
.detail_content .container .mid *{word-break: break-all;}
.detail_content .container .bot{padding: 45px 20px;font-size: 14px;line-height: 2;width: 720px;margin: 0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


.case_list{margin-top: 63px;}
.case_list .container .contentBox{display: flex;/*align-items: center;*/flex-wrap: wrap;}
.case_list .container .contentBox .one{width: 31.625%;margin-right: 2.5625%;margin-bottom: 30px;background: #fff;display: flex;flex-direction: column;transition: all .5s;opacity: 0;animation-duration:1.2s;}
.case_list .container .contentBox .one a{display: flex;flex-direction: column;height: 100%;}
.case_list .container .contentBox .one .share{bottom: 40px;right: 10px;position: absolute;z-index: -1;opacity: 0;display: flex;}
.case_list .container .contentBox .one .share .icon{width: 20px;height: 20px;margin-left: 10px;}
.case_list .container .contentBox .one .share .icon .weixin{position: relative;}
.case_list .container .contentBox .one .share .icon .code{position: absolute;bottom:70px;right: 0;opacity: 0;width: 145px;height: 145px;max-width: none;display: none;}
.case_list .container .contentBox .one:hover .share{bottom: 10px;opacity: 1;z-index: 999;}
/* .case_list .container .contentBox .one .share .icon .weixin:hover .code{opacity: 1;bottom:30px;} */
.case_list .container .contentBox .one .img{flex: 1;overflow: hidden;}
.case_list .container .contentBox .one .img img{transition: all .5s ease-out 0s;}
.case_list .container .contentBox .one:hover .img img{transform: scale(1.05)}
.case_list .container .contentBox .one .text{padding: 20px;background-position: bottom center;background-image: url(/img/news_bottom_nor.png);background-repeat: no-repeat;}
.case_list .container .contentBox .one .text .title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;font-size: 24px;}
.case_list .container .contentBox .one .text .time{font-size: 14px;color: #999;}
.case_list .container .contentBox .one:nth-child(3n){margin-right: 0;}
.case_list .container .contentBox .one:hover{box-shadow: 0px 2px 10px #999;}
.case_list .container .contentBox .one:hover .text{background-image: url(/img/news_bottom_2.png);}
.case_list .pageBox{display: flex;justify-content: center;margin-top: 30px;}
.case_list .pageBox .content{display: flex;background: #fff;border: 1px solid #ddd;}
.case_list .pageBox ul{display: flex;}
.case_list .pageBox .content div{cursor: pointer;border-right: 1px solid #ddd;padding: 5px 10px;font-size:14px;color:#666}
.case_list .pageBox .content div:hover{background:#124671;color:#fff;border-right: 1px solid #124671;}
.case_list .pageBox .content div.active{background:#124671;color:#fff;border-right: 1px solid #124671;}
.case_list .pageBox .content .point{cursor: auto;}
.case_list .pageBox ul div{min-width: 34px;text-align: center;}
.case_list .pageBox .content .next{border-right: 0 !important;}

@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
    .case_list .container .contentBox .one .img{
        flex: 1 1 auto;
    }

    .case_list .container .contentBox .one .title{
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .case_list .container .contentBox .one .share .img img{width: 20px;height: 20px;}
}

.case_type{height: 70px;border-bottom: 1px solid #ddd;}
.case_type .container{position: relative;}
.case_type .container .box{display: flex;align-items: center;/*justify-content: space-between;*/height: 100%;overflow: auto;}
.case_type .container .one{border-bottom: 2px solid transparent;display: flex;align-items: center;height: 100%;cursor: pointer;font-size: 16px;flex-shrink: 0;margin-right: 50px;}
.case_type .container .one .img{width: 16px;height: 16px;margin-right: 10px;}
.case_type .container .one .img.nor{display: flex;}
.case_type .container .one .img.hov{display: none;}
.case_type .container .one:hover{border-bottom: 2px solid #124671;color: #124671;}
.case_type .container .one:hover .text{color: #124671;}
.case_type .container .one:hover .img.nor{display: none;}
.case_type .container .one:hover .img.hov{display: flex;}
.case_type .container .one.active{border-bottom: 2px solid #124671;color: #124671;}
.case_type .container .one.active .text{color: #124671;}
.case_type .container .one.active .img.nor{display: none;}
.case_type .container .one.active .img.hov{display: flex;}
.case_type .container .left,.case_type .container .right{position: absolute;top: 0;bottom: 0;display: flex;align-items: center;}
.case_type .container .left{left: 0;display: none;}
.case_type .container .right{right: 0;display: none;}
.case_type .container .left .img,.case_type .container .right .img{max-height: 100%;}

.welfare.case_type .container .box{justify-content: flex-start;}
.welfare.case_type .container .one{margin-right: 50px;}

.exchange_content{margin-top: 63px;opacity: 0;}
.exchange_content .exchange_header{background:url(/img/exchange_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;height: 100px;width: 100%;line-height: 100px;font-size: 24px;color: #fff;padding: 0 40px;display: block;}
.exchange_content .form{background: #fff;padding: 80px 0;display: flex;flex-direction: column;align-items: center;}
.exchange_content .form>div{width: 1220px;}
.exchange_content .form .exchange_title{font-size: 30px;text-align: center;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #ddd;display: flex;flex-wrap: wrap;}
.exchange_content .form .line{display: flex;justify-content: space-between;padding: 0 20px;margin-bottom: 30px;}
.exchange_content .form .line .one{display: flex;align-items: center;}
.exchange_content .form .line .title{display: flex;justify-content: flex-end;width: 80px;margin-right: 5px;}
.exchange_content .form .line .title span{color: #f00;}
.exchange_content .form .line>.title{padding-top: 10px;}
.exchange_content .form .line .one .input{width: 300px;height: 45px;}
.exchange_content .form .line .one .input input{width: 100%;height: 100%;border: 1px solid #ddd;}
.exchange_content .form .line .textarea{flex: 1;height: 200px;position: relative;}
.exchange_content .form .line .textarea textarea{width: 100%;height: 100%;border: 1px solid #ddd;padding: 10px;font-size: 14px;}
.exchange_content .form .line .textarea .num{position: absolute;bottom: 10px;right: 10px;color: #666;}
.exchange_content .form .line .textarea .num span{color: #333;}
.exchange_content .form .check{display: flex;align-items: center;justify-content: flex-end;padding: 0 20px;}
.exchange_content .form .check div{margin-left: 20px;}
.exchange_content .form .check .input{width: 120px;height: 35px;}
.exchange_content .form .check .input input{width: 100%;height: 100%;border: 1px solid #ddd;background: #FAFAFA;padding: 0 10px;}
.exchange_content .form .check .img{width: 80px;height: 40px;font-size: 0;}
.exchange_content .form .check .img img{width: 100%;height: 100%;}
.exchange_content .form .check .btn{width: 80px;height: 40px;background: #124671;color: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer;}


.contact_content{margin-top: 63px;opacity: 0;}
.contact_content .container{padding: 45px 80px;background: #fff;}
.contact_content .container .top{display: flex;justify-content: center;flex-wrap: wrap;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #ddd;}
.contact_content .container .top .block{width: 25%;height: 100px;display: flex;align-items: center;}
.contact_content .container .top .block .img{width: 60px;height: 60px;margin-right: 20px;}
.contact_content .container .top .block .text{display: flex;justify-content: center;flex-direction: column;height: 100%;}
.contact_content .container .top .block .text .title{font-size: 16px;}
.contact_content .container .top .block .text .line{display: flex;align-items: center;line-height: 2;}
.contact_content .container .top .block .text .line .one{display: flex;align-items: center;font-size: 14px;color: #666;}
.contact_content .container .bot{display: flex;justify-content: center;flex-wrap: wrap;margin-bottom: 30px;}
.contact_content .container .bot .block{width: 25%;height: 100px;display: flex;align-items: center;}
.contact_content .container .bot .block .text{display: flex;justify-content: center;flex-direction: column;height: 100%;}
.contact_content .container .bot .block .text .title{font-size: 16px;margin-bottom: 10px;display: flex;align-items: center;}
.contact_content .container .bot .block .text .title .img{margin-right: 5px;}
.contact_content .container .bot .block .text .line .one{display: flex;align-items: center;min-width: 210px;font-size: 14px;color: #666;line-height: 1.8;}
.contact_content .container .map_box{position: relative;}
.contact_content .container .map_box .map{height: 540px;}
.contact_content .container .map_box .address{height: 100%;position: absolute;width: 319px;right: 0;top: 0;display: flex;flex-direction: column;/*background: rgba(0, 0, 0, 0.5);*/z-index: 288;}
.contact_content .container .map_box .address .one{padding: 0 40px;height: 33.33%;cursor: pointer;background-image: url(/img/shadow.png);background-size: 100% 100%;background-repeat: no-repeat;}
.contact_content .container .map_box .address .one.active{background-image: url(/img/map_hover.png);}
.contact_content .container .map_box .address .one:hover{background-image: url(/img/map_hover.png);}
.contact_content .container .map_box .address .one .text{display: flex;flex-direction: column;justify-content: center;border-bottom: 1px solid #ddd;height: 100%;}
.contact_content .container .map_box .address .one .text .title{font-size: 16px;font-weight: bold;color: #fff;margin-bottom: 10px;}
.contact_content .container .map_box .address .one .text .content{font-size: 14px;color: #fff}
.contact_content .container .map_box .address .one:last-child .text{border-bottom: 0px solid #ddd;}


.join_type{height: 70px;border-bottom: 1px solid #ddd;}
.join_type .container{display: flex;align-items: center;height: 100%;overflow: auto;}
.join_type .container{position: relative;}
.join_type .container .box{display: flex;align-items: center;/*justify-content: space-between;*/height: 100%;overflow: auto;}
.join_type .container .one{border-bottom: 2px solid transparent;display: flex;align-items: center;height: 100%;cursor: pointer;font-size: 16px;margin-right: 50px;flex-shrink: 0;}
.join_type .container .one:hover{border-bottom: 2px solid #124671;color: #124671;}
.join_type .container .one.active{border-bottom: 2px solid #124671;color: #124671;}
.join_type .container .left,.join_type .container .right{position: absolute;top: 0;bottom: 0;display: flex;align-items: center;}
.join_type .container .left{left: 0;display: none;}
.join_type .container .right{right: 0;display: none;}
.join_type .container .left .img,.join_type .container .right .img{max-height: 100%;}

.join_list{margin-top: 63px;}
.join_list .contentBox{display: flex;justify-content: space-between;}
.join_list .contentBox>div{width: 48.75%;}
.join_list .contentBox .block{background: #fff;margin-bottom: 30px;opacity: 0;animation-duration:1.2s;}
.join_list .contentBox .block .nor{display: block;transition: all .5s;background-image:url(/img/join_bg2.png);background-size: 200%;cursor: pointer;}
.join_list .contentBox .block .nor:hover{background-position: 100%;}
.join_list .contentBox .block .nor:hover .title .top .name{color: #fff;}
.join_list .contentBox .block .nor:hover .title .top .time{color: #fff;}
.join_list .contentBox .block .nor:hover .title .text .bot .one{color: #fff;}
.join_list .contentBox .block .nor .title{height: 90px;display: flex;align-items: center;justify-content: space-between;padding: 20px 30px;}
.join_list .contentBox .block .hov{display: none;}
.join_list .contentBox .block .text{height: 100%;display: flex;flex-direction: column;justify-content: space-around;}
.join_list .contentBox .block .text .top{display: flex;align-items: flex-end;}
.join_list .contentBox .block .text .top .name{font-size: 22px;font-weight: bold;margin-right: 20px;}
.join_list .contentBox .block .text .top .time{font-size: 14px;color: #999;}
.join_list .contentBox .block .text .bot{display: flex;align-items: center;font-size: 14px;}
.join_list .contentBox .block .text .bot .one{margin-right: 20px;padding-right: 20px;border-right: 1px solid #ddd;}
.join_list .contentBox .block .text .bot .one:last-child{margin-right: 0;padding-right: 0;border-right: 0px solid #ddd;}
.join_list .contentBox .block .hov .title{height: 90px;background-image: url(/img/join_bg.png);background-repeat: no-repeat;background-size: 100% 100%;display: flex;align-items: center;justify-content: space-between;padding: 20px 30px;}
.join_list .contentBox .block .hov .title .top .name{color: #fff;}
.join_list .contentBox .block .hov .title .top .time{color: #fff;}
.join_list .contentBox .block .hov .title .text .bot .one{color: #fff;}
.join_list .contentBox .block .hov .content{padding: 20px 40px;}
.join_list .contentBox .block .hov .content .box{line-height: 2;}
.join_list .contentBox .block .hov .content .box .need{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 10px;}
.join_list .contentBox .block .hov .content .box p{line-height: 2;font-size: 14px;}
.join_list .contentBox .block .hov .content .btn{width: 144px;height: 54px;background: #fff;background-repeat: no-repeat;display: flex;align-items: center;justify-content: center;margin: 30px auto;border: 1px solid #124671;border-radius: 54px;}
.join_list .contentBox .block .hov .content .btn:hover{background-image: url(/img/join_btn.png);color: #fff;border: 0;}
.join_list .contentBox .block .img{cursor: pointer;}
.join_list .contentBox .block .img .inor{display: block;}
.join_list .contentBox .block .img .ihov{display: none;}
.join_list .contentBox .block .nor:hover .img .inor{display: none;}
.join_list .contentBox .block .nor:hover .img .ihov{display: block;}
.join_list .contentBox .block.active .nor{display: none;}
.join_list .contentBox .block.active .hov{display: block;}
.join_list .pageBox{display: flex;justify-content: center;margin-top: 30px;}
.join_list .pageBox .content{display: flex;background: #fff;border: 1px solid #ddd;}
.join_list .pageBox ul{display: flex;}
.join_list .pageBox .content div{cursor: pointer;border-right: 1px solid #ddd;padding: 5px 10px;font-size:14px;color:#666}
.join_list .pageBox .content div:hover{background:#124671;color:#fff;border-right: 1px solid #124671;}
.join_list .pageBox .content div.active{background:#124671;color:#fff;border-right: 1px solid #124671;}
.join_list .pageBox .content .point{cursor: auto;}
.join_list .pageBox ul div{min-width: 34px;text-align: center;}
.join_list .pageBox .content .next{border-right: 0 !important;}


.join_form{margin-top: 63px;}
.join_form .container{background: #fff;padding: 60px 100px;}
.join_form .container .join_header{text-align: center;font-size: 30px;/*font-weight: bold;*/}
.join_form .container .form{margin: 30px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 30px 0;display: flex;justify-content: space-between;}
.join_form .container .form>div{width: 48.75%;}
.join_form .container .form .right{display: flex;flex-direction: column;align-items: flex-end;}
.join_form .container .form .one{display: flex;align-items: flex-start;width: 100%;}
.join_form .container .form .one .title{display: flex;align-items: center;font-size: 16px;height: 40px;}
.join_form .container .form .one .title span{color: #f00;}
.join_form .container .form .one .title p.add{letter-spacing:2em;margin-right: -2em;}
.join_form .container .form .one .input{flex: 1;position: relative;padding-bottom: 30px;}
.join_form .container .form .one .input input{width: 100%;height: 40px;border: 1px solid #ddd;padding:0 10px;font-size: 16px;}
.join_form .container .form .one .input select{width: 100%;height: 40px;border: 1px solid #ddd;padding:0 10px;font-size: 16px;}
.join_form .container .form .one .input .third{display: flex;}
.join_form .container .form .one .input .third select{width: 33.33%;}
.join_form .container .form .one .input>span{position: absolute;bottom: 5px;font-size: 14px;left: 0;color: #f00;display: none;}
.join_form .container .form .one .input.radio{height: 70px;display: flex;align-items: center;font-size: 16px;}
.join_form .container .form .one .input.radio input{width: auto;height: auto;margin-right: 5px;}
.join_form .container .form .one .input.radio label{margin-right: 20px;}
.join_form .container .form .one .input.textarea{position: relative;}
.join_form .container .form .one .input.textarea textarea{width: 100%;border: 1px solid #ddd;padding: 5px;font-size: 14px;}
.join_form .container .form .one .input.textarea textarea#history{height: 240px;}
.join_form .container .form .one .input.textarea textarea#person{height: 180px;}
.join_form .container .form .one .input.textarea .num{position: absolute;bottom: 40px;right: 10px;color: #666;}
.join_form .container .form .one .input.textarea .num span{color: #333;}
.join_form .container .form .one .input.wrong input{border: 1px solid #f00;}
.join_form .container .form .one .input.wrong textarea{border: 1px solid #f00;}
.join_form .container .form .one .input.wrong>span{display: block;}
/* .join_form .container .form .one .input.upload{width: 540px;} */
.join_form .container .form .one .input.upload label{width: 145px;height: 40px;position: relative;display: block;}
.join_form .container .form .one .input.upload label input{opacity: 0;}
.join_form .container .form .one .input.upload label .box{width: 145px;height: 40px;background: #eee;border: 1px solid #ddd;display: flex;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;cursor: pointer;}
.join_form .container .form .one .input.upload label .box .img{margin-right: 10px;}
.join_form .container .form .right .one:last-child{padding-left: 7.48px;}
.join_form .check{display: flex;align-items: center;justify-content: flex-end;padding: 0 20px 0 0;}
.join_form .check .input{width: 120px;height: 35px;}
.join_form .check .input input{width: 100%;height: 100%;border: 1px solid #ddd;background: #FAFAFA;padding: 0 10px;}
.join_form .check .img{width: 80px;height: 40px;font-size: 0;margin: 0 20px;}
.join_form .check .img img{width: 100%;height: 100%;}
.join_form .check .btn{width: 80px;height: 40px;background: #124671;color: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer;}


.honor_list{margin-top: 63px;}
.honor_list .titleBox{width: 100%;text-align: center;font-size: 30px;}
.honor_list .contentBox{margin-top: 45px;display: flex;flex-wrap: wrap;justify-content: flex-start;/*align-items: center;*/}
.honor_list .contentBox .one{width: 23.125%;background:#fff;margin-bottom: 30px;cursor: pointer;margin-right: 2.5%;transition: all .5s;opacity: 0;display: flex;flex-direction: column;}
.honor_list .contentBox .one:nth-child(4n){margin-right: 0;}
.honor_list .contentBox .one .img{position: relative;height: 252px;padding: 20px;background: #EEEEEE;}
.honor_list .contentBox .one .img .shadow{display: none;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.5);align-items: center;justify-content: center;}
.honor_list .contentBox .one .text{padding: 20px;text-align: center;font-size: 16px;background-position: bottom;background-image: url(/img/news_bottom_nor.png);background-repeat: no-repeat;flex: 1;display: flex;align-items: center;justify-content: center;}
.honor_list .contentBox .one:hover{box-shadow: 0px 2px 10px #999;}
.honor_list .contentBox .one:hover .shadow{display: flex;}
.honor_list .contentBox .one:hover .text{color:#124671;background-image: url(/img/museum_hover.png);}
.honor_list .pageBox{display: flex;justify-content: center;margin-top: 30px;}
.honor_list .pageBox .content{display: flex;background: #fff;border: 1px solid #ddd;}
.honor_list .pageBox ul{display: flex;}
.honor_list .pageBox .content div{cursor: pointer;border-right: 1px solid #ddd;padding: 5px 10px;font-size:14px;color:#666}
.honor_list .pageBox .content div:hover{background:#124671;color:#fff;border-right: 1px solid #124671;}
.honor_list .pageBox .content div.active{background:#124671;color:#fff;border-right: 1px solid #124671;}
.honor_list .pageBox .content .point{cursor: auto;}
.honor_list .pageBox ul div{min-width: 34px;text-align: center;}
.honor_list .pageBox .content .next{border-right: 0 !important;}

.honor_type{height: 100px;border-bottom: 1px solid #ddd;display: flex;align-items: center;justify-content: center;padding: 30px 0 0;margin-bottom: 30px;border-bottom: 1px solid #ddd;overflow: auto;}
.honor_type .one{border-bottom: 2px solid transparent;display: flex;align-items: center;height: 100%;cursor: pointer;font-size: 16px;margin: 0 40px 0;flex-shrink: 0;}
.honor_type .one:hover{border-bottom: 2px solid #124671;color: #124671;}
.honor_type .one.active{border-bottom: 2px solid #124671;color: #124671;}

.honor_text{width: 1100px;margin: 30px auto;text-align: center;font-size: 14px;line-height: 2;color: #666;}


.black{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.5);z-index: 9990;display: none;}
.one_box{position: fixed;width: 860px;height: 740px;background: #fff;top: 0;right: 0;bottom: 0;left: 0;margin: auto;z-index: 9999;display: none;height: 645px;max-height: 90%;}
.one_box .close{position: absolute;right: 10px;top: 10px;z-index: 19999;cursor: pointer;}
.one_box .swiper-container{width: 100%;height:calc(100% - 100px)}
.one_box .box_left{background-image: url(/img/box_left.png);background-repeat: no-repeat;width: 60px;height: 60px;background-size: 100% 100%;left: -100px;}
.one_box .box_right{background-image: url(/img/box_right.png);background-repeat: no-repeat;width: 60px;height: 60px;background-size: 100% 100%;right: -100px;}
.one_box .text{height: 100px;display: flex;align-items: center;justify-content: center;background: #fff;font-size: 24px;}
.one_box.museum_box{height: 880px;max-height: 90%;}
.one_box.museum_box .text{height: 230px;background: #fff;padding: 30px 40px;overflow: auto;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
.one_box.museum_box .swiper-container{height:calc(100% - 230px)}
.one_box.museum_box .text .title{font-size: 24px;margin-bottom: 10px;}
.one_box.museum_box .text .content{font-size: 14px;line-height: 2;color: #666;}
.one_box .swiper-slide .img{padding: 20px;background: #eee;width: 100%;height: 100%;}

.pagination{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;opacity: 0;}
.pagination .one{background: #fff;border-radius: 5px;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border: 1px solid #ddd;user-select:none;}
.pagination .one.prev,.pagination .one.next{width: 90px;}
.pagination .one.prev .img{margin-right: 10px;}
.pagination .one.next .img{margin-left: 10px;}
.pagination .one .img .nor{display: block;}
.pagination .one .img .hov{display: none;}
.pagination .one:hover .img .nor{display: none;}
.pagination .one:hover .img .hov{display: block;}
.pagination .less{background: #fff;border-radius: 5px;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border: 1px solid #ddd;}
.pagination .inputBox{display: flex;align-items: center;margin: 0 20px 10px 10px;}
.pagination .inputBox .input{margin: 0 5px;}
.pagination .inputBox .input input{width: 100%;height: 100%;border: 0;padding: 0 5px;border-radius: 5px;text-align: center;}
.pagination .inputBox .input input:focus{outline: none;}
.pagination .one.check{width: 45px;}
.pagination>div{margin-right: 10px;margin-bottom: 10px;}
.pagination>div.one:hover{background: #124671;border: 0;color: #fff;cursor: pointer;}
.pagination>div.one.active{background: #124671;border: 0;color: #fff;}
.pagination>div:last-child{margin-right: 0;}
.pagination>div.one.unable{cursor: not-allowed;opacity: 0.5;}
.pagination>div.one.unable:hover{cursor: not-allowed;background: #fff;border: 1px solid #ddd;color: #333;}
.pagination>div.one.unable:hover .img .nor{display: block;}
.pagination>div.one.unable:hover .img .hov{display: none;}

@media(max-width:1780px){
    .container{width: 1440px;}
    .header .nav .one{margin-right: 40px;}
    .index_news .titleBox .right{width: 1200px;}
    .index_about .titleBox .right{width: 1200px;}
    .about_content .titleBox .one .title{font-size: 16px;}
    .museum_content .titleBox .one .title{font-size: 14px;}

    .join_form .container .form>div{width: 48.75%;}
    .join_form .container .form .one .input input{width: 100%;}
    .join_form .container .form .one .input.textarea textarea{width: 100%;}

    .museum_show .contentBox .one .img{height: 260px;}
    .honor_list .contentBox .one .img{height: 260px;}
}

@media(max-width:1600px){
    .container{width: 1366px;}
    .index_news .titleBox .right{width: 1100px;}
    .index_about .titleBox .right{width: 1100px;}
    .about_content .titleBox .one .title{font-size: 16px;}
    .museum_content .titleBox .one .title{font-size: 14px;}
    .team_content .container{padding: 110px 100px 90px;}
    .header .nav .one{font-size: 14px;}
    .pc.header .nav .one:hover{font-size: 15px;}
    .header.big .nav .one{font-size: 16px;}
    .pc.header.big .nav .one:hover{font-size: 18px;}
    .footer{margin-top: 45px;}

    .museum_show .contentBox .one .img{height: 245px;}
    .honor_list .contentBox .one .img{height: 245px;}
}

@media(max-width:1440px){
    .container{width: 1200px;}
    .index_news .titleBox .right{width: 1000px;}
    .index_about .titleBox .right{width: 1000px;}
    .about_content .titleBox .one .title{font-size: 14px;}
    .museum_content .titleBox{height: 80px;}
    .museum_content .titleBox .one .title{font-size: 12px;}
    .team_content .container{padding: 110px 100px 90px;}
    .header .nav .one{font-size: 14px;margin-right: 30px;}
    .header.big .nav .one{font-size: 16px;}
    .pc.header .nav .one:hover{font-size: 15px;}
    .pc.header.big .nav .one:hover{font-size: 18px;}
    .pc.header .nav .one:hover span{font-size: 15px;}
    .pc.header.big .nav .one:hover span{font-size: 18px;}
    .header .nav .one .second .top .one{font-size: 14px;margin-right: 30px;}
    .header .nav .one .second .top .one:hover{font-size: 15px;}
    .header .nav .one.text .top a{font-size: 14px;}
    .footer .container .block.form .one input{width: 445px;}
    .footer .container .block.form .one textarea{width: 445px;}
    .contact_content .container .top .block .text .line .one{font-size: 14px;}
    .contact_content .container .bot .block .text .line .one{font-size: 14px;}
    .exchange_content .form{padding: 45px;}
    .exchange_content .form .exchange_title{font-size: 24px;}
    .exchange_content .form>div{width: 1100px;}
    .exchange_content .form .line .one .input{width: 240px;}
    .case_type .container .one{font-size: 14px;}
    .case_list .container .contentBox .one .text .title{font-size: 20px;}
    .news_list .container .contentBox .one .text .title{font-size: 20px;}
    .index_about .contentBox .block .right{width: 800px;height: auto;}
    .index_news .contentBox .block.news .one .textBox .title{font-size: 16px;}
    /* .index_product .container{height: 540px;} */
    .museum_content .contentBox .block{flex-direction: column !important;}
    .museum_content .contentBox .block .text{padding: 0 40px 40px;}
    .museum_content .contentBox .block:nth-child(2n) .text{padding: 0 40px 40px;}

    .museum_show .contentBox .one .img{height: 240px;}
    .honor_list .contentBox .one .img{height: 240px;}

    .header .nav{margin-left: 0;}

    .index_news .contentBox .block .news .one .textBox{padding: 15px 0;}

}

@media(max-width:1366px){

}

@media(max-width:1200px){
    .container{width: 96%;}
    .index_about .titleBox .right{width: 845px;}
    .index_news .titleBox .right{width: 845px;}
    .footer .container .block.form .one input{width: 320px;}
    .footer .container .block.form .one textarea{width: 320px;}
    .header .nav .one{margin-right: 20px;font-size: 14px;}
    .header.big .nav .one{margin-right: 20px;font-size: 16px;}
    .pc.header .nav .one:hover{font-size: 17px;}
    .pc.header.big .nav .one:hover{font-size: 18px;}
    .index_news .titleBox .right{width: 745px;}
    .index_about .titleBox .right{width: 745px;}
    .index_about .contentBox .block .right{width: 500px;}
    .about_content .titleBox .one{padding: 20px;}
    /* .about_content .titleBox .one .title{font-size: 12px;} */
    .museum_content .titleBox{height: 90px;}
    .museum_content .titleBox .one{padding: 20px;}
    .museum_content .titleBox .one .title{font-size: 12px;}
    .case_type .container .one{font-size: 14px;}
    .team_content .container{padding: 70px 80px 45px;}
    .exchange_content .form>div{width: 100%;}
    .exchange_content .form .line .one .input{width: 190px;}
    .exchange_content .form .exchange_title{font-size: 22px;}
    .join_list .contentBox .block .text .bot .one{padding-right: 10px;margin-right: 10px;}
    .honor_text{max-width: 100%;}
}

@media(max-width:1024px){
    .container{width: 94%;}
    

    .header .nav{height: 0;display: none;}
    .header.active{border-bottom: 1px solid #124671;}
    .header.active .nav{display: flex;flex-direction: column;position: absolute;background: #fff;top: 90px;left: 0;right: 0;height: auto;width: auto;z-index: 1999;border-bottom: 1px solid #124671;}
    /* .shadow{display: none !important;} */
    .header.active .nav>.one{width: 100%;margin: 0;border-bottom: 1px solid #ddd;display: flex;flex-wrap: wrap;justify-content: center;line-height: 4;}
    .header.active .nav>.one a{text-align: center;}
    .header.active .nav>.one>a{width: 70%;}
    .header.active .nav>.one:last-child{border-bottom: 0;margin-bottom: 0;}
    .header.active .nav>.one.text{position: relative;}
    .header.active .nav>.one.text .box{width: 15%;height: 100%;position: absolute;right: 0;top: 0;}
    .header.active .nav>.one.text .box::after{content: "";border-bottom: 1px solid #000;border-right: 1px solid #000;width: 15px;height:15px;transform: rotate(45deg);position: absolute;margin: auto;top: 20px;right: 20px;z-index: 9999;transition: all .5s;}
    .header.active .nav>.one.text.active .box::after{transform: rotate(225deg);}
    .header.active .nav>.one.text.active .second{display: block;}
    .header.active .nav>.one .second{position: static;width: 100%;}
    .header.active .nav>.one.text .second .top{height: auto;}
    .header.active .nav>.one.text.active .second .top{display: flex;flex-direction: column;}
    .header.active .nav>.one.text .second .top .one{width: 100%;margin: 0;}
    .header.active .nav>.one.text .second .top .one{border: 0;}
    .header.active .nav>.one.text .second .top .one:hover{border: 0;}
    .header.active .nav>.one.text .second .top .one a{line-height: 1;height: 40px;border: 0;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
    .header.active .nav .one span{border: none;}
    .header.active .nav .one:hover span{border: none;}
    .header.active .nav>.one.product{position: relative;}
    .header.active .nav>.one.product .box{width: 15%;height: 100%;position: absolute;right: 0;top: 0;}
    .header.active .nav>.one.product .box::after{content: "";border-bottom: 1px solid #000;border-right: 1px solid #000;width: 15px;height:15px;transform: rotate(45deg);position: absolute;margin: auto;top: 20px;right: 20px;z-index: 9999;transition: all .5s;}
    .header.active .nav>.one.product.active .box::after{transform: rotate(225deg);}
    .header.active .nav>.one.product.active .second{display: block;}
    .header .nav .one.product .second .top{padding: 0 5%;}
    .header .nav .one.product .second .bot{padding: 30px 5%;line-height: 2;overflow: auto;}
    .header .nav .one .second .bot .bot_container .block{align-items: center;}
    .header .nav .one .second .bot .left{display: flex;align-items: center;justify-content: center;width: 100%;height: auto;margin-right: 20px;}
    .header .nav .one .second .bot .right{width: 100%;}
    .header .language{display: none;}

    .index_product{margin-top: 30px;}
    .index_news{margin-top: 30px;}
    /* .index_product .container{height: 450px;} */
    .index_product .container .gallery-top .swiper-slide .contentBox{padding: 20px 30px;}
    .index_product .container .gallery-top .swiper-slide .title{font-size: 32px;}
    .index_product .container .gallery-top .swiper-slide .text{font-size: 24px;}
    .index_product .container .gallery-top .swiper-slide .content{font-size: 14px;}
    .index_news .titleBox .right{width: 700px;}
    .index_news .titleBox .left{font-size: 33px;}
    .index_news .contentBox .block.news .one .textBox{padding: 15px 0;}
    .index_news .contentBox .block.news .one .textBox .title{padding: 0 15px;margin-top: 15px;}
    .index_news .contentBox .block.news .one .textBox .content{padding: 0 15px;margin-top: 15px;}
    .index_about .titleBox .right{width: 700px;}
    .index_about .titleBox .left{font-size: 33px;}
    .index_about .contentBox .block .left{padding: 20px;}

    .footer .container{height: auto;padding: 40px;flex-wrap: wrap;}
    .footer .container .form{width: 100%;}
    .footer .container .block.form .one input{width: 100%;}
    .footer .container .block.form .one textarea{width: 100%;}

    .pageBox{margin: 0 !important;}

    .about_content{margin-top: 30px;}
    .about_content .titleBox{flex-wrap: wrap;height: auto;}
    .about_content .titleBox .one{padding: 15px;width: 33.33%;flex: auto;height: 80px;}
    /* .about_content .contentBox{margin-top: 30px;} */
    .about_content .contentBox .block .text{padding: 20px 30px;}
    .about_content .contentBox .block .text .title{font-size: 30px;}
    .about_video{margin-top: 30px;}
    .about_video .titleBox .nav .one{font-size: 30px;}

    .honor_list{margin-top: 30px;}
    .honor_list .contentBox{margin-top: 30px;}
    
    .museum_content .titleBox{height: auto;flex-wrap: wrap;}
    .museum_content .titleBox .one{padding: 15px;width: 33.33%;flex: auto;height: 90px;}
    .museum_show{margin-top: 30px;}
    .museum_show .contentBox{margin-top: 30px;}

    .news_list{margin-top: 30px;}
    .news_list .container .contentBox .one .text .title{font-size: 16px;}

    .case_list{margin-top: 30px;}
    .case_list .container .contentBox .one .text .title{font-size: 16px;}

    .team_content{margin-top: 30px;}


    .exchange_content{margin-top: 30px;}
    .exchange_content .form .exchange_title{font-size: 16px;justify-content: center;}

    .join_list{margin-top: 30px;}
    .index_about{margin-top: 30px;}
    .index_news .contentBox{margin-top: 30px;}
    .index_about .contentBox{margin-top: 30px;}

    .join_form{margin-top: 30px;}

    .contact_content{margin-top: 30px;}
    .contact_content .container{padding: 30px 60px;}
    .contact_content .container .top .block{width: 50%;}
    .contact_content .container .bot{flex-wrap: wrap;}
    .contact_content .container .bot .block{width: 50%;padding-left: 10px;}
    .contact_content .container .map_box .map{height: 400px;}
    /* .contact_content .container .map_box .address .one{height: 145px;} */

    .museum_show .contentBox{justify-content: space-between;}
    .museum_show .contentBox .one{width: 48.75%;margin-right: 0;}
    .museum_show .contentBox .one .img{height: 200px;}
    .honor_list .contentBox .one .img{height: 200px;}

    .detail_content{margin: 30px auto 0;}
    .detail_content .container .top .title{font-size: 32px;}

    .footer .icp{padding: 0 3%;}

    .news_list .container .contentBox .one .share{display: none;}

    .pc{display: none;}
    .mb{display: block;}

    
    .mb.header{border-bottom: 1px solid transparent;}
    .mb.header .language{display: flex;margin-right: 20px;background: #fff;border: 2px solid #124671;color: #124671;font-size: 14px;align-items: center;justify-content: center;}

    .mb.header .menu{display: flex;align-items: center;}
    .mb.header .menu .box{width: 45px;height: 45px;display: flex;align-items: center;}
    .mb.header .menu .box .line{width: 45px;height: 8px;background: #124671;transform: translate(0) scale(1);transition: transform 0.5s;}
    .mb.header .menu .box::before{width: 45px;height: 8px;background: #124671;position: absolute;transform: translateY(-15px) scale(1);content: "";transition: transform 0.5s;}
    .mb.header .menu .box::after{width: 45px;height: 8px;background: #124671;position: absolute;transform: translateY(15px) scale(1);content: "";transition: transform 0.5s;}
    .mb.header.active.header.active .menu .box .line{height: 0;transform: translate(0) scaleX(0);}
    .mb.header.active .menu .box::before{transform: rotate(-45deg);}
    .mb.header.active .menu .box::after{transform: rotate(45deg);}
    .mb.header.active .shadow{display: block;}

    .more1024{display: none;}
    .less1024{display: block;}

    .team_content .container .line .title{margin: 0 auto 40px;}
    .about_content .contentBox .block .text .title{text-align: center;}
    .museum_content .contentBox .block .text .title{text-align: center;}

    .case_list .container .contentBox .one .share{display: flex;opacity: 1;bottom: 10px;z-index: 999;}
}

@media(max-width:960px){
    .index_about .titleBox .right{width: 600px;}
    .index_news .titleBox .right{width: 600px;}
    .case_type .container .one{margin-right: 20px;}
    .welfare.case_type .container .one{margin-right: 20px;}
    .case_list .container .contentBox .one .text{padding: 15px;}
    .case_list .container .contentBox .one .text .title{margin-bottom: 5px;}
    .news_list .container .contentBox .one .text{padding: 15px;}
    .news_list .container .contentBox .one .text .title{margin-bottom: 5px;}
    .team_content .container{padding: 40px 45px 20px;}
    .team_content .container .line .team .one:nth-child(4n){margin-right: 0;}
    .exchange_content .form .line{flex-wrap: wrap;margin-bottom: 20px;}
    .exchange_content .form .line .one{width: 100%;margin-bottom: 20px;}
    .exchange_content .form .line .one:last-child{margin-bottom: 0px;}
    .join_list .contentBox{flex-wrap: wrap;}
    .join_list .contentBox>div{width: 100%;}
    .join_form .container .form{flex-wrap: wrap;}
    .join_form .container .form>div{width: 100%;}
    .join_form .container .form .right .one:last-child{padding-left: 9.34px;}
    .join_form .container{padding: 30px 45px;}
    .museum_show .contentBox .one .img{height: 180px;}
    .honor_list .contentBox .one .img{height: 180px;}
    .more960{display: none;}
    .less960{display: block;}

    .exchange_content .form .line .one .input{flex: 1;}
}

@media(max-width:872px){
    .team_content .container .line .team .one:nth-child(4n){margin-right: 40px;}
}

@media(max-width:800px){
    .index_product .titleBox .left{width: 100%;text-align: center;margin-bottom: 20px;font-size: 33px;}
    
    .index_news .titleBox{flex-wrap: wrap;}
    .index_news .titleBox .left{width: 100%;text-align: center;margin-bottom: 20px;}
    .index_news .titleBox .right{width: 100%;}
    .index_about .titleBox{flex-wrap: wrap;}
    .index_about .titleBox .left{width: 100%;text-align: center;margin-bottom: 20px;}
    .index_about .titleBox .right{width: 100%;}
    .index_about .contentBox .block{flex-wrap: wrap;}
    .index_about .contentBox .block>div{width: 100% !important;flex: auto;}
    .index_about .titleBox .right .href{color: #124671;}
    .index_news .titleBox .right .href{color: #124671;}
    .index_news .contentBox .block.case .one .textBox{padding: 20px;}
    .index_news .contentBox .block .news .one .share{display: flex;opacity: 1;bottom: 10px;z-index: 999;}
    .index_news .contentBox .block .news .one .share .icon{width: 30px;height: 30px;}
    .index_news .contentBox .block .news .one .share .icon .code{margin-bottom: 10px;}
    .index_news .contentBox .block .news .one:nth-child(n+3){display: none;}
    .honor_type{justify-content: space-between;}
    .honor_type .one{margin: 0;}

    .join_form .container .form .one .title{font-size: 14px;}
    .join_form .container .form .right .one:last-child{padding-left: 6.55px;}

    .inpage_bread.search .container .right{width: auto;}

    .index_product .container{/*height: 445px;*/flex-wrap: wrap;flex-direction: column-reverse;}
    .index_product .container .gallery-top{width: 100%;/*height: 400px;*/flex: auto;}
    .index_product .container .gallery-thumbs{width: 100%;/*height: 45px;*/}
    .index_product .container .gallery-thumbs .swiper-wrapper{flex-direction: row;}
    .index_product .container .gallery-thumbs .swiper-wrapper .swiper-slide{width: 20%;height: auto !important;padding: 5px 10px;}
    .index_product .container .gallery-top .swiper-slide .contentBox{position: static;background: #fff;}
    .index_product .container .gallery-top .swiper-slide .contentBox .title{display: none;}
    .index_product .container .gallery-top .swiper-slide .contentBox .content{color: #333;}
    .index_product .container .gallery-top .swiper-slide .contentBox .btn{color: #124671;border: none;}
    .index_product .container .gallery-top .swiper-slide .contentBox .textBox{display: flex;flex-direction: column;align-items: flex-end;}

    .index_news .contentBox .block.news{flex-wrap: wrap;}
    .index_news .contentBox .block.news .one{width: 100%;margin-right: 0;margin-bottom: 20px;}

    .honor_list .contentBox .one{width: 48.75%;margin-right: 0;}
    .honor_list .contentBox{justify-content: space-between;}

    .index_news .titleBox .right{flex-wrap: wrap;}
    .index_news .titleBox .right .nav{height: auto;justify-content: center;}
    .index_news .titleBox .right .nav .one{margin:0 30px 0 0 ;}
    .index_news .contentBox .block .news{flex-direction: column;}
    .index_news .contentBox .block .news .one{width: 100%;margin-bottom: 20px;}
    .index_news .contentBox .block .case{flex-direction: column;}
    .index_news .contentBox .block .case .one{width: 100%;margin-bottom: 20px;}
    .index_news .titleBox .right a{margin: 0 auto;}
    .index_about .titleBox .right{flex-wrap: wrap;}
    .index_about .titleBox .right .nav{height: auto;justify-content: center;}
    .index_about .titleBox .right .nav .one{margin:0 30px 0 0 ;}
    .index_about .titleBox .right a{margin: 0 auto;}
    .index_about .contentBox .block .flex{flex-direction: column;}
    .index_about .contentBox .block .right{width: 100%;}
    .index_about .contentBox .block .right .video img{position: static;}

    .detail_content{width: 100%;}
    .detail_content .container{width: 94%;}
    .detail_content .container .mid{width: 100%;}
    .detail_content .container .bot{width: 100%;}
    .detail_content .container .bot>div{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

    /* .join_type .container{justify-content: space-between;} */
    .join_type .container .one{margin-right: 30px;}

    /* .case_type .container .box{justify-content: space-between;} */
    .case_type .container .one{margin-right: 30px;}
    .welfare.case_type .container .one{margin-right: 30px;}

    .exchange_content .exchange_header{font-size: 20px;height: 50px;line-height: 50px;}

    .more800{display: none;}
    .less800{display: block;}
}

@media(max-width:750px){
    .more750{display: none;}
    .less750{display: block;}

    .exchange_content .form .line{flex-wrap: wrap;}
    .exchange_content .form .line .textarea{width: 100%;}
    .exchange_content .form .line .one{flex-wrap: wrap;}
    .exchange_content .form .line .title{width: 100%;justify-content: flex-start;margin-bottom: 10px;}
    .exchange_content .form .line .one .input{width: 100%;}

    .index_banner .swiper-pagination{position: relative;}
}

@media(max-width:745px){
    .team_content .container .line .team .one:nth-child(3n){margin-right: 0;}

    .header .nav .one .second .bot .bot_container .block{flex-direction: column;}

    .index_news .contentBox .block .news{flex-wrap: wrap;}
    .index_news .contentBox .block .news .one{width: 100%;margin-bottom: 20px;}
    .index_about .titleBox .right .nav{justify-content: space-around;}
    .index_about .contentBox .block .flex{flex-direction: column;}
    .index_about .contentBox .block .right{width: 100%;}
    /* .index_about .contentBox .block .right .video{min-height: 240px;} */

    .about_video .titleBox .nav .one{font-size: 14px;}
    .join_list .contentBox .block .nor .title{padding: 20px 10px;}
    .join_list .contentBox .block .hov .title{padding: 20px 10px;}
    .join_list .contentBox .block .hov .content{padding: 20px 10px;}
}

@media(max-width:670px){
    .team_content .container .line .team .one:nth-child(3n){margin-right: 40px;}

    .contact_content .container{padding: 20px;}
}

@media(max-width:600px){
    body{padding-top: 60px;}
    .header{height: 60px;}
    .header .logo{height: 27px;}
    .header .logo img{max-height: 100%;}
    .header .menu .line{width: 40px;height: 6px;}
    .header .menu::before{width: 40px;height: 6px;}
    .header .menu::after{width: 40px;height: 6px;}
    .header.active .nav{top: 60px;}
    .about_content .titleBox .one{width: 50%;padding: 5px;}
    .about_content .titleBox .one .img{margin-right: 5px;}
    .about_content .contentBox .block .text{padding: 25px 15px 30px;}
    .about_content .contentBox .block .text .title{margin-bottom: 15px;font-size: 18px;}
    .about_content .contentBox .block .text .content{font-size: 12px;}
    .about_video .contentBox .block .one{width: 100%;}
    .about_video .titleBox .nav .one{font-size: 18px;padding: 5px 0;margin-right: 35px;}
    .about_video .contentBox{margin-top: 20px;}
    .about_video .titleBox{height: auto;}

    .one_box{width: 100%;left: 0;right: 0;}
    .one_box .box_right{right:0}
    .one_box .box_left{left:0}

    .inpage_bread.search .container{flex-wrap: wrap;}
    .inpage_bread.search .container .right{max-width: 100%;margin-right: 0;}

    .footer .icp{flex-wrap: wrap;padding: 10px 0;}
    .footer .icp div{width: 100%;margin: 0;}

    .case_list .container .contentBox .one{width: 100%;margin-right: 0;}
    .news_list .container .contentBox .one{width: 100%;margin-right: 0;}

    .team_content .container{padding: 30px 20px 10px;}

    .exchange_content .exchange_header{font-size: 14px;}

    .contact_content .container .top .block{width: 100%;}
    .contact_content .container .bot .block{width: 100%;}

    .contact_content .container .map_box .address{position: static;width: 100%;}
    .contact_content .container .map_box .address .one{height: 95px;}
    .contact_content .container .map_box .address .one .text{padding: 20px;}
    .contact_content .container .map_box .address .one.active{background-size: 100% 100%;}

    .more600{display: none;}
    .less600{display: block;}
    .toTop{bottom: 20px;}

    .index_news .contentBox .block .news .one .textBox{padding: 10px 0 40px;}
    .index_news .contentBox .block .news .one .textBox .title{padding: 0 10px;font-size: 18px;}
    .index_news .contentBox .block .news .one .textBox .content{padding: 0 10px;margin-top: 10px;font-size: 12px;}

    .less600.inpage_bread.second{background: transparent;}
    .less600.inpage_bread.second .container{justify-content: center;padding: 5px 0;}
    .less600.inpage_bread.second .container .right{background: #fff;}
    .less600.inpage_bread.second .container .right input{background: #fff;}
    .news_list .container .contentBox .one .text .title{font-size: 20px;}
    .news_list .container .contentBox .one .share{display: flex;opacity: 1;bottom: 10px;z-index: 999;}
    .news_list .container .contentBox .one .share .icon{width: 30px;height: 30px;}
    .news_list .container .contentBox .one .share .icon .code{margin-bottom: 10px;}
    .case_list .container .contentBox .one .text .title{font-size: 20px;}
    .case_list .container .contentBox .one .share{display: flex;opacity: 1;bottom: 10px;z-index: 999;}
    .case_list .container .contentBox .one .share .icon{width: 30px;height: 30px;}
    .case_list .container .contentBox .one .share .icon .code{margin-bottom: 10px;}

    .pageList{display: flex;align-items: center;justify-content: space-between;opacity: 0;}
    .pageList>div{border: 1px solid #ddd;padding: 5px 0;display: flex;align-items: center;justify-content: center;width: 19%;background: #fff;}
    .pageList>div.btn:hover{background: #124671;color: #fff;cursor: pointer;}

    .mb.header .language{width: 30px;height: 30px;font-size: 12px;}

    .mb.header .menu .box::before{width: 28px;height: 3px;transform: translateY(-10px) scale(1);}
    .mb.header .menu .box .line{width: 28px;height: 3px;}
    .mb.header .menu .box::after{width: 28px;height: 3px;transform: translateY(10px) scale(1);}
    .mb.header .menu .box{width: 28px;height: 28px;}

    .index_product{margin-top: 20px;}
    .index_product .container .gallery-top .swiper-slide .contentBox{padding: 15px 10px;}
    .index_product .container .gallery-top .swiper-slide .content{font-size: 12px;}

    .index_news{margin-top: 40px;}
    .index_news .titleBox .right .nav .one{font-size: 14px;}
    .index_news .titleBox .right .href{font-size: 12px;}
    .index_about .titleBox .right .nav .one{font-size: 14px;}
    .index_about .titleBox .right .href{font-size: 12px;}
    .index_about{margin-top: 20px;}
    .index_about .contentBox .block .left .title{font-size: 18px;}
    .index_about .contentBox .block .left .content{font-size: 12px;}
    .index_about .contentBox .block .left .btn{width: 94px;height: 35px;border-radius: 35px;font-size: 12px;}

    .footer .container .block.mb_logo .logo{width: 94px;height: 27px;}
    .footer .container{padding: 0;}
    .footer .container .block.mb_logo{padding: 20px;}
    .footer .container .block.contact{margin-left: 20px;}
    .footer .container .form{padding: 0 20px 35px;}
    .footer .container .block.form .one input{background-color: #fff;}
    .footer .container .block.form .one textarea{background-color: #fff;}
    .footer .container .block.form .one.phone input{background-color: #fff;}

    .inpage_bread{height: 40px;}
    .inpage_bread .container *{font-size: 12px;}
    .about_content .titleBox .one{height: 50px;}

    .honor_list .titleBox{font-size: 24px;}
    .honor_list{margin-top: 25px;}
    .honor_type{height: auto;}
    .honor_type .one{padding: 10px 0;font-size: 14px;}
    .honor_list .contentBox .one .text{font-size: 12px;padding: 10px;}
    .honor_text{margin: 15px auto;}
    .one_box .text{font-size: 18px;height: 67px;}
    .one_box .swiper-container{height: calc(100% - 67px);}
    .museum_content{margin-top: 20px;}
    .museum_content .titleBox .one{width: 50%;height: 50px;padding: 5px;}
    .museum_content .titleBox .one .img{margin-right: 5px;}
    .museum_content .contentBox .block .img{padding: 0;}
    .museum_content .contentBox .block .text{padding: 25px 15px;}
    .museum_content .contentBox .block .text .title{margin-bottom: 10px;font-size: 18px;}
    .museum_content .contentBox .block .text .content{font-size: 12px;}

    .museum_inpage_banner{display: none;}
    .museum_show .titleBox{font-size: 24px;}
    .museum_show{margin-top: 40px;}
    .museum_show .contentBox{margin-top: 20px;}
    .museum_show .contentBox .one{margin-bottom: 10px;}
    .museum_show .contentBox .one .text{font-size: 12px;padding: 10px;}
    .museum_show .contentBox .one .img{padding: 10px;}
    .one_box.museum_box .text .title{font-size: 18px;margin: 0 auto 10px;}
    .one_box.museum_box .text .content{font-size: 12px;}

    .header .nav .one .second .bot .left{margin-right: 0;}

    .news_list{margin-top: 20px;}
    .news_list .container .contentBox .one .text .title{font-size: 18px;}
    .news_list .container .contentBox .one .text .time{font-size: 12px;}
    .news_list .container .contentBox .one{margin-bottom: 10px;}

    .case_list{margin-top: 20px;}
    .case_list .container .contentBox .one .text .title{font-size: 18px;}
    .case_list .container .contentBox .one .text .time{font-size: 12px;}
    .case_list .container .contentBox .one{margin-bottom: 10px;}

    .join_form .container{padding: 20px;}
    .join_form .container .join_header{font-size: 18px;}
    .join_form .container .form{margin: 20px 0;padding: 20px 0;}
    .join_form .container .form .one .input{padding-bottom: 10px;}
    .join_form .container .form .one .input.radio{height: 52px;}
    .join_form .check{padding: 0;}

    .index_product .titleBox .left{font-size: 24px;}
    .index_news .titleBox .left{font-size: 24px;}
    .index_about .titleBox .left{font-size: 24px;}
    .index_news .contentBox .block .news .one .share{flex-direction: row-reverse;}

    .about_video .contentBox .block .one .text{padding: 15px;font-size: 12px;}
    .about_video .contentBox .block .more .right{font-size: 12px;}

    .header .nav .one.product .second .top{padding: 0 3%;height: auto;align-items: stretch;}
    .header .nav .one.product .second .top .one img{transform: scale(1);}
    .header .nav .one.product .second .top .one{margin-right: auto;padding: 5px 10px;height: auto;border: none;}

    .inpage_bread.search{height: auto;padding: 10px 0;}

    .inpage_banner{min-height: 200px;}
    .inpage_banner .img{min-height: 200px;}
    .inpage_banner .img img{min-height: 200px;}

    .case_type .container .right{display: block;}
    .join_type .container .right{display: block;}

    .case_type .container .left .img{height: 100%;}
    .case_type .container .right .img{height: 100%;}

    .join_type .container .left .img{height: 100%;}
    .join_type .container .right .img{height: 100%;}
}

@media(max-width:500px){
    .detail_content .container .top .title{font-size: 24px;}
    .team_content .container .line .team .one:nth-child(2n){margin-right: 0;}
    .exchange_content .form{padding: 20px;}
}

@media(max-width:414px){
    .team_content .container .line .team .one{margin-right: 0;}
    .team_content .container .line .team .one:nth-child(3n){margin-right: 0;}
    .team_content .container .line .team{justify-content: space-between;}

    .join_list .contentBox .block .text .top .name{font-size: 14px;margin-right: 10px;}
    .join_list .contentBox .block .text .top .time{font-size: 12px;}
    .join_list .contentBox .block .text .bot{flex-wrap: wrap;}
}

@media(max-width:375px){
    .pageList>div{font-size: 12px;}
}