*{margin: 0;padding: 0;} header,footer,nav,div,p,span,b,a,input,textarea,ul,li{font-family: '寰蒋闆呴粦';margin: 0;padding: 0;} ul li{list-style: none;} a{text-decoration: none;color: #000;} table {border-collapse:collapse;}table,th, td{border: 1px solid #ddd;line-height: 30px;padding: 10px;} input{outline: none;} textarea{resize: none;outline: none;} iframe{display: block;width: 800px;height: 600px;border: 0;margin: 0 auto;} /*娴姩*/ .f_le{float: left;} .f_ri{float: right;} /*娓呴櫎娴姩*/ .clearfix:after{content: "";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;} /*瀹氫綅*/ .p_re{position: relative;} .p_ab{position: absolute;} /*寮规€х洅瀛?/ .flexbox{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} /*妯悜寮规€?/ .flexbox11{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;} /*妯悜寮规€?/ .flexbox22{display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;} /*妯悜寮规€?/ .flexbox_1{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;height: 900px;} /*绾靛悜寮规€?/ .flexc{margin: auto auto;} .flexwarp{flex-wrap: wrap;} /*寮规€х洅瀛愭崲琛?/ /* 鏂囧瓧鍒嗘爮 */ .column{column-width:300px;-moz-column-width:300px; /* Firefox */-webkit-column-width:300px; /* Safari and Chrome */ column-count:; /* 鍒楁暟 */ column-gap:; /* 鍒楅棿璺 */ column-rule:; /* 鍒嗛殧绾 */ } /*瀹藉害*/ body{min-width: 1280px; text-align:justify; text-justify:distribute-all-lines;} .wrapper{width: 74%; margin: 0 auto; min-width: 1200px;} .ellipsis{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .ellipsis-2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden; text-align: justify;} .ellipsis-3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; text-align: justify;} /* 瀵艰埅 */ .header{width: 90%; height: 145px; background: rgba(26,50,82,.5); margin: 0 auto; position: fixed; top: 0;left: 0; right: 0; z-index: 9; box-sizing: border-box; padding: 0 90px; overflow: hidden; min-width: 1152px;} .header .flexbox{height: 100%;} .header-active{background: rgba(26,50,82,.8);} .header .logo{display: block; margin: auto 0;} .header .logo img{display: block;} .header .right{margin: auto 0;} .header .right .language a{display: block; float: right; color: #fff; font-size: 12px;} .header .right .language a:first-child:before{content: '/'; margin: 0 5px;} .header .nav a{display: block; float: left; font-size: 14px; color: #fff; margin: 10px 0 0 80px; line-height: 30px; margin-top: 10px; transition: .5s;} .header .nav a:nth-child(1){margin-left: 0;} .header .nav a:hover{color: #1a3252;} @media screen and (max-width: 1680px) { .header{height: 140px; overflow: hidden; padding: 0 80px;} .header .logo img{display: block; width: 340px;} .header .nav a{margin: 10px 0 0 50px;} } @media screen and (max-width: 1440px) { .header{height: 130px; overflow: hidden; padding: 0 70px;} .header .logo img{display: block; width: 300px;} .header .nav a{margin: 10px 0 0 40px;} } @media screen and (max-width: 1360px) { .header{height: 120px; overflow: hidden; padding: 0 60px;} .header .logo img{display: block; width: 280px;} .header .nav a{margin: 10px 0 0 35px;} } @media screen and (max-width: 1280px) { .header{height: 110px; overflow: hidden; padding: 0 50px;} .header .logo img{display: block; width: 260px;} .header .nav a{margin: 10px 0 0 35px;} } /*杞挱*/ .banner{width: 100%;position: relative;overflow: hidden;} .banner img{width: 100%;display: block;} .banner .swiper-pagination{position: absolute;bottom: 25px;} .banner .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background: #fff;} .banner .swiper-pagination-bullet-active{width: 40px;height: 12px;opacity: 1;border-radius: 12px;background: #15499a;} .banner .swiper-button-next{width: 59px;height: 249px;position: absolute;right: 0;top: 50%;margin-top: -124px;} .banner .swiper-slide{position: relative;} .banner .text{display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 3;width: 100%;height: 100%;} /* 鏁板瓧婊氬姩 */ .n-num{height: 185px;position: absolute;top: 50%;left: 0;right: 0;z-index: 3;margin-top: -92px;} .n-num .line{display: block;width: auto;} .n-num .year{display: block;width: 34px;height: 34px;float: left;margin-top: 40px;} .n-num .num{display: block;width: 385px;font-size: 120px;color: #354b68;font-family: 'NSimSun', 'CTXingKaiSJ';height: 90px;line-height: 90px;float: left;margin-top: 60px;text-align: right;margin-bottom: 10px;} /* 鍏充簬鎴戜滑 */ .n-about{width: 100%; box-sizing: border-box; padding-top: 75px;position: relative; background: url(../images/bj_03.jpg) bottom center no-repeat;} .n-about .wrapper{overflow: hidden; position: relative;} .n-about .m-js{width: 44%; float: left; margin-bottom: 115px;} .n-about .m-js img{display: block;} .n-about .m-js article{font-size: 14px; color: #545454; text-align: justify; text-indent: 2em; line-height: 30px; margin-top: 30px;} .n-about .m-js article a{font-size: 14px;text-transform: uppercase;color: #1a3252;} .n-about em{display: block; width: 50%; height: 70px; background: #1a3252; position: absolute; bottom: 173px; left: 0;} .n-about .pic{display: block; width: 50%; position: absolute; right: 0; bottom: 0;} .n-about .pic img{display: block; width: 100%;} .n-about .p_re{height: 243px;} .n-about .p_re .tb{display: block; position: absolute; right: 0; top: 10%; width: 50%;} /* 浜у搧灞曠ず */ .n-product{width: 100%;height: 900px;box-sizing: border-box;padding: 90px 0 0;background: url(../images/bj_01.jpg) center center no-repeat;position: relative;} .n-product .wrapper{position: relative;z-index: 3;} .n-product .title{display: block;} .gallery-top{width: 100%;overflow: hidden;position: relative;padding-top: 90px;} .gallery-top .swiper-slide .jt{display: block;width: 23px;height: 13px;margin-left: 50px;float: left;margin-top: 220px;} .gallery-top .swiper-slide .pic{display: block;width: calc(100% - 368px);height: 469px;overflow: hidden;float: left;} .gallery-top .swiper-slide .pic img{display: block;width: 100%;min-height: 100%;} .gallery-top .swiper-slide .cont{width: 245px;height: 469px;background: #1a3252;box-sizing: border-box;float: left;margin-left: 50px;padding: 55px 60px;} .gallery-top .swiper-slide .cont p{writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;-ms-writing-mode: vertical-rl;height: 100%;color: #fff;float: right;} .gallery-top .swiper-slide .cont .ftit{font-size: 18px;line-height: 20px;} .gallery-top .swiper-slide .cont .tit{font-size: 32px;margin-right: 15px;} .gallery-top .swiper-pagination{top: 35px;bottom: unset;text-align: left;} .gallery-thumbs{width: 535px;height: 484px;overflow: hidden;position: absolute;top: 35px;left: 0;z-index: 0;} .gallery-thumbs img{display: block;width: 100%;} /* 鍚堜綔浼欎即 */ .n-hzhb{background: url(../images/bj_02.jpg) bottom center no-repeat; box-sizing: border-box; padding: 150px 22%; } .n-hzhb .pic{float: left; width: 20%; margin-top: 80px;} .n-hzhb .right{width: 80%; float: left;} .n-hzhb .btn{margin-bottom: 50px;} .n-hzhb .btn a{font-size: 20px; color: #828282;} .n-hzhb .btn a.on{color: #1A3252;} .n-hzhb .btn a:after{content: '/'; margin: 0 50px; display: inline-block;} .n-hzhb .btn a:last-child:after{display: none} .n-hzhb .qh-box a{width: 32%; float: left; margin: 0 2% 10px 0 ; height: 140px; display: block;} .n-hzhb .qh-box a img{height: 100%; display: block; margin: 0 auto;} .n-hzhb .qh-box a:nth-child(3n){margin-right: 0;} @media screen and (max-width: 1680px) { .n-hzhb{padding: 150px 20%; } } @media screen and (max-width: 1440px) { .n-hzhb{padding: 150px 18%; } } @media screen and (max-width: 1360px) { .n-hzhb{padding: 150px 15%; } } @media screen and (max-width: 1280px) { .n-hzhb{padding: 150px 10%; } } /* 搴曢儴 */ .footer{width: 100%;background: #122742;padding-top: 35px;color: rgba(255,255,255,.42);} .footer .logo_foot{display: block;margin-bottom: 25px;} .footer .f-nav{margin-bottom: 50px;} .footer .f-nav a{display: inline-block;font-size: 14px;color: #fff;margin-right: 75px;} .footer .f-nav a:last-child{margin-right: 0;} .footer .f-nav a:hover{text-decoration: underline;} .footer .f-nav a:nth-child(n){animation-delay: 0.2s;} .footer .f-nav a:nth-child(2n){animation-delay: 0.3s;} .footer .f-nav a:nth-child(3n){animation-delay: 0.4s;} .footer .left{width: 980px;float: left;font-size: 14px;line-height: 30px;} .footer .qrcode{display: block;width: 108px;height: 108px;float: right;} .footer .qrcode img{display: block;width: 100%;} .bq{border-top: 1px solid rgba(255,255,255,.5);height: 100px;margin-top: 20px; line-height: 100px; font-size: 12px;} .bq a{color: rgba(255,255,255,.42);} .bq a:hover{color: #fff;} .cont{background: url(../images/bj_02.jpg) bottom center no-repeat; padding-bottom: 300px;} .navi{line-height: 60px; background: #F7F7F7; font-size: 18px; color: #A0A0A0; text-align: right; margin-bottom: 95px;} .navi a{color: #A0A0A0;} .navi span{color: #1A3252;} .title{font-size: 32px; color: #1A3252; font-family: 'NSimSun'; margin-bottom: 60px; font-weight: bold; overflow: hidden;} .title span{float: right; font-weight: 100; font-size: 24px;} .m-wmdzz .left{width: 250px; float: left;} .m-wmdzz .left a{width: 200px; height: 335px; display: block; margin-bottom: 50px; background: #DCDCDC; } .m-wmdzz .left a.on{background: #1A3252;} .m-wmdzz .left a.on img{-webkit-filter: brightness(1000%);filter: brightness(1000%);} .m-wmdzz .right{width: 100%;} .m-wmdzz .zz-box{width: calc((100% - 75px) / 4); float: left; margin: 0 25px 56px 0; cursor: default; animation-name: fadeInUp; animation-duration: 1.5s;} .m-wmdzz .zz-box:nth-child(1){animation-delay: 0.1s;} .m-wmdzz .zz-box:nth-child(2){animation-delay: 0.2s;} .m-wmdzz .zz-box:nth-child(3){animation-delay: 0.3s;} .m-wmdzz .zz-box:nth-child(4){animation-delay: 0.4s;} .m-wmdzz .zz-box:nth-child(5){animation-delay: 0.5s;} .m-wmdzz .zz-box:nth-child(6){animation-delay: 0.6s;} .m-wmdzz .zz-box:nth-child(7){animation-delay: 0.7s;} .m-wmdzz .zz-box:nth-child(8){animation-delay: 0.8s;} .m-wmdzz .zz-box:nth-child(4n){margin-right: 0;} .m-wmdzz .zz-box .pic{background: #F7F7F7; position: relative; padding: 50px 15px 40px 15px; box-sizing: border-box; height: 370px;} .m-wmdzz .zz-box .pic img{width: 100%;;height: 100%; margin: 0 auto; display: block;object-fit: cover;} .m-wmdzz .zz-box .pic em{font-size: 14px; color: #777; display: block; width: 100%; font-style: normal; position: absolute; top: 0; left: 0; padding: 10px 15px; box-sizing: border-box;} .m-wmdzz .zz-box .pic p{font-style: 18px; color: #202020; padding: 10px 15px; line-height: 25px; position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box;} .m-wmdzz .zz-box .txt{margin-top: 10px;} .m-wmdzz .zz-box .txt p{font-size: 14px; color: #545454; line-height: 22px; padding: 0 15px; width: 65%; } .m-wmdzz .zz-box .txt em{font-size: 70px; color: rgba(26,50,82,.2); float: right; margin-top: -85px; font-style: normal; font-family: 'NSimSun'; font-weight: bold; position: relative; z-index: 9;} .m-wmdzz .zz-box:hover .pic{box-shadow: 0 0 10px rgba(0,0,0,.1);} .m-wmdzz .jg-box .pic{padding: 0; height: 281px; overflow: hidden;} .m-wmdzz .jg-box .pic img{width: 100%;height: 100%; transition: 0.5s ease;object-fit: contain;} .m-wmdzz .jg-box .pic em{padding-bottom: 30px; background: -moz-linear-gradient(top, rgba(247,247,247,1) 50%, rgba(247,247,247,0) 100%); background: -webkit-linear-gradient(top, rgba(247,247,247,1) 50%,rgba(247,247,247,0) 100%); background: -o-linear-gradient(top, rgba(247,247,247,1) 50%,rgba(247,247,247,0) 100%); background: -ms-linear-gradient(top, rgba(247,247,247,1) 50%,rgba(247,247,247,0) 100%); background: linear-gradient(to bottom, rgba(247,247,247,1) 50%,rgba(247,247,247,0) 100%); } .m-wmdzz .jg-box .pic p{padding-top: 50px; color: #fff; background: -moz-linear-gradient(bottom, rgba(26,50,82,1) , rgba(26,50,82,0) ); background: -webkit-linear-gradient(bottom, rgba(26,50,82,1) ,rgba(26,50,82,0) ); background: -o-linear-gradient(bottom, rgba(26,50,82,1) ,rgba(26,50,82,0) ); background: -ms-linear-gradient(bottom, rgba(26,50,82,1) ,rgba(26,50,82,0) ); background: linear-gradient(to top, rgba(26,50,82,1) ,rgba(26,50,82,0) );} .m-wmdzz .jg-box .txt em{color: rgba(0,0,0,.2);} .m-wmdzz .jg-box:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .m-wmdyz .left{width: 360px; padding-right: 40px; box-sizing: border-box; font-size: 14px; color: #545454; line-height: 35px; float: left;} .m-wmdyz .left h6{font-size: 18px; margin-top: 8%;} .m-wmdyz .left h6:after{content: ''; width: 60px; height: 1px; background: #DCDCDC; display: block; margin: 10px 0 20px 0;} .m-wmdyz .right{width: calc(100% - 360px); float: left; margin-bottom: 100px;} .m-wmdyz .right .box{width: 32%; float: left; margin: 0 2% 20px 0; position: relative; overflow: hidden; color: #fff;} .m-wmdyz .right .box img{display: block; width: 100%; transition: 0.5s ease;} .m-wmdyz .right .box:nth-child(3n){margin-right: 0;} .m-wmdyz .right .box .layer{width: 100%; height: 100%; background: rgba(0,0,0,.6); position: absolute; top: 0; left: 0;} .m-wmdyz .right .box:nth-child(1) .layer{display: none;} .m-wmdyz .right .box:nth-child(3) .layer{display: none;} .m-wmdyz .right .box:nth-child(5) .layer{display: none;} .m-wmdyz .right .box:nth-child(6){height: 100%;background: #122742;} .m-wmdyz .right .box:nth-child(6) .layer{background: none; font-size: 26px; align-items:center; justify-content:center; display: -webkit-flex;} .m-wmdyz .right .box:nth-child(6) img{opacity: 0;} .m-wmdyz .right .box:nth-child(6) p{ font-family: "NSimSun";} .m-wmdyz .right .box:nth-child(6) p span{ font-family: "NSimSun"; display: block; font-size: 14px;} .m-wmdyz .right .box:nth-child(2) .layer:after{content: '鍝佽唱'; font-size: 20px; float: right; margin: 5% 5% 0 0; font-family: "NSimSun";} .m-wmdyz .right .box:nth-child(4) .layer:after{content: '鍝佽唱銇х敓瀛樸倰姹傘倎銆佷俊鐢ㄣ仹鐧哄睍銈掓眰銈併倠銆?; font-size: 20px; float: right; margin: 40% 5% 0 0; font-family: "NSimSun"; width: 55%; text-align: right;} .m-wmdyz .right .box:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .m-wmdyz .hdxl{clear: both;} .m-wmdyz .hdxl .tit{line-height: 108px; background: url(../images/yz.jpg) top center no-repeat; margin-bottom: 50px; padding: 0 40px; font-size: 24px; color: #202020;} .m-wmdyz .hdxl .tit span{font-size: 16px; color: #545454; margin-left: 15px;} .hd-list .pic{width: 23.5%; margin: 0 2% 30px 0; overflow: hidden; float: left; animation-name: fadeInUp; animation-duration: 1.5s; display: block;} .hd-list .pic:nth-child(4n){margin-right: 0;} .hd-list .pic img{display: block; width: 100%; transition: 0.5s ease;} .hd-list .pic:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .m-top{margin-bottom: 60px;} .m-top a{display: block; width: 50%; float: left; line-height: 80px; text-align: center; font-size: 24px; color: #122742; font-family: 'NSimSun'; background: #DCDCDC; position: relative; font-weight: bold;} .m-top a:after{content: ''; width: 0; height: 0; border: 13px solid transparent; border-top-color: #122742; position: absolute; bottom: -26px; left: 50%; margin-left: -26px; display: none;} .m-top a.on{background: #122742; color: #fff;} .m-top a.on:after{display: block;} .py-box{width: 30%; float: left; margin-right: 5%; overflow: hidden; line-height: 58px; border-bottom: 1px solid #D8D8D8; text-align: center; font-size: 16px; color: #202020;} .py-box:nth-child(3n){margin-right: 0;} .zjwm .js{font-size: 14px; line-height: 30px; color: #545454;} .zjwm .js:after{content: ''; width: 210px; height: 1px; background: #999; display: block; margin: 20px 0 40px 0;} .zjwm .left{width: 300px; float: left; margin-top: 60px;} .zjwm .left .box{width: 245px; height: 120px; background: #DCDCDC; color: #fff; font-size: 14px; position: relative; margin-bottom: 30px; padding: 20px; box-sizing: border-box; cursor: default;} .zjwm .left .box.on{background: #122742;} .zjwm .left .box:after{content: ''; width: 0; height: 0; border: 18px solid transparent; border-left-color: #122742; position: absolute; right: -36px; top: 50%; margin-top: -18px; display: none;} .zjwm .left .box h6{margin-bottom: 10px; font-size: 20px;} .zjwm .left .box h6 img{float: left; margin-right: 15px;} .zjwm .left .box p{line-height: 22px;} .zjwm .left .box.on:after{display: block;} .zjwm .right{width: calc(100% - 300px); float: left; height: 546px; overflow: hidden;} .zjwm .right img{height: 100%;} .wmdgs{width: 100%; overflow: hidden;} .wmdgs .js{font-size: 14px; color: #545454; line-height: 35px; /* height: 415px; */ overflow: hidden;} .wmdgs .js .wrapper{position: relative;} .wmdgs .js .pic{width: 55%; position: absolute; /* top: 0; */ top: 100px; left: -20%; height: auto; display: block;} .wmdgs .js .txt{width: 62%; float: right; /* margin-top: 100px; */} @media screen and (max-width: 1680px) { .py-box{font-size: 14px;} /* .wmdgs .js{height: 360px;} .wmdgs .js .txt{margin-top: 70px;} */ } .wmdgs .sj{background: #1A3252; color: #fff; padding: 50px;} .wmdgs .sj .tit{float: left;} .wmdgs .sj .tit h6{font-size: 28px; margin-bottom: 20px;} .wmdgs .sj .tit p{font-size: 22px; line-height: 40px;} .wmdgs .sj .box{float: left; margin-left: 150px;} .wmdgs .sj .box h6 span{font-size: 90px; font-family: 'NSimSun'; font-weight: lighter; position: relative; display: inline-block;} .wmdgs .sj .box h6 sup{font-size: 24px; position: absolute;} .wmdgs .sj .box h6 sub{font-size: 18px;} .wmdgs .sj .box p{float: left; margin-top: 5px; font-size: 18px;} @media screen and (max-width: 1680px) { .wmdgs .sj{padding: 40px;} .wmdgs .sj .tit h6{font-size: 26px; margin-bottom: 10px;} .wmdgs .sj .tit p{font-size: 20px; line-height: 34px;} .wmdgs .sj .box{margin-left: 150px;} .wmdgs .sj .box h6 span{font-size: 74px;} .wmdgs .sj .box h6 sup{font-size: 22px;} .wmdgs .sj .box h6 sub{font-size: 16px;} .wmdgs .sj .box p{font-size: 16px;} } @media screen and (max-width: 1440px) { .wmdgs .sj{padding: 35px;} .wmdgs .sj .tit h6{font-size: 24px; margin-bottom: 10px;} .wmdgs .sj .tit p{font-size: 18px; line-height: 32px;} .wmdgs .sj .box{margin-left: 170px;} .wmdgs .sj .box h6 span{font-size: 74px;} .wmdgs .sj .box h6 sup{font-size: 20px;} .wmdgs .sj .box h6 sub{font-size: 14px;} .wmdgs .sj .box p{font-size: 14px;} } @media screen and (max-width: 1280px) { .wmdgs .sj{padding: 30px;} .wmdgs .sj .tit h6{font-size: 22px; margin-bottom: 10px;} .wmdgs .sj .tit p{font-size: 16px; line-height: 30px;} .wmdgs .sj .box{margin-left: 170px;} .wmdgs .sj .box h6 span{font-size: 66px;} .wmdgs .sj .box h6 sup{font-size: 18px;} .wmdgs .sj .box h6 sub{font-size: 12px;} .wmdgs .sj .box p{font-size: 12px;} } .wmdgs .m-tit{font-size: 28px; color: #1A3252; font-family: 'NSimSun'; text-align: center; margin: 90px 0 50px 0; font-weight: bold;} .wmdgs .lc li{line-height: 30px; border-bottom: 1px solid #E9E9E9; font-size: 14px; color: #5B5B5B; cursor: default; padding: 15px 0;} .wmdgs .lc li span{width: 12%; float: left; display: block; padding-left: 20px; color: #000; box-sizing: border-box;} .wmdgs .lc li p{width: 82%; float: left;} .wmdgs .lc li em{font-size: 24px; width: 6%; float: right; font-style: normal; text-align: center;} .wmdgs .lc li:hover{color: #193150; font-weight: bold;} .wmdgs .wh li{line-height: 94px; background: #DCDCDC; font-size: 14px; color: #1A3252; margin-bottom: 30px;} .wmdgs .wh li h6{width: 28%; background: #1A3252; color: #fff; font-size: 24px; position: relative; text-align: center; float: left; font-family: 'NSimSun';} .wmdgs .wh li h6:after{content: '';width: 0; height: 0; border: 20px solid transparent; border-left-color: #1A3252; display: block; position: absolute; right: -40px; top: 50%; margin-top: -20px;} .wmdgs .wh li p{width: 72%; padding-left: 110px; box-sizing: border-box; float: left; font-family: 'NSimSun'; font-weight: bold;} .wmdgs .wh li:hover{box-shadow: 5px 5px 10px rgba(0,0,0,.1);} .wmdgs .sm{margin-top: 90px; background: url(../images/gsbj.jpg) top center repeat-x; text-align: center;} .wmdgs .sm h6{font-size: 32px; color: #1A3252; font-family: 'NSimSun'; line-height: 130px; font-weight: bold;} .wmdgs .sm p{font-size: 18px; color: #fff; ; font-family: 'NSimSun'; line-height: 60px; background: rgba(18,39,66,.9);} .m-pages{margin: 40px 0 -50px 0 !important;} .cont iframe{display: block;width: 100%;height: 100%;margin: 0 auto;} .m-tit{font-size: 20px; text-align: center; font-weight: bold; margin-bottom: 20px;} .article{font-size: 16px; color: #444; line-height: 30px;} .article img{max-width: 100%;} .article .m-tit{font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 20px;} .article a{color: #444;} .m-clips{margin-top: 40px; padding-top: 20px; border-top: 1px dashed #444;} /* 鎴戜滑鐨勮崳瑾 */ .rongy .ry-title{font-size: 32px;color: #1A3252;font-family: 'NSimSun';text-align: center;line-height: 45px;margin-bottom: 40px;font-weight: bold;} .rongy .ry-list {display: flex;flex-wrap: wrap;} .rongy .ry-list a.pic{display: block;width: 32%;margin: 0 2% 38px 0;box-sizing: border-box;background: #fff;border: 4px solid #e6e6e6;animation-name: fadeInUp;animation-duration: 1.5s;transition: .5s;} .rongy .ry-list a.pic:nth-child(2n){animation-delay: 0.3s;} .rongy .ry-list a.pic:nth-child(3n){margin-right: 0;animation-delay: 0.6s;} .rongy .ry-list img{display: block;width: 100%;} .rongy .ry-list a.pic:hover{box-shadow: 0 0 10px rgba(0,0,0,.3)} /* 鎬濇簮瀹嬩綋 */ @font-face { font-family:SourceHanSerifCNotf; src: url(./SourceHanSerifCN-Heavy-7.otf); } .wmdzz_cover{display: flex;flex-wrap: wrap;width: 100%;} .wmdzz_cover .list{display: flex;align-items: center;justify-content: center;width: calc((100% - 25px) / 2);height: 317px;margin-right: 25px;margin-bottom: 25px;background-color: #193251;} .wmdzz_cover .list:nth-child(2n){margin-right: 0;background-color: #3f546f;} .wmdzz_cover .list .name{font-size: 47px;color: #fff;font-weight: bold;font-family: SourceHanSerifCNotf;line-height: 1.2;} .wmdzz_cover .list .alias_name{width: 100%;font-size: 24px;color: #596f8b;text-align: center;line-height: 1.2;border: 1px solid #596f8b;margin: 25px 0;} .wmdzz_cover .list .more{width: 58px;height: 7px;background: url(../images/more_icon.png)no-repeat left center / auto 100%;margin: 0 auto;} .wmdzz_cover .list:nth-child(2n) .alias_name{color: #96a6bb;border: 1px solid #96a6bb;} .wmdzz_cover .list:nth-child(2n) .more{background-position: right center;} .nav_item{width: 100%;padding-bottom: 55px;} .nav_item .list{font-family: SourceHanSerifCNotf;} .nav_item .nav , .nav_item .sub_nav{display: flex;flex-wrap: wrap;} .nav_item .nav .list{display: block;width: calc((100% - 11px) / 2);font-size: 24px;color: #193251;text-align: center;line-height: 74px;margin-right: 11px;margin-bottom: 16px;background-color: #dcdcdc;} .nav_item .nav .list:nth-child(2n){margin-right: 0;} .nav_item .nav .list.active , .nav_item .nav .list:hover{background-color: #193251;color: #fff;transition: .4s;} .nav_item .sub_nav .list{display: block;width: calc((100% - 12px) / 3);font-size: 20px;color: #193251;text-align: center;line-height: 57px;margin-right: 6px;margin-bottom: 10px;border: 1px solid #193251;box-sizing: border-box;} .nav_item .sub_nav .list:nth-child(3n){margin-right: 0;} .nav_item .sub_nav .list.on , .nav_item .sub_nav .list:hover{background-color: #193251;color: #fff;transition: .4s;}