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}p .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;-webkit-overflow-scrolling:touch} body{background:#fff;font:14px/1.5 "Microsoft YaHei",-apple-system,BlinkMacSystemFont,"PingFang SC","Lantinghei SC","Helvetica Neue",Arial,"Open Sans","Hiragino Sans GB",sans-serif;outline:0} img{max-width:100%;border:none;display:block;max-width:100%} input,select,textarea{font-size:14px;color:#333;font-family:'Microsoft YaHei','PingFang SC','Microsoft Yahei',Tahoma,'Hiragino Sans GB',STHeiti,'Microsoft Sans Serif','WenQuanYi Micro Hei',sans-serif} input,input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit],select,textarea{border:none;outline:0} input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none} ::-webkit-input-placeholder{color:rgba(255,255,255,.3)} ::-moz-placeholder{color:rgba(255,255,255,.3)} ::-ms-input-placeholder{color:rgba(255,255,255,.3)} select::-ms-expand{display:none} a{color:#333;text-decoration:none;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s} .body-c{padding-top:0} .c-hd{height:5.989vw;} .c-hd a{color:#333;} .c-hd a:hover{color:#063e7d} .c-hd .mian-nav ul li>a{color:#333} .c-hd .mian-nav ul li>a:hover{color:#063e7d} .c-hd.on .mian-nav ul li>a,.c-hd.on a{color:#fff} .header .sub-nav .sub-nav-h a{color:#333} @media only screen and (min-width:950px) and (max-width:1920px){ .c-hd.header .mian-nav ul li{margin-left:2vw} } @media only screen and (min-width:950px) and (max-width:1700px){ .c-hd.header .mian-nav ul li{margin-left:1.5vw} } @media only screen and (min-width:950px) and (max-width:1560px){ .c-hd.header .mian-nav ul li{margin-left:1vw} } @media only screen and (max-width:1366px){ .c-hd.header .mian-nav ul li{font-size:14px} .c-hd .header-t{margin-bottom:2px} .c-hd.header .mian-nav ul li{margin-left:.8vw} .c-hd.on .logo{margin-top:0px;} .c-hd.on .logo img{max-width:100%} .c-hd .logo{max-width:200px} .c-hd .logo img{height:auto;} } @media only screen and (max-width:1200px){ .body-c{padding-top:60px} } @media only screen and (max-width:750px){ .wp{width:100%;padding:0 15px} } @media only screen and (max-width:640px){ .body-c{padding-top:55px} } .row-a1{padding-top:80px;background:url(../images/a-bg1.png) right bottom no-repeat;-o-background-size:auto;background-size:auto} .homecb .ul-date-a1 li{margin-bottom:.6rem} .ul-date-a1 .time .p2{font-size:14px;font-weight:400;color:#5086be;height:40px;line-height:40px;padding-top:0;background-color:#0052a1} .ul-date-a1 .time .p2::before{display:none!important} .pages{text-align:center;padding-bottom:95px} .pages a{display:inline-block;width:34px;height:33px;line-height:31px;border:1px solid #ccc;border-radius:4px;font-size:16px;font-weight:400;color:#1e63b5;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .pages .a3{border:none} .pages .a4{width:auto;border:none;color:#666;margin:0 4px} .pages .a5{width:60px;height:33px;background:#1e63b5;border-radius:4px;color:#fff;border:none} .pages input{display:inline-block;width:34px;height:33px;line-height:33px;border:1px solid #ccc;border-radius:4px;font-size:16px;padding:0 2px;margin:0 8px 0 4px} .pages .a1 em{background:url(../images/a-icon1.png) left no-repeat;padding-left:10px} .pages .a2 em{background:url(../images/a-icon2.png) right no-repeat;padding-right:10px} .pages em{display:inline-block;width:13px;height:14px;-o-background-size:13px 14px;background-size:13px 14px} .pages a:hover{background:#d4be6e;border-radius:4px;color:#fff !important;border-color:#d4be6e} .pages p_no_d{background:#d4be6e;border-radius:4px;color:#fff;border-color:#d4be6e} .pages .a4:hover{background-color:transparent;color:#666} .row-a2 .l:first-child{margin-right:21px} .ul-pic-a1{width:32.25%} .ul-pic-a1 li{margin-bottom:16px} .ul-pic-a1 .con{display:block} .m-pic{height:254px;overflow:hidden;border-radius:10px;position:relative} .m-pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .m-pic .tit{position:absolute;left:0;bottom:0;width:100%;font-size:36px;font-weight:700;color:#fff;height:99px;line-height:99px;padding:0 40px;border-radius:10px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;background-image:-webkit-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,.9));background-image:-moz- oldlinear-gradient(rgba(255,255,255,0),rgba(0,0,0,.9));background-image:-o-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,.9));background-image:linear-gradient(rgba(255,255,255,0),rgba(0,0,0,.9))} .m-pic .bg{position:absolute;left:0;bottom:0;right:0;top:0;z-index:1;background-color:rgba(16,78,147,.85)} .m-pic-a2 .tit{position:absolute;left:50%;top:50%;z-index:2;text-align:center;background:0 0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)} .m-pic:hover img{transform:scale(1.08);-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08)} .m-pic .gb2{background-color:rgba(186,153,28,.85)} .ul-pic-a2,.ul-pic-a2 .m-pic{height:525px} .ul-pic-a2 .m-pic .bg{background:url(../images/a-bg2.png) center no-repeat;-o-background-size:cover;background-size:cover} .ul-pic-a2 .m-pic .pic-txt{position:absolute;bottom:10px;left:0;width:100%;z-index:3;padding:0 44px} .ul-pic-a2 .m-pic .pic-txt .tit2{font-size:36px;font-weight:700;color:#fff;text-align:center;margin-bottom:15px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis} .ul-pic-a2 .m-pic b{display:block;margin-bottom:15px;height:1px;width:100%;background:url(../images/a-icon3.png) center no-repeat;-o-background-size:100% 1px;background-size:100% 1px} .ul-pic-a2 .m-pic .more{overflow:hidden;padding:0 15px} .ul-pic-a2 .m-pic .more a{float:left;width:45%;font-size:20px;font-weight:400;color:#fff;margin-bottom:15px} .ul-pic-a2 .m-pic .more a:nth-child(odd){width:55%} .ul-pic-a2 .m-pic .more span{padding-right:30px;background:url(../images/a-icon4.png) right center no-repeat;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-pic-a2 .m-pic .more a:hover span{padding-right:35px} .m-more-a1{margin-top:4px;padding:0 70px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:131px;line-height:131px;border-radius:10px;overflow:hidden;background:url(../images/a-bg3.png) center no-repeat;-o-background-size:cover;background-size:cover} .m-more-a1 .tit{padding-left:38px;font-size:36px;font-weight:700;color:#fff;position:relative} .m-more-a1 .tit::after{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:50px;background:#f2d057;border-radius:2px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .m-more-a1 a{display:block;padding-right:53px;font-size:18px;font-weight:700;color:#fff;position:relative} .m-more-a1 a::after{content:'';width:36px;height:21px;position:absolute;right:0;top:50%;background:url(../images/a-icon5.png) right center no-repeat;-o-background-size:36px 21px;background-size:36px 21px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s} .m-more-a1 a:hover::after{transform:translate(15px,-50%);-webkit-transform:translate(15px,-50%);-moz-transform:translate(15px,-50%);-ms-transform:translate(15px,-50%);-o-transform:translate(15px,-50%)} .row-a2{padding-top:0;padding-bottom:100px} .row-a3{margin-bottom:89px} @media only screen and (min-width:950px) and (max-width:1920px){ .header .mian-nav ul li{margin-left:1.8vw} .row-a2 .l:first-child{margin-right:1.093vw} .ul-pic-a1 li{margin-bottom:.833vw} .m-pic{height:13.22vw;border-radius:.52vw} .m-pic .tit{font-size:1.875vw;height:5.156vw;line-height:5.156vw;padding:0 2.083vw;border-radius:.52vw} .ul-pic-a2,.ul-pic-a2 .m-pic{height:27.34vw} .ul-pic-a2 .m-pic .pic-txt{bottom:.52vw;padding:0 2.291vw} .ul-pic-a2 .m-pic .pic-txt .tit2{font-size:1.875vw;margin-bottom:.781vw} .ul-pic-a2 .m-pic b{margin-bottom:.781vw} .ul-pic-a2 .m-pic .more{padding:0 .781vw} .ul-pic-a2 .m-pic .more a{font-size:1.041vw;margin-bottom:.781vw} .ul-pic-a2 .m-pic .more span{padding-right:1.562vw} .ul-pic-a2 .m-pic .more a:hover span{padding-right:1.822vw} .m-more-a1{margin-top:.208vw;padding:0 3.645vw;height:6.822vw;line-height:6.822vw;border-radius:.52vw} .m-more-a1 .tit{padding-left:1.979vw;font-size:1.875vw} .m-more-a1 .tit::after{width:.208vw;height:2.604vw} .m-more-a1 a{padding-right:2.76vw;font-size:.937vw} .m-more-a1 a::after{width:1.875vw;height:1.093vw;-o-background-size:1.875vw 1.093vw;background-size:1.875vw 1.093vw} .m-more-a1 a:hover::after{transform:translate(.781vw,-50%);-webkit-transform:translate(.781vw,-50%);-moz-transform:translate(.781vw,-50%);-ms-transform:translate(.781vw,-50%);-o-transform:translate(.781vw,-50%)} .row-a2{padding-bottom:5.208vw} .row-a3{margin-bottom:4.635vw} } @media only screen and (max-width:950px){ .row-a2{padding-bottom:40px} .row-a3{margin-bottom:40px} .ul-pic-a1{float:none;width:100%} .m-pic,.ul-pic-a2{height:auto} .ul-pic-a2 .m-pic .pic-txt{padding:0 25px} .m-pic .tit{font-size:30px;height:60px;line-height:60px;padding:0 30px} .ul-pic-a2 .m-pic .pic-txt .tit2{font-size:25px} .ul-pic-a2 .m-pic .more a{font-size:15px} .ul-pic-a2 .m-pic .more a:nth-child(odd){width:50%} .ul-pic-a2{margin-bottom:15px} .m-more-a1{height:100px;line-height:100px;padding:0 15px} .m-more-a1 .tit{padding-left:15px;font-size:20px} .m-more-a1 .tit::after{width:3px;height:25px} .m-more-a1 a{padding-right:37px;font-size:15px} .m-more-a1 a::after{width:30px;height:17px;-o-background-size:30px 17px;background-size:30px 17px} .m-more-a1 a:hover::after{transform:translate(8px,-50%);-webkit-transform:translate(8px,-50%);-moz-transform:translate(8px,-50%);-ms-transform:translate(8px,-50%);-o-transform:translate(8px,-50%)} } @media only screen and (max-width:750px){ .row-a3{margin-bottom:0px} .m-pic .tit{font-size:25px} .row-a1{padding-top:35px} .homecb .ul-date-a1 li{margin-bottom:20px} .pages{padding-bottom:30px} .pages .a0{display:none} .pages .a5,.pages a,.pages input{width:30px;height:30px;line-height:29px;font-size:14px} .pages .a5{width:35px} .pages input{margin:0 4px 0 0} .pages em{width:10px;height:11px} .ul-pic-a2 .m-pic .pic-txt{padding:0 15px} } .row-b{padding:100px 0;background-image:url(../images/b-bg3.jpg);-o-background-size:100%;background-size:100%;background-position:left bottom;background-repeat:no-repeat} .row-b1{margin-bottom:12px} .row-b1 .wp{max-width:1250px} .row-b1 .b-info1{overflow:hidden;position:relative} .ul-info-b1{position:relative;margin-bottom:-298px} .ul-info-b1::after{content:'';position:absolute;left:50%;top:45px;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:translateX(-50%);width:1px;background-color:#e6e6e6;height:100%;z-index:1} .row-b1 .b-info1::before{content:'';width:23px;height:23px;background-image:url(../images/b-icon1.png);background-repeat:no-repeat;-o-background-size:100%;background-size:100%;position:absolute;left:50%;bottom:0;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:5} .ul-info-b1 li{width:50%;margin-left:auto} .ul-info-b1 li:nth-child(2n){margin-right:auto;margin-left:inherit} .ul-info-b1 .info{text-align:left;position:relative;top:-95px;padding-left:14.7vw} .ul-info-b1 li:first-child .info{top:0} .ul-info-b1 li:nth-child(3) .info{top:-113px} .ul-info-b1 li:nth-child(4) .info{top:-47px} .ul-info-b1 li:nth-child(5) .info{top:-277px} .ul-info-b1 li:nth-child(6) .info{top:-301px;padding-left:50px} .ul-info-b1 li:nth-child(7) .info{top:-346px} .ul-info-b1 li:nth-child(8) .info{top:-342px;padding-left:50px} .ul-info-b1 li:nth-child(9) .info{top:-355px} .ul-info-b1 li:nth-child(10) .info{top:-450px} .ul-info-b1 li:nth-child(11) .info{top:-432px} .ul-info-b1 li:nth-child(12) .info{top:-420px} .ul-info-b1 .info .info1{display:inline-block;width:338px;z-index:5;text-align:left} .ul-info-b1 li:nth-child(6) .info .info1{width:100%} .ul-info-b1 li:nth-child(8) .info .info1{width:100%} .ul-info-b1 li:nth-child(6) .info::after{width:437.5px} .ul-info-b1 li:nth-child(8) .info::after{width:437.5px} .ul-info-b1 .info .pic01{top:-192px;position:relative} .ul-info-b1 li:first-child .info .pic01{top:0} .ul-info-b1 .info::after{content:'';position:absolute;top:45px;left:0;width:262.5px;height:1px;background-color:#4c89e7} .ul-info-b1 .info::before{position:absolute;content:'';top:40px;left:-6.5px;width:13px;height:13px;background-color:#4c89e7;border-radius:50%;z-index:5} .ul-info-b1 li:nth-child(2n) .info::after{right:0;left:inherit} .ul-info-b1 li:nth-child(2n) .info::before{content:'';right:-6.5px;left:inherit} .ul-info-b1 li:nth-child(2n) .info{padding-left:0;padding-right:64px;text-align:right} .ul-info-b1 .info .pic{display:inline-block;border-radius:10px;overflow:hidden} @font-face{font-family:IMPACT1;src:url(../fonts/IMPACT.TTF) format('truetype')} .ul-info-b1 .info h3{font-size:66px;color:#333;font-family:IMPACT1;margin-bottom:6px} .ul-info-b1 .info .txt{margin-bottom:8px} .ul-info-b1 .info span{font-size:26px;color:#333} .ul-info-b1 .info em{font-size:16px;color:#fff;background-color:#1e63b5;line-height:28px;padding:0 14px;display:inline-block} .ul-info-b1 .info em:nth-child(3){background-color:#d6c173} .ul-info-b1 .info .txt1 p{font-size:20px;color:#575757} .row-b2 .wp{max-width:1096px} .row-b2 .b-info .tit{text-align:center;color:#333;margin-bottom:14px} .row-b2 .b-info .tit h3{font-size:48px;font-weight:700;margin-bottom:7px} .row-b2 .b-info .tit p{font-size:26px} .ul-pic-b1{overflow:hidden;margin:0 -6px} .ul-pic-b1 li{width:33.333%;float:left} .ul-pic-b1 .pic{position:relative;overflow:hidden;padding-top:55.5%} .ul-pic-b1 .pic img{width:100%;height:100%;position:absolute;left:50%;top:50%;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transition:.6s ease-in-out;-moz-transition:.6s ease-in-out;transition:.6s ease-in-out;-webkit-transition:.6s ease-in-out} .ul-pic-b1 .pic:hover img{-moz-transform:translate(-50%,-50%) scale(1.08);-ms-transform:translate(-50%,-50%) scale(1.08);-o-transform:translate(-50%,-50%) scale(1.08);transform:translate(-50%,-50%) scale(1.08);-webkit-transform:translate(-50%,-50%) scale(1.08)} .ul-pic-b1 .info{padding:0 6px} .row-b3{padding:88px 0 100px;background-image:url(../images/b-bg1.png);background-repeat:no-repeat;-o-background-size:auto;background-size:auto;background-position:right bottom} .ul-info-b2{overflow:hidden;position:relative;height:1112px} .ul-info-b2 li:nth-child(1){position:absolute;left:0;top:0;width:63.2%} .ul-info-b2 li:nth-child(2){position:absolute;right:0;top:0;width:35.4%} .ul-info-b2 li:nth-child(3){position:absolute;left:0;bottom:62px;width:29.2%} .ul-info-b2 li:nth-child(4){position:absolute;left:30.5%;bottom:0;width:32.7%} .ul-info-b2 li:nth-child(5){position:absolute;right:0;bottom:125px;width:35.4%} .ul-info-b2 li .info{position:relative} .ul-info-b2 li .info::after{-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;background-size: cover;} .ul-info-b2 li:nth-child(1) .info{height:426px;padding:78px 47px 0} .ul-info-b2 li:nth-child(1) .info::after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background-image:url(../images/b-pic03_02.jpg)} .ul-info-b2 li:nth-child(2) .info{height:539px;padding:78px 43px 0} .ul-info-b2 li:nth-child(2) .info::after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background-image:url(../images/b-pic03_04.jpg);background-repeat:no-repeat;-o-background-size:cover;background-size:cover} .ul-info-b2 li:nth-child(3) .info{height:605px;padding:74px 43px 0} .ul-info-b2 li:nth-child(3) .info::after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background-image:url(../images/b-pic03_06.jpg);background-repeat:no-repeat;-o-background-size:cover;background-size:cover} .ul-info-b2 li:nth-child(4) .info{height:666px;padding:74px 43px 0} .ul-info-b2 li:nth-child(4) .info::after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background-image:url(../images/b-pic03_09.jpg)} .ul-info-b2 li:nth-child(5) .info{height:428px;padding:74px 43px 0} .ul-info-b2 li:nth-child(5) .info::after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background-image:url(../images/b-pic03_14.jpg)} .ul-info-b2 li .info1{z-index:5;position:relative} .ul-info-b2 li:nth-child(1) .info1{width:241px} .ul-info-b2 li:nth-child(2) .info1{width:393px} .ul-info-b2 .info{color:#fff;border-radius:10px;background-repeat:no-repeat;-o-background-size:cover;background-size:cover;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s} .ul-info-b2 .info1{padding-left:13px} .ul-info-b2 .info h3{font-size:36px;font-weight: bold;} .ul-info-b2 .info .tit{padding-bottom:19px;position:relative;margin-bottom:20px} .ul-info-b2 .info .tit::after{content:'';position:absolute;background-image:url(../images/b-icon02.png);-o-background-size:100%;background-size:100%;background-repeat:no-repeat;width:100%;height:1px;bottom:0;left:-13px} .ul-info-b2 li:last-child .info .tit::after{display:none} .ul-info-b2 li:last-child .info .tit{margin-bottom:0;padding-bottom:15px} .ul-info-b2 .info .txt{margin-bottom:26px} .ul-info-b2 .info p{font-size:16px;line-height:2.15;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:101px} .ul-info-b2 li:first-child .info p{-webkit-line-clamp:4;height:134.6px} .ul-info-b2 .info span{font-size:18px;color:#fff;padding-right:100px;background:url(../images/b-icon01.png) 90px center no-repeat;-o-background-size:36px 21px;background-size:36px 21px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s} .ul-info-b2 .con{overflow:hidden;display:block;border-radius:10px} .ul-info-b2 .con:hover .info span{background-position:100px center;color:#063e7d} .ul-info-b2 li:nth-child(3) .con:hover .info span{color:#e1b93e} .ul-info-b2 .con:hover .info::after{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)} .row-b4{padding:106px 0 98px;background-image:url(../images/b-bg1.png);background-repeat:no-repeat;-o-background-size:auto;background-size:auto;background-position:right bottom} .ul-info-b3{height:700px;position:relative} .ul-info-b3 li{color:#333;width:49%;background-color:#fff} .ul-info-b3 li:nth-child(1){position:absolute;top:0;left:0;height:37%} .ul-info-b3 li:nth-child(2){position:absolute;top:0;right:0;height:48.5%} .ul-info-b3 li:nth-child(3){position:absolute;top:38%;left:0} .ul-info-b3 li:nth-child(4){position:absolute;top:45%;right:0;height:auto} .ul-info-b3 li:nth-child(2n){width:49.5%} .ul-info-b3 li:nth-child(3) .info1{padding:23px 0 31px 32px;border-radius:10px;position:relative} .ul-info-b3 li:nth-child(3) .info1::after{content:'';position:absolute;left:0;top:0;background-image:url(../images/b-pic04_01.jpg);background-repeat:no-repeat;-o-background-size:cover;background-size:cover;width:100%;height:100%;-o-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;transition:.4s ease-in-out;-webkit-transition:.4s ease-in-out} .ul-info-b3 li:nth-child(3) .txt2{background-color:rgba(1,91,177,.66);width:274px;padding:46px 33px 40px;color:#fff;z-index:5;position:relative} .ul-info-b3 li:nth-child(3) .tit{padding-bottom:13px;margin-bottom:0} .ul-info-b3 li:nth-child(3) .tit::after{display:none} .ul-info-b3 li:nth-child(3) .txt{margin-bottom:21px} .ul-info-b3 li:nth-child(4) .info1{padding:51px 54px 50px 80px;border-radius:10px} .ul-info-b3 li:nth-child(4) .info1 .tit1{overflow:hidden;margin-bottom:38px} .ul-info-b3 li:nth-child(4) .info1 .tit1:last-child{margin-bottom:0} .ul-info-b3 li:nth-child(4) .info1 .tit1 .pic{overflow:hidden;float:left} .ul-info-b3 li:nth-child(4) .info1 .tit1 .more{float:right;font-size:18px;color:#0963ba;padding-left:27px;background-image:url(../images/b-icon05.png);background-repeat:no-repeat;background-position:left center;-o-background-size:18px 5px;background-size:18px 5px;position:relative;top:23px} .ul-info-b3 li:nth-child(4) .info1 .tit1 .more:hover{color:#063e7d} .ul-info-b3 li:nth-child(4) .info1 .tit1 img{float:left;margin-right:22px;width:77px;-o-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;transition:.4s ease-in-out;-webkit-transition:.4s ease-in-out} .ul-info-b3 li:nth-child(4) .info1 .tit1:hover img{-moz-transform:scale(.95);-ms-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-transform:scale(.95)} .ul-info-b3 li:nth-child(4) .info1 .tit1:last-child img{width:70px} .ul-info-b3 li:nth-child(4) .info1 .tit1 h3{overflow:hidden;font-size:24px;color:#333;position:relative;top:23px} .ul-info-b3 h3{font-size:36px;color:#000} .ul-info-b3 li:nth-child(3) h3{color:#fff} .ul-info-b3 .tit{position:relative;padding-bottom:21px;margin-bottom:14px} .ul-info-b3 .tit::after{content:'';width:60px;height:4px;background-color:#4c89e7;border-radius:30px;position:absolute;left:0;bottom:0} .ul-info-b3 .txt1{width:406px} .ul-info-b3 p{font-size:15px;line-height:2;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:127px} .ul-info-b3 li:first-child p{height:64px} .ul-info-b3 li:nth-child(2) p{-webkit-line-clamp:3;height:95px} .ul-info-b3 li:nth-child(3) p{-webkit-line-clamp:4} .ul-info-b3 li .info1{box-shadow:0 0 20px 0 rgba(59,77,122,.16);border-radius:10px;position:relative} .ul-info-b3 li .con{box-shadow:0 0 20px 0 rgba(59,77,122,.16)} .ul-info-b3 li:nth-child(1) .info1{padding:45px 30px 39px 59px} .ul-info-b3 li:nth-child(2) .info1{padding:17px;overflow:hidden} .ul-info-b3 li:nth-child(2) .info1 .pic{float:left;margin-right:34px;width:396px;overflow:hidden} .ul-info-b3 li:nth-child(2) .info1 .pic img{-o-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;transition:.4s ease-in-out;-webkit-transition:.4s ease-in-out} .ul-info-b3 li:nth-child(2) .con:hover .info1 img{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);-webkit-transform:scale(1.05)} .ul-info-b3 .con:hover .btn span{background-position:100px center} .ul-info-b3 li:nth-child(1) .btn{position:absolute;right:0;bottom:28px} .ul-info-b3 li:nth-child(2) .txt1{overflow:hidden;width:auto;padding-top:31px} .ul-info-b3 li:nth-child(2) .tit{margin-bottom:14px;padding-bottom:0} .ul-info-b3 li:nth-child(2) .txt{margin-bottom:27px} .ul-info-b3 li:nth-child(2) .tit::after{display:none} .ul-info-b3 .btn a{font-size:18px;color:#0963ba;font-weight:700;padding-right:100px;background:url(../images/d-icon4.png) 90px center no-repeat;-o-background-size:36px 21px;background-size:36px 21px;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .ul-info-b3 .btn a:hover{background-position:100px center} .ul-info-b3 .btn span{font-size:18px;color:#0963ba;font-weight:700;padding-right:100px;background:url(../images/d-icon4.png) 90px center no-repeat;-o-background-size:36px 21px;background-size:36px 21px;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .ul-info-b3 .btn span:hover{background-position:100px center} .ul-info-b3 .btn1 span{font-size:14px;color:#fff;background-color:#1e63b5;border-radius:50px;line-height:30px;height:29px;padding:0 44px 0 15px;display:inline-block;background-image:url(../images/b-icon04.png);-o-background-size:28px 6px;background-size:28px 6px;background-position:49px center;background-repeat:no-repeat;-o-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;transition:.4s ease-in-out;-webkit-transition:.4s ease-in-out} .ul-info-b3 .con{display:block;overflow:hidden;border-radius:10px} .ul-info-b3 .con:hover .btn1 span{color:#1e63b5;background-color:#fff;background-image:url(../images/b-icon041.png)} .ul-info-b3 .con:hover .info1::after{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)} .row-b5{padding:84px 0 100px;background-image:url(../images/b-pic06.jpg);background-repeat:no-repeat;-o-background-size:auto;background-size:auto;background-position:right 111px} .ul-info-b4{position:relative;color:#fff;height:1398px} .ul-info-b4 li:nth-child(1){width:32.1%;position:absolute;left:0;top:0;height:448px} .ul-info-b4 li:nth-child(2){width:32.1%;position:absolute;left:33.86%;top:466px;height:448px} .ul-info-b4 li:nth-child(3){width:32%;position:absolute;right:0%;top:0px;height:925px} .ul-info-b4 li:nth-child(1){width:66%;position:absolute;left:0;top:466px;height:448px} .ul-info-b4 li:nth-child(5){width:49%;position:absolute;left:0;bottom:0;height:448px;top: 950px;} .ul-info-b4 li:nth-child(6){width:49%;position:absolute;right:0;bottom:0;height:448px;top: 950px;} /* .ul-info-b4 li:nth-child(7){width:32.1%;position:absolute;right:0;bottom:0;height:268px} */ .ul-info-b4 .info{padding:74px 67px 0 49px;height:100%;border-radius:11px;position:relative} .ul-info-b4 .info1{position:relative;z-index:5} .ul-info-b4 .con{overflow:hidden;display:block;border-radius:11px;width:100%;height:100%} .ul-info-b4 .info::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(../images/b-pic05_01.jpg);background-repeat:no-repeat;-o-background-size:cover;background-size:cover;-o-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;transition:.4s ease-in-out;-webkit-transition:.4s ease-in-out;background-position: center bottom;} .ul-info-b4 .con:hover .info::after{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);-webkit-transform:scale(1.05)} .ul-info-b4 li:nth-child(1) .info1{position:absolute;left:0;top:40px;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:translateX(-50%);width:100%;text-align:center;left:50%} .ul-info-b4 li:nth-child(2) .info{padding:74px 48px 0 0} .ul-info-b4 li:nth-child(2) .info::after{background-image:url(../images/b-pic05_05.jpg)} .ul-info-b4 li:nth-child(2) .info1{position:absolute;left:0;top:40px;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:translateX(-50%);width:100%;text-align:center;left: 50%;} .ul-info-b4 li:nth-child(3) .info{padding:0;position:relative;width:100%;height:100%} .ul-info-b4 li:nth-child(3) .info::after{background-image:url(../images/b-pic05_09.jpg)} .ul-info-b4 li:nth-child(3) .info1{position:absolute;left:0;top:107px;width:100%;text-align:center} .ul-info-b4 li:nth-child(4) .info{padding:74px 48px 0 48px} .ul-info-b4 li:nth-child(4) .info::after{background-image:url(../images/b-pic05_11.jpg)} .ul-info-b4 li:nth-child(4) .info1{text-align:left;width:370px;margin-right:auto} .ul-info-b4 li:nth-child(7) .info{padding:74px 48px 0 0} .ul-info-b4 li:nth-child(5) .info{text-align: left;} .ul-info-b4 li:nth-child(5) .info h3{position: relative;} .ul-info-b4 li:nth-child(5) .info::after{background-image:url(../images/b-pic05_03.jpg)} .ul-info-b4 li:nth-child(6) .info h3{text-align: right;} .ul-info-b4 li:nth-child(6) .info .btn{text-align: right;} .ul-info-b4 li:nth-child(6) .info::after{background-image:url(../images/b-pic05_14.jpg)} .ul-info-b4 li:nth-child(7) .info::after{background-image:url(../images/b-pic05_18.jpg)} .ul-info-b4 li:nth-child(7) .info1{text-align:right;width:370px;margin-left:auto} .ul-info-b4 .info h3{font-size:36px;color:#fff;} .ul-info-b4 .info p{font-size:16px;color:#fff;height:136px;overflow:hidden;line-height: 34px;} .ul-info-b4 li:nth-child(1) .info p{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff} .ul-info-b4 li:nth-child(4) .info p{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#fff;height:134px} .ul-info-b4 .info .btn{margin-top: 18px;} .ul-info-b4 .info .btn span{opacity:.8;font-size:18px;color:#fff;padding-right:57px;background:url(../images/b-icon01.png) 90px center no-repeat;-o-background-size:36px 21px;background-size:36px 21px;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;} .ul-info-b4 .con:hover .info .btn span{background-position:85px center;opacity:1} .ul-info-b4 .txt1 .tit{margin-bottom:15px;padding-bottom:22px;position:relative} .ul-info-b4 li:nth-child(5) .txt1 .tit{margin-bottom:3px} .ul-info-b4 li:nth-child(6) .txt1 .tit{margin-bottom:3px;text-align:center} .ul-info-b4 li:nth-child(6) .btn{text-align:center} .ul-info-b4 li:nth-child(3) .txt1 .tit{margin-bottom:10px} .ul-info-b4 .txt1 .tit::after{content:'';position:absolute;width:60px;height:4px;background-color:#dcdcdd;border-radius:50px;bottom:0;left:0} .ul-info-b4 li:nth-child(2) .txt1 .tit::after{right:0;left:inherit;display: none;} .ul-info-b4 li:nth-child(3) .txt1 .tit::after{display:none} .ul-info-b4 li:nth-child(1) .txt1 .tit::after{display:none} .ul-info-b4 li:nth-child(4) .txt1 .tit::after{left:0;left:inherit} .ul-info-b4 li:nth-child(5) .txt1 .tit::after{content: '';position: absolute;width: 60px;height: 4px;background-color: #fff;border-radius: 50px;bottom: 0;left: .25rem;margin-left:-30px;display:none;} .ul-info-b4 li:nth-child(6) .txt1 .tit::after{display:none} .ul-info-b4 li:nth-child(7) .txt1 .tit::after{display:none} .ul-info-b4 li:nth-child(7) .txt1 .tit{margin-bottom:9px} .ul-info-b4 .txt1 .txt{line-height:2.1;margin-bottom:46px} .ul-info-b4 li:nth-child(2) .txt1 .txt{margin-bottom:49.5px} .ul-info-b4 li:nth-child(4) .txt1 .txt{margin-bottom:49.5px} @media only screen and (max-width:1920px){ .ul-info-b4 .info p{height:7.08vw;line-height: 1.875vw;} .ul-info-b4 li:nth-child(4) .info p{height:7vw} .ul-info-b4 .info .btn span{font-size:.937vw;padding-right:2.96vw;background-position:4.687vw center;-o-background-size:1.875vw 1.093vw;background-size:1.875vw 1.093vw} .ul-info-b4 .con:hover .info .btn span{background-position:4.42vw center;} .ul-info-b4{height:72.8125vw} .ul-info-b4 li:nth-child(1){height:23.33vw;width: 32.1%;top:24.8vw;} .ul-info-b4 li:nth-child(2){height:23.33vw;width: 32.1%;top: 24.8vw;} .ul-info-b4 li:nth-child(3){height:48.17vw;width: 32.1%;} .ul-info-b4 li:nth-child(4){height:23.33vw;top:24.8vw;width: 66%;} .ul-info-b4 li:nth-child(5){height:23.33vw;top:50vw} .ul-info-b4 li:nth-child(6){height:23.33vw;top:50vw} /* .ul-info-b4 li:nth-child(7){height:13.95vw} */ .ul-info-b4 .info{padding:3.854vw 3.489vw 0 2.552vw} .ul-info-b4 li:nth-child(2) .info{padding:3.854vw 2.5vw 0 0} .ul-info-b4 li:nth-child(2) .info1{width:80%;} .ul-info-b4 li:nth-child(4) .info{padding:3.854vw 2.5vw 0 2.5vw} .ul-info-b4 li:nth-child(4) .info1{width:19.27vw} .ul-info-b4 li:nth-child(7) .info{padding:3.854vw 2.5vw 0 0} .ul-info-b4 li:nth-child(7) .info1{width:19.27vw} .ul-info-b4 .info h3{font-size:1.875vw} .ul-info-b4 .info p{font-size:.833vw} .ul-info-b4 .info .btn a{font-size:.937vw;padding-right:2.968vw;background-position:4.687vw center;-o-background-size:1.875vw 1.093vw;background-size:1.875vw 1.093vw} .ul-info-b4 .info .btn a:hover{background-position:4.427vw center} .ul-info-b4 .txt1 .tit{margin-bottom:.781vw;padding-bottom:1.145vw} .ul-info-b4 li:nth-child(5) .txt1 .tit{margin-bottom:.78125vw} .ul-info-b4 li:nth-child(6) .txt1 .tit{margin-bottom:.156vw} .ul-info-b4 li:nth-child(3) .txt1 .tit{margin-bottom:.52vw} .ul-info-b4 .txt1 .tit::after{width:3.125vw;height:.208vw} .ul-info-b4 li:nth-child(5) .txt1 .tit::after{width:3.125vw;height:.208vw;margin-left:-1.5225vw} .ul-info-b4 li:nth-child(7) .txt1 .tit{margin-bottom:.468vw} .ul-info-b4 .txt1 .txt{margin-bottom:2.395vw} .ul-info-b4 li:nth-child(2) .txt1 .txt{margin-bottom:2.578vw} .ul-info-b4 li:nth-child(4) .txt1 .txt{margin-bottom:2.578vw} } @media only screen and (max-width:1560px){ .ul-info-b4 li:nth-child(4) .info p{height:95px} } @media only screen and (max-width:990px){ .ul-info-b4 .info p{height:6em;line-height: 2em;} .ul-info-b4 .info .btn span{font-size:14px;padding-right:60px;background-position:70px center;-o-background-size:20px auto;background-size:20px auto} .ul-info-b4 .con:hover .info .btn span{background-position:60px center} .ul-info-b4 .info .btn a{padding-right:30px;background-position:60px center;-o-background-size:18px auto;background-size:18px auto} .ul-info-b4 .info .btn a:hover{background-position:65px center} .ul-info-b4 li .info1{width:100%!important} .ul-info-b4 li .info{padding:35px!important} .ul-info-b4 li:nth-child(4) .txt1 .txt{margin-bottom:10px} } @media only screen and (max-width:750px){ .ul-info-b4 .info h3{font-size:18px} .ul-info-b4 .info p{font-size:1em;line-height: 2em;text-align: justify;} .ul-info-b4 li:nth-child(5) .txt1 .tit::after{left: 0;margin-left: 0;} .ul-info-b4 .info .btn a{font-size:14px} .ul-info-b4 .txt1 .tit::after{width:32px!important;height:2px!important} .ul-info-b4 li{width:100% !important;float:none;height:16em!important;position:relative!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin-bottom:15px} .ul-info-b4 li:last-child{margin-bottom:0} .ul-info-b4 li:nth-child(1),.ul-info-b4 li:nth-child(2){width: 48% !important;height: 16em !important;float: left;} .ul-info-b4 li:nth-child(1){margin-right: 2%;left: 0 !important;} .ul-info-b4 li:nth-child(2){right: 0 !important;left:auto} .ul-info-b4 li:nth-child(3){clear: both;} .ul-info-b4 li:nth-child(3) .info::after{background-image:url(../images/b-pic05_09_mo.jpg);background-size:cover;background-position: center bottom;} .ul-info-b4 li .info1{position:relative!important;top:0!important;left:0!important;-moz-transform:translateY(0)!important;-ms-transform:translateY(0)!important;-o-transform:translateY(0)!important;transform:translateY(0)!important;-webkit-transform:translateY(0)!important;text-align:left!important;min-height: 200px;} .ul-info-b4 li .txt1 .tit::after{right:inherit!important} .ul-info-b4{height:auto;display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;} .ul-info-b4 li:nth-child(6) .txt1 .tit{text-align:left} .ul-info-b4 li:nth-child(6) .btn{text-align:left} .ul-info-b4 li:nth-child(1) .info p{display:block} .ul-info-b4 .info .btn span{font-size:14px;-o-background-size:20px auto;background-size:20px auto;background-position:70px center} .ul-info-b4 .con:hover .info .btn span{background-position:60px center} .ul-info-b4 li:nth-child(1){order: 2;} .ul-info-b4 li:nth-child(2){order: 2;} .ul-info-b4 li:nth-child(3){order: 3;} .ul-info-b4 li:nth-child(4){order: 1;} .ul-info-b4 li:nth-child(5){order: 4;} .ul-info-b4 li:nth-child(6){order: 5;} } @media only screen and (max-width:480px){ .ul-info-b4 li:nth-child(1),.ul-info-b4 li:nth-child(2){width: 100% !important;margin-right: 0;} } .b-tab{padding:4.53vw 0!important} .b-tab p{font-size:20px;color:#fff;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:2} .row-b6{padding:82px 0 115px;background-image:url(../images/b-bg1.png);background-repeat:no-repeat;-o-background-size:auto;background-size:auto;background-position:right bottom} .row-b7{background-image:url(../images/b-bg2.png);-o-background-size:100% auto;background-size:100% auto;background-position:left bottom;background-repeat:no-repeat;padding-bottom:215px;margin-bottom:46px} .row-b7 .b-info1{overflow:hidden;background-image:url(../images/b-bg2.jpg);background-repeat:no-repeat;-o-background-size:cover;background-size:cover;padding:73px 94px 77px 110px;border-top:3px solid #1e63b5;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 0 26px 0 rgba(59,77,112,.16);margin-bottom:90px} .row-b6 .b-tit{padding-bottom:21px;position:relative;float:left;margin-right:64px;top:50px} .ul-tit-b1{overflow:hidden;float:left;margin-right:84px} .ul-tit-b1 li{width:62px;float:left;margin-right:30px} .ul-tit-b1 li a{display:block;text-align:center;padding:34px 11px;line-height:25px;background-color:#fff;font-size:21px;color:#333;border:1px solid #d9dfeb} .ul-tit-b1 li a:hover{color:#fff;background-color:#4c89e7} .ul-tit-b1 li:last-child{margin-right:0} .row-b6 .b-tit::after{content:'';position:absolute;left:0;bottom:0;width:60px;height:4px;border-radius:50px;background-color:#4c89e7} .row-b6 .b-tit h3{font-size:36px;color:#333;} .row-b7 .b-info1 .txt{float:left;width:438px} .row-b7 .b-info1 .txt .btn{text-align:right} .row-b7 .b-info1 .txt a{font-size:14px;color:#fff;display:inline-block;border-radius:50px;padding:0 45px 0 14px;line-height:28px;height:29px;background-color:#1e63b5;background-image:url(../images/b-icon04.png);background-repeat:no-repeat;background-position:72px 9px;-o-background-size:28px 6px;background-size:28px 6px} .row-b7 .b-info1 .txt p{font-size:16px;color:#333;line-height:2.1;margin-bottom:34px} .row-b7 .b-info2{overflow:hidden;box-shadow:0 12px 10px 0 rgba(55,73,163,.2)} .row-b7 .b-info2 .info1{background-color:#fff;overflow:hidden;width:72%;border-radius:10px;padding:64px 60px 68px;float:left} .row-b7 .b-info2 .info1 .tit{float:left;margin-right:70px} .row-b7 .b-info2 .info1 .tit h3{font-size:36px;color:#333;position:relative;padding-bottom:20px;margin-bottom:50px} .row-b7 .b-info2 h3::after{content:'';position:absolute;left:0;bottom:0;width:60px;height:4px;border-radius:50px;background-color:#4c89e7} .row-b7 .b-info2 .info1 .tit a{font-size:14px;color:#fff;display:inline-block;border-radius:50px;padding:0 45px 0 14px;line-height:28px;height:29px;background-color:#1e63b5;background-image:url(../images/b-icon04.png);background-repeat:no-repeat;background-position:72px 9px;-o-background-size:28px 6px;background-size:28px 6px} .row-b7 .b-info2 .info1 .txt{overflow:hidden;position:relative;top:-3px;width:598px} .row-b7 .b-info2 .info1 .txt p{font-size:16px;color:#333;line-height:2.1;margin-bottom:31px} .ul-tit-b2{overflow:hidden} .ul-tit-b2 li{float:left;margin-right:28px} .ul-tit-b2 li:last-child{margin-right:0} .ul-tit-b2 a{display:block;line-height:60px;padding:0 28px;background-color:#fff;font-size:20px;color:#333;border:1px solid #d9dfeb} .ul-tit-b2 a:hover{color:#fff;background-color:#4c89e7} .row-b7 .b-info2 .info2{float:right;border-radius:10px;overflow:hidden;width:22%;background-color:#fff} .row-b7 .b-info2 .info2 .tit{background-image:url(../images/b-bg3.png);background-repeat:no-repeat;-o-background-size:cover;background-size:cover;text-align:center;border-top-left-radius:10px;border-top-right-radius:10px} .row-b7 .b-info2 .info2 .tit h3{font-size:36px;color:#fff;line-height:86px;} .row-b7 .b-info2 .info2 .txt{padding:44px 24px;position:relative} .row-b7 .b-info2 .info2 .txt::after{content:'';position:absolute;left:50%;top:20px;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:translateX(-50%);width:60px;height:4px;border-radius:50px;background-color:#4c89e7} .row-b7 .b-info2 .info2 .txt p{font-size:16px;color:#333;line-height:2.1;margin-bottom:26px} .row-b7 .b-info2 .info2 .btn{text-align:center} .row-b7 .b-info2 .info2 .btn a{font-size:18px;color:#0963ba;background:url(../images/d-icon4.png) 90px center no-repeat;-o-background-size:36px 21px;background-size:36px 21px;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;display:inline-block;padding-right:55px} .row-b7 .b-info2 .info2 .btn a:hover{background-position:80px center;color:#063e7d} .row-b8 .b-bg{position:relative;background-color:#015bb1;height:468px} .row-b8 .b-bg::after{content:'';position:absolute;bottom:-9px;right:0;background-image:url(../images/b-pic08.jpg);background-repeat:no-repeat;-o-background-size:cover;background-size:cover;width:42%;height:16px} .row-b8 .b-bg .info{background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:61px 31px 28px 60px;width:59.4%;box-shadow:0 0 26px 0 rgba(59,77,112,.16);position:absolute;top:10px;left:0;z-index:5} .row-b8 .b-tit{float:none;top:0;padding-bottom:20px;margin-bottom:20px} .row-b8 .txt p{font-size:16px;color:#333;line-height:2.15;margin-bottom:34px} .row-b8 .b-bg .info1{width:67.5%} .ul-tit-b3{overflow:hidden;margin:0 -42.5px} .ul-tit-b3 li{float:left;width:33.333%;margin-bottom:21px} .ul-tit-b3 li a{font-size:20px;color:#333;padding-right:29px;background-image:url(../images/b-icon05.png);background-repeat:no-repeat;background-position:right center} .ul-tit-b3 li a:hover{color:#063e7d} .ul-tit-b3 li .con{padding:0 42.5px} .row-b8 .b-bg .info .btn{text-align:right} .row-b8 .b-bg .info .btn a{font-size:18px;color:#0963ba;background:url(../images/d-icon4.png) 90px center no-repeat;-o-background-size:36px 21px;background-size:36px 21px;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;display:inline-block;padding-right:55px} .row-b8 .b-bg .info .btn a:hover{background-position:80px center;color:#063e7d} .row-b8 .b-bg .pic{width:726px;position:absolute;right:0;top:0;z-index:6;overflow:hidden} .row-b8 .b-bg .pic img{-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s} .row-b8 .b-bg .pic:hover img{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);-webkit-transform:scale(1.05)} @media only screen and (max-width:1920px){ .ul-info-b3 li:first-child p{height:3.33vw} .ul-info-b1{margin-bottom:-15.5vw} .ul-info-b1::after{top:2.343vw} .row-b1 .b-info1::before{width:1.197vw;height:1.197vw} .ul-info-b1 .info{top:-4.947vw} .ul-info-b1 li:nth-child(3) .info{top:-5.9vw} .ul-info-b1 li:nth-child(4) .info{top:-2.45vw} .ul-info-b1 li:nth-child(5) .info{top:-14.45vw} .ul-info-b1 li:nth-child(6) .info{top:-15.65vw;padding-left:2.6vw!important} .ul-info-b1 li:nth-child(7) .info{top:-18.1vw} .ul-info-b1 li:nth-child(8) .info{top:-17.8vw;padding-left:2.6vw!important} .ul-info-b1 li:nth-child(9) .info{top:-18.45vw} .ul-info-b1 li:nth-child(10) .info{top:-23.5vw} .ul-info-b1 li:nth-child(11) .info{top:-22.5vw} .ul-info-b1 li:nth-child(12) .info{top:-21.95vw} .ul-info-b1 li:nth-child(6) .info::after{width:22.78vw} .ul-info-b1 li:nth-child(8) .info::after{width:22.78vw} .ul-info-b1 .info::after{top:2.343vw;width:13.67vw} .ul-info-b1 .info .info1{width:17.6vw} .ul-info-b1 .info .pic01{top:-10vw} .ul-info-b1 .info::before{top:2.083vw;left:-.338vw;width:.677vw;height:.677vw} .ul-info-b1 li:nth-child(2n) .info::before{right:-.338vw} .ul-info-b1 li:nth-child(2n) .info{padding-right:3.333vw} .ul-info-b1 .info h3{font-size:3.475vw} .ul-info-b1 .info span{font-size:1.354vw} .ul-info-b1 .info em{font-size:.833vw;line-height:1.5;padding:0 .729vw} .ul-info-b1 .info .txt1 p{font-size:1.041vw} .row-b{padding:5.208vw 0} .row-b2 .b-info .tit{margin-bottom:.729vw} .row-b2 .b-info .tit h3{font-size:2.5vw;margin-bottom:.364vw} .row-b2 .b-info .tit p{font-size:1.354vw} .ul-pic-b1{margin:0 -.312vw} .ul-pic-b1 .info{padding:0 .312vw} .row-b3{padding:4.479vw 0 5.208vw} .ul-info-b2 li:nth-child(1) .info1{width:12.55vw} .ul-info-b2 li:nth-child(2) .info1{width:20.46vw} .ul-info-b2 .info1{padding-left:.677vw} .ul-info-b2 .info h3{font-size:1.875vw} .ul-info-b2 .info .tit{padding-bottom:.989vw;margin-bottom:1.041vw} .ul-info-b2 li:last-child .info .tit{padding-bottom:.781vw} .ul-info-b2 .info .txt{margin-bottom:1.354vw} .ul-info-b2 .info p{font-size:.833vw} .ul-info-b2 .info span{font-size:.937vw;padding-right:5.208vw;background-position:4.687vw center;-o-background-size:1.875vw 1.093vw;background-size:1.875vw 1.093vw} .ul-info-b2 .con:hover .info span{background-position:5.208vw center} .row-b4{padding:5.5vw 0 5.1vw} .ul-info-b3{height:36.45vw} .ul-info-b3 li:nth-child(3) .info1{padding:1.197vw 0 1.614vw 1.666vw} .ul-info-b3 li:nth-child(3) .txt2{width:14.27vw;padding:2.395vw 1.718vw 2.083vw;height:16.65vw} .ul-info-b3 li:nth-child(3) .tit{padding-bottom:.677vw} .ul-info-b3 li:nth-child(3) .txt{margin-bottom:1.093vw} .ul-info-b3 li:nth-child(4) .info1{padding:2.656vw 2.812vw 2.604vw 4.166vw} .ul-info-b3 li:nth-child(4) .info1 .tit1{margin-bottom:1.979vw} .ul-info-b3 li:nth-child(4) .info1 .tit1 .more{font-size:.937vw;padding-left:1.406vw;top:1.197vw;-o-background-size:.937vw .26vw;background-size:.937vw .26vw} .ul-info-b3 li:nth-child(4) .info1 .tit1 img{margin-right:1.145vw;width:4.01vw} .ul-info-b3 li:nth-child(4) .info1 .tit1:last-child img{width:3.64vw} .ul-info-b3 li:nth-child(4) .info1 .tit1 h3{font-size:1.25vw;top:1.197vw} .ul-info-b3 h3{font-size:1.875vw} .ul-info-b3 .tit{padding-bottom:1.093vw;margin-bottom:.729vw} .ul-info-b3 .tit::after{width:3.125vw;height:.208vw} .ul-info-b3 .txt1{width:21.14vw} .ul-info-b3 p{font-size:.833vw} .ul-info-b3 .btn span{font-size:.937vw;padding-right:5.208vw;background-position:4.687vw center;-o-background-size:1.875vw 1.093vw;background-size:1.875vw 1.093vw} .ul-info-b3 .con:hover .btn span{background-position:5.208vw center} .ul-info-b3 li:nth-child(1) .info1{padding:2.343vw 1.562vw 2.031vw 3.072vw} .ul-info-b3 li:nth-child(2) .info1{padding:.885vw} .ul-info-b3 li:nth-child(2) .info1 .pic{margin-right:1.77vw;width:20.62vw} .ul-info-b3 li:nth-child(1) .btn{bottom:1.458vw} .ul-info-b3 li:nth-child(2) .txt1{padding-top:1.614vw} .ul-info-b3 li:nth-child(2) .tit{margin-bottom:.729vw} .ul-info-b3 li:nth-child(2) .txt{margin-bottom:1.406vw} .ul-info-b3 .btn a{font-size:.937vw;padding-right:5.208vw;background-position:4.687vw center;-o-background-size:1.875vw 1.093vw;background-size:1.875vw 1.093vw} .ul-info-b3 .btn1 a{font-size:.729vw;line-height:1.562vw;height:1.51vw;padding:0 2.291vw 0 .781vw;-o-background-size:1.458vw .312vw;background-size:1.458vw .312vw;background-position:2.552vw center} .row-b5{padding:4.375vw 0 5.208vw;background-position:right 5.781vw} .row-b6{padding:4.27vw 0 5.989vw} .row-b7{padding-bottom:11.19vw;margin-bottom:2.395vw} .row-b7 .b-info1{padding:3.802vw 4.895vw 4.010vw 5.729vw;margin-bottom:4.687vw} .row-b6 .b-tit{padding-bottom:1.093vw;margin-right:3.333vw;top:2.604vw} .ul-tit-b1{margin-right:4.375vw} .ul-tit-b1 li{width:3.229vw;margin-right:1.562vw} .ul-tit-b1 li a{padding:1.76vw .52vw;line-height:1.302vw;font-size:1.093vw} .row-b6 .b-tit::after{width:3.125vw;height:.208vw} .row-b6 .b-tit h3{font-size:1.875vw} .row-b7 .b-info1 .txt{width:22.81vw} .row-b7 .b-info1 .txt p{font-size:.833vw;margin-bottom:1.77vw} .row-b7 .b-info2 .info1{padding:3.333vw 3.125vw 3.541vw} .row-b7 .b-info2 .info1 .tit{margin-right:3.645vw} .row-b7 .b-info2 .info1 .tit h3{font-size:1.875vw;padding-bottom:1.041vw;margin-bottom:2.604vw} .row-b7 .b-info2 h3::after{width:3.125vw;height:.208vw} .row-b7 .b-info2 .info1 .txt{top:-.156vw;width:31.14vw} .row-b7 .b-info2 .info1 .txt p{font-size:.833vw;margin-bottom:1.614vw} .ul-tit-b2 li{margin-right:1.458vw} .ul-tit-b2 a{line-height:3.125vw;padding:0 1.458vw;font-size:1.041vw} .row-b7 .b-info2 .info2 .tit h3{font-size:1.875vw;line-height:4.479vw} .row-b7 .b-info2 .info2 .txt{padding:2.291vw 1.25vw} .row-b7 .b-info2 .info2 .txt::after{top:1.041vw;width:3.125vw;height:.208vw} .row-b7 .b-info2 .info2 .txt p{font-size:.833vw;margin-bottom:1.354vw} .row-b7 .b-info2 .info2 .btn a{font-size:.937vw;background-position:4.687vw center;-o-background-size:1.875vw 1.093vw;background-size:1.875vw 1.093vw;padding-right:2.864vw} .row-b7 .b-info2 .info2 .btn a:hover{background-position:4.166vw center} .row-b8 .b-bg{height:24.37vw} .row-b8 .b-bg::after{bottom:-.525vw;height:.833vw} .row-b8 .b-bg .info{padding:3.177vw 1.614vw 1.458vw 3.125vw;top:.52vw} .row-b8 .b-tit{padding-bottom:1.041vw;margin-bottom:1.041vw;top:0} .row-b8 .txt p{font-size:.833vw;margin-bottom:1.77vw} .ul-tit-b3{margin:0 -2.213vw} .ul-tit-b3 li{margin-bottom:1.093vw} .ul-tit-b3 li a{font-size:1.041vw;padding-right:1.51vw} .ul-tit-b3 li .con{padding:0 2.213vw} .row-b8 .b-bg .info .btn a{font-size:.937vw;background-position:4.687vw center;-o-background-size:1.875vw 1.093vw;background-size:1.875vw 1.093vw;padding-right:2.864vw} .row-b8 .b-bg .info .btn a:hover{background-position:4.166vw center} .row-b8 .b-bg .pic{width:37.81vw} } @media only screen and (max-width:1600px){ .row-b8 .b-bg{height:22.37vw} .ul-info-b3 p{height:95px} .ul-info-b3 li:nth-child(2) p{height:70px} .ul-info-b3 li:nth-child(3) .txt{margin-bottom:10px} } @media only screen and (max-width:1560px){ .ul-info-b2{height:71.21vw} .ul-info-b2 li:nth-child(3){bottom:3.974vw} .ul-info-b2 li:nth-child(5){bottom:8.012vw} .ul-info-b2 li:nth-child(1) .info{width:56.79vw;height:27.3vw;padding:0 3.012vw;padding-top:5vw} .ul-info-b2 li:nth-child(2) .info{width:31.79vw;height:34.55vw;padding:0 2.756vw;padding-top:5vw} .ul-info-b2 li:nth-child(3) .info{width:26.21vw;height:38.78vw;padding:0 2.756vw;padding-top:4.743vw} .ul-info-b2 li:nth-child(4) .info{width:29.35vw;height:42.69vw;padding:0 2.756vw;padding-top:4.743vw} .ul-info-b2 li:nth-child(5) .info{width:31.79vw;height:27.43vw;padding:0 2.756vw;padding-top:4.743vw} .ul-info-b3 .btn a:hover{background-position:5.208vw center} } @media only screen and (max-width:1440px){ .ul-info-b3 li:nth-child(3){height:59%} } @media only screen and (max-width:1200px){ .ul-info-b3 p{height:55px} .ul-info-b2 li:first-child .info p{height:100.6px} .ul-info-b3 li:first-child p{height:4.33vw} .ul-info-b3 li:nth-child(3) .txt2{width:100%;height:18.65vw} .ul-info-b3 li:nth-child(3) .info1{padding:0} .ul-info-b3 li:nth-child(1) .btn{bottom:2.4vw} .ul-info-b3 li:nth-child(2) .txt{margin-bottom:5px} .ul-info-b3 li:nth-child(3){height:auto} .row-b8 .b-bg{height:25.37vw} .row-b8 .b-bg .info1{width:90%} .row-b7 .b-info2 .info1 .txt{width:40vw} } @media only screen and (max-width:990px){ .ul-info-b2 li:first-child .info p{height:62px} .ul-info-b2 .info{padding:10px!important} .ul-info-b2 .info h3{font-size:18px} .ul-info-b2 .info p{font-size:15px} .ul-info-b2 .info span{font-size:14px;background-position:70px center;-o-background-size:20px auto;background-size:20px auto} .ul-info-b2 .info .tit{display:inline-block} .ul-info-b3 li:nth-child(3) .txt2{height:auto} .ul-info-b3 li:nth-child(4) .info1 .tit1{margin-bottom:20px} .ul-info-b2 .info1{width:100%!important} .ul-info-b2 .con:hover .info span{background-position:60px center} .ul-info-b3 h3{font-size:18px} .ul-info-b3 p{font-size:18px;height:64px} .ul-info-b3 li:nth-child(2) p{height:104px} .ul-info-b2 .info .tit,.ul-info-b2 .info .txt{margin-bottom:.1rem} .ul-info-b3 .btn a{font-size:14px;padding-right:60px;background-position:70px center;-o-background-size:20px auto;background-size:20px auto} .ul-info-b3 .btn a:hover{background-position:60px center} .ul-info-b3 .btn span{font-size:14px;padding-right:60px;background-position:70px center;-o-background-size:20px auto;background-size:20px auto} .ul-info-b3 .con:hover .btn span{background-position:60px center} .ul-info-b3 .txt1{width:100%} .ul-info-b3 li .btn{position:relative!important;left:0!important;bottom:0!important} .ul-info-b3 li{width:100%!important;position:relative!important;height:auto!important;margin-bottom:15px} .ul-info-b3 .btn1 a{font-size:16px;border-radius:50px;line-height:1.5;height:auto;padding:0 40px 0 15px;-o-background-size:auto;background-size:auto;background-position:50px center} .ul-info-b3{height:auto} .ul-info-b3 li:nth-child(4) .info1 .tit1 img{width:8vw!important;margin-right:15px} .ul-info-b3 li:nth-child(4) .info1 .tit1 h3{font-size:16px;top:2.5vw} .ul-info-b3 li:nth-child(4) .info1 .tit1 .more{font-size:16px;padding-left:20px;top:2vw;-o-background-size:auto;background-size:auto} .ul-info-b3 li:nth-child(2) .info1 .pic{margin-right:34px;width:396px} .ul-tit-b1 li{width:5vw} .row-b6 .b-tit h3{font-size:18px} .ul-tit-b1 li a{font-size:15px;line-height:1.5} .row-b7 .b-info1 .txt p{font-size:14px} .row-b7 .b-info2 .info1 .tit h3{font-size:18px} .row-b7 .b-info2 .info1 .txt p{font-size:14px} .ul-tit-b2 a{font-size:15px;line-height:1.5} .row-b7 .b-info2 .info1 .txt{width:100%} .row-b7 .b-info2 .info2 .tit h3{font-size:18px} .row-b7 .b-info2 .info2 .txt p{font-size:14px} .row-b7 .b-info2 .info2 .btn a{font-size:14px;-o-background-size:20px auto;background-size:20px auto;padding-right:40px;background-position:60px center} .row-b7 .b-info2 .info2 .btn a:hover{background-position:50px center} .row-b7 .b-info2 .info2 .txt{padding:20px} .row-b8 .txt p{font-size:14px} .ul-tit-b3 li a{font-size:15px;padding-right:20px} .row-b8 .b-bg .info .btn a{font-size:14px;-o-background-size:20px auto;background-size:20px auto;padding-right:40px;background-position:60px center} .row-b8 .b-bg .info .btn a:hover{background-position:50px center} .row-b8 .b-bg{height:41vw} .row-b7 .b-info2 .info1 .tit a{padding:0 35px 0 14px;background-position:75px center;-o-background-size:20px auto;background-size:20px auto;line-height:2} } @media only screen and (max-width:750px){ .row-b8 .b-bg .info1 { width: 100%; } .row-b7 .b-info2 .info2 .btn { display:none; text-align: right; } .row-b7 .b-info2 .info2 .txt { padding: 15px 15px 0; } .ul-info-b2 .info p{height:68px!important} .ul-info-b3 li:first-child p{height:auto} .ul-info-b3 li .txt{margin-bottom:10px} .ul-info-b3 p{height:50px;line-height:1.5;font-size:16px} .ul-info-b3 li:nth-child(3) p{height:auto} .ul-info-b3 li:nth-child(2) p{height:auto} .row-b7 .b-info1{background-image: url(../images/b-bg2-2.png); background-position: center;-webkit-background-position: center;background-size: 60%;} .row-b7 .b-info1 .txt a{padding:0 35px 0 14px;background-position:75px center;-o-background-size:20px auto;background-size:20px auto} .ul-info-b1 .info h3{font-size:18px} .ul-info-b1 .info span{font-size:15px} .ul-info-b1 .info .txt1 p{font-size:14px} .ul-info-b1 li:nth-child(6) .info .info1{width:17.6vw} .ul-info-b1 li:nth-child(8) .info .info1{width:17.6vw} .ul-info-b1 li:nth-child(6) .info::after{width:13.67vw} .ul-info-b1 li:nth-child(8) .info::after{width:13.67vw} .ul-info-b1 .info .info1{width:100%!important} .ul-info-b1 .info::before{top:8px;width:10px;height:10px;left:-6.5px} .ul-info-b1 li:nth-child(2n) .info::before{right:-4.5px} .ul-info-b1 .info::after{top:12px} .row-b1 .b-info1::before{width:14px;height:14px} .row-b2 .b-info .tit h3{font-size:18px;margin-bottom:10px} .row-b7 .b-info2 .info2 .tit h3{line-height:42px;height:42px} .row-b7 .b-info2 .info1 .tit h3{text-align:center;padding-bottom:10px} .row-b7 .b-info2 .info2 .txt::after{left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:translateX(-50%);width:30px;height:2px;top:10px} .row-b7 .b-info2 .info1 .tit .btn{text-align:right} .row-b8 .txt p,.ul-tit-b3{margin-bottom:10px} .row-b7 .b-info2 h3::after{left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:translateX(-50%);width:30px;height:2px} .row-b2 .b-info .tit p{font-size:15px} .ul-pic-b1 li{width:100%;float:none;margin-bottom:10px} .ul-info-b1 .info em{font-size:12px} .ul-info-b2 li{width:100%!important;float:none;position:relative!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin-bottom:15px} .ul-info-b2 li .info{width:100%!important;height:auto!important;padding:15px!important;min-height:170px} .ul-info-b2{height:auto} .ul-info-b2 .info span{padding-right:50px} .ul-info-b3 li:nth-child(2) .info1 .pic{float:none;width:100%} .ul-info-b3 li:nth-child(2) .info1 .pic img{width:100%} .ul-info-b3 .tit::after{width:40px;height:3px} .ul-info-b3 li:nth-child(3) .txt2{padding:25px 10px;min-height: 200px;position:absolute;left:0px;top:50%;width:50%;height:80%;min-height:inherit;transform:translateY(-50%)} .ul-info-b3 li:nth-child(1) .txt2{padding:10px} .ul-info-b3 li:nth-child(2) .info1{padding:10px} .ul-info-b3 li:nth-child(4) .txt2{padding:10px} .row-b,.row-b3,.row-b5{padding:.5rem 0 .6rem} .b-tab p{font-size:15px} .ul-info-b3 .btn a{-o-background-size:20px auto;background-size:20px auto;background-position:70px center} .ul-info-b3 .btn a:hover{background-position:70px center} .ul-info-b3 .btn span{font-size:14px;-o-background-size:20px auto;background-size:20px auto;background-position:70px center} .ul-info-b3 .con:hover .btn span{background-position:60px center} .ul-info-b3 .btn1 span{ font-size: 12px;-o-background-size:20px auto;background-size:20px auto;line-height: 25px; height: 25px;background-size: 20px 6px;background-position: 49px center;} .ul-info-b3 li:nth-child(4) .info1 .tit1 .more{font-size:14px} .row-b7 .b-info1{padding:10px;border-top:1px solid #1e63b5} .row-b6 .b-tit{float:none;top:0;margin-bottom:15px;text-align:center;margin-right:0} .row-b7 .b-info2 .info1 .tit{width:100%;margin-bottom:10px} .ul-tit-b1{float:none;margin:0 -5px} .row-b7 .b-info1 .txt{float:none;width:100%} .ul-tit-b1 li{width:20%;margin:0} .row-b6 .b-tit h3{font-size:18px;text-align:center;margin-bottom:10px} .row-b6 .b-tit::after{width:30px;height:2px;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:translateX(-50%)} .ul-tit-b1 li a{margin:0 5px;font-size:15px;padding:10px} .row-b7 .b-info2 .info1{float:none;width:100%} .row-b7 .b-info2 .info2{float:none;width:100%;margin-bottom:0px} .row-b8 .b-bg .info,.row-b8 .b-bg .pic{position:relative;top:0;left:0;width:100%} .row-b8 .b-bg{height:auto;background-color:transparent} .row-b8 .b-bg::after{display:none} .ul-tit-b2 li{margin-right:10px;margin-bottom:10px} .ul-info-b2 .info p,.ul-info-b4 .txt1 .txt,.ul-tit-b2 a{line-height:1.5} .ul-info-b3 li:nth-child(1) .info1{padding: 16px 10px;} .ul-info-b3 h3 { font-size: 17px;font-weight: 600; margin-bottom: 6px;} .ul-info-b3 .tit { margin-bottom: 8px;} .ul-info-b3 p { height: auto; font-size: 14px; } .ul-info-b3 .btn a { font-size: 14px; background-size: 19px auto; } .ul-info-b3 li:nth-child(3) .info1 { min-height: 200px; } } @font-face{font-family:bahnschrift;src:url(../fonts/bahnschrift.ttf) format("truetype")} @font-face{font-family:PangMenZhengDao;src:url(../fonts/PangMenZhengDao.ttf) format("truetype")} .row-d1{position:relative;padding-bottom:72px;padding-top:88px} .row-d1::after{position:absolute;content:"";bottom:0;right:0;width:820px;height:668px;background:url(../images/d-icon2.png) center no-repeat;-o-background-size:cover;background-size:cover;z-index:-1} .ul-list-d1 li{margin-bottom:28px} .ul-list-d1 .tit{overflow:hidden;padding:22px 80px 24px 118px;background:url(../images/d-bg1.png) center no-repeat #467ac0;-o-background-size:cover;background-size:cover;border-radius:10px} .ul-list-d1 .tit h3{width:90%;float:left;font-size:28px;font-weight:700;color:#fff;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap} .ul-list-d1 .tit span{float:right;width:32px;height:32px;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s} .ul-list-d1 .tit span img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .ul-list-d1 li.on .tit{border-bottom-right-radius:0;border-bottom-left-radius:0} .ul-list-d1 li.on .tit span img{-webkit-animation:.5s linear forwards rotate-d;-moz-animation:.5s linear forwards rotate-d;-o-animation:.5s linear forwards rotate-d;animation:.5s linear forwards rotate-d} @-webkit-keyframes rotate-d{ 0%{-webkit-transform:rotate(0)} 100%{-webkit-transform:rotate(180deg)} } .ul-list-d1 .title{border-bottom:2px solid #eaeaea} .ul-list-d1 .title span{float:left;width:26.66%;font-size:22px;margin-bottom:16px;font-weight:700;color:#333;} .ul-list-d1 .m-require .item .s1,.ul-list-d1 .title .s1{padding-left:80px} .ul-list-d1 .m-require .item .s4,.ul-list-d1 .title .s4{width:20%} .ul-list-d1 .m-require{padding:46px 120px 100px;background:#fff;box-shadow:-1px 4px 30px 0 rgba(62,81,110,.26);border-radius:0 0 10px 10px} .ul-list-d1 .m-require .item span{float:left;width:26.66%;font-size:20px;font-weight:400;color:#333;padding:24px 0 12px;} .ul-list-d1 li:nth-child(2) .tit,.ul-list-d1 li:nth-child(4) .tit{background-image:url(../images/d-bg2.png)} .ul-list-d1 li:nth-child(3) .tit{background-image:url(../images/d-bg3.png);background-color:#dcc37f} .row-d2{padding-top:90px;padding-bottom:90px;border-top:10px solid #afd1f1;background-repeat:no-repeat;background-position:center;-o-background-size:cover;background-size:cover} .row-d2 .desc{font-size:18px;font-weight:400;color:#fff;line-height:2;} .row-d3{padding-top:88px;padding-bottom:22px;background-repeat:no-repeat;background-position:center;-o-background-size:cover;background-size:cover} .row-d3 .con{margin-bottom:82px} .row-d3 .con .pic{float:left;width:50%;height:auto;margin-right:39px;border-radius:10px;overflow:hidden} .row-d3 .con .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s} .row-d3 .con:hover .pic img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .row-d3 .con .text{overflow:hidden;padding-top:5px} .row-d3 .con .text h3{position:relative;font-size:36px;font-weight:700;color:#333;margin-bottom:34px;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;} .row-d3 .con .text h3::after{position:absolute;content:'';bottom:-19px;left:0;width:100%;height:1px;background:url(../images/d-icon3.png) center no-repeat;-o-background-size:cover;background-size:cover} .row-d3 .con .text .desc{font-size:16px;font-weight:400;color:#333;line-height:2;text-indent:2em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden;margin-bottom:40px;height:256px;} .row-d3 .con .text .more{text-align:right} .g-more-d{font-size:18px;font-weight:700;color:#0963ba;padding-right:100px;background:url(../images/d-icon4.png) 90px center no-repeat;-o-background-size:36px 21px;background-size:36px 21px;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;} .row-d3 .con:hover .g-more-d{background-position:100px center} .row-d3 .con1 .g-more-d{padding-right:57px} .row-d3 .con1:hover .g-more-d{background-position:90px center} .g-tit-d{text-align:center;position:relative;margin-bottom:46px} .g-tit-d h3{font-size:36px;font-weight:700;color:#333;} .g-tit-d b{position:absolute;width:60px;height:4px;bottom:-21px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);background:#4c89e7;border-radius:2px} .row-d3 .con2 .desc{width:60%;text-align:center;font-size:16px;font-weight:400;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:2;margin:0 auto 27px;height:96px;} .row-d3 .con2 .more{text-align:center;margin-bottom:48px} .row-d3 .con2 .more:hover .g-more-d{background-position:100px center} .row-d3 .content{margin:0 -8px;height:437px} .row-d3 .content .box1{float:left;width:17%;height:100%;background-repeat:no-repeat;background-position:center;-o-background-size:cover;background-size:cover;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 8px;padding:37px 20px 40px 28px;border-radius:10px;overflow:hidden} .row-d3 .content .box1 .text{margin-bottom:30px} .row-d3 .content .box1 h3{font-size:16px;font-weight:400;color:#fff} .row-d3 .content .box1 h3 span{font-family:IMPACT1} .row-d3 .content .box1 .slick-dots{position:absolute;overflow:hidden;bottom:42px;left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%);transform:translate(-50%);cursor:pointer} .row-d3 .content .box1 .slick-dots li{display:inline-block;width:7px;height:7px;margin-right:5px;background:rgba(255,255,255,.5);border-radius:50%} .row-d3 .content .box1 .slick-dots li button{display:none} .row-d3 .content .box1 .slick-dots li.slick-active{width:21px;height:7px;background:#fff;border-radius:4px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .row-d3 .content .box1 .info{font-size:14px;font-weight:400;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;} .row-d3 .content .box2{float:left;width:25%;height:100%;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 8px;overflow:hidden;border-radius:10px} .row-d3 .content .box2 img,.row-d3 .content .box3 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s} .row-d3 .content .box3{float:left;width:54.5%;height:100%;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 8px;overflow:hidden;border-radius:10px} .row-d3 .content .box2:hover img,.row-d3 .content .box3:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .row-d4{padding-top:237px;padding-bottom:100px;background-repeat:no-repeat;background-position:center;-o-background-size:cover;background-size:cover} .row-d4 .con{position:relative;z-index:1;height:auto} .row-d4 .con::after{position:absolute;content:'';bottom:-33px;left:-29px;width:428px;height:248px;background:#d5ab63;z-index:-1} .row-d4 .con .pic{width:100%;height:100%;overflow:hidden} .row-d4 .con .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s} .row-d4 .con:hover .pic img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .row-d4 .con .text{position:absolute;width:50%;height:100%;left:0;top:0;padding:81px 75px 85px;text-align:left;background:rgba(1,91,177,.6)} .row-d4 .g-tit-d{text-align:left;margin-bottom:39px} .row-d4 .g-tit-d h3{color:#fff} .row-d4 .g-tit-d b{left:0;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);background:rgba(255,255,255,.66)} .row-d4 .desc{font-size:16px;font-weight:400;color:#fff;margin-bottom:42px;line-height:2.5em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;height:200px;} .g-more-d2{display:inline-block;font-size:14px;font-weight:400;padding:5px 44px 6px 15px;color:#fff;background-color:#1e63b5;border-radius:15px;background-image:url(../images/d-icon5.png);-o-background-size:28px 6px;background-size:28px 6px;background-repeat:no-repeat;background-position:77px center} .g-more-d2:hover{color:#fff} .row-d5{position:relative;padding:81px 0 99px} .row-d5::after{position:absolute;content:'';bottom:0;right:0;width:820px;height:668px;background:url(../images/d-icon2.png) center no-repeat;-o-background-size:cover;background-size:cover;z-index:-1} .row-d5 .box{height:787px;margin:0 -14px} .row-d5 .col-l{width:65.5%;height:100%} .row-d5 .col-l .box1{margin:0 14px;height:100%;-moz-box-sizing:border-box;box-sizing:border-box} .row-d5 .col-r{float:left;width:34.5%;height:100%} .row-d5 .col-r .box2{margin:0 14px;height:100%;-moz-box-sizing:border-box;box-sizing:border-box;box-shadow:0 0 26px 0 rgba(59,77,112,.16);border-radius:10px;background-color:#fff} .ul-list-d2{margin:0 -15px} .ul-list-d2 li{float:left;width:50%;margin-bottom:30px} .ul-list-d2 .con{height:378px;padding:54px 50px 44px;background-position:center;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;border-radius:10px;overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 15px;cursor:pointer} .ul-list-d2 .g-tit-d{margin-bottom:42px} .ul-list-d2 li:nth-child(1) .con .g-tit-d h3,.ul-list-d2 li:nth-child(2) .con .g-tit-d h3{color:#fff} .ul-list-d2 .con:hover .more .g-more-d{background-position:100px center} .ul-list-d2 li:nth-child(1) .con .g-tit-d b,.ul-list-d2 li:nth-child(2) .con .g-tit-d b{background-color:rgba(255,255,255,.66)} .ul-list-d2 .desc{font-size:16px;font-weight:400;color:#fff;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin-bottom:40px;line-height:2;height:128px} .ul-list-d2 .more{text-align:center} .ul-list-d2 li:nth-child(1) .more .g-more-d{color:#fff;background-image:url(../images/d-icon23.png)} .ul-list-d2 li:nth-child(2) .more .g-more-d{color:#fff;background-image:url(../images/d-icon8.png)} .ul-list-d2 li:nth-child(3){margin-bottom:0;width:100%} .ul-list-d2 li:nth-child(3) .con{padding:0;box-shadow:0 0 26px 0 rgba(59,77,112,.16);border-radius:0 10px 10px 0} .ul-list-d2 li:nth-child(3) .con .more{padding-top:7px} .ul-list-d2 .con .pic{float:left;width:50%;height:100%;overflow:hidden;border-radius:10px 0 0 10px} .ul-list-d2 .con .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s} .ul-list-d2 li:nth-child(3) .con:hover .pic img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .ul-list-d2 .con .text{overflow:hidden;padding:53px 49px 50px;height:100%;background:#fff} .ul-list-d2 li:nth-child(3) .con .desc{height:64px;text-align:left;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .ul-list-d2 li:nth-child(3) .con .g-tit-d{margin-bottom:43px} .ul-list-d2 .con .text .item{display:inline-block;margin-right:70px} .ul-list-d2 .con .text .item:last-child{margin-right:0} .ul-list-d2 .con .text .item .icon{width:51px;height:50px;margin:0 auto 12px} .ul-list-d2 .con .text .item .icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .ul-list-d2 .con .text .item h3{font-size:24px;font-weight:400;color:#333;} .ul-list-d2 li:nth-child(3) .con .text .other .item:nth-child(2) .icon{width:42px;height:42px} .row-d5 .box2 .pic{width:100%;height:539px;overflow:hidden;margin-bottom:42px} .row-d5 .box2 .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s} .row-d5 .box2:hover .pic img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .row-d5 .box2 .text{padding:0 40px} .row-d5 .box2 .g-tit-d{text-align:left} .row-d5 .box2 .g-tit-d b{left:0;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)} .row-d5 .box2 .info{font-size:16px;font-weight:400;color:#333;margin-bottom:27px} .row-d5 .box2 .info span{margin-right:24px;} .row-d6{padding:84px 0} .tabBox-d{height:649px} .tabBox-d .tab-con{float:left;width:61.5%} .tabBox-d .m-infoCon .pic{position:relative;width:100%;height:649px;overflow:hidden;border-radius:10px 0 0 10px} .tabBox-d .m-infoCon .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .tabBox-d .m-infoCon:hover .pic .img1{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)} .tabBox-d .m-infoCon .pic .img2{position:absolute;bottom:50px;right:60px;width:60px;height:60px;cursor:pointer} .tabBox-d .tab-tit{overflow:hidden;height:100%;padding:55px 70px;background:#fff;box-shadow:0 0 26px 0 rgba(59,77,112,.16);border-radius:0 10px 10px 0} .row-d6 .g-tit-d h3{text-align:left} .row-d6 .g-tit-d b{left:0;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)} .row-d6 .info{font-size:18px;font-weight:400;color:#333;margin-bottom:47px} .ul-list-d3 li{width:50%;float:left;margin-bottom:40px} .ul-list-d3 .con{cursor:pointer} .ul-list-d3 .icon{position:relative;float:left;width:91px;height:91px;margin-right:18px;z-index:1} .ul-list-d3 .icon::after{display:none;content:'';position:absolute;top:10px;left:0;width:140px;height:118px;background:url(../images/d-icon22.png) center no-repeat;-o-background-size:cover;background-size:cover;z-index:-1} .ul-list-d3 li.on .icon::after{display:block} .ul-list-d3 .con h3{overflow:hidden;padding-top:20px;font-size:16px;font-weight:400;color:#333;line-height:1.6;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .ul-list-d3 .con h3 span{display:block} .ul-list-d3 .con:hover h3,.ul-list-d3 li.on .con h3{color:#467ac0} .row-d7{padding-top:99px;padding-bottom:224px;background-position:center;background-repeat:no-repeat;-o-background-size:cover;background-size:cover} .row-d7 .con{overflow:hidden;background:#fff;border-radius:10px} .row-d7 .text{float:left;width:46.5%;height:100%;padding-top:55px;background-position:center;background-repeat:no-repeat;-o-background-size:cover;background-size:cover} .row-d7 .con .school .pic1 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .row-d7 .con .school:hover .pic1 img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .m-infoCon-d{height:100%} .row-d7 .con .info{font-size:18px;font-weight:400;color:#333;text-align:center} .row-d7 .con .school{position:relative;overflow:hidden;height:100%} .tab-tit-d{position:relative;height:215px} .tab-tit-d .t1{position:absolute;bottom:37%;left:13%;cursor:pointer} .tab-tit-d .t2{bottom:12%;left:35%} .tab-tit-d .t3{bottom:46%;left:57%} .tab-tit-d .t4{bottom:41%;left:77%} .tab-tit-d .t1 h3{font-size:22px;font-weight:400;color:#333;margin-bottom:10px} .tab-tit-d .t1 .icon{position:relative;width:28px;height:34px;margin:0 auto} .tab-tit-d .t1 .icon img{width:100%;max-height:100%;} .tab-tit-d .t1 .icon .img2{display:none;position:absolute;width:28px;height:40px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .tab-tit-d .t1.on .icon{height:40px} .tab-tit-d .t1.on .icon .img2{display:block} .tab-tit-d .t1.on .icon .img1{display:none} .tab-tit-d .t0 .icon::after{content:'';position:absolute;width:651px;height:215px;bottom:-55px;left:-120px;background:url(../images/d-icon24.png) center no-repeat;-o-background-size:cover;background-size:cover} .row-d7 .con .school .pic1{width:100%;height:100%} .row-d7 .con .school .text1{position:absolute;top:0;left:0;width:50.5%;height:100%;background-color:rgba(1,91,177,.63);padding:47px 20px 39px 39px} .row-d7 .con .school .text1 h3{position:relative;font-size:22px;font-weight:400;color:#fefefe;margin-bottom:34px} .row-d7 .con .school .text1 h3::after{content:'';position:absolute;bottom:-16px;left:0;width:100%;height:1px;background:url(../images/d-icon16.png) center no-repeat;-o-background-size:cover;background-size:cover} .row-d7 .content{height:260px;overflow-y:auto} .row-d7 .content .item{margin-bottom:18px;padding-right:30px} .row-d7 .content .item span{display:inline-block;font-size:14px;font-weight:400;color:#fefefe;padding:5px 15px 4px;border:1px solid rgba(255,255,255,.43);border-radius:16px;margin-bottom:9px} .row-d7 .content .item .desc{font-size:14px;font-weight:400;color:#fefefe} .content::-webkit-scrollbar{width:2px;height:260px} .content::-webkit-scrollbar-track{border-radius:10px;background-color:#fff} .content::-webkit-scrollbar-thumb{border-radius:2px;background-color:#d9c270} .row-d8{position:relative;padding-top:5px;padding-bottom:100px} .row-d8::after{position:absolute;content:'';right:0;bottom:0;width:820px;height:628px;background:url(../images/d-icon2.png) center no-repeat;-o-background-size:cover;background-size:cover;z-index:-1} .row-d8 .col-l{width:61.2%;height:598px;margin-right:85px} .row-d8 .box1{position:relative;-moz-box-sizing:border-box;box-sizing:border-box;z-index:1} .row-d8 .box1::after{position:absolute;content:'';bottom:-118px;right:-56px;width:752px;height:415px;background:url(../images/d-pic12.jpg) center no-repeat;-o-background-size:cover;background-size:cover;z-index:-1} .row-d8 .col-r{width:32.5%;height:598px} .slick-d,.slick-d .item{position:relative} .slick-d .item .pic{width:100%;height:481px;overflow:hidden} .slick-d .item .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .slick-d .item .pic:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .slick-d .slick-arrow{position:absolute;width:31px;height:31px;bottom:-55px;border:0;font-size:0;cursor:pointer;background-color:transparent;background-position:center;background-repeat:no-repeat;-o-background-size:cover;background-size:cover;z-index:2;outline:0} .slick-d .slick-prev{right:8%;background-image:url(../images/d-icon20.png)} .slick-d .slick-prev:hover{background-image:url(../images/d-icon20-on.png)} .slick-d .slick-next{right:2%;background-image:url(../images/d-icon19.png)} .slick-d .slick-next:hover{background-image:url(../images/d-icon19-on.png)} .slick-d .slick-dots{position:absolute;bottom:-58px;right:49%;text-align:center;z-index:999;font-size:13px;font-weight:400;color:#f5f8fb} .slick-d .slick-dots li{display:none} .slick-d .slick-dots .slick-active{display:block} .slick-d .slick-dots li em{font-size:28px} .slick-d .slick-dots li .sd{display:inline-block;width:165px;height:1px;background-color:#fff;margin:-10px 15px 10px} .slick-d .item .info{position:absolute;bottom:0;left:0;width:100%;height:auto;padding:13px 30px;background:url(../images/d-icon18.png) center no-repeat;-o-background-size:cover;background-size:cover} .slick-d .item .info span{font-size:18px;font-weight:400;color:#fff;} .slick-d .item .info .massage{float:right} .slick-d .item .info .massage span{position:relative;display:inline-block;margin:0 4px} .slick-d .item .info .massage span::after{content:'';position:absolute;top:50%;right:-8px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:2px;height:20px;background-color:#fff} .slick-d .item .info .massage span:last-child::after{display:none} .ul-list-d4{margin:0 -10px 5px} .ul-list-d4 li{width:50%;float:left;margin-bottom:20px} .ul-list-d4 .con{width:100%;height:124px;padding:0 10px;-moz-box-sizing:border-box;box-sizing:border-box} .ul-list-d4 .con .pic{width:100%;height:100%;overflow:hidden} .ul-list-d4 .con img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .ul-list-d4 .con:hover .pic img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .row-d8 .more{text-align:center} .row-d8 .g-more-d{font-size:16px;font-weight:400;color:#0a65b8;padding-right:0;padding-left:69px;background:url(../images/d-icon4.png) 15px center no-repeat;-o-background-size:36px 21px;background-size:36px 21px;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s} .row-d8 .g-more-d:hover{background-position:5px center} .row-d9{position:relative;padding-top:78px;padding-bottom:100px} .row-d9::after{position:absolute;content:'';width:820px;height:668px;right:0;bottom:0;background:url(../images/d-icon2.jpg) center no-repeat;-o-background-size:cover;background-size:cover;z-index:-1} .row-d9 .content{padding:66px 55px 100px;background:#fff;box-shadow:-1px 4px 30px 0 rgba(62,81,110,.26);border-radius:10px} .row-d9 .content .con{position:relative;margin-bottom:80px;height:349px} .row-d9 .content .con .pic{position:relative;width:48%;height:100%;float:left;margin-right:46px;border-radius:10px;overflow:hidden} .row-d9 .content img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .row-d9 .content .con:hover .pic img,.ul-list-d5 .con1:hover .pic img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .row-d9 .content .info{position:absolute;left:0;bottom:10px;padding:5px 6px;background-color:#1e63b5;font-size:13px;font-weight:400;color:#fff} .row-d9 .content .info span{display:block;font-size:24px;font-weight:700;font-family:Arial-BoldMT;text-align:center} .row-d9 .content .con .text{overflow:hidden;padding-top:31px; position: relative; height: 100%;} .row-d9 .content .con .text::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:16px;background:url(../images/d-icon25.png) center no-repeat;-o-background-size:cover;background-size:cover} .row-d9 .content h3{font-size:22px;font-weight:700;color:#333;margin-bottom:26px;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .row-d9 .content .con:hover h3,.ul-list-d5 .con1:hover h3{color:#467ac0} .row-d9 .content .desc{font-size:16px;font-weight:400;color:#333;line-height:1.8;margin-bottom:36px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden} .row-d9 .content .text h3{padding-right:31px;height:75px;} .row-d9 .content .text .desc{border-top:1px solid #647e9e;padding:18px 10px 0 3px} .row-d9 .content .text .desc p{height:87px;} .row-d9 .more{overflow:hidden;display: flex;justify-content: space-between;} .row-d9 .more .g-more-d2{float:right;padding:2px 44px 4px 15px;background-position:50px center} .row-d9 .more .date{font-size: 14px;color: #999999;line-height:27px;} .row-d9 .more .date span { padding-left: 0.2rem; } .ul-list-d5{margin:0 -30px 26px} .ul-list-d5 li{float:left;width:33.33%;margin-bottom:50px;} .list-d5-zt li{width:50%;} .ul-list-d5 .con1{-moz-box-sizing:border-box;box-sizing:border-box;margin:0 30px;cursor:pointer} .ul-list-d5 .con1 .pic{position:relative;width:100%;height:219px;margin-bottom:24px;overflow:hidden;border-radius:10px} .list-d5-zt .con1 .pic{height:auto;} .ul-list-d5 .con1 h3{font-size:18px;margin-bottom:25px;height:61px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .ul-list-d5 .con1 .desc{-webkit-line-clamp:2;font-size:14px;line-height:2;margin-bottom:18px;height:64px} .g-more-d3{font-size:14px;line-height:25px;font-weight:400;padding:0 44px 0 15px;color:rgba(70,122,192,.6);background:url(../images/d-icon26.png) 48px center no-repeat;-o-background-size:21px 5px;background-size:21px 5px;border-radius:20px;border: 1px #e7e8ea solid;} .ul-list-d5 .con1 .text1:hover .g-more-d3{background-color: #1e63b5;background-image: url(../images/d-icon5.png);color:#fff;} .row-d9 .pages{padding-bottom:0} @media only screen and (min-width:750px) and (max-width:1920px){ .row-d1{padding-bottom:3.75vw;padding-top:4.58333vw} .row-d1::after{width:42.7vw;height:34.79vw} .ul-list-d1 li{margin-bottom:1.458vw} .ul-list-d1 .tit{padding:1.145vw 4.166vw 1.25vw 6.145vw;border-radius:.52vw} .ul-list-d1 .tit h3{font-size:1.458vw} .ul-list-d1 .tit span{width:1.666vw;height:1.666vw} .ul-list-d1 .title{border-bottom-width:.104vw} .ul-list-d1 .title span{float:left;width:26.66%;font-size:1.145vw;margin-bottom:.833vw} .ul-list-d1 .m-require .item .s1,.ul-list-d1 .title .s1{padding-left:4.166vw} .ul-list-d1 .m-require{padding:2.395vw 6.25vw 5.208vw;box-shadow:-1px .208vw 1.562vw 1px rgba(62,81,110,.26);border-radius:0 0 .52vw .52vw} .ul-list-d1 .m-require .item span{font-size:1.041vw;padding:1.25vw 0 .625vw} .row-d2{padding-top:4.739vw;padding-bottom:4.583vw;border-top-width:.52vw} .row-d2 .desc{font-size:0.9375vw;} .row-d3{padding-top:4.583vw;padding-bottom:1.145vw} .row-d3 .con{margin-bottom:4.27vw} .row-d3 .con .pic{margin-right:2.031vw;border-radius:.52vw} .row-d3 .con .text{overflow:hidden;padding-top:.26vw} .row-d3 .con .text h3{font-size:1.875vw;margin-bottom:1.77vw} .row-d3 .con .text h3::after{bottom:-.989vw} .row-d3 .con .text .desc{margin-bottom:2.083vw} .g-more-d{font-size:.937vw;padding-right:5.208vw;background-position:4.6875vw center;-o-background-size:1.875vw 1.093vw;background-size:1.875vw 1.093vw} .row-d3 .con:hover .g-more-d{background-position:5.2083vw center} .row-d3 .con1 .g-more-d{padding-right:2.96875vw} .row-d3 .con1:hover .g-more-d{background-position:4.6875vw center} .g-tit-d{margin-bottom:2.395vw} .g-tit-d h3{font-size:1.875vw} .g-tit-d b{position:absolute;width:3.125vw;height:.208vw;bottom:-1.093vw;border-radius:.104vw} .row-d3 .con2 .desc{margin:0 auto 1.406vw} .row-d3 .con2 .more{text-align:center;margin-bottom:2.5vw} .row-d3 .con2 .more:hover .g-more-d{background-position:5.208vw center} .row-d3 .content{margin:0 -.416vw;height:22.76vw} .row-d3 .content .box1{margin:0 .416vw;padding:1.927vw 1.041vw 2.083vw 1.458vw;border-radius:.52vw} .row-d3 .content .box1 .text{margin-bottom:1.562vw} .row-d3 .content .box1 h3{font-size:.833vw} .row-d3 .content .box1 .slick-dots{bottom:2.187vw} .row-d3 .content .box1 .slick-dots li{display:inline-block;width:.364vw;height:.364vw;margin-right:.26vw} .row-d3 .content .box1 .slick-dots li.slick-active{width:1.093vw;height:.364vw;background:#fff;border-radius:.208vw;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .row-d3 .content .box1 .info{font-size:.729vw} .row-d3 .content .box2,.row-d3 .content .box3{margin:0 .416vw;border-radius:.52vw} .row-d4{padding-top:12.34vw;padding-bottom:5.208vw} .row-d4 .con::after{bottom:-1.718vw;left:-1.51vw;width:22.29vw;height:12.91vw} .row-d4 .con .text{padding:4.218vw 3.906vw 4.427vw} .row-d4 .g-tit-d{text-align:left;margin-bottom:2.031vw} .row-d4 .desc{margin-bottom:2.187vw} .g-more-d2{font-size:.729vw;font-weight:400;padding:.26vw 2.291vw .312vw .781vw;color:#fff;background-color:#1e63b5;border-radius:.781vw;background-image:url(../images/d-icon5.png);-o-background-size:1.458vw .312vw;background-size:1.458vw .312vw;background-repeat:no-repeat;background-position:4.010vw center} .row-d5{padding:4.218vw 0 5.156vw} .row-d5::after{width:42.7vw;height:34.79vw} .row-d5 .box{height:40.98vw;margin:0 -.729vw} .row-d5 .col-l .box1{margin:0 .729vw} .row-d5 .col-r .box2{margin:0 .729vw;box-shadow:1px 1px 1.354vw 1px rgba(59,77,112,.16);border-radius:.52vw} .ul-list-d2{margin:0 -.781vw} .ul-list-d2 li{margin-bottom:1.562vw} .ul-list-d2 .con{height:19.68vw;padding:2.812vw 2.604vw 2.291vw;border-radius:.52vw;margin:0 .781vw} .ul-list-d2 .g-tit-d{margin-bottom:2.187vw} .ul-list-d2 .con:hover .more .g-more-d{background-position:5.208vw center} .ul-list-d2 .desc{margin-bottom:2.083vw;line-height:2} .ul-list-d2 li:nth-child(3) .con{padding:0;box-shadow:1px 1px 1.354vw 1px rgba(59,77,112,.16);border-radius:1px .52vw .52vw 1px} .ul-list-d2 li:nth-child(3) .con .more{padding-top:.364vw} .ul-list-d2 .con .pic{border-radius:.52vw 1px 1px .52vw} .ul-list-d2 .con .text{padding:2.76vw 2.552vw 2.604vw} .ul-list-d2 li:nth-child(3) .con .desc{height:3.333vw} .ul-list-d2 li:nth-child(3) .con .g-tit-d{margin-bottom:2.239vw} .ul-list-d2 .con .text .item{display:inline-block;margin-right:1.3vw} .ul-list-d2 .con .text .item .icon{width:2.656vw;height:2.604vw;margin:0 auto .625vw} .ul-list-d2 .con .text .item h3{font-size:1.25vw} .ul-list-d2 li:nth-child(3) .con .text .other .item:nth-child(2) .icon{width:2.6vw;height:2.6vw} .ul-list-d2 li:nth-child(3) .con .text .other .item:nth-child(3) .icon{width:2.9vw;height:2.3vw} .row-d5 .box2 .pic{height:28.0729vw;margin-bottom:2.187vw} .row-d5 .box2 .text{padding:0 2.083vw} .row-d5 .box2 .info{font-size:.833vw;margin-bottom:1.406vw} .row-d5 .box2 .info span{margin-right:1.25vw} .row-d6{padding:4.375vw 0} .tabBox-d{height:33.8vw} .tabBox-d .m-infoCon .pic{position:relative;width:100%;height:33.8vw;overflow:hidden;border-radius:.52vw 1px 1px .52vw} .tabBox-d .m-infoCon .pic .img2{position:absolute;bottom:2.604vw;right:3.125vw;width:3.125vw;height:3.125vw;cursor:pointer} .tabBox-d .tab-tit{overflow:hidden;height:100%;padding:2.864vw 3.645vw;background:#fff;box-shadow:1px 1px 1.354vw 1px rgba(59,77,112,.16);border-radius:1px .52vw .52vw 1px} .row-d6 .info{font-size:.937vw;margin-bottom:2.447vw} .ul-list-d3 li{margin-bottom:2.083vw} .ul-list-d3 .icon{position:relative;float:left;width:4.739vw;height:4.739vw;margin-right:.937vw;z-index:1} .ul-list-d3 .icon::after{top:.52083vw;left:0;width:7.29166vw;height:6.14583vw} .ul-list-d3 .con h3{overflow:hidden;padding-top:1.041vw;font-size:.833vw} .row-d7{padding-top:5.156vw;padding-bottom:11.66vw} .row-d7 .con{border-radius:.52vw} .row-d7 .text{padding-top:2.864vw} .row-d7 .con .info{font-size:.937vw} .tab-tit-d .t1 h3{font-size:1.145vw;margin-bottom:.52vw} .tab-tit-d .t1 .icon{width:1.458vw;height:1.77vw} .tab-tit-d .t1 .icon .img2{width:1.458vw;height:2.083vw} .tab-tit-d .t1.on .icon{height:2.083vw} .tab-tit-d .t0 .icon::after{content:'';position:absolute} .row-d7 .con .school .text1{padding:2.447vw 1.041vw 2.031vw 2.031vw} .row-d7 .con .school .text1 h3{position:relative;font-size:1.145vw;margin-bottom:1.77vw} .row-d7 .con .school .text1 h3::after{bottom:-.833vw} .row-d7 .content{overflow-y:auto} .row-d7 .content .item{margin-bottom:.937vw;padding-right:1.562vw} .row-d7 .content .item span{margin-bottom:.468vw} .row-d8{position:relative;padding-top:.26vw;padding-bottom:5.208vw} .row-d8::after{width:42.7vw;height:32.7vw} .row-d8 .col-l{height:31.14vw;margin-right:4.427083vw} .row-d8 .box1::after{position:absolute;content:'';bottom:-6.145vw;right:-2.916vw;width:39.16vw;height:21.61vw} .row-d8 .col-r{height:31.14vw} .slick-d .item .pic{width:100%;height:25.05vw;overflow:hidden} .slick-d .slick-arrow{position:absolute;width:1.614vw;height:1.614vw;bottom:-2.86458vw} .slick-d .slick-dots{bottom:-3.020vw} .slick-d .slick-dots li em{font-size:1.458vw} .slick-d .slick-dots li .sd{display:inline-block;width:8.593vw;height:1px;background-color:#fff;margin:-.52vw .781vw .52vw} .slick-d .item .info{padding:.677083vw 1.562vw} .slick-d .item .info span{font-size:.937vw} .slick-d .item .info .massage span{margin:0 .208vw} .slick-d .item .info .massage span::after{top:50%;right:-.416vw;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:.104vw;height:1.041vw} .ul-list-d4{margin:0 -.52vw .26vw} .ul-list-d4 li{margin-bottom:1.041vw} .ul-list-d4 .con{height:6.458vw} .row-d8 .g-more-d{font-size:.833vw;padding-left:3.593vw;background-position:.781vw center;-o-background-size:1.875vw 1.093vw;background-size:1.875vw 1.093vw} .row-d8 .g-more-d:hover{background-position:.26vw center} .row-d9{position:relative;padding-top:4.062vw;padding-bottom:5.208vw} .row-d9::after{position:absolute;content:'';width:42.7vw;height:34.79vw;right:0;bottom:0;background:url(../images/d-icon2.jpg) center no-repeat;-o-background-size:cover;background-size:cover;z-index:-1} .row-d9 .content{padding:3.437vw 2.864vw 5.208vw;background:#fff;box-shadow:-1px .208vw 1.562vw 1px rgba(62,81,110,.26);border-radius:.52vw} .row-d9 .content .con{position:relative;margin-bottom:4.166vw;height:18.1770833vw} .row-d9 .content .con .pic{position:relative;width:48%;float:left;margin-right:2.395vw;border-radius:.52vw;overflow:hidden} .row-d9 .content .info{bottom:.52vw;padding:.26vw .312vw} .row-d9 .content .info span{font-size:1.25vw} .row-d9 .content .con .text{overflow:hidden;padding-top:1.614vw} .row-d9 .content .con .text::after{height:.833vw} .row-d9 .content h3{font-size:1.145vw;margin-bottom:1.354vw} .row-d9 .content .desc{font-size:.833vw;margin-bottom:1.875vw} .row-d9 .content .text h3{padding-right:1.614vw;height:3.90625vw} .row-d9 .content .text .desc{border-top:1px solid #647e9e;padding:.937vw .52vw 0 .156vw} .ul-list-d5{margin:0 -1.562vw 1.354vw} .ul-list-d5 li{margin-bottom:2.6vw} .ul-list-d5 .con1{-moz-box-sizing:border-box;box-sizing:border-box;margin:0 1.562vw} .ul-list-d5 .con1 .pic{margin-bottom:1.25vw;border-radius:.52vw} .ul-list-d5 .con1 h3{font-size:.937vw;margin-bottom:1.3vw;height:3.15vw} .ul-list-d5 .con1 .desc{margin-bottom:.937vw;height:3.3333vw} .row-d9 .pages{padding-bottom:0} } @media only screen and (min-width:750px) and (max-width:1919px){ .slick-d .slick-dots{right:42%} } @media only screen and (min-width:750px) and (max-width:1669px){ .row-d4 .desc{font-size:16px;line-height:2em;height:160px} .ul-list-d2 .desc{font-size:15px;height:108px;line-height:1.8;margin-bottom:20px} .ul-list-d2 li:nth-child(3) .con .desc{height:54px} .row-d5 .box2 .info{font-size:15px;margin-bottom:20px} .row-d6 .info{font-size:15px} .ul-list-d3 .con h3{font-size:14px} .row-d7 .con .info{font-size:15px} .row-d7 .content{height:240px} .row-d7 .con .school .text1 h3{font-size:20px} .row-d8 .g-more-d{font-size:14px} .slick-d .slick-arrow{position:absolute;width:27px;height:27px;bottom:-47px} .row-d9 .content .text .desc{font-size:14px} .row-d9 .content .text .desc p{height:76px} .ul-list-d5 .con1 .desc{font-size:14px;height:56px} .g-more-d2{font-size:14px} .row-d9 .content .con .text{padding-top:15px} } @media only screen and (min-width:750px) and (max-width:1600px){ .row-d3 .content .box1 .slick-dots{bottom:5px} .g-more-d2{padding:5px 44px 6px 15px;background-position:70px center;-o-background-size:28px 6px;background-size:28px 6px;border-radius:15px} .tab-tit-d .t1 .icon{position:relative;width:25px;height:30px;margin:0 auto} .tab-tit-d .t1.on .icon{height:34px} .tab-tit-d .t1 .icon .img2{width:25px;height:34px} } @media only screen and (min-width:750px) and (max-width:1540px){ .row-d2 .desc{font-size:16px;height:auto;} .tab-tit-d .t3{bottom:44%} .tab-tit-d .t4{bottom:39%} } @media only screen and (min-width:750px) and (max-width:1440px){ .ul-list-d1 .tit span{width:24px;height:24px} .ul-list-d1 .m-require .item span{font-size:15px} .ul-list-d1 .title span{font-size:16px} .row-d3 .con .text h3{font-size:27px} .row-d3 .con .text .desc{font-size:15px;height:216px;line-height:1.8;margin-bottom:15px} .g-more-d{font-size:14px;padding-right:50px;background-position:70px center;-o-background-size:26px 15px;background-size:26px 15px} .row-d3 .con:hover .g-more-d{background-position:80px center} .row-d3 .con1 .g-more-d{padding-right:41px} .row-d3 .con1:hover .g-more-d{background-position:70px center} .row-d3 .con2 .more:hover .g-more-d,.ul-list-d2 .con:hover .more .g-more-d{background-position:80px center} .g-tit-d h3{font-size:27px} .row-d3 .con2 .desc{width:70%;line-height:1.8;height:87px} .row-d4 .desc{font-size:15px;height:150px} .row-d5 .box{height:597px} .ul-list-d2 .con{height:287px} .slick-d .item .info span{font-size:14px} .row-d8 .g-more-d{-o-background-size:31px 18px;background-size:31px 18px;padding-left:60px;background-position:15px center} .row-d8 .g-more-d:hover{background-position:5px center} .slick-d .slick-prev{right:10%} .row-d9 .content .text h3{font-size:16px;height:55px;margin-bottom:10px} .ul-list-d5 .con1 h3{font-size:15px;height:51px;} .row-d9 .content .text .desc{margin-bottom:10px} } @media only screen and (min-width:750px) and (max-width:1500px){ .tab-tit-d .t4{bottom:37%} } @media only screen and (min-width:750px) and (max-width:1366px){ .tab-tit-d .t3{bottom:42%} .tab-tit-d .t4{bottom:33%} .row-d7 .con{height:344px} } @media only screen and (max-width:1199px){ .ul-list-d1 .tit h3{font-size:16px} .row-d3 .con .text .desc{font-size:14px;height:180px;line-height:1.6;margin-bottom:10px} .row-d3 .content{margin:0;height:auto} .row-d3 .content .box1{float:left;width:32%;height:437px;margin:0 0 15px 30px;padding:37px 20px 40px 28px;border-radius:10px;overflow:hidden} .row-d3 .content .box2{float:right;width:58%;height:437px;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 30px 20px 0;overflow:hidden;border-radius:10px} .row-d3 .content .box3{float:none;width:100%;height:auto;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;overflow:hidden;border-radius:10px} .row-d3 .content .box1 h3{font-size:15px} .row-d3 .content .box1 .info{font-size:14px} .row-d3 .content .box1 .text{margin-bottom:30px} .row-d3 .content .box1 .slick-dots{bottom:10px} .row-d3 .content .box1 .slick-dots li{width:7px;height:7px;margin-right:5px} .row-d3 .content .box1 .slick-dots li.slick-active{width:21px;height:7px;border-radius:4px} .g-more-d{padding-right:42px;background-position:62px center} .row-d3 .con2 .more:hover .g-more-d,.row-d3 .con:hover .g-more-d,.ul-list-d2 .con:hover .more .g-more-d{background-position:72px center} .row-d3 .con1 .g-more-d{padding-right:41px} .row-d3 .con1:hover .g-more-d{background-position:62px center} .ul-list-d2 .con .text .item .icon{width:35px;height:35px} .ul-list-d2 li:nth-child(3) .con .text .other .item:nth-child(2) .icon{width:35px;height:35px} .ul-list-d2 li:nth-child(3) .con .text .other .item:nth-child(3) .icon{width:41px;height:33px} .g-tit-d b{position:absolute;width:50px;height:3px;bottom:-15px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);background:#4c89e7;border-radius:2px} .row-d6 .info,.ul-list-d3 li{margin-bottom:15px} .tabBox-d .tab-tit{padding:20px 30px} .row-d7 .con{height:auto;border-radius:10px} .row-d7 .text{float:none;width:100%;height:auto;padding-top:20px;padding-bottom:0px;background-position:center;background-repeat:no-repeat;-o-background-size:cover;background-size:cover} .row-d7 .con .school{position:relative;overflow:hidden;height:auto} .m-infoCon-d{height:auto} .row-d7 .content{height:340px} .row-d7 .con .school .text1 h3{margin-bottom:30px} .row-d7 .con .school .text1{padding:30px} .tab-tit-d .t1{position:absolute;bottom:37%;left:24%} .tab-tit-d .t2{bottom:12%;left:35%} .tab-tit-d .t3{bottom:43%;left:50%} .tab-tit-d .t4{bottom:38%;left:64%} .tab-tit-d .t1 h3{font-size:14px} .tab-tit-d .t0 .icon::after{content:'';position:absolute;background:url(../images/d-icon24.png) center no-repeat;-o-background-size:cover;background-size:cover} .row-d9 .content .info span{font-size:14px} .row-d9 .content .text h3{margin-bottom:7px} .row-d9 .content .text .desc{margin-bottom:10px;padding:5px 10px 0 3px} .row-d9 .content .con{height:216px} .ul-list-d5 .con1 .pic{position:relative;width:100%;height:18.265221vw} .list-d5-zt .con1 .pic{height:auto;} } @media only screen and (max-width:1100px){ .tab-tit-d .t4{bottom:35%} } @media only screen and (max-width:1080px){ .ul-info-b4 li:nth-child(3) .info1{top:90px ;} .ul-info-b4 .info .btn{margin-top: 0;} .ul-info-b4 .txt1 .tit{ margin-bottom: 0;padding-bottom: 1.245vw;} .ul-info-b4 li:nth-child(1) .info1{top: 3.854vw;-webkit-transform: translateY(0);transform: translateY(0);} .ul-info-b4 li:nth-child(2) .info1{top: 3.854vw;-webkit-transform: translateY(0);transform: translateY(0);} .ul-info-b4 li:nth-child(3) .info1{top: 3.854vw;-webkit-transform: translateY(0);transform: translateY(0);} } @media only screen and (max-width:950px){ .row-d2{padding-top:15px;padding-bottom:15px;border-top:4px solid #afd1f1;;display:none;} .row-d5 .box{height:auto} .row-d5 .col-l{width:100%;height:100%;float:none} .row-d5 .col-r{float:none;width:100%;height:100%} .ul-list-d2{margin:0 -15px 20px} .row-d5 .col-r .box2{overflow:hidden;margin:0;height:100%;-moz-box-sizing:border-box;box-sizing:border-box;box-shadow:0 0 26px 0 rgb(59 77 112 / 16%);border-radius:10px;background-color:#fff} .row-d5 .box2 .pic{float:left;width:50%;height:auto;overflow:hidden;margin:0} .row-d5 .box2 .text{overflow:hidden;padding:40px 20px 20px} .row-d4 .con .text{position:absolute;width:50%;height:100%;left:0;top:0;padding:20px;text-align:left;background:rgba(1,91,177,.6)} .row-d4 .desc{font-size:14px;height:auto;line-height:1.7;margin-bottom:15px} .row-d2 .desc{font-size:16px;line-height:1.7;} .row-d3 .con .pic{float:none;width:100%;height:auto;margin-right:0;border-radius:10px;overflow:hidden;margin-bottom:20px} .row-d3 .con .text h3{font-size:22px;margin-bottom:20px} .row-d3 .con .text h3::after{bottom:-12px} .row-d3 .con .text .desc{font-size:15px;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden;margin-bottom:20px;height:auto} .g-more-d{font-size:15px;padding-right:72px;background-position:75px center;-o-background-size:31px 17px;background-size:31px 17px} .row-d3 .con:hover .g-more-d{background-position:85px center} .row-d3 .con1 .g-more-d{padding-right:52px} .row-d3 .con1:hover .g-more-d{background-position:75px center} .g-tit-d h3{font-size:22px} .g-tit-d b{width:43px;height:3px;bottom:-12px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);background:#4c89e7;border-radius:2px} .row-d3 .con2 .desc{width:100%;font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.7;margin:0 auto 15px;height:auto} .row-d3 .con2 .more:hover .g-more-d,.ul-list-d2 .con:hover .more .g-more-d{background-position:85px center} .row-d4 .con{height:auto} .g-more-d2{font-size:14px;padding:3px 35px 3px 10px;background-position:72px center;-o-background-size:20px 6px;background-size:20px 6px;border-radius:15px} .row-d3 .content .box1{width:35%;margin-left:0} .row-d3 .content .box2{float:right;width:55%;margin-right:0} .tabBox-d .tab-con{float:none;width:100%} .tabBox-d{height:auto} .tabBox-d .m-infoCon .pic{position:relative;width:100%;height:auto;overflow:hidden;border-radius:10px 0 0 10px} .tabBox-d .m-infoCon .pic .img2{position:absolute;bottom:20px;right:30px;width:40px;height:40px;cursor:pointer} .ul-list-d3 .icon{position:relative;float:left;width:70px;height:70px;margin-right:18px;z-index:1} .ul-list-d3 .con h3{padding-top:10px;font-size:14px} .ul-list-d3 .icon::after{width:108px;height:100px} .tab-tit-d .t4{bottom:31%} .row-d7 .content{height:300px} .row-d8 .col-l{width:100%;height:auto;margin-right:0;float:none;margin-bottom:120px} .slick-d .item .pic{width:100%;height:472px;overflow:hidden} .slick-d .item .info{padding:16px 30px} .row-d8 .box1::after{bottom:-80px;right:-48px;width:100%;height:350px} .slick-d .slick-dots{bottom:-5.02vw;right:30%} .slick-d .slick-arrow{bottom:-51px} .slick-d .slick-dots li em{font-size:22px} .slick-d .slick-dots li .sd{width:120px;margin:-10px 15px 10px} .row-d8 .col-r{width:100%;height:auto;float:none} .ul-list-d4 li{margin-bottom:20px} .ul-list-d4 .con{width:100%;height:auto;padding:0 10px;-moz-box-sizing:border-box;box-sizing:border-box} .row-d9 .content .con .pic{position:relative;width:100%;float:none;margin-right:0;border-radius:10px;overflow:hidden} .row-d9 .content .info{bottom:10px;padding:5px 6px} .row-d9 .content .con .text{overflow:hidden;padding-top:31px} .row-d9 .content .text h3{padding-right:0;height:auto} .row-d9 .content .text .desc{margin-bottom:15px} .row-d9 .content .text .desc p{height:auto} .row-d9 .content .con .text::after{content:'';position:absolute;bottom:-30px;left:0;width:100%;height:12px} .row-d9 .content .con,.ul-list-d5 .con1 .desc{height:auto} .ul-list-d5 .con1 h3{font-size:14px;height:48px;} } @media only screen and (max-width:820px){ .tab-tit-d .t1{left:19%} .tab-tit-d .t2{bottom:12%;left:35%} .tab-tit-d .t3{bottom:43%;left:50%} .tab-tit-d .t4{bottom:31%;left:64%} .row-d7 .content{height:260px} } @media only screen and (max-width:750px){ .row-d1{padding-bottom:20px;padding-top:30px} .ul-list-d1 li{margin-bottom:10px}m .ul-list-d1 .tit h3{font-size:16px} .ul-list-d1 .tit{padding:10px 20px} .ul-list-d1 .tit span{width:20px;height:20px} .ul-list-d1 .m-require{padding:10px} .ul-list-d1 .m-require .item .s1,.ul-list-d1 .title .s1{padding-left:0;width:20%} .ul-list-d1 .title span{width:30%;font-size:15px;margin-bottom:8px;text-align:center} .ul-list-d1 .m-require .item span{float:left;width:30%;font-size:14px;padding:5px 0;text-align:center} .ul-list-d1 .m-require .item span:nth-child(1),.ul-list-d1 .m-require .item span:nth-child(2),.ul-list-d1 .title span:nth-child(1),.ul-list-d1 .title span:nth-child(2){width:20%} .ul-list-d1 .m-require .item .s4,.ul-list-d1 .title .s4{width:30%} .row-d2 .desc{display:none;} .row-d3 .con .text .desc{font-size:14px;line-height:1.7;margin-bottom:15px;height:auto} .g-more-d{font-size:14px;padding-right:65px;background-position:69px center;-o-background-size:28px 16px;background-size:28px 16px} .row-d3 .con2 .more:hover .g-more-d,.row-d3 .con:hover .g-more-d,.ul-list-d2 .con:hover .more .g-more-d{background-position:75px center} .row-d3 .con1 .g-more-d{padding-right:41px} .row-d3 .con1:hover .g-more-d{background-position:69px center} .row-d3 .con{margin-bottom:25px} .g-tit-d h3{font-size:18px} .g-tit-d{text-align:center;position:relative;margin-bottom:15px} .g-tit-d b{width:34px;height:2px;bottom:-9px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);background:#4c89e7;border-radius:2px} .row-d3 .con2 .desc{font-size:14px;line-height:1.7;margin:0 auto 15px;height:auto} .row-d3 .content .box1{float:none;width:100%;height:auto;margin:0 0 15px;padding:20px 50px;border-radius:10px;overflow:hidden} .row-d3 .content .box2{float:none;width:100%;height:auto;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 20px;overflow:hidden;border-radius:10px} .row-d4{padding-top:100px;padding-bottom:30px} .row-d4 .con::after{display:none} .row-d4 .con .pic{margin-bottom:20px} .row-d4 .con .text{position:static;width:100%;height:auto;left:auto;top:auto;padding:0;text-align:left;background:0 0} .row-d4 .g-tit-d{margin-bottom:20px} .row-d5{position:relative;padding:20px 0 30px} .ul-list-d2{margin:0 0 20px} .ul-list-d2 li{float:none;width:100%;margin-bottom:20px} .ul-list-d2 .con{height:auto;padding:20px;margin:0} .ul-list-d2 .g-tit-d{margin-bottom:15px} .ul-list-d2 .desc{font-size:14px;height:auto;margin-bottom:15px;line-height:1.6} .ul-list-d2 .con .pic{float:none;width:100%;height:100%;overflow:hidden;border-radius:0} .ul-list-d2 .con .text{padding:20px 30px;height:auto} .ul-list-d2 li:nth-child(3) .con .g-tit-d{margin-bottom:15px} .ul-list-d2 li:nth-child(3) .con .desc{height:auto;line-height:1.7} .ul-list-d2 .con .text .item h3{font-size:14px} .ul-list-d2 .con .text .item{margin-right:25px} .row-d5 .box2 .pic{float:none;width:100%;height:auto;overflow:hidden;margin:0} .row-d5 .box2 .text{padding:20px} .row-d5 .box2 .info{font-size:14px;margin-bottom:15px} .row-d5 .box2 .info span{margin-right:10px} .row-d6{padding:30px 0} .tabBox-d .tab-tit{padding:20px} .row-d7{padding-top:42px;padding-bottom:30px} .row-d7 .con .school .text1{position:static;top:auto;left:auto;width:100%;height:auto;background-color:rgba(1,91,177,.63);padding:30px 20px} .row-d7 .con .info{font-size:15px} .tab-tit-d .t0 .icon::after{width:611px} .row-d7 .con .school .text1 h3{position:relative;font-size:16px;margin-bottom:25px} .row-d7 .con .school .text1 h3::after{content:'';position:absolute;bottom:-12px;left:0;width:100%;height:1px;background:url(../images/d-icon16.png) center no-repeat;-o-background-size:cover;background-size:cover} .tab-tit-d .t1 .icon{position:relative;width:24px;height:29px;margin:0 auto} .tab-tit-d .t1.on .icon{height:34px} .row-d7 .content{height:240px} .slick-d .item .info span{font-size:15px} .row-d8 .box1::after{bottom:-62px;right:-48px;width:100%;height:266px} .slick-d .item .pic{width:100%;height:354px;overflow:hidden} .slick-d .slick-dots{display:none!important;bottom:-14%;right:50%} .slick-d .slick-dots li .sd{width:100px;margin:-10px 15px 10px} .slick-d .item .info .massage{display:none} .slick-d .item .info{padding:5px 15px} .slick-d .slick-arrow{bottom:-13%} .slick-d .slick-prev{right:33%} .slick-d .slick-next{right:16%} .row-d8 .col-l{margin-bottom:60px} .row-d8{position:relative;padding-top:5px;padding-bottom:25px;overflow:hidden} .ul-list-d3 .icon{position:relative;float:left;width:50px;height:50px;margin-right:10px;z-index:1} .ul-list-d3 .icon::after{width:83px;height:78px} .row-d8 .g-more-d{font-size:14px;padding-left:52px;background-position:15px center;-o-background-size:28px 16px;background-size:28px 16px} .row-d9{position:relative;padding-top:30px;padding-bottom:40px} .row-d9 .content .con{position:relative;margin-bottom:60px} .row-d9 .content{padding:20px 20px 30px} .row-d9 .content .text h3{font-size:16px;margin-bottom:10px;height:auto} .row-d9 .more .g-more-d2{float:right;padding:2px 40px 2px 15px;background-position:50px center;align-items: center;} .ul-list-d5{margin:0 -5px 10px} .ul-list-d5 li{float:left;width:50%;margin-bottom:30px} .list-d5-zt li{width:100%;} .ul-list-d5 .con1{-moz-box-sizing:border-box;box-sizing:border-box;margin:0 5px} .ul-list-d5 .con1 .pic{position:relative;width:100%;height:29.2vw;margin-bottom:10px;overflow:hidden;border-radius:5px} .list-d5-zt .con1 .pic{height:auto;} .ul-list-d5 .con1 .desc{line-height:1.5} .row-d9 .content .desc{font-size:14px;margin-bottom:10px;line-height:1.5} .row-d9 .content .con .text{overflow:hidden;padding-top:15px} .row-d9 .ul-list-d5 .info{bottom:0;font-size:12px;padding:2px 3px} .row-d9 .content .info span{font-size:13px} } @media only screen and (max-width:414px){ .ul-list-d3 .icon::after{top:0;} .tab-tit-d .t0 .icon::after{content:'';position:absolute;width:400px;height:129px;bottom:-32px;left:-68px;background:url(../images/d-icon24.png) center no-repeat;-o-background-size:cover;background-size:cover} .row-d7 .con .school .text1 h3{position:relative;font-size:16px;margin-bottom:25px} .row-d7 .con .school .text1 h3::after{content:'';position:absolute;bottom:-12px;left:0;width:100%;height:1px;background:url(../images/d-icon16.png) center no-repeat;-o-background-size:cover;background-size:cover} .tab-tit-d .t1{position:absolute;bottom:31%;left:9%} .tab-tit-d .t2{bottom:16%;left:35%} .tab-tit-d .t3{bottom:34%;left:50%} .tab-tit-d .t4{bottom:28%;left:64%} .tab-tit-d .t1 h3{margin-bottom:5px} .slick-d .item .pic{width:100%;height:210px;overflow:hidden} .row-d8 .box1::after{bottom:-17%;right:-48px;width:100%;height:138px} .slick-d .slick-arrow{bottom:-14%;position:absolute;width:23px;height:23px} .ul-list-d5 li{float:left;width:100%;margin-bottom:20px} } .c-ban{padding-top:27.91%;background-repeat:no-repeat;background-position:right bottom;-o-background-size:cover;background-size:cover;position:relative;min-height:150px;overflow:hidden} .c-ban .wp{width:80%;} .c-ban:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(../images/ban-bg.png);background-repeat:no-repeat;background-position:left top;background-size:cover;z-index:1;} .c-ban .txt{position:absolute;top:60%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:100%;z-index:2} .c-ban .tit{font-size:48px;line-height:1;color:#333;font-weight:700;background-image:url(../images/c-icn01.png);background-repeat:no-repeat;background-position:left top;-o-background-size:auto 100%;background-size:auto 100%;padding:16px 0 48px;margin-bottom:36px;} .c-ban .cur{font-size:0;} .c-ban .cur a{display:inline-block;vertical-align:middle;font-size:14px;color:#333;} .c-ban .cur a:hover{color:#063e7d} .c-ban .cur p,.c-ban .cur span{display:inline-block;vertical-align:middle;font-size:14px;color:#333;} .c-ban .cur .in{background-image:url(../images/c-icn02.png);background-repeat:no-repeat;background-position:left;-o-background-size:17px;background-size:17px;padding-left:22px} @media only screen and (max-width:1200px){ .c-ban:after{top:-60px;} .c-ban .txt{top:auto;bottom:15px;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;} } .c-tabclick{background-repeat:no-repeat;background-position:center;-o-background-size:cover;background-size:cover;overflow:hidden;padding:53px 0;border-top:10px solid #afd1f1} .ul-tabclickc{margin:0 -20px;overflow:hidden} .ul-tabclickc li{float:left;width:20%;padding:16px 20px} .ul-tabclickc a{display:block;background-color:#015bb1;border:1px solid #548abf;border-radius:10px;font-size:24px;color:#fff;text-align:center;line-height:58px;background-image:url(../images/c-icn03.png);background-repeat:no-repeat;background-position:right;-o-background-size:auto 100%;background-size:auto 100%} .ul-tabclickc a:hover,.ul-tabclickc li.on a{background-color:#d4be6e;border-color:#fff;background-image:url(../images/c-icn04.png)} @media only screen and (min-width:950px) and (max-width:1920px){ .c-ban .tit{font-size:2.5vw;padding:.833vw 0 2.5vw;margin-bottom:1.875vw} .c-tabclick{padding:2.76vw 0;border-width:.52vw} .ul-tabclickc{margin:0 -1.041vw} .ul-tabclickc li{padding:.833vw 1.041vw} .ul-tabclickc a{border-radius:.52vw;font-size:1.25vw;line-height:3.020vw} } @media only screen and (max-width:950px){ .c-ban .tit{font-size:18px;padding:8px 0 20px;margin-bottom:5px} .c-tabclick{padding:8px 0;border-width:4px} .ul-tabclickc{margin:0 -7px} .ul-tabclickc li{width:25%;padding:7px} .ul-tabclickc a{border-radius:4px;font-size:14px;line-height:33px} } .c-ban-mobile{display:none} @media only screen and (max-width:750px){ .c-ban .cur{display:none} .c-ban:after{display:none;} .c-ban-mobile { display:block; padding-top: 0; min-height: inherit; background-image: none !important; } .c-ban-mobile.c-ban{ background-image: none !important; } .c-ban-mobile .txt { position: static; max-width: inherit; padding: 10px 0; } .c-ban-mobile .cur { max-width: inherit !important; display:block; } .c-ban .tit{display:none;} .c-ban-mobile .wp { width: 100%; } } @media only screen and (max-width:640px){ .c-ban:after{top:0;} .ul-tabclickc li{width:33.33%} .c-ban .cur{max-width:200px;} } @media only screen and (max-width:414px){ .ul-tabclickc li{width:50%} } .row-c1{padding:88px 0 10px;overflow:hidden} .row-c1 .l{float:left;width:62.5%} .slickc1 .con{position:relative} .slickc1 .pic{overflow:hidden} .slickc1 .pic img{display:block;width:100%;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s} .slickc1 .con:hover .pic img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .slickc1 .tit{position:absolute;top:50px;left:49px;font-size:36px;color:#fff;font-weight:700} .row-c1 .r{float:right;width:37.5%} .slickc2{margin-bottom:1px} .slickc2 .con{position:relative;padding:52px 49px} .slickc2 .pic{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1} .slickc2 .pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .slickc2 .txt{font-size:16px;color:#fff;line-height:34px;height:170px;-webkit-box-orient:vertical;-webkit-line-clamp:5;display:-webkit-box;overflow:hidden} .slickc2 .more{display:inline-block;font-size:18px;color:#fff;line-height:32px;background-image:url(../images/c-icn05.png);background-repeat:no-repeat;background-position:right 5px center;-o-background-size:36px;background-size:36px;padding-right:55px} .slickc2 .more:hover{opacity:.8;background-position:right} .ul-slickdotc1{margin-right:-1px;overflow:hidden} .ul-slickdotc1 li{float:left;width:25%;padding-right:1px} .ul-slickdotc1 .con{position:relative;background-repeat:no-repeat;background-position:center;-o-background-size:cover;background-size:cover;overflow:hidden;padding:29px 0;cursor:pointer} .ul-slickdotc1 .l1 .con{height:219px;background-image:url(../images/c-bg03.jpg)} .ul-slickdotc1 .l2 .con{height:250px;background-image:url(../images/c-bg04.jpg)} .ul-slickdotc1 .l3 .con{height:200px;background-image:url(../images/c-bg05.jpg)} .ul-slickdotc1 .l4 .con{height:237px;background-image:url(../images/c-bg06.jpg)} .ul-slickdotc1 .tit{text-align:center;width:20px;margin:0 auto;font-size:20px;line-height:1;color:#fff;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s} .ul-slickdotc1 .icn{position:absolute;bottom:-23px;left:50%;margin-left:-23px;border-radius:50%} .ul-slickdotc1 .icn img{display:block} .ul-slickdotc1 .icn i{position:absolute;top:-7px;left:-7px;right:-7px;bottom:-7px;border:1px dashed #fff;border-radius:50%} .ul-slickdotc1 .l1 .icn i{-o-animation:10s linear infinite icnrotatec1;animation:10s linear infinite icnrotatec1;-ms-animation:icnrotatec1 linear 10s infinite;-moz-animation:10s linear infinite icnrotatec1;-webkit-animation:10s linear infinite icnrotatec1} .ul-slickdotc1 .l2 .icn i{-o-animation:15s linear infinite icnrotatec1;animation:15s linear infinite icnrotatec1;-ms-animation:icnrotatec1 linear 15s infinite;-moz-animation:15s linear infinite icnrotatec1;-webkit-animation:15s linear infinite icnrotatec1} .ul-slickdotc1 .l3 .icn i{-o-animation:20s linear infinite icnrotatec1;animation:20s linear infinite icnrotatec1;-ms-animation:icnrotatec1 linear 20s infinite;-moz-animation:20s linear infinite icnrotatec1;-webkit-animation:20s linear infinite icnrotatec1} .ul-slickdotc1 .l4 .icn i{-o-animation:25s linear infinite icnrotatec1;animation:25s linear infinite icnrotatec1;-ms-animation:icnrotatec1 linear 25s infinite;-moz-animation:25s linear infinite icnrotatec1;-webkit-animation:25s linear infinite icnrotatec1} @-o-keyframes icnrotatec1{ 0%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)} 100%{-webkit-transform:rotate(190deg);-moz-transform:rotate(190deg);-ms-transform:rotate(190deg);-o-transform:rotate(190deg);transform:rotate(190deg)} } @keyframes icnrotatec1{ 0%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)} 100%{-webkit-transform:rotate(190deg);-moz-transform:rotate(190deg);-ms-transform:rotate(190deg);-o-transform:rotate(190deg);transform:rotate(190deg)} } @-ms-keyframes icnrotatec1{ 0%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)} 100%{-webkit-transform:rotate(190deg);-moz-transform:rotate(190deg);-ms-transform:rotate(190deg);-o-transform:rotate(190deg);transform:rotate(190deg)} } @-moz-keyframes icnrotatec1{ 0%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)} 100%{-webkit-transform:rotate(190deg);-moz-transform:rotate(190deg);-ms-transform:rotate(190deg);-o-transform:rotate(190deg);transform:rotate(190deg)} } @-webkit-keyframes icnrotatec1{ 0%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)} 100%{-webkit-transform:rotate(190deg);-moz-transform:rotate(190deg);-ms-transform:rotate(190deg);-o-transform:rotate(190deg);transform:rotate(190deg)} } .ul-slickdotc1 .icn i::after{content:'';position:absolute;left:-3px;top:50%;margin-top:-3px;width:7px;height:7px;border-radius:50%;background-color:#fff;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s} .ul-slickdotc1 li.on .icn i::after,.ul-slickdotc1 li:hover .icn i::after{background-color:#ffa800;box-shadow:0 0 18px #ffa800} .row-c2{padding:200px 0 100px;background-image:url(../images/c-bg07.jpg);background-repeat:no-repeat;background-position:top;-o-background-size:cover;background-size:cover;overflow:hidden} .row-c2 .l{float:left;width:50%;background-color:#fff;border-radius:10px 0 0 10px;padding:56px 120px 45px 50px} .g-titc1{margin-bottom:20px;overflow:hidden} .g-titc1 .more{float:right;font-size:18px;line-height:40px;color:#0963ba;background-image:url(../images/c-icn07.png);background-repeat:no-repeat;background-position:right 5px center;-o-background-size:36px;background-size:36px;padding-right:56px} .g-titc1 .more:hover{opacity:.8;background-position:right} .g-titc1 .title{overflow:hidden} .g-titc1 .title h3{font-size:36px;color:#333;line-height:40px;font-weight:700;margin-bottom:17px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .g-titc1 .title b{display:block;width:60px;height:4px;background-color:#4c89e7} .row-c2 .info{padding-right:37px} .row-c2 .desc{font-size:16px;color:#333;line-height:34px;margin-bottom:25px} .ul-listc1{overflow:hidden} .ul-listc1 li{float:left;width:33.33%;margin-bottom:22px;font-size:0} .ul-listc1 a{display:inline-block;background-image:url(../images/c-icn08.png);background-repeat:no-repeat;background-position:right 5px center;-o-background-size:19px;background-size:19px;padding-right:31px;font-size:20px;color:#333} .ul-listc1 a:hover{color:#063e7d;background-position:right} .row-c2 .r{float:right;width:50%;background-color:#1958a5} .row-c2 .pic{position:relative;left:-63px;bottom:-47px;width:730px;border-radius:10px 0;overflow:hidden} .row-c2 .pic img{display:block;width:100%;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s} .row-c2 .pic:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .row-c3{padding:80px 0 101px;background-image:url(../images/c-bg08.jpg);background-repeat:no-repeat;background-position:center;-o-background-size:cover;background-size:cover;border-top:10px solid #afd1f1} .row-c3 .info1{margin-bottom:88px} .row-c3 .info1 .l{float:left} .row-c3 .info1 .l .con{width:855px;height:344px;box-shadow:0 4px 24px rgba(9,51,102,.17);border-radius:10px;padding:26px 37px 0 18px;background-color:#fff;overflow:hidden} .row-c3 .info1 .l .pic{float:left;border-radius:10px;width:405px;margin-right:33px;overflow:hidden} .row-c3 .info1 .l .pic img{display:block;width:100%;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s} .row-c3 .info1 .l .pic:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .row-c3 .info1 .l .txt{padding-top:26px;overflow:hidden} .row-c3 .info1 .l .desc{font-size:16px;color:#333;line-height:34px;margin-bottom:14px} .ul-listc2{margin-bottom:22px;overflow:hidden} .ul-listc2 li{float:left;width:50%;font-size:0} .ul-listc2 a{display:inline-block;font-size:20px;color:#333;background-image:url(../images/c-icn08.png);background-repeat:no-repeat;background-position:right 5px center;-o-background-size:19px;background-size:19px;padding-right:31px} .ul-listc2 a:hover{color:#063e7d;background-position:right} .row-c3 .info1 .l .more{display:inline-block;font-size:18px;color:#0963ba;line-height:32px;background-image:url(../images/c-icn07.png);background-repeat:no-repeat;background-position:right 5px center;-o-background-size:36px;background-size:36px;padding-right:56px} .row-c3 .info1 .l .more:hover{opacity:.8;background-position:right} .row-c3 .info1 .r .con{width:453px} .row-c3 .info1 .r .pic{position:relative;overflow:hidden;border-top-right-radius:10px} .row-c3 .info1 .r .pic img{display:block;width:100%;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s} .row-c3 .info1 .r .con:hover .pic img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .row-c3 .info1 .r .pictxt{position:absolute;top:0;left:0;bottom:0;width:209px;background-image:url(../images/c-icn09.png);background-repeat:no-repeat;background-position:center;-o-background-size:cover;background-size:cover;font-size:20px;color:#fff;line-height:50px;padding-top:66px;padding-left:38px} .row-c3 .info1 .r .tit{overflow:hidden;border-radius:0 0 10px 10px;background-color:#01437d;padding:0 20px 0 38px} .row-c3 .info1 .r .more{float:right;font-size:18px;color:#fff;background-image:url(../images/c-icn05.png);background-repeat:no-repeat;background-position:right 5px center;-o-background-size:36px;background-size:36px;padding-right:55px;line-height:71px} .row-c3 .info1 .r .more:hover{opacity:.8;background-position:right} .row-c3 .info1 .r .title{font-size:36px;color:#fff;font-weight:700;line-height:71px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .row-c3 .info2 .l{float:left;width:561px;border-radius:10px;background-color:#063e7d;padding:57px 45px 70px 50px;color:#fff} .row-c3 .info2 .l .tit{font-size:36px;color:#fff;line-height:40px;font-weight:700;padding-bottom:30px;background-image:url(../images/c-icn10.png);background-repeat:no-repeat;background-position:bottom;-o-background-size:100% 1px;background-size:100% 1px;margin-bottom:22px} .row-c3 .info2 .l .desc{font-size:16px;color:#fff;line-height:34px;margin-bottom:20px} .ul-listc3 li{float:left;width:33.33%} .ul-listc3 .con{display:block;width:136px;height:136px;margin:0 auto;border-radius:50%;padding:10px;position:relative} .ul-listc3 .icn{position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid rgba(255,255,255,.17);border-radius:50%;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s} .ul-listc3 .con:hover .icn{border-color:rgba(255,168,0,.17)} .ul-listc3 .icn b{position:absolute;left:-5px;top:50%;margin-top:-5px;display:block;width:9px;height:9px;background-color:#fff;border-radius:50%;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;box-shadow:0 0 18px #fff} .ul-listc3 .con:hover .icn b{background-color:#ffa800;box-shadow:0 0 18px #ffd880} .ul-listc3 li:nth-child(1) .icn{-o-animation:15s linear infinite icnrotatec2;animation:15s linear infinite icnrotatec2;-ms-animation:icnrotatec2 linear 15s infinite;-moz-animation:15s linear infinite icnrotatec2;-webkit-animation:15s linear infinite icnrotatec2} .ul-listc3 li:nth-child(2) .icn{-o-animation:18s linear infinite icnrotatec2;animation:18s linear infinite icnrotatec2;-ms-animation:icnrotatec2 linear 18s infinite;-moz-animation:18s linear infinite icnrotatec2;-webkit-animation:18s linear infinite icnrotatec2} .ul-listc3 li:nth-child(3) .icn{-o-animation:20s linear infinite icnrotatec2;animation:20s linear infinite icnrotatec2;-ms-animation:icnrotatec2 linear 20s infinite;-moz-animation:20s linear infinite icnrotatec2;-webkit-animation:20s linear infinite icnrotatec2} @-o-keyframes icnrotatec2{ 0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes icnrotatec2{ 0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)} } @-ms-keyframes icnrotatec2{ 0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)} } @-moz-keyframes icnrotatec2{ 0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)} } @-webkit-keyframes icnrotatec2{ 0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)} } .ul-listc3 .txt{width:116px;height:116px;line-height:116px;border:1px solid #fff;border-radius:50%;text-align:center;padding:0 10px;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s} .ul-listc3 .con:hover .txt{border-color:#ffa800} .ul-listc3 .txt p{display:inline-block;vertical-align:middle;font-size:20px;line-height:29px;color:#fff;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s} .ul-listc3 .con:hover .txt p{color:#ffa800} .row-c3 .info2 .r{width:749px;background-color:#fff;border-radius:10px;box-shadow:0 0 26px rgba(59,77,112,.16);overflow:hidden} .row-c3 .info2 .r .pic{float:right;width:365px;overflow:hidden} .row-c3 .info2 .r .pic img{display:block;width:100%} .row-c3 .info2 .r .txt{padding:57px 48px 0;height:508px;overflow:hidden} .row-c3 .info2 .r .desc{font-size:16px;line-height:34px;margin-bottom:45px} @media only screen and (min-width:950px) and (max-width:1580px){ .row-c1{padding:5.569vw 0 .632vw} .slickc1 .tit{top:3.164vw;left:3.101vw;font-size:2.278vw} .slickc2 .con{padding:3.291vw 3.101vw} .slickc2 .txt{font-size:1.012vw;line-height:2.151vw;height:10.75vw} .slickc2 .more{font-size:1.139vw;line-height:2.025vw;-o-background-size:2.278vw;background-size:2.278vw;padding-right:3.481vw} .ul-slickdotc1 .con{padding:1.835vw 0} .ul-slickdotc1 .l1 .con{height:13.86vw} .ul-slickdotc1 .l2 .con{height:15.82vw} .ul-slickdotc1 .l3 .con{height:12.65vw} .ul-slickdotc1 .l4 .con{height:15vw} .ul-slickdotc1 .tit{width:1.265vw;font-size:1.265vw} .row-c2{padding:12.65vw 0 6.329vw} .row-c2 .l{border-radius:.632vw 0 0 .632vw;padding:3.544vw 7.594vw 2.848vw 3.164vw} .g-titc1{margin-bottom:1.265vw} .g-titc1 .more{font-size:1.139vw;line-height:2.531vw;-o-background-size:2.278vw;background-size:2.278vw;padding-right:3.544vw} .g-titc1 .title h3{font-size:2.278vw;line-height:2.531vw;margin-bottom:1.075vw} .g-titc1 .title b{width:3.797vw;height:.253vw} .row-c2 .info{padding-right:2.341vw} .row-c2 .desc{font-size:1.012vw;line-height:2.151vw;margin-bottom:1.582vw} .ul-listc1 li{margin-bottom:1.392vw} .ul-listc1 a{-o-background-size:1.202vw;background-size:1.202vw;padding-right:1.962vw;font-size:1.265vw} .row-c2 .pic{left:-3.987vw;bottom:-2.974vw;width:46.2vw;border-radius:.632vw 0} .row-c3{padding:5.063vw 0 6.392vw;border-top:solid #afd1f1} .row-c3 .info1{margin-bottom:5.569vw} .row-c3 .info1 .l .con{width:54.11vw;height:21.77vw;padding:1.202vw 2.341vw 1.265vw 1.139vw} .row-c3 .info1 .l .pic{border-radius:.632vw;width:25.63vw;margin-right:2.088vw} .row-c3 .info1 .l .txt{padding-top:1.645vw} .row-c3 .info1 .l .desc{font-size:1.012vw;line-height:2.151vw;margin-bottom:.886vw} .ul-listc2{margin-bottom:1.392vw} .ul-listc2 a{font-size:1.265vw;-o-background-size:1.202vw;background-size:1.202vw;padding-right:1.962vw} .row-c3 .info1 .l .more{font-size:1.139vw;line-height:2.025vw;-o-background-size:2.278vw;background-size:2.278vw;padding-right:3.544vw} .row-c3 .info1 .r .con{width:28.67vw} .row-c3 .info1 .r .pic{border-top-right-radius:.632vw} .row-c3 .info1 .r .pictxt{width:13.22vw;font-size:1.265vw;line-height:3.164vw;padding-top:4.177vw;padding-left:2.405vw} .row-c3 .info1 .r .tit{border-radius:0 0 .632vw .632vw;padding:0 1.265vw 0 2.405vw} .row-c3 .info1 .r .more{font-size:1.139vw;-o-background-size:2.278vw;background-size:2.278vw;padding-right:3.481vw;line-height:4.493vw} .row-c3 .info1 .r .title{font-size:2.278vw;line-height:4.493vw} .row-c3 .info2 .l{width:35.5vw;border-radius:.632vw;padding:3.607vw 2.848vw 4.43vw 3.164vw} .row-c3 .info2 .l .tit{font-size:2.278vw;line-height:2.531vw;padding-bottom:1.898vw;margin-bottom:1.392vw} .row-c3 .info2 .l .desc{font-size:1.012vw;line-height:2.151vw;margin-bottom:1.265vw} .ul-listc3 .con{width:8.607vw;height:8.607vw;padding:.632vw} .ul-listc3 .icn b{left:-.316vw;margin-top:-.316vw;width:.569vw;height:.569vw} .ul-listc3 .txt{width:7.341vw;height:7.341vw;line-height:7.341vw;padding:0 .632vw} .ul-listc3 .txt p{font-size:1.265vw;line-height:1.835vw} .row-c3 .info2 .r{width:47.4vw} .row-c3 .info2 .r .pic{width:23.1vw} .row-c3 .info2 .r .txt{padding:3.607vw 3.037vw 0;height:32.15vw} .row-c3 .info2 .r .desc{font-size:1.012vw;line-height:2.151vw;margin-bottom:2.848vw} } @media only screen and (max-width:950px){ .row-c1{padding:15px 0} .row-c1 .l{width:100%} .slickc1 .tit{top:15px;left:15px;font-size:16px} .row-c1 .r{width:100%} .slickc2 .con{padding:15px} .slickc2 .txt{font-size:14px;line-height:2;height:auto} .slickc2 .more{font-size:14px;line-height:30px;-o-background-size:20px;background-size:20px;padding-right:30px} .ul-slickdotc1 .con{padding:15px 0} .ul-slickdotc1 .l1 .con{height:219px} .ul-slickdotc1 .l2 .con{height:250px} .ul-slickdotc1 .l3 .con{height:200px} .ul-slickdotc1 .l4 .con{height:237px} .ul-slickdotc1 .tit{width:14px;font-size:18px} .row-c2{padding:15px 0} .row-c2 .l{float:none;width:100%;border-radius:5px 5px 0 0;padding:15px 15px 5px;box-shadow:0 0 15px rgba(0,0,0,.1)} .g-titc1{margin-bottom:10px} .g-titc1 .more{font-size:14px;line-height:26px;-o-background-size:20px;background-size:20px;padding-right:30px} .g-titc1 .title h3{font-size:16px;line-height:26px;margin-bottom:10px} .g-titc1 .title b{width:40px;height:3px;border-radius:2px} .row-c2 .info{padding-right:0} .row-c2 .desc{font-size:14px;line-height:2;margin-bottom:15px} .ul-listc1 li{margin-bottom:10px} .ul-listc1 a{-o-background-size:18px;background-size:18px;padding-right:30px;font-size:14px} .row-c2 .r{float:none;width:100%} .row-c2 .pic{left:0;bottom:0;width:100%;border-radius:0 0 5px 5px} .row-c3{padding:15px 0;border-top:4px solid #afd1f1} .row-c3 .info1{margin-bottom:15px} .row-c3 .info1 .l{float:none;margin-bottom:15px} .row-c3 .info1 .l .con{width:100%;height:auto;padding:15px} .row-c3 .info1 .l .pic{border-radius:5px;width:25.63vw;min-width:150px;margin-right:15px} .row-c3 .info1 .l .txt{padding-top:5px} .row-c3 .info1 .l .desc{font-size:14px;line-height:2;margin-bottom:5px} .ul-listc2{margin-bottom:5px} .ul-listc2 a{font-size:14px;-o-background-size:16px;background-size:16px;padding-right:24px} .row-c3 .info1 .l .more{font-size:14px;line-height:30px;-o-background-size:20px;background-size:20px;padding-right:30px} .row-c3 .info1 .r{float:none} .row-c3 .info1 .r .con{width:100%} .row-c3 .info1 .r .pic{border-top-right-radius:5px} .row-c3 .info1 .r .pictxt{width:16%;font-size:14px;line-height:10vw;padding-top:14%;padding-left:15px;background-image: none; background-color: rgba(1,67,125,0.6);} .row-c3 .info1 .r .tit{border-radius:0 0 5px 5px;padding:0 15px} .row-c3 .info1 .r .more{font-size:14px;-o-background-size:20px;background-size:20px;padding-right:30px;line-height:40px} .row-c3 .info1 .r .title{font-size:16px;line-height:40px} .row-c3 .info2 .l{float:none;width:100%;border-radius:5px;padding:15px;margin-bottom:15px} .row-c3 .info2 .l .tit{font-size:16px;line-height:30px;padding-bottom:10px;margin-bottom:10px} .row-c3 .info2 .l .desc{font-size:14px;line-height:2;margin-bottom:10px} .ul-listc3 .con{width:24vw;height:24vw;padding:1vw} .ul-listc3 .icn b{left:-3px;margin-top:-3px;width:6px;height:6px} .ul-listc3 .txt{width:22vw;height:22vw;line-height:22vw;padding:0 1vw} .ul-listc3 .txt p{font-size:14px;line-height:1.5} .row-c3 .info2 .r{float:none;width:100%} .row-c3 .info2 .r .pic{width:35vw;min-width:150px} .row-c3 .info2 .r .txt{padding:15px;height:48.7vw} .row-c3 .info2 .r .desc{font-size:14px;line-height:2;margin-bottom:10px} } @media only screen and (max-width:560px){ .row-c3 .info1 .l .pic{float:none;width:100%;margin:0 0 15px} .row-c3 .info1 .l .txt{padding:0} .row-c3 .info2 .r .pic{float:none;width:100%} .row-c3 .info2 .r .txt{height:auto} } .row-c4{padding:63px 0 60px} .row-c4 .con{overflow:hidden} .row-c4 .pic{float:left;width:646px;border-radius:10px;overflow:hidden;margin-right:40px} .row-c4 .pic img{display:block;width:100%;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s} .row-c4 .pic:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .row-c4 .txt{padding-top:15px;overflow:hidden} .row-c4 .tit{font-size:36px;color:#333;font-weight:700;line-height:40px;border-bottom:1px solid #647e9e;padding-bottom:23px;margin-bottom:22px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .row-c4 .desc{font-size:15px;line-height:2;color:#333;text-indent:2em} .row-c5{padding:100px 0 134px;background-image:url(../images/c-bg09.jpg);background-repeat:no-repeat;background-position:top;-o-background-size:cover;background-size:cover;overflow:hidden} .row-c5 .desc{float:left;width:700px;font-size:15px;line-height:2;color:#fff} .row-c5 .icnbox{float:right;width:655px;position:relative} .row-c5 .icn{position:absolute;cursor:pointer} .row-c5 .icn b{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid rgba(255,255,255,.17);border-radius:50%;-o-animation:20s linear infinite icnrotatec2;animation:20s linear infinite icnrotatec2;-ms-animation:icnrotatec2 linear 20s infinite;-moz-animation:20s linear infinite icnrotatec2;-webkit-animation:20s linear infinite icnrotatec2;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s} .row-c5 .icn:hover b{border-color:rgba(255,165,0,.17)} .row-c5 .icn b::after{content:'';position:absolute;left:-6px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background-color:#fff;box-shadow:0 0 18px #fff;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s} .row-c5 .icn:hover b::after{background-color:#ffa800;box-shadow:0 0 18px #ffa800} .row-c5 .icn1{left:0;top:0;width:142px;height:142px;padding:22px} .row-c5 .icn2{left:175px;top:0;width:196px;height:196px;padding:32px} .row-c5 .icn2 b::after{left:50%;top:-6px;margin:0 0 0 -4px} .row-c5 .icn3{left:392px;top:0;width:219px;height:219px;padding:35px} .row-c5 .icn3 b::after{left:auto;right:-6px} .row-c5 .icn4{left:-37px;top:158px;width:256px;height:256px;padding:41px} .row-c5 .icn4 b::after{bottom:-6px;top:auto;left:50%;margin:0 0 0 -4px} .row-c5 .icn5{left:252px;top:203px;width:196px;height:196px;padding:27px} .row-c5 .icn .txt{display:block;width:100%;height:100%;position:relative;border:2px solid #fff;border-radius:50%;text-align:center;line-height:1.3;color:#fff;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s} .row-c5 .icn:hover .txt{color:#ffa800;border-color:#ffa800} .row-c5 .icn1 .txt{padding-top:22px;font-size:12px} .row-c5 .icn2 .txt{padding-top:32px;font-size:16px} .row-c5 .icn3 .txt{padding-top:40px;font-size:18px} .row-c5 .icn4 .txt{padding-top:50px;font-size:20px} .row-c5 .icn5 .txt{padding-top:34px;font-size:12px} .row-c5 .icn .txt::after{content:'';position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;border:2px solid rgba(255,255,255,.46);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s} .row-c5 .icn:hover .txt::after{border-color:rgba(255,165,0,.45)} @font-face{font-family:impact1;src:url(../fonts/IMPACT.TTF) format("truetype")} .row-c5 .icn .txt span{font-family:impact1} .row-c5 .icn1 .txt span{font-size:20px} .row-c5 .icn2 .txt span{font-size:31px} .row-c5 .icn3 .txt span{font-size:32px} .row-c5 .icn4 .txt span{font-size:31px} .row-c5 .icn5 .txt span{font-size:24px} .row-c6{padding:34px 0 101px;overflow:hidden} .row-c6 .pic{float:right;width:635px;overflow:hidden;border-radius:10px;margin-left:40px} .row-c6 .pic img{display:block;width:100%;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s} .row-c6 .pic:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .row-c6 .txt{font-size:15px;line-height:2;color:#333;overflow:hidden;text-indent:2em;padding-bottom:40px;background-image:url(../images/c-bg10.jpg);background-repeat:no-repeat;background-position:bottom;-o-background-size:100% 16px;background-size:100% 16px} .row-c6 .txt p:last-child{text-align:right} @media only screen and (min-width:950px) and (max-width:1580px){ .row-c4{padding:3.987vw 0 3.797vw} .row-c4 .pic{width:40.88vw;border-radius:.632vw;margin-right:2.531vw} .row-c4 .txt{padding-top:.949vw} .row-c4 .tit{font-size:2.278vw;line-height:2.531vw;padding-bottom:1.455vw;margin-bottom:1.392vw} .row-c4 .desc{font-size:.949vw} .row-c5{padding:6.329vw 0 8.481vw} .row-c5 .desc{width:44.3vw;font-size:.949vw} .row-c5 .icnbox{width:41.45vw} .row-c5 .icn b::after{left:-.379vw;width:.506vw;height:.506vw;margin-top:-.253vw;box-shadow:0 0 1.139vw #fff} .row-c5 .icn1{width:8.987vw;height:8.987vw;padding:1.392vw} .row-c5 .icn2{left:11.07vw;width:12.4vw;height:12.4vw;padding:2.025vw} .row-c5 .icn2 b::after{left:50%;top:-.379vw;margin-left:-.253vw} .row-c5 .icn3{left:24.81vw;width:13.86vw;height:13.86vw;padding:2.215vw} .row-c5 .icn3 b::after{right:-.379vw} .row-c5 .icn4{left:-2.341vw;top:10vw;width:16.2vw;height:16.2vw;padding:2.594vw} .row-c5 .icn4 b::after{left:50%;bottom:-.379vw;margin-left:-.253vw} .row-c5 .icn5{left:15.94vw;top:12.84vw;width:12.4vw;height:12.4vw;padding:1.708vw} .row-c5 .icn1 .txt{padding-top:1.392vw;font-size:.759vw} .row-c5 .icn2 .txt{padding-top:2.025vw;font-size:1.012vw} .row-c5 .icn3 .txt{padding-top:2.531vw;font-size:1.139vw} .row-c5 .icn4 .txt{padding-top:3.164vw;font-size:1.265vw} .row-c5 .icn5 .txt{padding-top:2.151vw;font-size:.759vw} .row-c5 .icn .txt::after{top:-.316vw;left:-.316vw;right:-.316vw;bottom:-.316vw} .row-c5 .icn1 .txt span{font-size:1.265vw} .row-c5 .icn2 .txt span{font-size:1.962vw} .row-c5 .icn3 .txt span{font-size:2.025vw} .row-c5 .icn4 .txt span{font-size:1.962vw} .row-c5 .icn5 .txt span{font-size:1.518vw} .row-c6{padding:2.151vw 0 6.392vw} .row-c6 .pic{width:40.18vw;border-radius:.632vw;margin-left:2.531vw} .row-c6 .txt{font-size:.949vw;padding-bottom:2.531vw;-o-background-size:100% 1.012vw;background-size:100% 1.012vw} } @media only screen and (max-width:950px){ .row-c4{padding:15px 0} .row-c4 .pic{float:none;width:100%;border-radius:5px;margin:0 0 15px} .row-c4 .txt{padding-top:0} .row-c4 .tit{font-size:16px;line-height:30px;padding-bottom:10px;margin-bottom:10px} .row-c4 .desc{font-size:14px} .row-c5{padding:15px 0} .row-c5 .desc{float:none;width:100%;font-size:14px;margin-bottom:15px} .row-c5 .icnbox{float:none;width:368px;margin:0 auto;height:300px} .row-c5 .icn b{border-width:2px} .row-c5 .icn b::after{left:-4px;width:6px;height:6px;margin-top:-3px;box-shadow:0 0 15px #fff} .row-c5 .icn1{width:85px;height:85px;padding:10px} .row-c5 .icn2{left:100px;width:115px;height:115px;padding:12px} .row-c5 .icn2 b::after{left:50%;top:-2px;margin-left:-3px} .row-c5 .icn3{left:230px;width:130px;height:130px;padding:13px} .row-c5 .icn3 b::after{right:-3px} .row-c5 .icn4{left:-12px;top:100px;width:150px;height:150px;padding:15px} .row-c5 .icn4 b::after{left:50%;bottom:-3px;margin-left:-3px} .row-c5 .icn5{left:153px;top:120px;width:115px;height:115px;padding:12px} .row-c5 .icn .txt{border-width:1px} .row-c5 .icn1 .txt{padding-top:16px;font-size:12px} .row-c5 .icn2 .txt{padding-top:20px;font-size:13px} .row-c5 .icn3 .txt{padding-top:25px;font-size:14px} .row-c5 .icn4 .txt{padding-top:30px;font-size:15px} .row-c5 .icn5 .txt{padding-top:22px;font-size:12px} .row-c5 .icn .txt::after{top:-.316vw;left:-.316vw;right:-.316vw;bottom:-.316vw} .row-c5 .icn1 .txt span{font-size:1.265vw} .row-c5 .icn2 .txt span{font-size:1.962vw} .row-c5 .icn3 .txt span{font-size:2.025vw} .row-c5 .icn4 .txt span{font-size:1.962vw} .row-c5 .icn5 .txt span{font-size:1.518vw} .row-c6{padding:15px 0} .row-c6 .pic{float:none;width:100%;border-radius:5px;margin:0 0 15px} .row-c6 .txt{font-size:14px;padding-bottom:15px;-o-background-size:100% 8px;background-size:100% 8px} } @media only screen and (max-width:750px){ .row-c5 { padding: 15px 0 120px; } .row-c6 { padding: 15px 0; margin-top: -110px; } } .row-c7{padding:86px 0 45px;overflow:hidden} .row-c7 .l{float:left;width:39.29%;background-color:#104e93;padding-bottom:44px;background-image:url(../images/c-bg10.jpg);background-repeat:no-repeat;background-position:bottom;-o-background-size:100% 16px;background-size:100% 16px} .row-c7 .pic{position:relative;z-index:2;width:818px;overflow:hidden} .row-c7 .pic img{display:block;width:100%;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s} .row-c7 .pic:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .row-c7 .r{float:right;width:60.71%} .row-c7 .txt{border-radius:10px;background-color:#fff;box-shadow:0 0 26px rgba(59,77,112,.16);padding:57px 58px 53px 328px} .row-c7 .desc{font-size:16px;line-height:34px;margin-bottom:30px} .row-c7 .more{display:inline-block;font-size:18px;line-height:40px;color:#0963ba;background-image:url(../images/c-icn07.png);background-repeat:no-repeat;background-position:right 5px center;-o-background-size:36px;background-size:36px;padding-right:56px} .row-c7 .more:hover{opacity:.8;background-position:right} .row-c8{padding:175px 0 96px;background-image:url(../images/c-bg11.jpg);background-repeat:no-repeat;background-position:center;-o-background-size:cover;background-size:cover;overflow:hidden} .row-c8 .l{float:left} .row-c8 .l .con{width:962px;background-color:#fff;border-radius:10px;overflow:hidden;padding:48px 44px;font-size:0} .row-c8 .l .pic{display:inline-block;vertical-align:middle;width:348px;margin-right:42px;overflow:hidden;border-radius:10px} .row-c8 .l .pic img{display:block;width:100%;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s} .row-c8 .l .pic:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .row-c8 .l .txt{display:inline-block;vertical-align:middle;width:484px;overflow:hidden} .row-c8 .l .desc{font-size:16px;line-height:34px;color:#333;margin-bottom:36px} .row-c8 .l .more{display:inline-block;background-image:url(../images/c-icn11.png);background-repeat:no-repeat;background-position:right 12px center;-o-background-size:28px;background-size:28px;font-size:14px;color:#fff;line-height:29px;background-color:#1e63b5;border-radius:50px;padding:0 44px 0 15px} .row-c8 .l .more:hover{opacity:.8} .row-c8 .r{float:right} .row-c8 .r .con{width:348px;background-color:#fff;border-radius:10px;overflow:hidden} .row-c8 .r .txt{padding:38px 40px 34px 64px;position:relative} .row-c8 .r .txt::after{content:'';position:absolute;left:42px;top:44px;width:4px;height:60px;background-color:#4c89e7;border-radius:50px} .row-c8 .r .tit{font-size:36px;color:#333;font-weight:700;line-height:40px;margin-bottom:12px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .row-c8 .r .more{display:inline-block;font-size:18px;line-height:40px;color:#0963ba;background-image:url(../images/c-icn07.png);background-repeat:no-repeat;background-position:right 5px center;-o-background-size:36px;background-size:36px;padding-right:56px} .row-c8 .r .more:hover{opacity:.8;background-position:right} .row-c8 .r .pic{overflow:hidden} .row-c8 .r .pic img{display:block;width:100%;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s} .row-c8 .r .pic:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .row-c9{padding:79px 0 101px;overflow:hidden} .row-c9 .l{float:left} .row-c9 .l .con{width:838px;background-image:url(../images/c-bg12.jpg);background-repeat:no-repeat;background-position:center;-o-background-size:cover;background-size:cover;border-radius:10px;overflow:hidden;box-shadow:0 0 26px rgba(59,77,112,.16);padding:39px 0 39px 60px} .row-c9 .l .tit{float:left;width:280px;padding-top:34px} .row-c9 .l .title{font-size:36px;color:#fff;font-weight:700;line-height:40px;margin-bottom:20px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .row-c9 .l b{display:block;width:60px;height:4px;background-color:#4c89e7;border-radius:50px;margin-bottom:26px} .row-c9 .l .more{display:inline-block;font-size:18px;color:#fff;line-height:32px;background-image:url(../images/c-icn12.png);background-repeat:no-repeat;background-position:right 5px center;-o-background-size:36px;background-size:36px;padding-right:55px} .row-c9 .l .more:hover{opacity:.8;background-position:right} .ul-listc4{padding-left:50px;overflow:hidden} .ul-listc4 li{float:left;width:50%} .ul-listc4 a{display:inline-block;background-image:url(../images/c-icn11.png);background-repeat:no-repeat;background-position:right 5px center;-o-background-size:28px;background-size:28px;padding-right:40px;font-size:20px;color:#fff;line-height:68px} .ul-listc4 a:hover{opacity:.8;background-position:right} .row-c9 .r{float:right} .row-c9 .r .con{background-color:#fff;border-radius:10px;box-shadow:0 0 26px rgba(59,77,112,.16);overflow:hidden} .row-c9 .r .pic{float:right;width:233px;height:283px;overflow:hidden} .row-c9 .r .pic img{display:block;width:100%;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s} .row-c9 .r .pic:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .row-c9 .r .txt{padding:75px 49px 0;height:283px;overflow:hidden} .row-c9 .r b{border-radius:2px} .row-c9 .r .more{display:inline-block;font-size:18px;line-height:40px;color:#0963ba;background-image:url(../images/c-icn07.png);background-repeat:no-repeat;background-position:right 5px center;-o-background-size:36px;background-size:36px;padding-right:56px} .row-c9 .r .more:hover{opacity:.8;background-position:right} @media only screen and (min-width:950px) and (max-width:1580px){ .row-c7{padding:5.443vw 0 2.848vw} .row-c7 .l{padding-bottom:2.784vw;-o-background-size:100% 1.012vw;background-size:100% 1.012vw} .row-c7 .pic{width:51.77vw} .row-c7 .txt{border-radius:.632vw;padding:3.607vw 3.67vw 3.354vw 20.75vw} .row-c7 .desc{font-size:1.012vw;line-height:2.151vw;margin-bottom:1.898vw} .row-c7 .more{font-size:1.139vw;line-height:2.531vw;-o-background-size:2.278vw;background-size:2.278vw;padding-right:3.544vw} .row-c8{padding:11.07vw 0 6.075vw} .row-c8 .l .con{width:60.88vw;border-radius:.632vw;padding:3.037vw 2.784vw} .row-c8 .l .pic{width:22.02vw;margin-right:2.658vw;border-radius:.632vw} .row-c8 .l .txt{width:30.63vw} .row-c8 .l .desc{font-size:1.012vw;line-height:2.151vw;margin-bottom:2.278vw} .row-c8 .l .more{background-position:right .759vw center;-o-background-size:1.772vw;background-size:1.772vw;font-size:.886vw;line-height:1.835vw;padding:0 2.784vw 0 .949vw} .row-c8 .r .con{width:22.02vw;border-radius:.632vw} .row-c8 .r .txt{padding:2.405vw 2.531vw 2.151vw 4.050vw} .row-c8 .r .txt::after{left:2.658vw;top:2.784vw;width:.253vw;height:3.797vw} .row-c8 .r .tit{font-size:2.278vw;line-height:2.531vw;margin-bottom:.759vw} .row-c8 .r .more{font-size:1.139vw;line-height:2.531vw;-o-background-size:2.278vw;background-size:2.278vw;padding-right:3.544vw} .row-c9{padding:5vw 0 6.392vw} .row-c9 .l .con{width:53.03vw;border-radius:.632vw;padding:2.468vw 0 2.468vw 3.797vw} .row-c9 .l .tit{width:17.72vw;padding-top:2.151vw} .row-c9 .l .title{font-size:2.278vw;line-height:2.531vw;margin-bottom:1.265vw} .row-c9 .l b{width:3.797vw;height:.253vw;margin-bottom:1.645vw} .row-c9 .l .more{font-size:1.139vw;line-height:2.025vw;-o-background-size:2.278vw;background-size:2.278vw;padding-right:3.481vw} .ul-listc4{padding-left:3.164vw} .ul-listc4 a{-o-background-size:1.772vw;background-size:1.772vw;padding-right:2.531vw;font-size:1.265vw;line-height:4.303vw} .row-c9 .r .con{border-radius:.632vw} .row-c9 .r .pic{width:14.74vw;height:17.91vw} .row-c9 .r .txt{padding:4.746vw 3.101vw 0;height:17.91vw} .row-c9 .r .more{font-size:1.139vw;line-height:2.531vw;-o-background-size:2.278vw;background-size:2.278vw;padding-right:3.544vw} } @media only screen and (max-width:950px){ .row-c7{padding:15px 0} .row-c7 .l{float:none;width:100%;padding-bottom:15px;-o-background-size:100% 6px;background-size:100% 6px} .row-c7 .pic{width:100%} .row-c7 .r{float:none;width:100%} .row-c7 .txt{border-radius:5px;padding:15px} .row-c7 .desc{font-size:14px;line-height:2;margin-bottom:10px} .row-c7 .more{font-size:14px;line-height:2;-o-background-size:20px;background-size:20px;padding-right:30px} .row-c8{padding:15px 0} .row-c8 .l{float:none;margin-bottom:15px} .row-c8 .l .con{width:100%;border-radius:5px;padding:15px;box-shadow:0 0 15px rgba(0,0,0,.2)} .row-c8 .l .pic{width:22.02vw;min-width:150px;margin-right:15px;border-radius:5px} .row-c8 .l .txt{width:-webkit-calc(100% - 45px - 22.02vw);width:-moz-calc(100% - 45px - 22.02vw);width:calc(100% - 45px - 22.02vw)} .row-c8 .l .desc{font-size:14px;line-height:2;margin-bottom:10px} .row-c8 .l .more{background-position:right 10px center;-o-background-size:22px;background-size:22px;font-size:14px;line-height:2;padding:0 40px 0 10px} .row-c8 .r{float:none} .row-c8 .r .con{width:100%;border-radius:5px} .row-c8 .r .txt{padding:15px} .row-c8 .r .txt::after{left:8px;top:22px;width:2px;height:30px} .row-c8 .r .tit{font-size:16px;line-height:30px;margin-bottom:0} .row-c8 .r .more{font-size:14px;line-height:2;-o-background-size:20px;background-size:20px;padding-right:30px} .row-c9{padding:15px 0} .row-c9 .l{float:none;margin-bottom:15px} .row-c9 .l .con{width:100%;border-radius:5px;padding:15px} .row-c9 .l .tit{width:40%;padding-top:10px} .row-c9 .l .title{font-size:16px;line-height:30px;margin-bottom:10px} .row-c9 .l b{width:40px;height:2px;margin-bottom:10px} .row-c9 .l .more{font-size:14px;line-height:2;-o-background-size:20px;background-size:20px;padding-right:30px} .ul-listc4{padding-left:15px} .ul-listc4 a{-o-background-size:18px;background-size:18px;padding-right:23px;font-size:14px;line-height:2} .row-c9 .r{float:none} .row-c9 .r .con{border-radius:5px} .row-c9 .r .pic{width:auto;height:29.78vw;min-height:150px} .row-c9 .r .txt{padding:15px 15px 0;height:29.78vw} .row-c9 .r .more{font-size:14px;line-height:2;-o-background-size:20px;background-size:20px;padding-right:30px} } @media only screen and (max-width:560px){ .row-c8 .l .pic,.row-c8 .r .pic,.zsbox .jxjyimg{width:100%;margin:0 0 15px;height:180px} .row-c8 .l .pic img,.row-c8 .r .pic img,.zsbox .jxjyimg img{width: 100%; height: 100%;object-fit: cover;} .row-c9 .l .tit{float:none;width:100%;padding:0;margin-bottom:15px} .row-c8 .r .pic{margin-bottom:0} .row-c8 .l .txt{width:100%} .ul-listc4{padding:0} .zsbox .jxjytxt::before {left: 13px;} .zsbox .jxjytxt{padding-left:25px} .zsbox .jyfw {padding: 0;} .zsbox .jyfw .jyfwtxt { padding: 5px 25px;} } .main-e1,.main-e2,.row-e2{background-repeat:no-repeat;background-position:center;-o-background-size:cover;background-size:cover} .m-tab-e1{background-repeat:no-repeat;-o-background-size:cover;background-size:cover;background-position:center;padding:89px 0 72px} .m-tabBox1 .col-l{width:98px;overflow:hidden} .ul-tab-e1.on{position:fixed;top:10%} .m-tabBox1 .col-r{width:88.6%;overflow:hidden;background-color:#fff;box-shadow:-1px 4px 30px 0 rgba(62,81,110,.26);border-radius:10px} .m-tabBox1 .m-infoCon{text-align:center;padding:198px 0 240px} .m-tabBox1 .m-infoCon .con{overflow:hidden} .m-tabBox1 .m-infoCon .tit2{margin-bottom:53px} .m-tabBox1 .m-infoCon1{padding:91px 0 103px} .m-tabBox1 .m-infoCon2{padding:91px 0 41px} .m-tabBox1 .m-infoCon3{padding:91px 0 137px} .m-tabBox1 .m-infoCon2 .info .load{margin-bottom:35px} .m-tabBox1 .m-infoCon1 .info .load{margin-bottom:49px} .m-tabBox1 .m-infoCon .tit1,.m-tabBox1 .m-infoCon2 .m-txt{margin-bottom:40px} .ul-tab-e1 li{margin-bottom:29px} .ul-tab-e1 .con{display:block;text-align:center} .ul-tab-e1 .con .desc{padding:25px 0 5px;border:1px dotted transparent;border-bottom:none} .ul-tab-e1 li.on .con .desc{border:1px dotted #4474c4;border-bottom:none} .ul-tab-e1 .pic{height:41px;text-align:center;overflow:hidden} .ul-tab-e1 img{display:inline-block;max-width:100%;vertical-align:middle} .ul-tab-e1 .img1{display:none;margin:0 auto} .ul-tab-e1 .img2{display:block;margin:0 auto} .ul-tab-e1 li.on .img1{display:block;margin:0 auto} .ul-tab-e1 li.on .img2{display:none;margin:0 auto} .ul-tab-e1 .txt{width:100px;height:26px;line-height:26px;background-color:#9db8e5;font-size:16px;color:#fff;border-left:1px dotted transparent;border-right:1px dotted transparent;} .ul-tab-e1 li.on .txt{background-color:#4474c4;border-left:1px solid #4474c4;border-right:1px solid #4474c4} .tab-con-e1 .info{display:inline-block;overflow:hidden;margin:0px auto; width:90%;} .tab-con-e1 .info video{max-width:100%;height:auto;} .tab-con-e1 .tit{line-height:1.5;float:left;font-size:22px;font-weight:700;color:#333;margin-right:17px;} .tab-con-e1 .load{float:left;position:relative;padding:4px 8px;border:1px solid #b0b0b0;overflow:hidden;} .tab-con-e1 .load::after{width:18px;height:17px;display:inline-block;position:absolute;top:50%;transform:translateY(-50%);right:109px;content:" ";background-repeat:no-repeat;-o-background-size:100%;background-size:100%;background-position:right center;background-image:url(../images/e-load.png);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .tab-con-e1 .load>span{padding-right:20px;} .tab-con-e1 .load a{font-size:14px;color:#333;} .tab-con-e1 .load br{display:none;} .m-tab-e1 .pic{text-align:center} .m-tab-e1 img{display:inline-block} .m-tab-e1 p{width:100%;} .m-tab-e1 p img{max-width:100%;max-height:100%;width:auto !important;height:auto !important;} .m-desc-e1{overflow:hidden} .m-desc-e1 .pic{text-align:center} .m-desc-e1 img{display:inline-block} .tab-con-e1 .m-infoCon3-a1 .tit{float:none;text-align:left;} @media only screen and (min-width:750px) and (max-width:1920px){ .m-tab-e1{padding:4.635vw 0 3.75vw} } @media only screen and (min-width:750px) and (max-width:1470px){ .ul-tab-e1 li.on .con .desc{padding-left:3px;padding-right:3px} .m-tabBox1 .col-r{width:85.6%;padding:0 20px} .m-tabBox1 .col-l{margin-right:30px} } @media only screen and (min-width:750px) and (max-width:1070px){ .m-tabBox1 .col-r{width:80.6%} .m-tabBox1 .col-l{margin-right:15px} } @media only screen and (min-width:750px) and (max-width:950px){ .m-tabBox1 .m-infoCon{padding:150px 0 220px} .m-tabBox1 .m-infoCon1{padding:91px 0 101px} .m-tabBox1 .m-infoCon2{padding:91px 0 41px} .m-tabBox1 .m-infoCon3{padding:91px 0 68px} .ul-tab-e1 li{margin-bottom:15px} } @media only screen and (max-width:750px){ .ul-tab-e1.on{position:static;top:0} .m-tab-e1{padding:15px 0 20px} .m-tabBox1 .m-infoCon2 .m-txt{margin-bottom:20px} .m-tabBox1 .col-l{float:none;width:100%;overflow-x:auto;margin-bottom:0} .ul-tab-e1{overflow:hidden;min-width:750px} .ul-tab-e1 .con .desc{padding:14px 0 3px} .m-tabBox1 .m-infoCon{padding:60px 0 100px} .m-tabBox1 .m-infoCon1{padding:40px 0 60px} .m-tabBox1 .m-infoCon2{padding:60px 0 41px} .tab-con-e1 .tit{float:none;font-size:20px;margin-bottom:15px} .m-tabBox1 .m-infoCon .tit2{margin-bottom:15px} .m-tabBox1 .m-infoCon2 .info .load{display:inline-block;float:none;margin-bottom:15px} .m-tabBox1 .m-infoCon1 .info .load{margin-bottom:20px} .tab-con-e1 .load{display:inline-block;float:none;margin-bottom:15px} .m-tabBox1 .m-infoCon3{padding:50px 0 47px} .ul-tab-e1 .txt{width:100%;height:100%} .ul-tab-e1 li{float:left;width:16%;margin:0 2px 15px} .m-tabBox1 .col-r{width:100%;padding:0 15px} } /* @font-face{font-family:IMPACT;src:url(../fonts/bahnschrift.ttf) format('truetype')} @font-face{font-family:IMPACT;src:url(../fonts/PangMenZhengDao.ttf) format('truetype')}*/ .main-e1 .wp{padding:79px 0 100px} .row-e1{background:#fff;box-shadow:-1px 4px 30px 0 rgba(62,81,110,.26);border-radius:10px} .row-e1 .col-l{width:71.5%;overflow:hidden} .row-e1 .desc1{position:relative;background-image:url(../images/e-pic15.jpg);background-repeat:no-repeat;background-position:center;-o-background-size:cover;background-size:cover;padding:0 59px 0 90px;overflow:hidden;margin-bottom:40px} .row-e1 .desc1 .con{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);margin-top:10px;padding-left:107px} .row-e1 .desc1 .txt{width:376px;text-align:right;position:relative;font-size:18px;font-family:YouSheBiaoTiHei;font-weight:400;color:#f5fcff;border-top:1px solid #5282b9;border-color:#fff;opacity:.36;padding:13px 0 0 3px} .row-e1 .desc1 .txt::before{display:block;content:" ";position:absolute;top:80%;left:0;width:266px;height:1px;background-color:#fff;opacity:.3} .row-e1 .click{margin:0 5px} .row-e1 .desc1 div{font-size:20px;color:#244990;margin-bottom:2px} .m-textbody-e1 .tit{text-align:center;font-size:32px;color:#15519d;padding:0 53px;} .m-textbody-e1 .tit1{text-align:center;font-size:26px;color:#15519d;padding:0 53px;} .row-e1 .desc1 .tit1{position:absolute;top:50%;transform:translateY(-50%);float:left;font-size:40px;font-weight:400;font-style:italic;color:#f5fcff;padding:0 20px;line-height:2;font-family:PangMenZhengDao;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .row-e1 .desc1 .tit1::after,.row-e1 .desc1 .tit1::before{width:36px;height:35px;position:absolute;top:50%;right:-18%;content:" ";transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);background-image:url(../images/e-pic23.png);background-repeat:no-repeat;background-position:center;-o-background-size:100%;background-size:100%} .row-e1 .desc1 .tit1::before{left:-18%} .row-e1 .desc1 .info{float:right;width:138px;height:62px;margin:7px;padding:2px 0 0;background-color:#fff} .row-e1 .desc1 .info span{width:99px;height:28px;background-color:#094e9c;font-size:20px;color:#fff;padding:0 3px;margin:0 3px 0 5px;font-family:bahnschrift} .m-textbody-e1{padding-bottom:60px} .m-textbody-e1 .info{text-align:center;font-size:14px;color:#333;margin:12px 0 28px} .m-textbody-e1 .info span{padding-right:15px} .m-textbody-e1 .m-txt{border-right:1px solid #b5cae1;padding:0 53px 21px} .m-textbody-e1 .txt{text-align:justify;text-indent:2em;font-size:16px;color:#333;border-top:1px solid #094e9c;padding:21px 0 0;line-height:2} .m-textbody-e1 .txt img{display:inline-block} .m-textbody-e1 .txt table{max-width:890px;margin:0 auto !important;min-width: 500px;} .m-textbody-e1 .close{overflow:hidden} .m-textbody-e1 .btn{float:right;background-color:transparent;outline:0;border:none;font-size:16px;color:#333} .row-e1 .col-r{width:28.5%;overflow:hidden;padding-bottom:30px;} .row-e1 .box1{overflow:hidden;padding:18px 32px 0} .row-e1 .box1>div{width:60px;height:60px;float:left;cursor:pointer;margin:0 10px;text-align:center;background-image:url(../images/e-pic14.png);background-position:center;background-repeat:no-repeat;-o-background-size:100%;background-size:100%} .row-e1 #share-sina{background-image:url(../images/e-pic15.png)} .row-e1 #share-qq{background-image:url(../images/e-pic16.png)} .row-e1 #link{background-image:url(../images/e-pic17.png)} .row-e1 .box2{overflow:hidden;padding:50px} .row-e1 .back{text-align:right;padding:0 45.5px;margin:30px 0 0} .row-e1 .back a{display:inline-block;padding:4px 12px;text-align:left;font-size:14px;color:#fff;background-color:#1e63b5;border-radius:15px} .row-e1 .back a img{display:inline-block;vertical-align:text-top;padding:5px 0 0 5px} .slick-e1{position:relative} .slick-e1 .item{position:relative;overflow:hidden} .row-e1 .box2 .txt{overflow:hidden} .row-e1 .box2 .tit3{font-size:24px;font-weight:700;color:#244990;} .slick-e1 a{display:block} .slick-e1 .tit{font-size:18px;font-weight:400;color:#333;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis} .slick-e1:hover .tit,.slick-e1:hover .tit1{color:#244990} .slick-e1 .tit1{font-size:18px;font-weight:400;color:#333;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:42px} .slick-e1 .desc{font-size:14px;color:#333;margin-bottom:20px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:42px} .slick-e1 .pic{height:0;padding-top:56.4%;overflow:hidden;position:relative;border-radius:10px;margin-bottom:22px} .slick-e1 .pic img{width:100%;height:100%;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .slick-e1:hover .pic img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.08);-webkit-transform:translate(-50%,-50%) scale(1.08);-moz-transform:translate(-50%,-50%) scale(1.08);-ms-transform:translate(-50%,-50%) scale(1.08);-o-transform:translate(-50%,-50%) scale(1.08)} .slick-e1 .date span{font-weight:300;color:#999} .slick-e1 .date{padding-left:29px;background-position:left center;background-repeat:no-repeat;-o-background-size:22px 22px;background-size:22px 22px;background-image:url(../images/e-pic20.png);opacity:.85} .slick-e1 .slick-arrow{position:absolute;width:10px;height:18px;top:-5%;border:0;font-size:0;cursor:pointer;background-color:transparent;background-position:center;background-repeat:no-repeat;-o-background-size:100%;background-size:100%;z-index:2;outline:0} .slick-e1 .slick-prev{left:84%;background-image:url(../images/e-left.png)} .slick-e1 .slick-next{right:0;background-image:url(../images/e-right.png)} .ul-list-e1 li{list-style:none} .ul-list-e1 a{padding:20px 0;display:block;border-bottom:1px dashed #ccc} .ul-list-e1 .txt b{display:block;width:20px;height:4px;background-color:#4c89e7;border-radius:2px;margin:10px 0} .hot-e1 .info{overflow:hidden;padding:35px 0 0} .hot-e1 h3{float:left;font-size:24px;font-weight:700;color:#244990;} .hot-e1 .hot1{float:right;width:36px;height:21px} .hot-e1 img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .ul-list-e2 .con{padding:20px 0;display:block;border-bottom:1px dashed #ccc} .ul-list-e2 .desc{text-align:justify;font-size:18px;color:#333;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;/*height:42px*/} .row-e1 .next{display:block;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;width:285px;height:33px;line-height:33px;background-color:#d9c270;border-radius:0 17px 17px 0;padding-left:16px} .row-e1 .next.pof{position:fixed;bottom:0;left:71.5%;z-index:2;} @media only screen and (min-width:750px) and (max-width:1920px){ .main-e1 .wp{padding:4.114vw 0 5.208vw} .row-e1{border-radius:.52vw} .row-e1 .desc1{padding:0 3.072vw 0 4.687vw;margin-bottom:2.083vw} .row-e1 .desc1 .con{margin-top:.52vw;padding-left:5.572vw} .row-e1 .desc1 .txt{width:19.58vw;font-size:.937vw;padding:.677vw 1px 0} .row-e1 .desc1 .txt::before{width:13.55vw;height:1px} .row-e1 .click{margin:0 .26vw} .row-e1 .desc1 div{font-size:1.041vw;margin-bottom:.104vw} .m-textbody-e1 .tit{font-size:1.666vw;padding:0 2.76vw;} .m-textbody-e1 .tit1{font-size:1.366vw;padding:0 2.76vw;} .row-e1 .desc1 .tit1{font-size:2.083vw;padding:0 1.041vw} .row-e1 .desc1 .tit1::after,.row-e1 .desc1 .tit1::before{width:1.875vw;height:1.822vw} .row-e1 .desc1 .info{width:7.187vw;height:3.229vw;margin:.373vw;padding:.104vw 0 0} .row-e1 .desc1 .info span{width:5.156vw;height:1.458vw;font-size:1.041vw;padding:1px .156vw;margin:0 .156vw 0 .26vw} .m-textbody-e1{padding-bottom:3.125vw} .m-textbody-e1 .info{margin:.625vw 0 1.458vw} .m-textbody-e1 .info span{padding-right:.781vw} .m-textbody-e1 .m-txt{padding:0 2.76vw 1.093vw} .m-textbody-e1 .txt{padding:1.093vw 0 0} .m-textbody-e1 .btn{font-size:.833vw} .row-e1 .box1{padding:.937vw 1.666vw 0} .row-e1 .box1>div{width:3.125vw;height:3.125vw;margin:0 .52vw} .row-e1 .box2{padding:2.6vw 2.369vw 2.604vw} .row-e1 .back{padding:0 2.369vw;margin:1.5625vw 0 0} .row-e1 .back a{padding:.208vw .625vw;font-size:.729vw;border-radius:.781vw} .row-e1 .back a img{padding:.26vw 0 0 .26vw} .slick-e1 .date{padding-left:1.51vw;-o-background-size:1.145vw 1.145vw;background-size:1.145vw 1.145vw} .row-e1 .box2 .tit3{font-size:1.25vw} .slick-e1 .tit{font-size:.937vw} .slick-e1 .tit1{font-size:.937vw;height:2.3vw} .slick-e1 .desc{margin-bottom:1.041vw;/*height:2.3vw*/} .slick-e1 .pic{border-radius:.52vw;margin-bottom:1.145vw} .ul-list-e1 a{padding:1.041vw 0} .ul-list-e1 .txt b{width:1.041vw;height:.208vw;border-radius:.104vw;margin:.52vw 0} .hot-e1 .info{padding:1.822vw 0 0} .hot-e1 h3{font-size:1.25vw} .hot-e1 .hot1{width:1.875vw;height:1.093vw} .ul-list-e2 .con{padding:1.041vw 0} .ul-list-e2 .desc{font-size:.937vw;/*height:2.3vw*/} .row-e1 .next{font-size:.677vw;width:14.84vw;height:1.718vw;line-height:1.718vw;border-radius:1px .885vw .885vw 1px;padding-left:.833vw} } @media only screen and (min-width:750px) and (max-width:1626px){ .slick-e1 .tit,.slick-e1 .tit1{font-size:17px} .ul-list-e1 .txt b{width:18px;height:3px} .slick-e1 .date span:first-child{width:18px;height:18px;margin-right:5px} .row-e1 .next{font-size:12px;width:200px;height:28px;line-height:28px;padding-left:7px} .hot-e1 .hot1{width:25px;height:auto} .slick-e1 .slick-arrow{position:absolute;width:8px;height:16px} .slick-e1 .date{padding-left:25px;-o-background-size:15px 15px;background-size:15px 15px} .row-e1 .back a{display:inline-block;padding:4px 12px;font-size:13px} .row-e1 .back a img{padding:5px 0 0 5px} .slick-e1 .desc{height:3vw} .slick-e1 .tit1{height:2.6vw} .ul-list-e2 .desc{/*height:2.2vw*/} } @media only screen and (min-width:750px) and (max-width:1500px){ .slick-e1 .m-desc{/*height:3vw*/} .ul-list-e2 .desc{/*height:2.8vw*/} .slick-e1 .tit1{height:3vw} } @media only screen and (min-width:750px) and (max-width:1365px){ .slick-e1 .desc,.slick-e1 .tit1{/*height:3vw*/} .ul-list-e2 .desc{/*height:2.8vw*/} } @media only screen and (min-width:750px) and (max-width:1260px){ .hot-e1 h3,.slick-e1 .tit3{font-size:17px} .slick-e1 .desc,.ul-list-e2 .desc{font-size:13px} .m-textbody-e1 .tit{font-size:20px;padding:0 25px;} .m-textbody-e1 .tit1{font-size:16px;padding:0 25px;} .slick-e1 .pic{width:100%;height:auto} .m-textbody-e1 .m-txt{padding:0 25px 1.093vw;border-right:none} .row-e1 .col-r{display:none} .row-e1 .col-l{width:100%} .row-e1 .desc1 .con{padding-left:5vw} .row-e1 .desc1 .txt{width:48vw} .row-e1 .desc1 .txt::before{width:47vw;height:1px} .row-e1 .desc1{padding:1px 17px 1px 50px;margin-bottom:20px} .row-e1 .desc1 .info{width:11vw;height:5vw} .row-e1 .desc1 div{font-size:16px} .row-e1 .desc1 .info span{width:3vw;height:1vw;font-size:16px;padding:0 3px;margin:0 3px 0 5px} .row-e1 .desc1 .tit1{font-size:2.5vw;padding:0 1vw;line-height:2} } @media only screen and (max-width:750px){ .row-e1 .desc1 .tit1::before{left:-5%} .row-e1 .desc1 .tit1::after{right:-5%} .main-e1 .wp{padding:20px 0;width:100%} .row-e1 .desc1 .con{padding-left:4vw;margin-top:5px} .row-e1 .desc1 .txt{font-size:14px;padding:3px 0 0 3px;width:57vw} .row-e1 .desc1 .txt::before{width:45vw;height:1px} .row-e1 .col-r{display:none} .row-e1 .col-l{width:100%} .row-e1 .desc1 .tit1{font-size:20px;padding:0 20px;line-height:2.5} .row-e1 .desc1 .info{width:84px;height:auto} .row-e1 .desc1{padding:0 20px 0 10px;margin-bottom:15px} .row-e1 .desc1 .tit1::after,.row-e1 .desc1 .tit1::before{width:20px;height:20px} .m-textbody-e1 .tit{font-size:20px;padding:0 15px;} .m-textbody-e1 .tit1{font-size:16px;padding:0 15px;} .m-textbody-e1{padding:0 15px 20px} .m-textbody-e1 .info{text-align:center;font-size:14px;color:#333;margin:12px 0} .m-textbody-e1 .info span{padding-right:8px} .m-textbody-e1 .txt{padding:15px 0 0;line-height:1.6} .m-textbody-e1 .m-txt{border-right:none;padding:0 15px 15px} .m-textbody-e1 .txt img{display:block;width:100%;margin:0px auto;} } @media only screen and (max-width:650px){ .row-e1 .desc1 .txt{font-size:12px;padding:3px 0 0 3px;width:50vw;width:45vw} .row-e1 .desc1 .txt::before{width:34vw;height:1px;width:27vw} } @media only screen and (max-width:500px){ .row-e1 .desc1 .txt{width:36vw} .row-e1 .desc1 .txt::before{width:18.5vw} } @media only screen and (max-width:420px){ .row-e1 .desc1 .txt{width:28vw} .row-e1 .desc1 .txt::before{width:9vw} } @media only screen and (max-width:375px){ .row-e1 .desc1 .txt{width:24vw} .row-e1 .desc1 .txt::before{width:3vw} } @media only screen and (max-width:345px){ .row-e1 .desc1 .txt{width:22vw} .row-e1 .desc1 .txt::before{width:2vw} } .row-e3{position:relative;z-index:3;padding:87px 0 60px;background-repeat:no-repeat;background-position:center;-o-background-size:cover;background-size:cover;background-color:#094e9c} .row-e3 .wp{width:100%;padding:0 15px;max-width:1430px} .ul-list-e3{overflow:hidden;margin:0 -20px} .ul-list-e3 li{float:left;width:50%;margin-bottom:39px} .ul-list-e3 .con{position:relative;display:block;overflow:hidden;margin:0 20px;z-index:-2} .ul-list-e3 .pic{position:relative;float:left;width:232px;height:308px;margin:auto;border-radius:10px 0 0 10px;padding:1.2% 0 1.2% 1.2%;overflow:hidden} .ul-list-e3 .pic::after{position:absolute;left:0;bottom:0;right:0;top:0;display:block;content:" ";width:100%;height:100%;background-color:#f2d057;border:1px solid #d8d8d8;border-radius:10px 0 0 10px;z-index:-1} .ul-list-e3 img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;border-radius:10px 0 0 10px} .ul-list-e3 .txt{position:relative;left:-3px;padding:54.5px;overflow:hidden;background-image:url(../images/e-pic20.jpg);background-position:center;background-repeat:no-repeat;-o-background-size:100% 100%;background-size:100% 100%;border:1px solid #4889d2;border-left:none;box-shadow:-4px 1px 4px 0 rgba(0,0,0,.23);border-radius:0 10px 10px 0;height:309px} .ul-list-e3 .tit{position:relative;font-size:28px;font-weight:700;color:#fff;background-image:url(../images/e-pic18.png);background-position:98% center;background-repeat:no-repeat;-o-background-size:36px 21px;background-size:36px 21px;padding-bottom:20px;margin-bottom:25px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;} .ul-list-e3 .con:hover .tit{background-position:right center;color:#f2d057} .ul-list-e3 .tit::after{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:block;content:" ";width:366px;height:1px;background-image:url(../images/e-pic22.png);background-position:right center;background-repeat:no-repeat;-o-background-size:100%;background-size:100%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)} .ul-list-e3 .desc{font-size:18px;color:#fff;margin-bottom:10px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-family:MicrosoftYaHei-Semibold} .ul-list-e3 .info{font-size:14px;color:#c8dff8;line-height:2;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:84px} @media only screen and (min-width:750px) and (max-width:1920px){ .row-e3{padding:4.531vw 0 3.125vw} .ul-list-e3{margin:0 -1.041vw} .ul-list-e3 li{margin-bottom:2.031vw} .ul-list-e3 .con{margin:0 1.041vw} .ul-list-e3 .pic{width:12.08vw;height:16.04vw;border-radius:.52vw 1px 1px .52vw} .ul-list-e3 .pic::after{border-radius:.52vw 1px 1px .52vw} .ul-list-e3 img{border-radius:.52vw 1px 1px .52vw} .ul-list-e3 .txt{position:relative;left:-.156vw;padding:2.8vw;border-radius:1px .52vw .52vw 1px;height:16.09vw} .ul-list-e3 .tit{font-size:1.458vw;-o-background-size:1.875vw 1.093vw;background-size:1.875vw 1.093vw;padding-bottom:1.041vw;margin-bottom:1.302vw} .ul-list-e3 .tit::after{width:19.06vw} .ul-list-e3 .desc{font-size:.937vw;margin-bottom:.52vw} .ul-list-e3 .info{height:4.375vw} } @media only screen and (min-width:750px) and (max-width:1700px){ .ul-list-e3 .info{line-height:1.8;height:4.375vw} } @media only screen and (min-width:750px) and (max-width:1600px){ .ul-list-e3 .desc{font-size:15px;margin-bottom:0} .ul-list-e3 .info{height:5.3vw} } @media only screen and (min-width:750px) and (max-width:1300px){ .ul-list-e3 .tit{font-size:16px;-o-background-size:25.5px 15px;background-size:25.5px 15px;padding-bottom:7px;margin-bottom:7px} .ul-list-e3 .info{line-height:1.6;height:5.5vw} } @media only screen and (min-width:750px) and (max-width:1150px){ .ul-list-e3 .txt{padding:2.2vw} .ul-list-e3 .info{height:6.3vw} } @media only screen and (max-width:1000px){ .ul-list-e3 .info{height:6.6vw} } @media only screen and (max-width:950px){ .row-e1 .desc1 .info span,.row-e1 .desc1 div{font-size:12px} .ul-list-e3 .info{height:auto;font-size:13px} .ul-list-e3 .txt{padding:7px 13px 0 15px} .ul-list-e3 .tit{padding-bottom:4px;margin-bottom:4px} .ul-list-e3 .desc{margin-bottom:3px} } @media only screen and (max-width:750px){ .row-e3{position:relative;z-index:3;padding:25px 0} .ul-list-e3{margin:0} .ul-list-e3 li{width:100%;float:none;margin-bottom:15px} .ul-list-e3 .con{margin:0} .ul-list-e3 .pic{width:110px;height:144.7px} .ul-list-e3 .txt{padding:15px 20px 15px 25px;height:144.7px} .ul-list-e3 .tit{font-size:16px;padding-bottom:12px;margin-bottom:6px;background-position:88% top} .ul-list-e3 .tit::after{left:0;transform:translateX(0);width:240px;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)} .ul-list-e3 .desc{margin-bottom:4px;font-size:14px} .ul-list-e3 .info{line-height:1.6;font-size:12px;height:57px} } .row-e4{margin-bottom:0} .row-e2{padding:88px 0 75px} .row-e2 .col-l,.row-e2 .col-r{width:49.2%} .row-e2 .m-desc{margin-bottom:25px} .row-e2 .tit{background-image:url(../images/e-pic25.png);background-position:center;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;text-align:center;font-size:32px;font-weight:400;color:#fff;height:80px;line-height:80px;border-radius:10px 10px 0 0;font-family:MicrosoftYaHei-Semibold} .products-list-e1{margin:0 -10px} .products-list-e1 li{margin-bottom:24px} .products-list-e1 .box{box-shadow:-1px 4px 30px 0 rgba(62,81,110,.26);border-radius:0 0 10px 10px;overflow:hidden;margin:0 10px 11px} .products-list-e1 .info{background-color:#fff;overflow:hidden;padding:34px 0 20px 63px} .products-list-e1 .con{position:relative;display:block;float:left;width:50%;margin-bottom:23px} .products-list-e1 .info1 .con{float:none;width:95%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;} .products-list-e1 .con span{font-size:18px;color:#333;padding-right:10px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .products-list-e1 .con span::after{content:url(../images/e-pic7.png);position:relative;top:-6px;margin-left:8px;} .products-list-e1 .con:hover span{color:#0963bb;padding-right:15px} .products-list-e1 .con:hover span::after{margin-left:15px} /*.products-list-e1 .con i{position:absolute;top:50%;transform:translateY(-50%);width:17px;height:5px;background-image:url(../images/e-pic7.png);background-position:center;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}*/ @media only screen and (min-width:750px) and (max-width:1920px){ .row-e2{padding:4.583vw 0 3.906vw} .row-e2 .m-desc{margin-bottom:1.302vw} .row-e2 .tit{font-size:1.666vw;height:4.166vw;line-height:4.166vw;border-radius:.52vw .52vw 1px 1px} .products-list-e1{margin:0 -.52vw} .products-list-e1 li{margin-bottom:1.25vw} .products-list-e1 .box{border-radius:1px 1px .52vw .52vw;margin:0 .52vw .572vw} .products-list-e1 .info{padding:1.77vw 0 1.041vw 3.281vw} .products-list-e1 .con{margin-bottom:1.197vw} } @media only screen and (min-width:750px) and (max-width:1220px){ .row-e2 .tit{font-size:20px;height:45px;line-height:45px} .products-list-e1 .con{width:100%} .products-list-e1 .info{padding:20px} } @media only screen and (max-width:750px){ .row-e2{padding:30px 0 25px} .row-e2 .col-l,.row-e2 .col-r{width:100%} .products-list-e1{margin:0} .products-list-e1 li{margin-bottom:15px} .products-list-e1 .box{margin:0 0 10px} .row-e2 .tit{font-size:18px;height:40px;line-height:40px} .products-list-e1 .con span{font-size:16px} .products-list-e1 .con{float:none;width:99%;margin-bottom:10px} .products-list-e1 .info{padding:15px} } .row-e5{padding:88px 0 72px;background-repeat:no-repeat;background-position:center;-o-background-size:cover;background-size:cover} .ul-list-e4 li{margin-bottom:27px} .ul-list-e4 .con{padding:60px 50px 57px;background-color:#fff;box-shadow:0 0 26px 0 rgba(59,77,112,.16);border-radius:10px;overflow:hidden} .ul-list-e4 .pic{padding:5px;float:left;width:299px;height:299px;border:3px solid #015bb1;border-radius:50%;overflow:hidden;margin-right:42px} .ul-list-e4 img{border-radius: 50%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;border:11px solid #fff} .ul-list-e4 .txt{overflow:hidden;padding:17px 0 0} .ul-list-e4 .info{padding-left:32px;position:relative;margin-bottom:27px} .ul-list-e4 .info::before{display:block;content:" ";width:5px;height:60px;background-color:#4c89e7;border-radius:3px;position:absolute;top:50%;transform:translateY(-50%);left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .ul-list-e4 .tit{font-size:20px;font-weight:600;color:#333;margin-bottom:4px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-family:MicrosoftYaHei-Semibold} .ul-list-e4 .con:hover .tit{color:#015bb1} .ul-list-e4 .name{font-size:24px;color:#015bb1;font-weight:600;} .ul-list-e4 .desc{font-size:14px;color:#333;line-height:2.2;text-align:justify;margin-bottom:15px} .ul-list-e4 p:first-child{margin-bottom:10px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .ul-list-e4 p:last-child{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .ul-list-e4 .more{padding:0 30px 0 40px;float:right;width:208px;height:42px;line-height:42px;background-color:#fff;border:1px solid #015bb1;border-radius:21px} .ul-list-e4 .more:hover{background-color:#015bb1} .ul-list-e4 a{display:block;height:100%;border-radius: 50%;width:100%;} .ul-list-e4 .more a{display:block;font-size:18px;font-weight:normal;color:#015bb1;background-image:url(../images/a-icon17.png);background-position:right center;background-repeat:no-repeat;-o-background-size:36px 21px;background-size:36px 21px;border-radius:0;} .ul-list-e4 .more:hover a{background-image:url(../images/a-icon17-on.png);color:#fff} @media only screen and (min-width:750px) and (max-width:1920px){ .row-e5{padding:4.583vw 0 3.75vw} .ul-list-e4 li{margin-bottom:1.406vw} .ul-list-e4 .con{padding:3.125vw 2.604vw 2.968vw;border-radius:.52vw} .ul-list-e4 .pic{width:15.57vw;height:15.57vw;border:solid #015bb1;margin-right:2.187vw;padding:0.260vw;} .ul-list-e4 img{border:solid #fff;border-width: 0vw;} .ul-list-e4 .txt{padding:.885vw 0 0} .ul-list-e4 .info{padding-left:1.666vw;margin-bottom:1.406vw} .ul-list-e4 .info::before{width:.26vw;height:3.125vw;border-radius:.156vw} .ul-list-e4 .tit{font-size:1.041vw;margin-bottom:.208vw} .ul-list-e4 .name{font-size:1.25vw} .ul-list-e4 .desc{margin-bottom:.781vw} .ul-list-e4 p:first-child{margin-bottom:.52vw} .ul-list-e4 .more{padding:0 1.562vw 0 2.083vw;width:10.83vw;height:2.187vw;line-height:2.187vw;border-radius:1.093vw} .ul-list-e4 .more a{font-size:.937vw;-o-background-size:1.875vw 1.093vw;background-size:1.875vw 1.093vw} } @media only screen and (min-width:750px) and (max-width:1620px){ .ul-list-e4 .more{margin-bottom:3px} } @media only screen and (min-width:750px) and (max-width:1420px){ .ul-list-e4 .desc{line-height:1.7} .ul-list-e4 .tit{font-size:16px} .ul-list-e4 .name{font-size:18px} .ul-list-e4 .more{padding:0 8px 0 23px} .ul-list-e4 .more a{font-size:16px;-o-background-size:25px 16px;background-size:25px 16px} } @media only screen and (min-width:750px) and (max-width:1270px){ .ul-list-e4 .info::before{width:3px;height:40px} .ul-list-e4 .more{width:132px;height:30px;line-height:26px} } @media only screen and (max-width:750px){ .row-e5{padding:30px 0} .ul-list-e4 li{margin-bottom:20px} .ul-list-e4 img{border:2px solid #fff;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);} .ul-list-e4 .info{padding-left:10px;margin-bottom:2px} .ul-list-e4 .tit{font-size:13px} .ul-list-e4 .desc{line-height:1.4;font-size: 12px;margin-bottom: 10px;} .ul-list-e4 .info::before{width:3px;height:40px} .ul-list-e4 .name{font-size:15px} .ul-list-e4 .con{padding:0;box-shadow: none;} .ul-list-e4 .pic{width:100px;height:100px;position: relative;padding-top:0;margin-right:13px;border-width: 2px;} .ul-list-e4 .txt{float:none;padding-top:0} .ul-list-e4 .more{padding: 0 9px 0 7px;float: none;width: 88px;height: 25px;line-height: 25px;} .ul-list-e4 .more a{font-size:12px;background-size:22%} .ul-list-e4 p:last-child{-webkit-line-clamp: 2;} } @media only screen and (max-width: 640px){ .row-c5 .icn1 {width: 100px;height: 100px;} .row-c5 .icn1 .txt{ padding-top: 5px;} .row-c5 .icn3 .txt,.row-c5 .icn2 .txt{ padding-top: 15px;} .row-c5 .icn5 .txt{ padding-top: 10px;} .row-c5 .icn1 .txt span,.row-c5 .icn2 .txt span,.row-c5 .icn3 .txt span,.row-c5 .icn4 .txt span,.row-c5 .icn5 .txt span{ font-size: 18px; display: block;} } @media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){ *{font-family:"Microsoft YaHei",-apple-system,BlinkMacSystemFont,"PingFang SC","Lantinghei SC","Helvetica Neue",Arial,"Open Sans","Hiragino Sans GB",sans-serif;} } /*一周会议表格样式20220509*/ .num2{ overflow:hidden; } .num2 #vsb_content{ overflow-x:auto; } .num2 table{ margin:0 auto; width:1262px!important; } .num2 #vsb_content_2 table{ width:100%!important; } .num2 table td{ padding:5px 10px!important; } .num2 .hyts{ text-align: center; font-size: 0; } .num2 .hyts a{ display: inline-block; vertical-align: middle; margin: 0 5px; font-size: 14px; color:#000; line-height: 2; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s } .num2 .hyts a:hover{ color: #063e7d; } .num2 .info{ overflow-x: auto; } @media only screen and (max-width:950px){ .num2 table{ margin:0 auto; width:700px!important; } } @media only screen and (max-width:580px){ .pages span.p_pages{display:block;width:100%;height:37px;} .pages span.p_tz{display:block;width:100%;height:37px;} } @media only screen and (max-width:370px){ .pages a,.pages .p_dot{width:28px !important;height:30px !important;font-size:14px !important;line-height:28px !important;} .pages .p_no_d{width:28px !important;height:30px !important;line-height:28px !important;} .pages .p_goto a{width:44px !important;height:30px !important;} }