blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0} table{border-collapse:collapse;border-spacing:0} abbr,acronym,fieldset,img{border:0} ol,ul{list-style:none} caption,th{text-align:left} q:after,q:before{content:''} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} .col-c,.col-l,.col_c,.col_l,.l{float:left} .col-r,.col_r,.r,.ul-txt li span,.ul_txt li span,dt span{float:right} .c{clear:both} .n,em{font-weight:400;font-style:normal} .b{font-weight:700} .i{font-style:italic} .fa{font-family:Arial} .fg{font-family:Georgia} .ft{font-family:Tahoma} .fl{font-family:Lucida Console} .fs{font-family:'宋体'} .fw{font-family:'微软雅黑'} .tc{text-align:center} .tr{text-align:right} .tl{text-align:left} .tdu{text-decoration:underline} .tdn,.tdn:hover,a.tdl:hover{text-decoration:none} .fc0{color:#000} .fc3{color:#333} .fc6{color:#666} .fc9{color:#999} .fcr{color:red} .fcw{color:#fff} .fcb{color:#00f} .fcg{color:green} .f0{font-size:0} .f10{font-size:10px} .f12{font-size:12px} .f13{font-size:13px} .f14{font-size:14px} .f16{font-size:16px} .f20{font-size:20px} .f24{font-size:24px} .vm{vertical-align:middle} .vtb{vertical-align:text-bottom} .vt{vertical-align:top} .vn{vertical-align:-2px} .vimg{margin-bottom:-3px} .m0{margin:0} .ml0{margin-left:0} .ml5{margin-left:5px} .ml10{margin-left:10px} .ml20{margin-left:20px} .mr0{margin-right:0} .mr5{margin-right:5px} .mr10{margin-right:10px} .mr20{margin-right:20px} .mt5{margin-top:5px} .mt10{margin-top:10px} .mt20{margin-top:20px} .mb5{margin-bottom:5px} .mb10{margin-bottom:10px} .mb20{margin-bottom:20px} .ml-1{margin-left:-1px} .mt-1{margin-top:-1px} .p1{padding:1px} .pl5{padding-left:5px} .p5{padding:5px} .pt5{padding-top:5px} .pr5{padding-right:5px} .pb5{padding-bottom:5px} .p10{padding:10px} .pl10{padding-left:10px} .pt10{padding-top:10px} .pr10{padding-right:10px} .pb10{padding-bottom:10px} .p20{padding:20px} .pl20{padding-left:20px} .pt20{padding-top:20px} .pr20{padding-right:20px} .pb20{padding-bottom:20px} .pr,.rel{position:relative} .abs,.pa{position:absolute} .dn{display:none} .db{display:block} .dib{-moz-inline-stack:inline-block;display:inline-block} .di{display:inline} .ovh{overflow:hidden} .ovs{overflow:scroll} .vh{visibility:hidden} .vv{visibility:visible} .lh14{line-height:14px} .lh16{line-height:16px} .lh18{line-height:18px} .lh20{line-height:20px} .lh22{line-height:22px} .lh24{line-height:24px} .fix{*zoom:1} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden} .z{_zoom:1} .h1{height:1px} .h5{height:5px} .h,.h10{height:10px} .h15{height:15px} .h20{height:20px} .h,.h1,.h10,.h15,.h20,.h5{font-size:0;line-height:0;overflow:hidden;clear:both} *,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased} body{font:14px/1.5 宋体,Arial,sans-serif;color:#333;font-family:"PingFang SC","Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased} img{max-width:100%;border:none;display:block} input,select,textarea{font-size:14px;color:#333;font-family:PingFangSC,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;border:none} input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit],input[type=text],select{-webkit-appearance:none;-moz-appearance:none;appearance:none} ::-webkit-input-placeholder{color:#999} ::-moz-placeholder{color:#999} ::-ms-input-placeholder{color:#999} select::-ms-expand{display:none} a{color:#333;text-decoration:none} .wp{margin:0 auto;width:100%;max-width:1600px} .header{position:fixed;left:0;top:0;width:100%;z-index:99;background-color:#113f8b} .header::before{position:absolute;left:0;right:0;width:100%;top:0;background-position:top center;background-repeat:no-repeat;background-size:100% auto;height:200px;background-image:url(../images/h-bg.png);content:""} .header .wp{display:flex;align-items:center;justify-content:space-between;height:96px;position:relative;z-index:1} .logo img{display:block;width:512px} .logo-txt{font-size:36px;color:#fff;line-height:1;padding-left:15px;margin-left:15px;border-left:1px solid rgba(255,255,255,.4)} .hd-links{margin-bottom:6px;text-align:right} .hd-links .link{display:inline-block;margin-left:30px;padding-left:24px;background-position:left center;background-repeat:no-repeat;background-size:14px auto;font-size:14px;color:rgba(255,255,255,.7);transition:.3s;position:relative} .hd-links .link::after{position:absolute;left:-14px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);content:"";height:14px;width:1px;background-color:rgba(255,255,255,.3)} .hd-links .link:first-child:after{display:none} .hd-links .h-search{background-size:19px auto} .hd-links .link:hover{color:rgba(255,255,255,1)} .nav li{display:inline-block;margin-left:40px;position:relative} .nav .v1{display:block;font-size:18px;color:#fff;transition:.3s} .nav .v1:hover{opacity:.8} .sub{min-width:120px;padding:10px;background:rgba(255,255,255,.9);position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);top:100%;display:none} .sub::after{position:absolute;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);content:"";width:60px;height:3px;background-color:#113f8b} .sub a{display:block;margin:7px 0;font-size:16px;transition:.3s;text-align:center} .sub a:hover{color:#113f8b} .pop-search{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1100;display:none} .pop-search .pop-search-bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:1} .pop-search .pop-search-close{position:absolute;right:50px;top:50px;width:32px;height:32px;background:url(../images/d-close2.png) center center no-repeat;-webkit-background-size:cover;background-size:cover;z-index:10;cursor:pointer} .search-box{position:absolute;left:50%;top:50%;width:690px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10} .search-box input{outline:0;border:none} .search-box .inp{padding:0 140px 0 12px;display:block;width:100%;line-height:50px;box-shadow:3px 3px 3px rgba(0,0,0,.5) inset;font-size:16px;color:#333} .search-box .submit{position:absolute;right:0;top:0;width:120px;height:100%;bottom:0;background-color:#113f8b;font-size:18px;color:#fff;text-align:center} .menuBtn{display:none;position:fixed;top:14px;right:12px;width:30px;height:30px;cursor:pointer;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;z-index:2} .menuBtn b{display:block;height:4px;background-color:#fff;margin:4px 0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} .menuBtn.open b{display:none;margin:-5px 0 0;position:absolute;left:0;top:50%;width:30px} .menuBtn.open b:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)} .menuBtn.open b:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)} .footer{background-position:bottom center;background-repeat:no-repeat;background-size:100% auto;font-size:16px;color:#fff;background-color:#113f8b} .f-top{padding:47px 0 34px} .f-top .col-c,.f-top .col-l,.f-top .col-r{display:inline-block} .f-top .col-l{margin-right:176px} .f-logo img{display:block;width:512px} .f-txt p{padding-left:36px;background-position:left center;background-repeat:no-repeat;background-size:18px auto} .f-vx .vxbox{margin-left:22px;text-align:center;display:inline-block;position:relative} .f-vx .vxbox .icon{width:71px;height:70px;background-position:center;background-repeat:no-repeat;background-size:contain;display:block;transition:.3s} .f-vx .vxbox:hover .icon{opacity:.8} .f-vx .vxbox .box{position:absolute;bottom:110%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);padding:6px;border-radius:6px;background-color:#fff;width:100px;transition:.3s;opacity:0} .f-vx .vxbox:hover .box{opacity:1} .f-vx .vxbox .img{width:100%;display:block} .f-copy{padding:24px 0;text-align:center;border-top:1px solid rgba(255,255,255,.1)} .f-tit{display:inline-block;padding-left:26px;line-height:30px;background-position:left center;background-repeat:no-repeat;background-size:18px auto;background-image:url(../images/f-a6.png)} .f-tit a{color:inherit;transition:.3s} .f-tit a:hover{opacity:.8} .cur,.cur a{font-size:12px;color:#5e5e5e;line-height:20px} .cur{margin:18px 0 10px 9px;padding-left:26px;} .cur a:hover{color:#ca1318} @media only screen and (min-width:1199px){ .wp{margin:0 auto;max-width:83.33vw} .header{left:0;top:0} .header::before{left:0;right:0;top:0;background-size:100% auto;height:10.41vw;content:""} .header .wp{align-items:center;justify-content:space-between;height:5vw} .logo img{width:26.66vw} .logo-txt{font-size:1.875vw;line-height:1;padding-left:.781vw;margin-left:.781vw;border-left:1px solid rgba(255,255,255,.4)} .hd-links{margin-bottom:.512vw} .hd-links .link{margin-left:1.562vw;padding-left:1.25vw;background-size:.729vw auto;font-size:.729vw;transition:.3s} .hd-links .link::after{left:-.729vw;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);content:"";height:.729vw;width:1px} .hd-links .h-search{background-size:.989vw auto} .nav li{margin-left:2.083vw} .nav .v1{font-size:.1.1vw;transition:.3s} .nav .v1:hover{opacity:.8} .sub{min-width:6.25vw;padding:.52vw;background:rgba(255,255,255,.9);transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);top:110%} .sub::after{top:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);content:"";width:3.125vw;height:.156vw} .sub a{margin:.26vw 0;font-size:.937vw;transition:.3s} .pop-search,.pop-search .pop-search-bg{left:0;top:0} .pop-search .pop-search-close{right:2.604vw;top:2.604vw;width:1.666vw;height:1.666vw;background:url(../images/d-close2.png) center center no-repeat;-webkit-background-size:cover;background-size:cover} .search-box{top:50%;width:35.93vw;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .search-box input{outline:0;border:none} .search-box .inp{padding:0 7.291vw 0 .625vw;line-height:2.604vw;box-shadow:.156vw .156vw .156vw rgba(0,0,0,.5) inset;font-size:.833vw} .search-box .submit{right:0;top:0;width:6.25vw;bottom:0;font-size:.937vw} .menuBtn{top:.729vw;right:.625vw;width:1.562vw;height:1.562vw;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} .menuBtn b{height:.208vw;margin:.208vw 0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} .menuBtn.open b{margin:0;left:0;top:50%;margin-top:-.26vw;width:1.562vw} .menuBtn.open b:first-child{transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)} .menuBtn.open b:last-child{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)} .footer{background-size:100% auto;font-size:.833vw} .f-top{padding:2.447vw 0 1.77vw} .f-top .col-l{margin-right:9.166vw} .f-logo img{width:26.66vw} .f-txt p{padding-left:1.875vw;background-size:.937vw auto} .f-vx .vxbox{margin-left:1.145vw} .f-vx .vxbox .icon{width:3.697vw;height:3.645vw;background-size:contain;transition:.3s} .f-vx .vxbox:hover .icon{opacity:.8} .f-vx .vxbox .box{bottom:110%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);padding:.312vw;border-radius:.312vw;width:7.208vw;transition:.3s;opacity:0} .f-vx .vxbox:hover .box{opacity:1} .f-copy{padding:1.25vw 0;border-top:1px solid rgba(255,255,255,.1)} .f-tit{padding-left:1.354vw;line-height:1.562vw;background-size:.937vw auto;background-image:url(../images/f-a6.png)} .f-tit a{transition:.3s} .f-tit a:hover{opacity:.8} } @media only screen and (max-width:1199px){ body{padding-top:60px} .wp{max-width:100%;padding:0 15px} .header{line-height:60px;padding:0;background-color:#113f8b} .header::before{display:none} .header .wp{display:block;height:auto;padding:0 15px} .menuBtn{display:block} .logo a{display:block;line-height:60px} .logo img{width:200px;display:inline-block;vertical-align:middle} .logo{line-height:60px;padding:0;display:inline-block} .h-r{display:none;position:fixed;left:0;width:100%;right:0;top:60px;bottom:0;overflow-y:auto;background-color:#113f8b} .h-r .inner{display:flex;flex-direction:column-reverse} .nav li{display:block;margin:0 10px;line-height:40px} .nav .v1{font-size:16px} .nav .arr{display:inline-block;right:10px;top:0;height:40px;position:absolute;width:10px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../images/h-a3.png);transform:rotate(-90deg);transition:.3s} .nav .act .arr{transform:rotate(0)} .sub a{text-align:left;font-size:14px;line-height:35px;margin:0;color:#fff} .sub{position:relative;left:auto;top:auto;transform:translateX(0);padding:0 10px;background-color:transparent} .sub::after{display:none} .hd-links{text-align:center} .hd-links .link{margin:0 10px;line-height:40px} .search-box{width: 98%;} .footer{background-color:#113f8b;background-size:0;font-size:14px} .f-top .col-c,.f-top .col-l,.f-top .col-r{display:block;float:none;text-align:center;margin:0} .f-logo img{width:280px;margin:0 auto} .f-top .col-c{margin:20px 0} .f-top{padding:30px 0} .f-tit{padding-left:14px;background-size:10px auto;font-size:12px} .f-vx .vxbox img{width:60px;margin-bottom:0} .f-vx .vxbox{margin:0 10px} .f-txt{text-align:center} .f-txt .inner{display:inline-block;text-align:left} .f-vx .vxbox .icon{width:30px;height:30px} .f-txt p{padding-left:20px;background-size:14px auto} .f-copy{padding:10px 0} } .banner .slick-dots{position:absolute;bottom:160px;left:0;right:0;width:100%;text-align:center;z-index:3} .banner .slick-dots li{display:inline-block;margin:0 12px} .banner .slick-dots button{width:14px;height:14px;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../images/a1.png);font-size:0;cursor:pointer;border:none;transition:.3s} .banner .slick-dots li.slick-active button{width:35px;height:33px;background-image:url(../images/a1-1.png)} .banner .pic img{display:block;width:100%} .row-banidx{position:relative} .row-banidx .ban-txt{line-height:130px;height:130px;background-color:rgba(0,0,0,.4);font-size:30px;padding:0 20px;color:#fff;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;position:absolute;left:0;right:0;width:100%;bottom:0;text-align:center} .row-a1{padding:64px 0 70px;background-position:center;background-repeat:no-repeat;background-size:cover} .m-a1{overflow:hidden;margin-top:64px} .g-titbox{position:relative;text-align:center} .g-titbox .tit{display:inline-block;position:relative} .g-titbox .tit .ch{font-size:42px;font-weight:700;position:relative;z-index:1} .g-titbox .tit .img-en{display:block;height:41px;position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);bottom:0;max-width:none} .g-titbox .more{display:inline-block;position:absolute;font-family:Arial;font-size:16px;color:#818181;right:0;top:32px;padding-right:20px;background-position:right center;background-repeat:no-repeat;background-size:38px auto;background-image:url(../images/a4.png);transition:.3s} .g-titbox .more:hover{color:#113f8b} .m-a1 .col-l{width:47%;margin-right:36px} .right-box{overflow:hidden} .m-bana1 .con{display:block;background-color:#fff;transition:.3s} .m-bana1 .con:hover{color:#fff;background-color:#113f8b} .m-bana1 .pic{padding-top:70%;position:relative;overflow:hidden} .m-bana1 .pic img{position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;display:block;object-fit:cover;transition:.3s} .m-bana1 .con:hover .pic img{transform:scale(1.06)} .m-bana1 .date{position:absolute;border-radius:50%;font-family:Arial;text-align:center;color:#113f8b;display:inline-block;left:24px;background:#d8edf6;top:-40px;padding:0 10px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;transition:.3s} .m-bana1 .con:hover .date{background-color:#fff} .m-bana1 .date .d{font-size:32px;line-height:1} .m-bana1 .date .m{font-size:16px} .m-bana1 .txt{padding:34px 49px 80px 120px;position:relative} .m-bana1 .tit{font-size:20px;margin-bottom:18px;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;height:1.5em} .m-bana1 .desc{font-size:15px;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:3em;opacity:.6} .m-bana1 .slick-dots{position:absolute;bottom:42px;left:0;right:0;width:100%;text-align:center;z-index:3} .m-bana1 .slick-dots li{display:inline-block;margin:0 9px} .m-bana1 .slick-dots button{width:8px;height:8px;border-radius:50%;background-color:#cdcdcd;font-size:0;cursor:pointer;border:none;transition:.3s} .m-bana1 .slick-dots li.slick-active button{background-color:#e4b76b} .ul-newsa1{overflow:hidden;margin:0 -14px} .ul-newsa1 li{float:left;width:50%;padding:0 14px;margin-bottom:22px} .ul-newsa1 .con{display:block;background-color:#fff;transition:.3s} .ul-newsa1 .con:hover{background-color:#113f8b;color:#fff} .ul-newsa1 .pic{padding-top:73%;position:relative;overflow:hidden} .ul-newsa1 .pic img{position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;display:block;object-fit:cover;transition:.3s} .ul-newsa1 .con:hover .pic img{transform:scale(1.06)} .ul-newsa1 .date{position:absolute;border-radius:50%;font-family:Arial;text-align:center;color:#113f8b;display:inline-block;left:15px;background:#d8edf6;top:-35px;padding:0 10px;width:70px;height:70px;display:flex;align-items:center;justify-content:center;transition:.3s} .ul-newsa1 .con:hover .date{background-color:#fff} .ul-newsa1 .date .d{font-size:30px;line-height:1} .ul-newsa1 .date .m{font-size:14px} .ul-newsa1 .txt{padding:12px 16px 12px 105px;position:relative} .ul-newsa1 .tit{font-size:18px;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:3em} .g-titbox2{color:#fff} .g-titbox2 .more{color:#fff;background-image:url(../images/a4-1.png)} .g-titbox2 .more:hover{text-decoration:underline;color:#fff} .row-a2{padding:65px 0 125px;background-position:top center;background-repeat:no-repeat;background-size:100% auto} .m-bana2{overflow:hidden;position:relative;margin:100px -42px 0;padding-bottom:50px} .m-bana2 .item{padding:0 42px} .m-bana2 .item:nth-child(odd){padding-top:30px} .m-bana2 .con{display:block;border-radius:0 60px;height:208px;background-color:rgba(246,250,255,.15);padding:28px 28px 0;color:#fff;transition:.3s} .m-bana2 .con:hover{color:#113f8b;background-color:#fff} .m-bana2 .date{font-family:Arial;font-size:24px;font-weight:700;margin-bottom:22px} .m-bana2 .tit{font-size:20px;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:3em} .m-bana2 .info{height:41px;position:relative} .m-bana2 .info::before{position:absolute;right:0;bottom:0;width:65px;height:11px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../images/b1.png);content:"";transition:.3s} .m-bana2 .con:hover .info::before{opacity:0} .m-bana2 .info::after{position:absolute;right:0;bottom:0;width:41px;height:100%;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../images/b2.png);content:"";transition:.3s;opacity:0} .m-bana2 .con:hover .info::after{opacity:1} .m-bana2 .slick-dots{position:absolute;bottom:0;left:0;right:0;width:100%;text-align:center;z-index:3} .m-bana2 .slick-dots li{display:inline-block;margin:0 23px} .m-bana2 .slick-dots button{width:12px;height:12px;border-radius:50%;background-color:transparent;border:1px solid #fff;font-size:0;cursor:pointer;transition:.3s} .m-bana2 .slick-dots li.slick-active button{background-color:#d8edf6} .row-a3{padding:92px 0 138px;background-position:top center;background-repeat:no-repeat;background-size:100% auto} .ul-lista3{margin:70px -66px 0} .ul-lista3 li{padding:0 66px;width:33.3%;float:left} .ul-lista3 .con{display:block;position:relative;box-shadow:0 4px 20px 0 rgba(181,181,181,.6);transition:.3s} .ul-lista3 .con::before{position:absolute;left:-14px;bottom:-14px;top:0;right:0;background-position:center;background-repeat:no-repeat;background-size:cover;background:linear-gradient(90deg,#113f8b 0,rgba(17,63,139,0) 100%);box-shadow:0 4px 10px 0 rgba(181,181,181,.3);content:"";opacity:0;transition:.3s} .ul-lista3 .con:hover:before{opacity:1} .ul-lista3 .con:hover{color:#1764b0} .ul-lista3 .inner{position:relative;z-index:1;background:#fff;transition:.3s} .ul-lista3 .con:hover .inner{padding-left:16px} .ul-lista3 .pic{position:relative;padding-top:59%;overflow:hidden} .ul-lista3 .pic img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;display:block;object-fit:cover;transition:.3s} .ul-lista3 .date{background-color:#15499a;display:inline-block;right:0;bottom:0;z-index:1;font-family:Arial;font-size:18px;font-weight:400;line-height:18px;color:#fff;padding:8px 15px;position:absolute} .ul-lista3 .txt{padding:35px 35px 66px} .ul-lista3 .tit{font-size:20px;margin-bottom:25px;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:3em} .ul-lista3 .desc{font-size:16px;color:#9e9e9e;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.6;height:4.8em} @media only screen and (min-width:1199px){ .banner .slick-dots{bottom:8.333vw;left:0;right:0} .banner .slick-dots li{margin:0 .625vw} .banner .slick-dots button{width:.729vw;height:.729vw;background-size:contain;background-image:url(../images/a1.png);font-size:0;border:none;transition:.3s} .banner .slick-dots li.slick-active button{width:1.822vw;height:1.718vw;background-image:url(../images/a1-1.png)} .row-banidx .ban-txt{line-height:6.77vw;height:6.77vw;font-size:1.562vw;padding:0 1.041vw;-webkit-box-orient:vertical;left:0;right:0;bottom:0} .row-a1{padding:3.333vw 0 3.645vw;background-size:cover} .m-a1{margin-top:3.333vw} .g-titbox .tit .ch{font-size:2.187vw;font-weight:700} .g-titbox .tit .img-en{height:2.135vw;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);bottom:0;max-width:none} .g-titbox .more{font-family:Arial;font-size:.833vw;right:0;top:1.666vw;padding-right:1.041vw;background-size:1.979vw auto;background-image:url(../images/a4.png);transition:.3s} .m-a1 .col-l{margin-right:1.875vw} .m-bana1 .con{transition:.3s} .m-bana1 .pic img{left:0;top:0;bottom:0;right:0;object-fit:cover;transition:.3s} .m-bana1 .date{border-radius:50%;font-family:Arial;left:1.25vw;background:#d8edf6;top:-2.083vw;padding:0 .52vw;width:4.166vw;height:4.166vw;align-items:center;justify-content:center;transition:.3s} .m-bana1 .date .d{font-size:1.666vw;line-height:1} .m-bana1 .date .m{font-size:.833vw} .m-bana1 .txt{padding:1.77vw 2.552vw 4.166vw 6.25vw} .m-bana1 .tit{font-size:1.041vw;margin-bottom:.937vw;-webkit-box-orient:vertical;height:1.5em} .m-bana1 .desc{font-size:.781vw;margin-bottom:1.041vw;-webkit-box-orient:vertical;height:3em;opacity:.6} .m-bana1 .slick-dots{bottom:2.187vw;left:0;right:0} .m-bana1 .slick-dots li{margin:0 .468vw} .m-bana1 .slick-dots button{width:.416vw;height:.416vw;border-radius:50%;font-size:0;border:none;transition:.3s} .ul-newsa1{margin:0 -.729vw} .ul-newsa1 li{padding:0 .729vw;margin-bottom:1.145vw} .ul-newsa1 .con{transition:.3s} .ul-newsa1 .pic img{left:0;top:0;bottom:0;right:0;object-fit:cover;transition:.3s} .ul-newsa1 .date{border-radius:50%;font-family:Arial;left:.781vw;background:#d8edf6;top:-1.822vw;padding:0 .52vw;width:3.645vw;height:3.645vw;align-items:center;justify-content:center;transition:.3s} .ul-newsa1 .date .d{font-size:1.562vw;line-height:1} .ul-newsa1 .date .m{font-size:.729vw} .ul-newsa1 .txt{padding:.625vw .833vw .625vw 5.468vw} .ul-newsa1 .tit{font-size:.937vw;-webkit-box-orient:vertical;height:3em} .g-titbox2 .more{background-image:url(../images/a4-1.png)} .g-titbox2 .more:hover{text-decoration:underline} .row-a2{padding:3.385vw 0 6.51vw;background-size:100% auto} .m-bana2{margin:5.208vw -2.187vw 0;padding-bottom:2.604vw} .m-bana2 .item{padding:0 2.187vw} .m-bana2 .item:nth-child(odd){padding-top:1.562vw} .m-bana2 .con{border-radius:0 3.125vw;height:10.83vw;padding:1.458vw 1.458vw 0;transition:.3s} .m-bana2 .date{font-family:Arial;font-size:1.25vw;font-weight:700;margin-bottom:1.145vw} .m-bana2 .tit{font-size:1.041vw;-webkit-box-orient:vertical;height:3em} .m-bana2 .info{height:2.135vw} .m-bana2 .info::before{right:0;bottom:0;width:3.385vw;height:.572vw;background-size:contain;background-image:url(../images/b1.png);content:"";transition:.3s} .m-bana2 .con:hover .info::before{opacity:0} .m-bana2 .info::after{right:0;bottom:0;width:2.135vw;background-size:contain;background-image:url(../images/b2.png);content:"";transition:.3s;opacity:0} .m-bana2 .con:hover .info::after{opacity:1} .m-bana2 .slick-dots{bottom:0;left:0;right:0} .m-bana2 .slick-dots li{margin:0 1.197vw} .m-bana2 .slick-dots button{width:.625vw;height:.625vw;border-radius:50%;border:1px solid #fff;font-size:0;transition:.3s} .row-a3{padding:4.791vw 0 7.187vw;background-size:100% auto} .ul-lista3{margin:3.645vw -2.0437vw 0} .ul-lista3 li{padding:0 3.437vw;width:33.3%} .ul-lista3 .con{box-shadow:0 .208vw 1.041vw 0 rgba(181,181,181,.6);transition:.3s} .ul-lista3 .con::before{left:-.729vw;bottom:-.729vw;top:0;right:0;background-size:cover;background:linear-gradient(90deg,#113f8b 0,rgba(17,63,139,0) 100%);box-shadow:0 .208vw .52vw 0 rgba(181,181,181,.3);content:"";opacity:0;transition:.3s} .ul-lista3 .con:hover:before{opacity:1} .ul-lista3 .inner{background:#fff;transition:.3s} .ul-lista3 .con:hover .inner{padding-left:.833vw} .ul-lista3 .pic img{left:0;right:0;top:0;bottom:0;object-fit:cover;transition:.3s} .ul-lista3 .date{right:0;bottom:0;font-family:Arial;font-size:.937vw;font-weight:400;line-height:.937vw;padding:.416vw .781vw} .ul-lista3 .txt{padding:1.822vw 1.822vw 3.437vw} .ul-lista3 .tit{font-size:1.041vw;margin-bottom:1.302vw;-webkit-box-orient:vertical;height:3em} .ul-lista3 .desc{font-size:.833vw;-webkit-box-orient:vertical;line-height:1.6;height:4.8em} } @media only screen and (max-width:1440px){ .m-bana1 .date,.ul-newsa1 .date{width:4.2vw;height:4.2vw} .m-bana1 .tit,.ul-lista3 .tit{font-size:16px} .m-bana1 .desc,.ul-lista3 .desc{font-size:12px} } @media only screen and (max-width:1199px){ .row-banidx .ban-txt{height:45px;line-height:45px;font-size:16px} .banner .slick-dots{bottom:60px} .banner .slick-dots li.slick-active button{width:25px;height:25px} .g-titbox .tit .ch{font-size:25px} .g-titbox .tit .img-en{height:30px} .g-titbox .more{top:auto;bottom:0} .m-a1 .col-l{float:none;width:100%;margin-right:0;margin-bottom:30px} .m-bana1 .date,.ul-newsa1 .date{width:55px;height:55px;top:-27px} .m-bana1 .date .d,.ul-newsa1 .date .d{font-size:20px} .m-bana1 .date .m,.ul-newsa1 .date .m{font-size:12px} .m-bana1 .txt{padding:20px 20px 40px 80px} .ul-newsa1 .txt{padding:15px 15px 20px 80px} .m-bana1 .tit,.ul-lista3 .tit{font-size:18px} .row-a2{background-color:#113f8b;background-size:0} .m-bana2 .item,.m-bana2 .item:nth-child(odd){padding:0 10px} .m-a1{margin-top:30px} .m-bana2{margin:30px 0 0} .m-bana2 .date{font-size:20px} .m-bana2 .tit{font-size:16px} .m-bana2 .slick-dots li{margin:0 10px} .ul-lista3 li{padding:0 10px} .ul-lista3{margin:30px 0 0} .row-a3{padding:80px 0 100px} } @media only screen and (max-width:959px){ .ul-lista3 .con::before{display:none} .ul-lista3 .con:hover .inner{padding-left:0} .ul-lista3 .txt{padding:20px 15px 30px} .ul-lista3 .tit{margin-bottom:5px} .ul-lista3 .date{font-size:12px;padding:4px 10px} .ul-lista3 li{width:50%;margin-bottom:30px} .row-a1,.row-a2,.row-a3{padding:40px 0} } @media only screen and (max-width:767px){ .row-banidx .ban-txt{font-size:14px;height:30px;line-height:30px} .banner .slick-dots{bottom:40px} .banner .slick-dots li{margin:0 4px} .banner .slick-dots li.slick-active button{width:15px;height:15px} .banner .slick-dots button{width:10px;justify-self:10px} .g-titbox .tit .ch{font-size:20px} .g-titbox .tit .img-en{height:20px} .g-titbox .more{font-size:14px;background-size:28px auto} .m-bana1 .date .d,.ul-newsa1 .date .d{font-size:16px} .m-bana1 .date .m,.ul-newsa1 .date .m{font-size:10px} .m-bana1 .date,.ul-newsa1 .date{width:50px;height:50px;top:-25px;left:10px} .m-bana1 .txt{padding:15px 15px 30px 70px} .m-bana1 .desc{margin:0} .m-bana1 .tit,.ul-lista3 .tit{font-size:16px;margin-bottom:5px} .m-bana1 .slick-dots li{margin:0 4px} .m-bana1 .slick-dots{bottom:10px} .ul-newsa1{margin:0} .ul-newsa1 li{padding:0;width:100%;float:none} .ul-newsa1 .tit{font-size:16px} .m-bana2 .date{font-size:18px;margin-bottom:5px} .m-bana2 .slick-dots li{margin:0 4px} .m-bana2 .slick-dots button{width:8px;height:8px} .m-bana2{padding-bottom:20px} .ul-lista3 li{float:none;width:100%;padding:0;margin-bottom:20px} }