@charset "UTF-8"; .vsb_content p img .img_vsb_content{max-width: 100% !important; width: auto !important; height: auto !important; margin: 0 auto !important;} *,: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} table{border-collapse:collapse;border-spacing:0} ol,ul{list-style:none} .vsbcontent_img img{ max-width: 100% !important; width: auto !important; height: auto !important; margin: 0 auto !important; display: block !important; } q:after,q:before{content:''} fieldset,img{border:0} abbr,acronym{border:0} .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{float:right} .c{clear:both} .fix{zoom:1} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden} em{font-weight:400;font-style:normal} body{color:#333;font-size:14px;line-height:1.5;font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif} img{max-width:100%;border:none} input,select,textarea{font-size:14px;color:#333;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif} input[type=button],input[type=reset],input[type=submit]{cursor:pointer} ::-webkit-input-placeholder{color:#999} ::-moz-placeholder{color:#999} ::-ms-input-placeholder{color:#999} select::-ms-expand{display:none} a{color:#333;text-decoration:none} /*!-----------------[初始化结束]--------------*/ @font-face{font-family:SourceHanSerifCN;src:url(../fonts/SourceHanSerifCN-Regular.otf)} @font-face{font-family:DINPro;src:url(../fonts/DINPro-Regular.otf)} .wrap{width:80%;max-width:1400px;margin-left:18%;} .wp{width:90%;max-width:1400px;margin:0 auto} /*!****************************** -------[=头部]------- ********************************/ /*!****************************** -------[=导航]------- ********************************/ .menuBtn{display:none;position:fixed;top:12px;right:12px;width:30px;height:30px;cursor:pointer;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} .menuBtn b{display:block;height:4px;background-color:#fff;margin:4px 0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} .menuBtn.open b{display:none;margin:0;position:absolute;left:0;top:50%;margin-top:-5px;width:30px} .menuBtn.open b:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)} .menuBtn.open b:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)} /*!****************************** -------[=底部]------- ********************************/ /*!****************************** -------[=公用]------- ********************************/ @media screen and (max-width:1199px){ .wp,.wrap{max-width:none;width:auto;padding:0 15px;margin:0} .menuBtn{display:block} } /*!****** lib.css end *******/ /*!****** bl *******/ #fullpage{height:100vh} .g-scr{position:absolute;bottom:5%;left:50%;width:70px;height:70px;margin-left:-35px;z-index:10;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-image:url(../images/down.png)} .g-scr.top{background-image:url(../images/up.png);cursor:pointer} .myup{-webkit-animation:myup 2s linear infinite;-moz-animation:myup 2s linear infinite;-o-animation:myup 2s linear infinite;animation:myup 2s linear infinite} @-webkit-keyframes myup{ 0%,100%{bottom:5%} 50%{bottom:2%} } @-moz-keyframes myup{ 0%,100%{bottom:5%} 50%{bottom:2%} } @-o-keyframes myup{ 0%,100%{bottom:5%} 50%{bottom:2%} } @keyframes myup{ 0%,100%{bottom:5%} 50%{bottom:2%} } .h-top{position:absolute;top:0;right:8.85%;z-index:11} .h-top .item{float:left;text-align:center;font-size:0;height:34px;line-height:34px;width:130px;background-repeat:no-repeat;background-position:center;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;margin-right:-10px;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .h-top .item:hover{opacity:.8} .h-top .item:last-child{margin-right:0} .h-top .item img,.h-top .item span{display:inline-block;vertical-align:middle} .h-top .item img{max-width:16px;margin-right:8px} .h-top .item span{font-size:14px;color:#fff} .h-top .lang{background-image:url(../images/h-bg1.png)} .h-top .so{background-image:url(../images/h-bg2.png)} .h-so{position:absolute;cursor:pointer;top:100%;right:10px;display:none} .h-so .form{background-color:#fff;width:280px;border:1px solid #00a1e9;-webkit-box-shadow:0 0 30px rgba(0,0,0,.1);-moz-box-shadow:0 0 30px rgba(0,0,0,.1);box-shadow:0 0 30px rgba(0,0,0,.1)} .h-so .form .inp{display:block;width:100%;height:36px;padding:0 40px 0 10px;font-size:14px;color:#333} .h-so .form .btn{display:block;position:absolute;top:0;right:0;width:36px;height:36px;background:url(../images/h-i2a.png) no-repeat center;-webkit-background-size:19px 19px;-moz-background-size:19px;-o-background-size:19px;background-size:19px} .banner{position:relative} .banner .pic{height:100vh;overflow:hidden} .banner .pic .img{height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .banner .swiper-pagination{right:9%;bottom:5%;text-align:right;width:auto} .banner .swiper-pagination-bullet{width:12px;height:12px;background-color:#96a1b7;position:relative;opacity:1;margin:0 16px!important} .banner .swiper-pagination-bullet::after{content:"";display:block;width:26px;height:26px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:transparent;position:absolute;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%);pointer-events:none;border:1px solid #e78b35;opacity:0} .banner .swiper-pagination-bullet-active{background-color:#e78b35} .banner .swiper-pagination-bullet-active::after{opacity:1} .bl-snv{position:absolute;top:0;left:0;bottom:0;z-index:11;-webkit-transition:.8s;-o-transition:.8s;-moz-transition:.8s;transition:.8s;font-family:SourceHanSerifCN} .bl-snv::after{content:"";display:block;position:absolute;top:0;left:0;bottom:0;width:170px;border-right:3px solid #00a1e9;background:url(../images/nav-bg.png) repeat-y;pointer-events:none} .logo{position:relative;z-index:2;margin-left:46px;display:inline-block;padding:5vh 0} .logo img{display:inline-block;vertical-align:middle;max-width:242px} .nav{width:180px;position:relative;z-index:2;margin-left:47px} .nav .v1{display:block;font-size:18px;color:#fff;height:54px;line-height:54px;padding:0 10px 0 20px;position:relative;background-repeat:no-repeat;background-position:center left;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .nav .ok .v1,.nav .on .v1{background-image:url(../images/g-i1.png)} .nav li:hover .v1{background-image:url(../images/g-i1.png)} .row-a1{overflow:hidden;position:relative} .row-a1 .left-pic,.row-a1 .right-pic{position:absolute;top:0;bottom:0;width:50%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .row-a1 .left-pic{left:0} .row-a1 .right-pic{right:0} .row-a1 .g-titb1{margin-left:46%;text-align:left} .g-titb1{text-align:center;font-family:SourceHanSerifCN;margin-bottom:6vh;position:relative} .g-titb1 .h3{font-size:32px;color:#fff} .g-titb1 .en{font-size:22px;color:#999;text-transform:capitalize} .g-titb1 .g-more{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .g-titb1.sty1{text-align:left} .g-titb1.sty1 .h3{color:#193168} .tac{text-align:center} .g-more{display:inline-block;font-size:0;line-height:44px;height:46px;border:1px solid #00a1e9;background-color:#00a1e9;padding:0 20px} .g-more span{display:inline-block;vertical-align:middle;font-size:16px;color:#fff;font-family:SourceHanSerifCN} .g-more i{display:inline-block;vertical-align:middle;width:12px;height:12px;background:url(../images/arr2.png) no-repeat center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;margin-left:12px} .g-more.sty1{background-color:transparent;border-color:#193168} .g-more.sty1 span{color:#193168} .g-more.sty1 i{background-image:url(../images/arr1.png)} .g-box1{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;z-index:2;height:100vh;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden} .g-box1.row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row} .g-box1.jub{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .ul-news{overflow:hidden;background-color:#fff;padding:40px 12px 30px} .ul-news li{float:left;width:50%} .ul-news .box{margin:0 28px;overflow:hidden} .m-card1{display:block;overflow:hidden;position:relative;margin-bottom:25px} .m-card1: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)} .m-card1 .pic{position:relative;height:0;padding-top:67.5%;overflow:hidden} .m-card1 .pic img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:.6s;-o-transition:.6s;-moz-transition:.6s;transition:.6s} .m-card1 .txt{position:absolute;bottom:0;left:0;width:100%;background:url(../images/txt-bg.png) no-repeat bottom;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:92px;padding:20px} .m-card1 .txt .date{display:inline-block;font-size:16px;color:#fff;background-color:#00a1e9;padding:0 5px;text-align:center;margin-bottom:7px} .m-card1 .txt .tit{font-size:18px;color:#fff;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .news_ls .con{display:block;overflow:hidden;padding:15px 0} .news_ls .con:hover .tit{color:#00a1e9} .news_ls .date{float:left;font-size:16px;color:#fff;background-color:#00a1e9;padding:0 2px;width:52px;text-align:center;margin-right:15px} .news_ls .tit{display:block;font-size:16px;color:#333;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .row-a2{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;overflow:hidden} .img-rtop{display:block;position:absolute;top:0;right:0;width:1386px} .m-infob1{overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center} .m-infob1 .left{float:left;width:51%;overflow:hidden;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0} .m-infob1 .right{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;overflow:hidden} .m-infob1 .pic{position:relative;padding-bottom:6.25vh;padding-right:40px;margin-right:8.5%} .m-infob1 .pic img{display:block} .m-infob1 .pic::after{content:"";display:block;width:0;height:0;border-left:6.25vh solid transparent;border-right:6.25vh solid transparent;border-top:6.25vh solid #0266b6;position:absolute;bottom:0;left:0} .m-infob1 .pic .sm{position:absolute;bottom:0;right:0;width:150px;height:150px;border:5px solid #00a1e9;overflow:hidden} .m-infob1 .pic .sm img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .m-infob1 .desc{font-size:16px;color:#666;line-height:2.4;margin-bottom:4vh} .row-a3{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .row-a3 .col-l{width:46%} .row-a3 .col-r{width:46%;position:relative;height:100%;padding-right:140px} .row-a3 .col-r::after{content:"";display:block;width:1px;position:absolute;top:0;bottom:0;background-color:#fff;opacity:.1;left:5px} .row-a3 .col-r .g-more{margin-left:40px} .r-title{position:absolute;top:10%;right:0;padding-right:45px} .r-title .h3{font-size:32px;color:#e78b35;font-family:SourceHanSerifCN;width:1em;text-align:center;line-height:1.1} .r-title .en{position:absolute;width:1em;height:1em;top:70%;right:10px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)} .r-title .en em{position:absolute;top:-.5em;left:0;font-size:22px;color:rgba(255,255,255,.2)} .m-infob2 .pic{position:relative;height:0;padding-top:56.25%;overflow:hidden;margin-bottom:3vh} .m-infob2 .pic::after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:120px;background:url(../images/mask.png) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;pointer-events:none} .m-infob2 .pic img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .m-infob2 .bot{padding-left:135px;position:relative} .m-infob2 .title{position:absolute;top:12%;left:0;padding-left:45px} .m-infob2 .title .h3{font-size:32px;color:#e78b35;font-family:SourceHanSerifCN;width:1em;text-align:center;line-height:1.1} .m-infob2 .title .en{position:absolute;width:1em;height:1em;top:63px;left:10px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);font-weight:300} .m-infob2 .title .en em{position:absolute;top:-.5em;left:0;font-size:22px;color:rgba(255,255,255,.2)} .ul-listb1{margin-bottom:3vh} .ul-listb1 .con{display:block;overflow:hidden;padding:12px 0} .ul-listb1 .date{float:right;font-size:18px;color:#00a1e9;font-family:DINPro;margin-left:10px} .ul-listb1 .tit{font-size:16px;color:#fff;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .ul-listb1 .tit:hover{color:#00a1e9} .row-a4{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .ul-listb2{margin:0 -20px} .ul-listb2 li{float:left;width:33.33%} .ul-listb2 .con{display:block;-webkit-box-shadow:0 6px 10px rgba(11,22,47,.16);-moz-box-shadow:0 6px 10px rgba(11,22,47,.16);box-shadow:0 6px 10px rgba(11,22,47,.16);margin:0 20px 40px;overflow:hidden;padding:25px 25px 20px;background-color:#fff;position:relative} .ul-listb2 .con::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/txt-bg1.png) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;opacity:0;pointer-events:none;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .ul-listb2 .con:hover::after{opacity:1} .ul-listb2 .con:hover .line{background-color:#ff7b00} .ul-listb2 .con:hover .time,.ul-listb2 .con:hover .tit{color:#fff} .ul-listb2 .con:hover .desc{color:#b9d2ed} .ul-listb2 .date{float:left;width:21%;text-align:center;margin-right:28px;position:relative;z-index:2} .ul-listb2 .line{height:6px;background-color:#00a1e9} .ul-listb2 .time{color:#193168;font-family:DINPro;font-weight:700} .ul-listb2 .day{font-size:50px;line-height:1.2} .ul-listb2 .y{font-size:18px;margin-bottom:10px} .ul-listb2 .arr{height:12px;background:url(../images/arr3.png) no-repeat center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain} .ul-listb2 .txt{overflow:hidden;position:relative;z-index:2} .ul-listb2 .tit{font-size:18px;color:#333;line-height:1.4;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;height:2.8em;margin-bottom:17px} .ul-listb2 .desc{font-size:14px;color:#777;line-height:1.6;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;height:3.2em} .footer{background:url(../images/f-bg.png) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:55px 0;overflow:hidden} .footer .col-c{width:32%} .f-logo{display:inline-block;margin-bottom:20px;min-height:80px} .f-txt{font-size:14px;color:#999;line-height:1.6} .f-txt a{color:inherit} .f-txt a:hover{color:#fff} .f-links{font-family:SourceHanSerifCN;overflow:hidden} .f-links li{float:left;width:25%} .f-links .link{display:block;font-size:18px;color:#fff;text-align:center;border:1px solid transparent;height:40px;line-height:38px;margin:0 5px 10px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .f-links .link:hover{color:#00a1e9;border-color:#00a1e9} .f-share{font-size:0;font-size:15px;color:#fff} .f-share .box{position:relative;text-align:center;display:inline-block;vertical-align:middle;margin-left:25px;cursor:pointer} .f-share .icon{width:56px;margin:0 auto 12px} .f-share .icon img{display:block;width:100%} .fxbox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden} .research{padding:9.2vh 0 0} .research .swiper-container{height:668px;padding-left:5px} .research .con{height:100%;display:block;border-top:1px solid rgba(255,255,255,.1);position:relative;padding:30px 10px 10px 36px} .research .con::before{content:"";display:block;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#00a1e9;position:absolute;top:47px;left:-5px} .research .con:hover .tit{color:#00a1e9} .research .date{font-size:26px;color:#00a1e9;font-family:DINPro} .research .tit{font-size:16px;color:#fff;line-height:1.5;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;height:3em;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .research .swiper-button-prev{width:49px;height:49px;background-image:url(../images/c-prev.png);-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;margin-top:0;left:auto;right:0;margin-bottom:60px;bottom:0;z-index:10} .research .swiper-button-next{width:49px;height:49px;background-image:url(../images/c-next.png);-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;left:auto;right:0;bottom:0;margin-top:70px;z-index:10} .row-a5{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .row-a5 .col-l{width:38.6%;height:100%;position:relative} .row-a5 .col-l .p-tit{position:absolute;bottom:20%;right:0;margin-right:-30px;width:61px;height:200px;background:url(../images/t-bg.png) no-repeat center;color:#fff;text-align:center;line-height:200px;font-size:0} .row-a5 .col-l .p-tit span{display:inline-block;vertical-align:middle;font-size:30px;width:1em;line-height:1.2;font-family:SourceHanSerifCN} .row-a5 .col-r{width:60%} .ban-types .swiper-container{height:100vh} .ban-types .swiper-pagination{display:none} .ban-types .con{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;height:100%;border-bottom:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);padding:5% 14% 5% 8%} .ban-types .con:hover .txt{color:#00a1e9} .ban-types .txt{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;font-size:20px;color:#fff;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .ban-types .h3,.ban-types .p{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .ban-types .h3{margin-bottom:5px} .ban-types .icon{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:0} .ban-types .icon img{display:inline-block;vertical-align:middle;max-width:83px} .ban-types .swiper-button-prev{width:49px;height:49px;background-image:url(../images/c-prev.png);-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;margin-top:0;left:auto;right:0;margin-right:-25px;top:20%;z-index:10} .ban-types .swiper-button-next{width:49px;height:49px;background-image:url(../images/c-next.png);-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;left:auto;right:0;margin-right:-25px;top:20%;margin-top:70px;z-index:10} .m-links_y{width:500px;height:500px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 auto;position:relative;border:5px solid #fff} .m-links_y .tit{position:absolute;width:130px;top:6%;left:8%;z-index:3;font-family:SourceHanSerifCN;font-size:0} .m-links_y .pic{width:342px;height:342px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:3px solid #fff;overflow:hidden;position:absolute;top:10%;left:12%} .m-links_y .pic .img{height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .m-links_y .dot{position:absolute;display:block;z-index:2;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .m-links_y .dot:hover{margin-top:-10px} .m-links_y .icon{width:110px;height:110px} .m-links_y .icon img{display:block;width:100%} .m-links_y .txt{text-align:center;position:absolute;top:110%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);font-size:16px;color:#fff;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .m-links_y .txt.right{top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);left:110%;text-align:left} body{padding-top:70px} .index{padding-top:0} .index .header{display:none} .header{position:fixed;top:0;left:0;width:100%;height:70px;background-color:#193065;z-index:999} .header .h-top{right:0} .logo-m{line-height:70px;font-size:0} .logo-m img{display:inline-block;vertical-align:middle;max-height:50px} .h-r{float:right} .h-nav{float:left} .h-nav li{float:left;padding:0 14px;position:relative} .h-nav .v1{display:block;font-size:18px;color:#fff;line-height:70px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .h-nav .v1:hover{opacity:.8} .h-nav .dropIcon{width:9px;height:9px;background:url(../images/drop.png) no-repeat center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;margin-left:8px;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;position:absolute;display:none} .h-nav .ok .dropIcon{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} .h-nav .sub{position:absolute;top:80%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);min-width:160px;background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);display:none;border-top:2px solid #193065} .h-nav .sub .v2{text-align:center;display:block;font-size:14px;padding:5px;background:#fff;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;line-height:30px} .h-nav .sub .v2:hover{background:rgba(25,48,101,.8);color:#fff;font-weight:bold;font-size:15px;} @media only screen and (min-width:1200px){ .g-scr{bottom:5%;left:50%;width:3.645vw;height:3.645vw;margin-left:-1.822vw} .h-top{top:0;right:8.85%} .h-top .item{font-size:0;height:1.77vw;line-height:1.77vw;width:6.77vw;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;margin-right:-.52vw} .h-top .item img{max-width:.833vw;margin-right:.416vw} .h-top .item span{font-size:.729vw} .banner .swiper-pagination-bullet{width:.625vw;height:.625vw;opacity:1;margin:0 .833vw!important} .banner .swiper-pagination-bullet::after{content:"";width:1.354vw;height:1.354vw} .bl-snv::after{content:"";top:0;left:0;bottom:0;width:8.854vw;border-right:.156vw solid #00a1e9;background:url(../images/nav-bg.png) repeat-y;pointer-events:none} .logo{margin-left:2.395vw;padding:5vh 0} .logo img{max-width:12.6vw} .nav{width:9.375vw;margin-left:2.447vw} .nav .v1{font-size:.98vw;height:2.812vw;line-height:2.812vw;padding:0 .52vw 0 1.041vw;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%} .nav .ok .v1,.nav .on .v1{background-image:url(../images/g-i1.png)} .nav li:hover .v1{background-image:url(../images/g-i1.png)} .row-a1 .left-pic,.row-a1 .right-pic{top:0;bottom:0;width:50%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .row-a1 .left-pic{left:0} .row-a1 .right-pic{right:0} .g-titb1{margin-bottom:6vh} .g-titb1 .h3{font-size:1.666vw} .g-titb1 .en{font-size:1.145vw} .g-titb1 .g-more{top:50%;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .g-more{font-size:0;line-height:2.291vw;height:2.395vw;border:1px solid #00a1e9;padding:0 1.041vw} .g-more span{font-size:.833vw} .g-more i{width:.625vw;height:.625vw;background:url(../images/arr2.png) no-repeat center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;margin-left:.625vw} .g-box1{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center} .g-box1.row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row} .g-box1.jub{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .ul-news{padding:2.083vw .625vw 1.562vw} .ul-news li{width:50%} .ul-news .box{margin:0 1.458vw} .m-card1{margin-bottom:1.302vw} .m-card1: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)} .m-card1 .pic{position:relative;height:0;padding-top:67.5%;overflow:hidden} .m-card1 .pic img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .m-card1 .txt{bottom:0;left:0;width:100%;background:url(../images/txt-bg.png) no-repeat bottom;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:4.791vw;padding:1.041vw} .m-card1 .txt .date{font-size:.833vw;padding:0 .26vw;margin-bottom:.364vw} .m-card1 .txt .tit{font-size:.937vw;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .news_ls .con{padding:.781vw 0} .news_ls .date{font-size:.833vw;padding:0 .104vw;width:2.708vw;margin-right:.781vw} .news_ls .tit{font-size:.833vw;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .row-a2{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .img-rtop{top:0;right:0;width:72.18vw} .m-infob1{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center} .m-infob1 .left{width:51%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0} .m-infob1 .right{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1} .m-infob1 .pic{padding-bottom:6.25vh;padding-right:2.083vw;margin-right:8.5%} .m-infob1 .pic::after{content:"";width:0;border-left:3.125vw solid transparent;border-right:3.125vw solid transparent;border-top:3.125vw solid #0266b6;bottom:0;left:0} .m-infob1 .pic .sm{bottom:0;right:0;width:7.812vw;height:7.812vw;border:.26vw solid #00a1e9} .m-infob1 .pic .sm img{width:100%;-o-object-fit:cover;object-fit:cover} .m-infob1 .desc{font-size:.833vw;line-height:2.4;margin-bottom:4vh} .row-a3{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .row-a3 .col-l{width:46%} .row-a3 .col-r{width:46%;padding-right:7.291vw} .row-a3 .col-r::after{content:"";width:1px;top:0;bottom:0;opacity:.1;left:.26vw} .row-a3 .col-r .g-more{margin-left:2.083vw} .r-title{top:10%;right:0;padding-right:2.343vw} .r-title .h3{font-size:1.666vw;width:1em;line-height:1.1} .r-title .en{width:1em;height:1em;top:70%;right:.52vw;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)} .r-title .en em{top:-.5em;left:0;font-size:1.145vw} .m-infob2 .pic{position:relative;height:0;padding-top:56.25%;overflow:hidden;margin-bottom:3vh} .m-infob2 .pic::after{content:"";bottom:0;left:0;width:100%;height:6.25vw;background:url(../images/mask.png) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;pointer-events:none} .m-infob2 .pic img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .m-infob2 .bot{padding-left:7.031vw} .m-infob2 .title{top:12%;left:0;padding-left:2.343vw} .m-infob2 .title .h3{font-size:1.666vw;width:1em;line-height:1.1} .m-infob2 .title .en{width:1em;height:1em;top:3.281vw;left:.52vw;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);font-weight:300} .m-infob2 .title .en em{top:-.5em;left:0;font-size:1.145vw} .ul-listb1{margin-bottom:3vh} .ul-listb1 .con{padding:.625vw 0} .ul-listb1 .date{font-size:.937vw;margin-left:.52vw} .ul-listb1 .tit{font-size:.833vw} .row-a4{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .ul-listb2{margin:0 -1.041vw} .ul-listb2 li{width:33.33%} .ul-listb2 .con{-webkit-box-shadow:0 .312vw .52vw rgba(11,22,47,.16);-moz-box-shadow:0 .312vw .52vw rgba(11,22,47,.16);box-shadow:0 .312vw .52vw rgba(11,22,47,.16);margin:0 1.041vw 2.083vw;padding:1.302vw 1.302vw 1.041vw} .ul-listb2 .con::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/txt-bg1.png) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;opacity:0;pointer-events:none} .ul-listb2 .date{width:21%;margin-right:1.458vw} .ul-listb2 .line{height:.312vw} .ul-listb2 .time{font-weight:700} .ul-listb2 .day{font-size:2.604vw;line-height:1.2} .ul-listb2 .y{font-size:.937vw;margin-bottom:.52vw} .ul-listb2 .arr{height:.625vw;background:url(../images/arr3.png) no-repeat center;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain} .ul-listb2 .tit{font-size:.937vw;line-height:1.4;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;height:2.8em;margin-bottom:.885vw} .ul-listb2 .desc{font-size:.729vw;line-height:1.6;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;height:3.2em} .footer{background:url(../images/f-bg.png) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:2.864vw 0} .footer .col-c{width:32%} .f-logo{margin-bottom:1.041vw;min-height:4.16vw} .f-txt{font-size:.729vw;line-height:1.6} .f-links li{width:25%} .f-links .link{font-size:.96vw;border:1px solid transparent;height:2.083vw;line-height:1.979vw;margin:0 .26vw .52vw} .f-share{font-size:0;font-size:.781vw} .f-share .box{margin-left:1.302vw} .f-share .icon{width:2.916vw;margin:0 auto .625vw} .f-share .icon img{width:100%} .fxbox{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .research{padding:9.2vh 0 0} .research .swiper-container{height:34.79vw;padding-left:.26vw} .research .con{border-top:1px solid rgba(255,255,255,.1);padding:1.562vw .52vw .52vw 1.875vw} .research .con::before{content:"";width:.52vw;height:.52vw;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;top:2.447vw;left:-.26vw} .research .date{font-size:1.354vw} .research .tit{font-size:.833vw;line-height:1.5;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;height:3em} .research .swiper-button-prev{width:2.552vw;height:2.552vw;background-image:url(../images/c-prev.png);-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;left:auto;right:0;margin-bottom:3.125vw;bottom:0} .research .swiper-button-next{width:2.552vw;height:2.552vw;background-image:url(../images/c-next.png);-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;left:auto;right:0;bottom:0;margin-top:3.645vw} .research .swiper-pagination{display:none} .row-a5{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .row-a5 .col-l{width:38.6%} .row-a5 .col-l .p-tit{bottom:20%;right:0;margin-right:-1.562vw;width:3.177vw;height:10.41vw;background:url(../images/t-bg.png) no-repeat center;line-height:10.41vw;font-size:0} .row-a5 .col-l .p-tit span{font-size:1.562vw;width:1em;line-height:1.2} .row-a5 .col-r{width:60%} .ban-types .swiper-container{height:100vh} .ban-types .con{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);padding:5% 14% 5% 8%} .ban-types .txt{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;font-size:1.041vw} .ban-types .h3,.ban-types .p{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .ban-types .h3{margin-bottom:.26vw} .ban-types .icon{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:0} .ban-types .icon img{max-width:4.322vw} .ban-types .swiper-button-prev{width:2.552vw;height:2.552vw;background-image:url(../images/c-prev.png);-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;left:auto;right:0;margin-right:-1.302vw;top:20%} .ban-types .swiper-button-next{width:2.552vw;height:2.552vw;background-image:url(../images/c-next.png);-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;left:auto;right:0;margin-right:-1.302vw;top:20%;margin-top:3.645vw} .m-links_y{width:26.04vw;height:26.04vw;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 auto;border:.26vw solid #fff} .m-links_y .tit{width:6.77vw;top:6%;left:8%} .m-links_y .pic{width:17.81vw;height:17.81vw;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:.156vw solid #fff;top:10%;left:12%} .m-links_y .pic .img{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .m-links_y .dot:hover{margin-top:-.52vw} .m-links_y .icon{width:5.729vw;height:5.729vw} .m-links_y .icon img{width:100%} .m-links_y .txt{top:110%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);font-size:.833vw;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .m-links_y .txt.right{top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);left:110%} body{padding-top:3.645vw} .header{top:0;left:0;width:100%;height:3.645vw} .header .h-top{right:0} .logo-m{line-height:3.645vw;font-size:0} .logo-m img{max-height:2.604vw} .h-nav li{padding:0 .729vw} .h-nav .v1{font-size:.937vw;line-height:3.645vw} .h-nav .v1:hover{opacity:.8} } @media screen and (max-width:1199px){ .h-nav .dropIcon{position:absolute;top:20px;right:10px;display:block} .h-nav .sub{position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;width:auto;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:0;border-top:none} .h-nav .sub .v2{text-align:left;padding-left:30px;border-bottom:1px solid #eee} #fullpage{height:auto} #fullpage>.swiper-wrapper{display:block} .bl-snv,.g-scr{display:none!important} .banner .pic{position:relative;height:0;padding-top:50%;overflow:hidden} .banner .pic .img{position:absolute;top:0;left:0;width:100%} .banner .swiper-pagination{right:0;width:100%;text-align:center} .banner .swiper-pagination-bullet{width:6px;height:6px;margin:0 6px!important} .banner .swiper-pagination-bullet::after{width:12px;height:12px} .g-box1{display:block;height:auto} .row-a1 .left-pic{display:none} .row-a1 .right-pic{width:100%} .row-a1 .g-titb1{margin-left:0;text-align:center} .row-a1,.row-a2,.row-a3,.row-a4,.row-a5{padding:4vh 0} .g-titb1{margin-bottom:4vh} .ul-news .box{margin:0 10px 20px} .news_ls .con{padding:8px 0} .row-a3 .col-l,.row-a3 .col-r{float:none;width:auto} .ul-listb2{margin:0 -10px} .ul-listb2 li{width:50%} .ul-listb2 .con{padding:12px;margin:0 10px 20px} .m-infob2 .bot{padding-left:0} .row-a3 .col-l{margin-bottom:4vh} .row-a3 .col-r{padding-right:0} .research{padding:3vh 0} .research .swiper-container{height:auto} .research .con{padding:12px;border-top:none;border-bottom:1px solid rgba(255,255,255,.1)} .research .con::before{display:none} .row-a3 .col-r::after{display:none} .row-a3 .g-more{display:block;width:150px;margin:0 auto} .row-a3 .col-r .g-more{margin-left:auto} .ban-types .con{border-left:none;border-right:none;padding-left:2%;padding-right:2%} .row-a5 .col-l{margin-bottom:20px} .m-links_y{width:auto;height:auto;border:none} .m-links_y .tit{position:static;margin:0 auto;width:auto;color:#fff;font-size:24px;text-align:center} .m-links_y .tit img{display:none} .m-links_y .pic{position:static;margin:20px auto} .m-links_y .dots{overflow:hidden} .m-links_y .dot{position:static;float:left;width:33.33%;padding:10px;overflow:hidden} .m-links_y .icon{margin:0 auto} .m-links_y .txt{position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none} .m-links_y .txt.right{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;text-align:center} .m-infob2 .title,.r-title{position:static;padding:0;text-align:center} .m-infob2 .title .h3,.r-title .h3{width:auto} .m-infob2 .title .en,.r-title .en{position:static;width:auto;height:auto;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none} .m-infob2 .title .en em,.r-title .en em{position:static} .row-a5 .col-l,.row-a5 .col-r{float:none;width:auto} .row-a5 .col-l .p-tit{position:static;margin:0;width:auto;height:auto;background:0 0;line-height:1.5;margin-bottom:20px} .row-a5 .col-l .p-tit span{width:auto} .ban-types .swiper-button-next,.ban-types .swiper-button-prev,.research .swiper-button-next,.research .swiper-button-prev{display:none} .ban-types .swiper-container{height:auto} .index .header{display:block} .index,body{padding-top:50px} .banner .h-top{display:none} .h-r{position:fixed;top:50px;left:0;width:100%;bottom:0;overflow-y:auto;overflow-x:hidden;background-color:#193065;border-top:1px solid #fff;display:none} .header{height:50px} .logo-m{line-height:50px} .logo-m img{max-height:40px} .h-nav{float:none} .h-nav li{float:none} .footer{padding:3vh 0} .fxbox{display:block} .fxbox .col-c{display:none} .ban-types,.research{margin-bottom:40px} .ban-types .swiper-container,.research .swiper-container{padding-bottom:20px} .ban-types .swiper-pagination,.research .swiper-pagination{display:block} .swiper-pagination{width:100%;text-align:center} .swiper-pagination-bullet{margin:0 6px} } @media screen and (max-width:767px){ .g-titb1 .h3,.m-infob2 .title .h3,.r-title .h3,.row-a5 .col-l .p-tit span{font-size:24px} .ban-types .txt,.g-titb1 .en,.m-infob2 .title .en,.m-infob2 .title .en em,.r-title .en,.r-title .en em,.research .tit{font-size:14px} .m-links_y .tit{font-size:18px} .row-a1{position:relative} .row-a1 .wrap{position:relative;z-index:2;padding-bottom:80px} .row-a1 .g-box1{position:static} .row-a1 .g-titb1 .g-more{bottom:15px;top:auto;right:auto;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)} .row-a1 .g-titb1{position:static} .ul-news{padding:15px 15px 0} .ul-news li{float:none;width:auto} .ul-news .box{margin:0 0 25px} .m-card1 .txt{height:auto;padding:8px} .m-card1 .txt .tit{font-size:16px} .m-card1 .txt .date{font-size:14px} .research .date{font-size:16px} .row-a2{padding-top:7vh} .m-infob1{display:block} .m-infob1 .left{float:none;width:auto;margin-bottom:20px} .m-infob1 .pic .sm{width:80px;height:80px;border-width:2px} .m-infob1 .desc{font-size:14px;line-height:1.7} .g-more{display:block;width:140px;margin:0 auto;height:36px;line-height:34px} .g-more span{font-size:14px} .ul-listb1 .date,.ul-listb1 .tit{font-size:14px} .ul-listb2{margin:0 0 4vh} .ul-listb2 li{float:none;width:auto} .ul-listb2 .con{margin:0 0 10px} .m-links_y .icon{width:60px;height:60px} .m-links_y .txt{font-size:14px} .m-links_y .pic{width:55vw;height:55vw} .ul-listb2 .date{margin-right:8px} .ul-listb2 .line{height:3px;margin-bottom:4px} .ul-listb2 .day{font-size:25px} .ul-listb2 .y{font-size:16px;margin-bottom:4px} .ul-listb2 .tit{font-size:14px;margin-bottom:4px} .ul-listb2 .desc{font-size:12px} .f-logo{margin-bottom:20px;min-height:auto} .fxbox .col-r{float:none;width:auto} .f-txt{margin-bottom:20px} .f-share{text-align:center} .f-share .box{margin:0 5px} .h-nav .v1{font-size:16px;line-height:45px;border-bottom:1px solid rgba(255,255,255,.2)} .h-top{position:relative;padding:15px} .h-top .item{width:auto;display:block;float:none;margin-right:0;text-align:left} .h-top .lang{background:0 0;margin-bottom:15px} .h-top .so{display:none} .h-so{float:none;display:block;clear:both;position:relative;right:0} .h-so .icon{display:none} .h-so .form{position:static;display:block;width:auto} } /*!****** bl end *******/