body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } table{border-collapse:collapse; border-spacing:0; } fieldset,img{border:0; } ol,ul{list-style:none; } caption,th{text-align:left; } q:before,q:after{content:''; } abbr,acronym{border:0; } .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }.l, .col-l, .col_l, .col-c, .col_c{float:left; } .r, .col-r, .col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } .n,em{font-weight:normal; font-style:normal; } .b{font-weight:bold; } .i{font-style:italic; } .fa{font-family:Arial; } .fg{font-family:Georgia; } .ft{font-family:Tahoma; } .fl{font-family:Lucida Console; } .tc{text-align:center; } .tr{text-align:right; } .tl{text-align:left; } .tdu{text-decoration:underline; } .tdn,.tdn:hover,a.tdl:hover{text-decoration:none; } .fc0{color:#000000; } .fc3{color:#333333; } .fc6{color:#666666; } .fc9{color:#999999; } .fcr{color:red; } .fcw{color:white; } .fcb{color:blue; } .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; } .rel,.pr{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; } .h10,.h{height:10px; } .h15{height:15px; } .h20{height:20px; } .h1,.h5,.h10,.h15,.h20,.h{font-size:0px; line-height:0; overflow:hidden; clear:both; } body{font:12px "微软雅黑",Arial,sans-serif; }a{text-decoration:none; } a:hover{color:#2f7dbf } @font-face { font-family: 'sySong'; src: url('../fonts/sySong.woff') format('woff'); font-weight: normal; font-style: normal } .g-5, .m-g-5, .t-g-5, .p-g-5,.g-10, .m-g-10, .t-g-10, .p-g-10, .g-15, .m-g-15, .t-g-15, .p-g-15,.g-20, .m-g-20, .t-g-20, .p-g-20,.g-25, .m-g-25, .t-g-25, .p-g-25,.g-30, .m-g-30, .t-g-30, .p-g-30,.g-35, .m-g-35, .t-g-35, .p-g-35,.g-40, .m-g-40, .t-g-40, .p-g-40,.g-45, .m-g-45, .t-g-45, .p-g-45,.g-50, .m-g-50, .t-g-50, .p-g-50,.g-55, .m-g-55, .t-g-55, .p-g-55,.g-60, .m-g-60, .t-g-60, .p-g-60,.g-65, .m-g-65, .t-g-65, .p-g-65,.g-70, .m-g-70, .t-g-70, .p-g-70,.g-75, .m-g-75, .t-g-75, .p-g-75,.g-80, .m-g-80, .t-g-80, .p-g-80,.g-85, .m-g-85, .t-g-85, .p-g-85,.g-90, .m-g-90, .t-g-90, .p-g-90,.g-95, .m-g-95, .t-g-95, .p-g-95,.g-100, .m-g-100, .t-g-100, .p-g-100,.g-33, .m-g-33, .t-g-33, .p-g-33, .g-66, .m-g-66, .t-g-66,.p-g-66, .g-16,.m-g-16,.t-g-16,.p-g-16, .g-14,.p-g-14 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; padding-right: 10px; float: left; } .g-row { margin-left: -10px; margin-right: -10px; } .g-row > div,.g-row > li, .g-row-15 > div,.g-row-15 > li, .g-row-20 > div,.g-row-20 > li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; padding-right: 10px; float: left; } .g-row-0 { margin-left: -0px; margin-right: -0px; } .g-row-0 > div,.g-row-0 > li { padding-left: 0px; padding-right: 0px; } .g-row-15 { margin-left: -15px; margin-right: -15px; } .g-row-15 > div,.g-row-15 > li { padding-left: 15px; padding-right: 15px; } .g-row-20 { margin-left: -20px; margin-right: -20px; } .g-row-20 > div,.g-row-20 > li { padding-left: 20px; padding-right: 20px; } .g-row:after, .g-row-0:after, .g-row-15:after, .g-row-20:after { display: block; content: ' '; clear:both; overflow: hidden; clear:both; } /*Common For Max 1200*/ .g-5 {width: 5%;} .g-10 {width: 10%;} .g-15 {width: 15%;} .g-20 {width: 20%;} .g-25 {width: 25%;} .g-30 {width: 30%;} .g-35 {width: 35%;} .g-40 {width: 40%;} .g-45 {width: 45%;} .g-50 {width: 50%;} .g-55 {width: 55%;} .g-60 {width: 60%;} .g-65 {width: 65%;} .g-70 {width: 70%;} .g-75 {width: 75%;} .g-80 {width: 80%;} .g-85 {width: 85%;} .g-90 {width: 90%;} .g-95 {width: 95%;} .g-33 {width: 33.33333%;} .g-16 {width: 16.66666%;} .g-14 {width: 14.28571%;} .g-66 {width: 66.66667%;} .g-100 { clear: both; width: 100%;} /* 列表*/ .g-li-2 li{width:50%;} .g-li-3 li{width:33.33%;} .g-li-4 li{width:25%;} .g-li-5 li{width:20%;} .g-li-6 li{width:16.66%;} .g-li-7 li{width:14.28%;} .g-li-8 li{width:12.5%;} .g-li-9 li{width:11.11%;} .g-li-10 li{width:10%;} /* 修改 */ /* ctrl + F 找到这些名字对相应属性进行修改,找不到的直接粘贴到css文件里*/ /* 标题 《校园时讯》 部分样式我这边是调好的看着样式没有问题,可能是你们修改的时候没有把相应的样式粘 贴完整,建议ctrl + F 找到.bottom-box .g-tit-gl .ul-list5-gl .ul-list6-gl 这些名字对相应属性进行比较替换*/ .header{ /*background: rgba(0,78,162,0.7);*/ background:url(../images/c_top1.png) no-repeat left bottom; background-size:100%; } .nav .v1{ text-shadow: 1px 1px #000; } .g-tit-gl .h2:hover{ color: #004ea2; } .g-tit-xh .h2:hover{ color: #004ea2; } .m-tit-xz .g-tit-xz{ font-size: 48px; } .m-tit-xz .g-tit-xz:hover{ color: #004ea2; } .row-i4 .g-tit-xh .h2{ font-size: 48px; } .row-i5 .g-tit-xh .h2{ font-size: 48px; } .m-tit-xz .g-tit-xz span { color: #004ea2; } .m-tit-xz .g-tit-xz a:hover span{ color: rgba(49, 162, 197); } .col-l-xz .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .col-l-xz .pic { padding-top: 79%; position: relative; } .col-l-xz .pic::after { position: absolute; content: ""; background: url(../images/a8.png) no-repeat 0 center; background-size: 108px; top: 50%; left: 43%; transform: translateY(-50%); width: 110px; height: 110px; } .col-l-xz1 .pic::after { position: absolute; content: ""; background: url(../images/a8.png) no-repeat 0 center; background-size: 108px; top: 50%; left: 37%; transform: translateY(-50%); width: 110px; height: 110px; } .col-l-xz .pic img:hover { transform: scale(1.1); } .col-c-xz { float: left; width: 24%; overflow: hidden; text-align: center; margin-left: 1%; } .col-c-xz .ul { text-align: center; } .col-c-xz li { margin-bottom: 20px; } .col-c-xz li .pic { padding-top: 62%; position: relative; overflow: hidden; } .col-c-xz li .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .col-c-xz li .pic img:hover { transform: scale(1.1); } .col-r-xz { float: right; width: 35%; overflow: hidden; } .col-r-xz .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .col-r-xz .pic img:hover { transform: scale(1.1); } .col-r-xz .pic { padding-top: 65%; position: relative; margin-bottom: 15px; overflow: hidden; } .txt-xz-9 { background-color: rgb(0, 78, 162); padding: 20px 0; } .txt-xz-9 { height: 140px; padding-left: 60px; position: relative; } .txt-xz-9::after { content: ""; width: 138px; height: 140px; background: url(../images/xz6.png) center no-repeat; background-color: #be9c5a; background-size: 28px; position: absolute; right: 0; top: 0; } .txt-xz-9 .tit { font-size: 45px; color: #FFFFFF; } .txt-xz-9 .tit2 { font-size: 90px; color:#ffffff; font-weight: bold; margin-top: -60px; position: relative; opacity: 0.4; z-index:1; } .txt-xz-10 { background-color: rgb(0, 78, 162); padding: 20px 0; display: none; } .txt-xz-10 { height: 140px; padding-left: 60px; position: relative; } .txt-xz-10::after { content: ""; width: 138px; height: 140px; background: url(../images/xz6.png) center no-repeat; background-color: #be9c5a; background-size: 28px; position: absolute; right: 0; top: 0; } .txt-xz-10 .tit { font-size: 45px; color: #FFFFFF; } .txt-xz-10 .tit2 { font-size: 90px; color: rgb(255, 255, 255, 0.2); font-weight: bold; margin-top: -60px; position: relative; } /* row-i7 */ .m-tit-xz { margin-bottom: 30px; } .m-tit-xz .g-tit-xz { font-size: 45px; color: #000; position: relative; font-family: 'sySong'; z-index:2; } .m-tit-xz .g-tit-xz span { position: absolute; color: rgb(49, 162, 197); font-size: 16px; right: 0; top: 20px; z-index: 999999; } .m-tit-xz .translate { font-size: 90px; color: #e2ecfa; font-weight: bold; position: relative; margin-top: -55px; z-index:0; } .ul-list-xz3 { overflow: hidden; margin: 0 -10px; } .ul-list-xz3 li { float: left; width: 25%; margin-bottom: 20px; } .ul-list-xz3 li .pic { padding-top: 37%; position: relative; margin: 0 10px; overflow: hidden; } .ul-list-xz3 li .pic img { width: 100%; position: absolute; top: 0; left: 0; display: block; } .ul-list-xz3 li .pic img:hover { transform: scale(1.1); } .ul-list-xz3 li .pic span { background-color: rgb(0, 78, 162); color: #FFF; padding: 5px 11px; font-size: 16px; position: absolute; bottom: 0; left: 0; } .ul-list-xz3 li .pic .l1 { background-color: #23ca83; } /* 机构设置 */ .ul-list-xz4 { overflow: hidden; padding: 20px 0; } .ul-list-xz4 li { float: left; width: 50%; font-size: 19px; margin-bottom: 57px; border-left: 6px solid rgb(0, 78, 162); } .ul-list-xz4 li:hover { border-left: 6px solid rgb(123, 180, 234); } .ul-list-xz4 li .con:hover { background-color: rgb(0, 78, 162); color: #FFFFFF; border: 1px solid rgb(0, 78, 162); box-shadow: 0 0 20px rgba(0, 78, 162, 0.5); } .ul-list-xz4 li .con { margin-right: 30px; border: 1px solid rgb(213, 228, 244); padding: 15px 0; } .ul-list-xz4 li .con .tit { margin: 0 40px; background: url(../images/xz31.png)right no-repeat; } /* 现任领导 */ .ul-list-xz5 { overflow: hidden; margin: 0 -32px; } .ul-list-xz5 li { float: left; width: 50%; margin-bottom: 70px; } .ul-list-xz5 li .con:hover { box-shadow: 0 0 40px rgba(0, 0, 0, .2) } .ul-list-xz5 li .con { overflow: hidden; padding: 20px; margin: 0 32px; border: 1px solid rgb(213, 228, 244); } .ul-list-xz5 li .pic { float: left; } .ul-list-xz5 li .pic img{ width: 185px; height: 247px; display: block; } .ul-list-xz5 li .txt { overflow: hidden; padding: 20px 40px; height: 200px; margin-bottom: 30px; } .ul-list-xz5 li .txt .name{ font-size: 22px; } .ul-list-xz5 li .txt .position{ font-size: 23px; margin-bottom: 30px; } .ul-list-xz5 li .txt .desc{ font-size: 16px; } .ul-list-xz5 li .btn{ overflow: hidden; background: url(../images/ld2.png) right no-repeat; height: 20px; } @media only screen and (max-width: 1680px) { .header{padding:13px 54px 17px 33px !important; background: url(../images/c_top1.png) no-repeat left top; background-size: 100%;} .hdr{width: calc(100% - 460px);} .nav .v1{font-size:16px !important ;padding-right: 25px !important;margin:0 15px !important;} .nav .v1 em{top:5px !important;} } @media only screen and (max-width: 1480px) { .header{padding:13px 20px 17px 23px !important;} .hdr{width: calc(100% - 420px);} .nav .v1{font-size:16px !important ;padding-right: 30px !important;margin:0 15px !important;} .nav .v1 em{top:5px !important;} .col-l-xz .pic{padding-top: 79%;} } @media only screen and (max-width: 1360px) { .header{padding:13px 10px 17px 10px !important;} .hdr{width: calc(100% - 340px);} .nav{margin: 0 -10px;} .nav .v1{font-size:16px !important ;padding-right: 25px !important;margin:0 10px !important;} .nav .v1 em{top:5px !important;} } /*Common For Max 960 普通电脑尺寸 */ @media only screen and (max-width: 1199px) { .p-g-5 {width: 5%;} .p-g-10 {width: 10%;} .p-g-15 {width: 15%;} .p-g-20 {width: 20%;} .p-g-25 {width: 25%;} .p-g-30 {width: 30%;} .p-g-35 {width: 35%;} .p-g-40 {width: 40%;} .p-g-45 {width: 45%;} .p-g-50 {width: 50%;} .p-g-55 {width: 55%;} .p-g-60 {width: 60%;} .p-g-65 {width: 65%;} .p-g-70 {width: 70%;} .p-g-75 {width: 75%;} .p-g-80 {width: 80%;} .p-g-85 {width: 85%;} .p-g-90 {width: 90%;} .p-g-95 {width: 95%;} .p-g-16 {width: 16.66666%;} .p-g-14 {width: 14.28571%;} .p-g-33 {width: 33.33333%;} .p-g-66 {width: 66.66667%;} .p-g-100 { clear: both; width: 100%;} /* 列表*/ .p-li-1 li{width:100%;} .p-li-2 li{width:50%;} .p-li-3 li{width:33.33%;} .p-li-4 li{width:25%;} .p-li-5 li{width:20%;} .p-li-6 li{width:16.66%;} .p-li-7 li{width:14.28%;} .p-li-8 li{width:12.5%;} .p-li-9 li{width:11.11%;} .p-li-10 li{width:10%;} .hdr{width:100%;min-width: 0px;} .nav dl{width: 100% !important;min-width: 0px !importent; position:relative !important;} .nav dl dd{width:32%;float:left}} /*Common For Max 768 平板电脑尺寸 */ @media only screen and (max-width: 959px) { .t-g-5 {width: 5%;} .t-g-10 {width: 10%;} .t-g-15 {width: 15%;} .t-g-20 {width: 20%;} .t-g-25 {width: 25%;} .t-g-30 {width: 30%;} .t-g-35 {width: 35%;} .t-g-40 {width: 40%;} .t-g-45 {width: 45%;} .t-g-50 {width: 50%;} .t-g-55 {width: 55%;} .t-g-60 {width: 60%;} .t-g-65 {width: 65%;} .t-g-70 {width: 70%;} .t-g-75 {width: 75%;} .t-g-80 {width: 80%;} .t-g-85 {width: 85%;} .t-g-90 {width: 90%;} .t-g-95 {width: 95%;} .t-g-16 {width: 16.66666%;} .t-g-33 {width: 33.33333%;} .t-g-66 {width: 66.66667%;} .t-g-100 { clear: both; width: 100%;} .t-li-1 li{width:100%;} .t-li-2 li{width:50%;} .t-li-3 li{width:33.33%;} .t-li-4 li{width:25%;} .t-li-5 li{width:20%;} .t-li-6 li{width:16.66%;} .t-li-7 li{width:14.28%;} .t-li-8 li{width:12.5%;} .t-li-9 li{width:11.11%;} .t-li-10 li{width:10%;} .nav dl{width: 100% !important;} .nav dl dd{width: 48% !important;float:left;}} /*Common For Max 480 手机尺寸*/ @media only screen and (max-width: 767px) { .m-g-5 {width: 5%;} .m-g-10 {width: 10%;} .m-g-15 {width: 15%;} .m-g-20 {width: 20%;} .m-g-25 {width: 25%;} .m-g-30 {width: 30%;} .m-g-35 {width: 35%;} .m-g-40 {width: 40%;} .m-g-45 {width: 45%;} .m-g-50 {width: 50%;} .m-g-55 {width: 55%;} .m-g-60 {width: 60%;} .m-g-65 {width: 65%;} .m-g-70 {width: 70%;} .m-g-75 {width: 75%;} .m-g-80 {width: 80%;} .m-g-85 {width: 85%;} .m-g-90 {width: 90%;} .m-g-95 {width: 95%;} .m-g-16 {width: 16.66666%;} .m-g-33 {width: 33.33333%;} .m-g-66 {width: 66.66667%;} .m-g-100 { clear: both; width: 100%;} .m-li-1 li{width:100%;} .m-li-2 li{width:50%;} .m-li-3 li{width:33.33%;} .m-li-4 li{width:25%;} .m-li-5 li{width:20%;} .m-li-6 li{width:16.66%;} .m-li-7 li{width:14.28%;} .m-li-8 li{width:12.5%;} .m-li-9 li{width:11.11%;} .m-li-10 li{width:10%;} } /*Common For Max 320*/ @media only screen and (max-width: 479px) { .s-g-5 {width: 5%;} .s-g-10 {width: 10%;} .s-g-15 {width: 15%;} .s-g-20 {width: 20%;} .s-g-25 {width: 25%;} .s-g-30 {width: 30%;} .s-g-35 {width: 35%;} .s-g-40 {width: 40%;} .s-g-45 {width: 45%;} .s-g-50 {width: 50%;} .s-g-55 {width: 55%;} .s-g-60 {width: 60%;} .s-g-65 {width: 65%;} .s-g-70 {width: 70%;} .s-g-75 {width: 75%;} .s-g-80 {width: 80%;} .s-g-85 {width: 85%;} .s-g-90 {width: 90%;} .s-g-95 {width: 95%;} .s-g-16 {width: 16.66666%;} .s-g-33 {width: 33.33333%;} .s-g-66 {width: 66.66667%;} .s-g-100 { clear: both; width: 100%;} .s-li-1 li{width:100%;} .s-li-2 li{width:50%;} .s-li-3 li{width:33.33%;} .s-li-4 li{width:25%;} .s-li-5 li{width:20%;} .s-li-6 li{width:16.66%;} .s-li-7 li{width:14.28%;} .s-li-8 li{width:12.5%;} .s-li-9 li{width:11.11%;} .s-li-10 li{width:10%;} } /* -------------------- 区域设置 ------------------------- */ /*1200*/ @media only screen and (min-width: 1200px) { .hide { display: none; } .g-p0 { padding-left: 0; padding-right: 0; } .g-pl0{ padding-left: 0; } .g-pr0{ padding-right: 0; } } /*960*/ @media only screen and (min-width: 960px) and (max-width: 1199px) { .hide-p { display: none; } .p-g-p0 { padding-left: 0; padding-right: 0; } .p-g-pl0{ padding-left: 0; } .p-g-pr0{ padding-right: 0; } } /*768*/ @media only screen and (min-width: 768px) and (max-width: 959px) { .hide-t { display: none; } .t-g-p0 { padding-left: 0; padding-right: 0; } .t-g-pl0{ padding-left: 0; } .t-g-pr0{ padding-right: 0; } .col-l-xz .pic{padding-top:71.5%;} } /*480*/ /* è¯·æ ¹æ®é¡¹ç›®ç±»åž‹åˆ æŽ‰å¤šä½™çš„å¼•ç”¨ */ /*-----------------[初始化]--------------*/ body{color: #444;font-size: 12px;line-height: 1.5;font-family:"微软雅黑","Microsoft Yahei";-webkit-text-size-adjust:none;background: #fff;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto; overflow-x: hidden; overflow-y: auto; } a{ color: #444; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } img{max-width: 100%; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } input,textarea,select{font-size: 12px;color: #444; font-family:"微软雅黑","Microsoft Yahei";outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } input[type='submit'],input[type='reset'],input[type='button'],select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;} ::-webkit-input-placeholder {color: rgba(255,255,255,.2);} ::-moz-placeholder {color: rgba(255,255,255,.2); } ::-ms-input-placeholder {color: rgba(255,255,255,.2);} select::-ms-expand { display: none;} input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none;}li{display: block;} .ani{ transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } /*布局*/ /* .wp{max-width: 1200px;margin: 0 auto;} */ .h50{height: 50px;clear: both;overflow: hidden;} .h100{height: 100px;clear: both;overflow: hidden;} *{ outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } /*!字体*/ /* @font-face { font-family:Bebas; src:url(../fonts/BEBAS.TTF); } */ @font-face { font-family:DINCond; src:url(../fonts/DINPro-Light.otf); } @font-face { font-family:DINCond-Medium; src:url(../fonts/DIN-Bold.otf); } @font-face { font-family:STZHONGS; src:url(../fonts/STZHONGS.TTF); } .playv::after,.playv .open-img{display: none;} .wp { max-width: 1500px; margin: 0 auto;} .wp2 { max-width: 1680px; margin: 0 auto;} .wp3{ max-width: 1742px; } /******************************* -------[=头部]------- ********************************/ .header{ position:fixed; top:0; left:0; width:100%; z-index: 99999; height: 115px; padding: 13px 104px 17px 73px; } .header.fixed{ /* background: rgba(0, 78, 162, .7);*/ background:url(../images/c_top2.png) no-repeat left bottom; } .logo-box{ float:left; overflow:hidden; display: flex; align-items: center; max-height: 100%; } .logo{ height: 85px; margin-right: 10px; } .logo img{ display: block; max-height: 100%; } .logo-box .name{ height: 50px; } .logo-box .name img{ display: block; height: 100%; } .hdr{ float:right; width: calc(100% - 506px); text-align: right; min-width: 897px; } .so{ width: 100%; margin-bottom: 10px; text-align: right; } .so .inp{ display: inline-block; position: relative; margin-right: -6px; } .so .inp input{ width: 238px; height: 46px; background: url(../images/h-pic2.png) no-repeat center center; color: #fff; font-size: 14px; overflow: hidden; outline: none; border: none; padding: 0 35px 0 20px; } .so .pic{ position: absolute; top: 50%; right: 18px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .nav{ height: 46px; margin: 0 -18px; display: inline-block; } .nav li{ float:left; position: relative; } .nav .v1{ position:relative; font-size: 18px; padding-right: 34px; font-weight: bold; color:#fff; display:block; height: 46px; margin: 0 14px; position:relative; } .nav .v1 em{ position: absolute; top: 3px; right: 0; width: 20px; height: 20px; background: url(../images/h-pic3.png) no-repeat center center; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; } .nav li:first-child .v1 em{ display: none; } .nav .ok .v1 em{ transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); }.nav dl{ display: none; position: absolute; background: rgba(35, 102, 166, .9); width: 210%; padding-bottom: 30px !important; height: auto !important; overflow: hidden; } .nav li:nth-child(6) dl{ right:0; } .nav li .v2{ display: block; padding: 5px 0; margin: 5px 0; color: #fff; font-size: 15px; text-align: center !important; } .nav li .v2:hover{ color: #ffcb67; } /* 侧边悬浮 */ .right-fix{ position: fixed; top: 140px; right: 0; background-color: #ef979c; padding: 20px 0; width: 64px; } .right-fix .pic{ height: 27px; width: 100%; text-align: center; margin-bottom: 16px; } .right-fix .pic img{ display: inline-block; height: 100%; } .right-fix .name{ color: #fff; font-size: 36px; text-align: center; line-height: 1.1; } /*内页头部导航*/ /*!****************************** -------[=导航]------- ********************************/ .menuBtn{ display:none; position:fixed; top:22.5px; right:20px; width:30px; z-index: 9999; 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{ top: 35px; } .menuBtn.open b{ display:none; margin:-5px 0 0; position:absolute; left:0;top:50%; width:30px } .menuBtn.open b:first-child{ display:block; -moz-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg) } .menuBtn.open b:last-child{ display:block; -moz-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg) } /*!****************************** -------[=底部]------- ********************************/ .footer{ background: url(../images/f-pic1.png) no-repeat center center; background-size: cover; } .f-top{ padding: 30px 0 35px 0; border-bottom: 1px solid; border-color: rgba(255, 255, 255, .3); } .f-top .top-box{ position: relative; overflow: hidden; } .f-top .desc{ font-size: 20px; color: #fff; float: left; margin-right: 10px; } .ul-icon{ float: left; overflow: hidden; margin: 0 -26px; max-width: 1324px; height: 30px; } .ul-icon li{ float: left; } .ul-icon li a{ display: block; font-size: 16px; color: #fff; margin: 0 26px; line-height: 30px; } .h-auto{ position: absolute; top: 0; right: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; } .h-auto .pic{ display: inline-block; width: 35px; margin-right: 5px; } .h-auto .pic img{ display: block; width: 100%; } .h-auto .name{ height: 100%; max-width: 30px; line-height: 1; display: inline-block; font-size: 14px; color: #fff; } .top-box.on .ul-icon{ height: auto; } .f-center{ border-bottom: 1px solid; border-color: rgba(255, 255, 255, .3); padding: 50px 0; } .f-center-box{ display: flex; align-items: center; justify-content: space-between; } .fc-left{ display: inline-block; } .fc-left .tit{ margin-bottom: 35px; font-size: 20px; color: #fff; } .ul-list1-gl li{ overflow: hidden; margin-bottom: 10px; } .ul-list1-gl li .pic{ float: left; min-width: 24px; margin-right: 10px; } .ul-list1-gl li .pic img{ display: block; max-width: 100%; max-height: 100%; } .ul-list1-gl li .desc{ float: left; color: #fff; font-size: 16px; } .fc-center .pic1{ height: 85px; margin-bottom: 25px; text-align: center; } .fc-center .pic1 img{ display: inline-block; height: 100%; } .fc-center .pic2{ height: 50px; } .fc-center .pic2 img{ display: inline-block; height: 100%; } .ul-list2-gl{ overflow: hidden; margin: 0 -10px; } .ul-list2-gl li{ float: left; } .ul-list2-gl li .icon{ margin: 0 10px; } .ul-list2-gl li .pic{ background-color: #fff; width: 111px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; } .ul-list2-gl li .pic img{ display: block; width: 100%; } .ul-list2-gl li .name{ text-align: center; color: #fff; font-size: 16px; line-height: 35px; } .f-bottom{ padding: 30px 0; } .f-bottom .wp{ text-align: center; } .ul-list3-gl{ display: inline-block; overflow: hidden; margin: 0 -30.5px; } .ul-list3-gl li{ float: left; } .ul-list3-gl li .icon{ position: relative; display: flex; align-items: center; justify-content: center; margin: 0 30.5px; } .ul-list3-gl li .icon::after{ position: absolute; content: ''; height: 18px; width: 1px; background: rgba(255, 255, 255, .4); right: -30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .ul-list3-gl li:last-child .icon::after{ display: none; } .ul-list3-gl li .icon .txt{ color: #fff; font-size: 16px; } .ul-list3-gl li .icon .pic{ margin-right: 10px; display: flex; align-items: center; justify-content: center; } .row-i6 { } .m-tit-xz .g-tit-xz { font-size: 45px; color: #000; letter-spacing: 2; } .m-tit-xz .translate { font-size: 90px; color: #e4edf9; font-weight: bold; position: relative; margin-top: -55px; opacity: 0.4; z-index:-1; } /* row-6 */ .m-about-xz { overflow: hidden; } .col-l-xz { float: left; width: 39%; overflow: hidden; } .col-l-xz .pic p{ position: absolute; z-index: 999; color: #fff; text-align: center; font-size: 24px; top: 60%; left: 42%;} @media only screen and (min-width: 900px) and (max-width: 1920px) { .m-about-xz {} .col-l-xz {} .col-l-xz .pic img {} .col-l-xz .pic::after { content: ""; background: url(../images/a8.png) no-repeat 0 center; transform: translateY(-50%); width: 5.729vw; height: 5.729vw; background-size: 5.625vw; } .col-l-xz1 .pic::after { content: ""; background: url(../images/a8.png) no-repeat 0 center; transform: translateY(-50%); width: 5.729vw; height: 5.729vw; background-size: 5.625vw; } .col-l-xz .pic img:hover { transform: scale(1.1); } .col-c-xz {} .col-c-xz .ul {} .col-c-xz li { margin-bottom: 1.041vw; } .col-c-xz li .pic {} .col-c-xz li .pic img {} .col-c-xz li .pic img:hover { transform: scale(1.1); } .col-r-xz {} .col-r-xz .pic img {} .col-r-xz .pic img:hover { transform: scale(1.1); } .col-r-xz .pic { margin-bottom: 0.781vw; } .txt-xz-9 { padding: 1.041vw 0; } .txt-xz-9 { height: 7.291vw; padding-left: 3.125vw; } .txt-xz-9::after { content: ""; width: 7.187vw; height: 7.291vw; right: 0; background-size: 1.458vw; } .txt-xz-9 .tit { font-size: 2.343vw; } .txt-xz-9 .tit2 { font-size: 4.687vw; font-weight: bold; margin-top: -3.125vw; } } @media screen and (max-width:900px) { .col-l-xz { width: 61%; margin-bottom: 1.111vw; } .col-c-xz { float: right; width: 38%; margin-left: 0; } .col-r-xz { width: 100%; float: none; } .col-c-xz li { margin-bottom: 1.111vw; } .txt-xz-9 { display: none; } .txt-xz-10 { display: block; margin-bottom: 10px; } .ul-list-xz3 li { width: 33.33%; } .m-tit-xz .g-tit-xz { font-size: 35px; } .m-tit-xz .translate { font-size: 55px; margin-top: -34px; } .row-i6 { margin-bottom: 20px; } .ul-list-xz3 li .pic span { bottom: 0; font-size: 12px; } } @media only screen and (min-width: 0px) and (max-width: 900px) { .txt-xz-10 { padding: 2.222vw 0; } .txt-xz-10 { height: 15.55vw; padding-left: 6.666vw; } .txt-xz-10::after { content: ""; width: 15.33vw; height: 15.55vw; background-size: 3.111vw; right: 0; } .txt-xz-10 .tit { font-size: 5vw; } .txt-xz-10 .tit2 { font-size: 10vw; font-weight: bold; margin-top: -6.666vw; } .col-l-xz .pic::after { content: ""; background: url(../images/a8.png) no-repeat 0 center; background-size: 12vw; transform: translateY(-50%); width: 12.22vw; height: 12.22vw; } .col-l-xz1 .pic::after { content: ""; background: url(../images/a8.png) no-repeat 0 center; background-size: 12vw; transform: translateY(-50%); width: 12.22vw; height: 12.22vw; } .hdr{width:100%;} } @media screen and (max-width:768px){ .ul-list-xz4 li{ width: 100%; float: none; margin-bottom: 24px; } .ul-list-xz4 li .con{ margin-right: 0; } .ul-list-xz4 li .con .tit{ margin: 0 10px; } .hdr{width:100%;} } @media screen and (max-width:600px) { .row-i6 { margin-bottom: 0; } .ul-list-xz3 li { width: 50%; } .m-tit-xz .translate { font-size: 30px; margin-top: -27px; } .m-tit-xz .g-tit-xz { font-size: 25px; } .m-tit-xz { margin-bottom: 0; } .ul-list-xz3 li .pic { margin: 0 3px; } .ul-list-xz4 li .con .tit{ } } /* 首页 */ .row-i3 { overflow: hidden; background: url(../images/bj.jpg)no-repeat 0 center; background-size: 100% 100%; } .row-i3 .g-tit-gl { padding-top: 30px; padding-bottom: 46px; background: url(../images/i1-pic2.png) no-repeat 0 75px; margin-bottom: 50px; } .row-i3 .g-tit-gl .h2 { font-size: 48px; color: #000; } .ul-list-xh { overflow: hidden; margin: 0 -30px; padding-bottom: 110px; } .ul-list-xh li { float: left; width: 33.33%; } .ul-list-xh li .con { display: block; margin: 0 30px; } .ul-list-xh li .pic { overflow: hidden; margin-bottom: 60px; } .ul-list-xh li .pic img { display: block; width: 100%; } .ul-list-xh li .pic img:hover { transform: scale(1.1); } .ul-list-xh li .txt { overflow: hidden; } .ul-list-xh li .txt .date { float: left; } .ul-list-xh li .txt .date span { display: block; color: #004ea2; font-size: 14px; padding-right: 10px; } .ul-list-xh li .txt .date .s1 { font-size: 26px; display: block; font-weight: bold; } .ul-list-xh li .txt .tit { overflow: hidden; padding-left: 10px; border-left: 1px solid #c2d1e2; } .ul-list-xh li .txt .tit h3 { font-size: 18px; margin-bottom: 30px; } .ul-list-xh li .txt .more { background-color: #be9c5a; color: #fff; display: inline-block; padding: 5px 15px; font-size: 14px; border-radius: 40px; text-align: center; } @media only screen and (max-width: 950px) { .ul-list-xh li { width: 50%; margin-bottom: 40px; } .ul-list-xh li .pic img { height: 267px; } .row-i3 .g-tit-gl .h2 { font-size: 32px; } .row-i3 .g-tit-gl { background: url(../images/i1-pic2.png) no-repeat 0 center; margin-bottom: 20px; background-size: 145px; padding-bottom: 30px; } .row-i3 .g-tit-gl { padding-top: 10px; } .ul-list-xh li .pic { margin-bottom: 30px; } .ul-list-xh li .txt .tit h3 { font-size: 16px; } .ul-list-xh li .txt .date .s1 { font-size: 22px; } .ul-list-xh { margin: 0 -20px; } .ul-list-xh li .con { margin: 0 20px; } } @media only screen and (max-width: 750px) { .row-i3 .g-tit-gl { padding-bottom: 0; background-size: 100px; } .row-i3 .g-tit-gl .h2 { font-size: 26px; } .ul-list-xh li .con { margin: 0 10px; } .ul-list-xh { margin: 0 -10px; } } @media only screen and (max-width: 650px) { .ul-list-xh li { width: 100%; } .ul-list-xh { padding-bottom: 30px; } .ul-list-xh li .pic img { height: auto; } .ul-list-xh li .txt .more { background-color: #be9c5a; color: #fff; display: inline-block; padding: 5px 10px; font-size: 12px; border-radius: 40px; text-align: center; } .ul-list-xh li .txt .tit h3 { margin-bottom: 15px; font-size: 14px; } .ul-list-xh li .txt .date .s1 { font-size: 18px; } .ul-list-xh li .txt .date span { font-size: 12px; } } .row-i4 { overflow: hidden; background: url(../images/bj7.png) no-repeat 0 center; background-size: 100% 100%; position: relative; } .row-i7 {padding-top:20px;} .row-i4 .g-tit-xh { overflow: hidden; padding-top: 80px; background: url(../images/ii1.png) no-repeat right 110px; padding-bottom: 110px; } .row-i4 .g-tit-xh .h2 { font-size: 42px; letter-spacing: 5px; display: block; float: right; font-family: 'sySong'; } .m-about-xh { overflow: hidden; padding-bottom: 60px; position: relative; z-index: 100; background: url(../images/fenhao.png) no-repeat right 66px; } .m-about-xh .pic { float: left; margin-right: 60px; width: 50%; overflow: hidden; } .m-about-xh .pic img:hover { transform: scale(1.1); } .m-about-xh .txt { overflow: hidden; padding-top: 20px; } .m-about-xh .txt .name { font-size: 24px; margin-bottom: 50px; } .m-about-xh .txt .name h3 { font-weight: normal; overflow:hidden; /*超出隐藏*/ white-space:nowrap; /*文本不换行*/ text-overflow:ellipsis; /*超出显示省略号*/} .m-about-xh .txt .desc { font-size: 20px; } .row-i4 .g-more-gl { text-align: center; display: block; padding-bottom: 60px; } .m-about-xh .slick-arrow { position: absolute; top: 38%; font-size: 0; width: 56px; height: 56px; border: none; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain; cursor: pointer; z-index: 2; outline: none; } .m-about-xh .slick-prev { background: url(../images/aa1.jpg) no-repeat 0 center; left: 55%; } .m-about-xh .slick-next { background: url(../images/aa2.jpg) no-repeat 0 center; left: 60%; } .m-about-xh2 { position: absolute; left: 0; bottom: 91px; width: 100%; overflow: hidden; margin-bottom: 50px; background: url(../images/bj3.png) no-repeat 0 center; background-size: 100% 100%; padding: 50px 0; } .ul-news2 { overflow: hidden; float: right; width: 48%; } .ul-news2 li { float: left; } .ul-news2 li a { display:block; padding:0 5px; } .ul-news2 .pic { overflow: hidden; max-width: 162px; border: 4px solid #77c9be; } .ul-news2 .pic img:hover { transform: scale(1.1); } @media only screen and (max-width: 1530px) { .m-about-xh .slick-arrow { top: 30%; } .m-about-xh .txt .name { margin-bottom: 20px; } .m-about-xh { background-position:right 4.3vw; background-size:7.3vw auto; } } @media only screen and (max-width: 1320px) { .m-about-xh .txt .name { margin-bottom: 10px; font-size: 20px; } .m-about-xh .txt .desc { font-size: 16px; } .m-about-xh .slick-next { background-size: 30px; } .m-about-xh .slick-prev { background-size: 30px; } } @media only screen and (max-width: 1200px) { .m-about-xh .txt { padding-top: 0; } .m-about-xh .slick-arrow { top: 27%; } .m-about-xh2 { padding: 35px 0; } } @media only screen and (max-width: 980px) { .m-about-xh .txt .desc { font-size: 14px; } .m-about-xh2 { padding: 25px 0; } .m-about-xh .slick-prev { left: 57%; } .m-about-xh .slick-next { left: 63%; } .m-about-xh .slick-arrow { top: 23%; } } @media only screen and (max-width: 860px) { .m-about-xh .txt .name { font-size: 18px; margin-bottom: 5px; } .m-about-xh .txt .desc { display: -webkit-box; /**对象作为伸缩盒子模型展示**/ -webkit-box-orient: vertical; /**è®¾ç½®æˆ–æ£€ç´¢ä¼¸ç¼©ç›’å­å¯¹è±¡çš„å­å…ƒç´ çš„æŽ’åˆ—æ–¹å¼**/ -webkit-line-clamp: 2; /**显示的行数**/ overflow: hidden; /**隐藏超出的内容**/ } .m-about-xh .slick-arrow { top: 19%; } .m-about-xh .txt .name { font-size: 16px; } .m-about-xh .txt .desc { font-size: 12px; } } @media only screen and (max-width: 768px) { .m-about-xh2 { display: none; } .m-about-xh .pic { float: none; width: 100%; margin-bottom: 20px; } .m-about-xh { padding-bottom: 30px; } .row-i4 .g-more-gl { padding-bottom: 30px; } .row-i4 .g-tit-xh { overflow: hidden; padding-top: 20px; background: url(../images/ii1.png) no-repeat right 50px; background-size: 200px; padding-bottom: 30px; } } @media only screen and (max-width: 750px) { .row-i4 .g-tit-xh { padding-bottom: 0; background-size: 100px; } .row-i4 .g-tit-xh .h2 { font-size: 26px; } .row-i4 .g-tit-xh { background: url(../images/ii1.png) no-repeat right 38px; padding-bottom: 27px; background-size: 110px; } } .row-i5 { background: url(../images/gg2.png) no-repeat 0 center; overflow: hidden; background-size: 100% 100%; padding-bottom: 130px; } .row-i5 .g-tit-xh { text-align: center; overflow: hidden; padding-top: 80px; background: url(../images/ziti.png) no-repeat center 110px; padding-bottom: 110px; } .row-i5 .g-tit-xh .h2 { font-size: 42px; letter-spacing: 5px; display: block; } .ul-news1 li { float: left; width: 14.2%; text-align: center; } .ul-news1 li .con { display: block; } .ul-news1 li .pic { text-align: center; position: relative; margin-bottom: 50px; } .ul-news1 li :hover .pic img { position: relative; z-index: 99; filter: grayscale(100%) brightness(400%); transform: scale(-1, 1); } .ul-news1 li .pic::after { content: ''; position: absolute; width: 100px; height: 100px; left: 50%; transform: translateX(-50%) translateY(-50%); top: 50%; border: 1px dashed #999999; border-radius: 20px; background-color: rgba(255, 255, 255, .1); z-index: 1; } .ul-news1 li .con:hover .pic::after { background-color: rgba(0, 78, 162, 1); border: none; } .ul-news1 li .txt { overflow: hidden; display: block; font-size: 16px; } .ul-news1 li .txt:hover { color: #000; } @media only screen and (max-width: 970px) { .row-i5 .g-tit-xh { background-size: 600px; } } @media only screen and (max-width: 900px) { .ul-news1 li { width: 16.66%; margin-bottom: 80px; height: 123px; } } @media only screen and (max-width: 750px) { .ul-news1 li { width: 25%; margin-bottom: 55px; } .row-i5 { padding-bottom: 10px; } .row-i5 .g-tit-xh { text-align: center; overflow: hidden; padding-top: 30px; background: url(../images/ziti.png) no-repeat center center; padding-bottom: 70px; background-size: 428px; } .row-i5 .g-tit-xh .h2 { font-size: 30px; } .ul-news1 li .txt { font-size: 14px; } } @media only screen and (max-width: 650px) { .row-i5 .g-tit-xh { padding-bottom: 55px; background-size: 311px; } .row-i5 .g-tit-xh .h2 { font-size: 22px; } } @media only screen and (max-width: 570px) { .ul-news1 li { width: 33.33%; margin-bottom: 55px; } .ul-news1 li .pic { margin-bottom: 30px; } .ul-news1 li .pic::after { height: 80px; width: 80px; } .ul-news1 li { margin-bottom: 25px; } } @media only screen and (max-width: 420px) { .ul-news1 li { width: 50%; } .ul-news1 li { margin-bottom: 15px; } .ul-news1 li .pic { margin-bottom: 25px; } } @media only screen and (max-width: 1460px) { .ul-list-xz5 li .txt { padding: 20px 10px; } .ul-list-xz5 li .txt .name { font-size: 18px; } .ul-list-xz5 li .txt .position { font-size: 16px; margin-bottom: 15px; } .ul-list-xz5 li .txt .desc { font-size: 15px; } } @media only screen and (max-width: 950px) { .ul-list-xz5 li { width: 100%; margin-bottom: 30px; } } @media only screen and (max-width: 750px) { .ul-list-xz5 li .txt { height: auto; } .ul-list-xz5 li .con { padding: 10px; } } @media only screen and (max-width: 500px) { .ul-list-xz5 li .pic img { width: 165px; height: auto; } .ul-list-xz5 li .txt .position { font-size: 14px; margin-bottom: 10px; } .ul-list-xz5 li .txt .name { font-size: 16px; } .ul-list-xz5 li .txt .desc { font-size: 14px; } .ul-list-xz5 li .txt { margin-bottom: 10px; } } /* ===================================== */ /* 内页 */ .m-about-xh3 { overflow: hidden; } .ul-list-xh2 { margin: 0 -35px; } .ul-list-xh2 li { float: left; width: 33.33%; margin-bottom: 68px; } .ul-list-xh2 li .con { display: block; margin: 0 35px; padding: 20px; padding-bottom: 35px; border: 1px solid #d5e4f4; color: #707377; border-radius: 10px; } .ul-list-xh2 li .con:hover { background-color: #004ea2; color: #fff; box-shadow: 0px 27px 40px 0px rgba(63, 127, 191, 0.3); } .ul-list-xh2 li .pic { text-align: center; margin-bottom: 20px; overflow: hidden; position: relative; padding-top: 69%; } .ul-list-xh2 li .pic img { position: absolute; top: 0; left: 0; } .ul-list-xh2 li :hover .pic img { transform: scale(1.1); } .ul-list-xh2 li .txt { text-align: center; } .ul-list-xh2 li .txt h3 { font-size: 16px; font-weight: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 22px; overflow: hidden; } @media only screen and (max-width: 1200px) { .ul-list-xh2 li .con { margin: 0 20px; } .ul-list-xh2 { margin: 0 -20px; } .ul-list-xh2 li { margin-bottom: 38px; } } @media only screen and (max-width:1139px) { } @media only screen and (max-width:959px) { .ul-list-xh2 li .con { margin: 0 10px; padding-bottom: 25px; } .ul-list-xh2 { margin: 0 -10px; } } @media only screen and (max-width:900px) { } @media only screen and (max-width:767px) { .ul-list-xh2 li { width: 50%; } } @media only screen and (max-width:514px) { .ul-list-xh2 li { width: 100%; } .ul-list-xh2 li .pic { position: static; padding-top: 0; margin-bottom: 10px; } .ul-list-xh2 li .pic img { position: static; } .ul-list-xh2 li .con { padding-bottom: 15px; } .ul-list-xh2 li { margin-bottom: 15px; } .ul-list-xh2 li .txt h3 { font-size: 14px; } } .banner .slick-dots { position: absolute; overflow: hidden; bottom: 39px; right: 104px; margin: 0 -14px; } .banner::after{bottom: -1px !important;} .banner .slick-dots li { cursor: pointer; float: left; margin: 0 14px; display: flex; align-items: center; justify-content: center; width: 37px; height: 37px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(255, 255, 255, .5); } .banner .slick-dots li button{ outline: none; background: none; color: #000; font-size: 18px; font-weight: bold; border: 0; } .banner .slick-dots .slick-active { background: rgba(27, 112, 64, .5); } .banner .slick-dots .slick-active button{ color: #fff; } .banner{ position: relative; } .banner .pic img{ display: block; width: 100%; } /* row-i1 */ .row-i1{ height: 904px; padding-bottom: 120px; background: url(../images/i1-pic1.png) no-repeat center center; background-size: cover; } .row-i1 .wp{ height: 100%; position: relative; } .g-tit-gl{ display: flex; align-items: center; justify-content: space-between; } .g-tit-gl .h2{ font-size: 48px; color: #000; font-family: 'sySong'; } .row-i1 .g-tit-gl{ padding-top: 30px; padding-bottom: 46px; background: url(../images/i1-pic2.png) no-repeat 0 75px; } .g-more-gl{ font-size: 14px; color: #004ea2; } .g-more-gl:hover{ color: #31a2c5; } .i1-left-pic{ position: absolute; top: 175px; width: 66%; overflow: hidden; } .i1-left-pic img{ display: block; width: 100%; } .i1-left-pic:hover img{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } .i1-left-pic .txt-box{ position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 45px 30px; background-image: linear-gradient( to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 20%,rgba(0,0,0,0.8) 100%);} .i1-left-pic .txt-box .tit{ font-size: 24px; color: #fff; margin-bottom: 10px; } .i1-left-pic .txt-box .desc{ font-size: 14px; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .i1-right-box{ width: 79.26%; position: absolute; right: 0; top: 133px; background: url(../images/i1-pic9.png) no-repeat center center; background-size: cover; height: 655px; overflow: hidden; } .ul-list4-gl{ position: absolute; top: 40px; right: 0; z-index: 2; width: 515px; } .ul-list4-gl li a{ display: flex; align-items: center; justify-content: space-between; border-top: 1px dotted; overflow: hidden; position: relative; margin-left: 10px; border-top-color: rgba(255, 255, 255, .5); padding: 10px 10px 10px 23px; } .ul-list4-gl li:hover a{ border-top: 1px solid #004ea2; position: relative; margin-left: 0; z-index: 2; background-color: #004ea2; box-shadow: 0 0 5px 3px rgba(0, 0, 0, .5); } .ul-list4-gl li .news{ width: 280px; margin-right: 30px; font-size: 18px; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .ul-list4-gl li a .pic:hover img{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } .ul-list4-gl li .pic{ width: 160px; overflow: hidden; } .ul-list4-gl li .pic img{ display: block; width: 100%; } /* .row-i2 */ .i2-main{ overflow: hidden; } .i2-left{ width: 50%; float: left; } .i2-right{ width: 50%; float: left; } .i2-left .g-tit-gl{ padding-left: 21.875%; padding-right: 38px; padding-top: 44px; padding-bottom: 60px; background: url(../images/i2-pic1.png) no-repeat 200px 90px; } .i2-left .g-tit-gl .g-more-gl{ margin-top: 35px; } .i2-ul-box{ padding: 64px 55px 64px 21.875%; background: url(../images/i2-pic2.png) no-repeat center center; background-size: cover; } .ul-list5-gl{ overflow: hidden; margin: 0 -16px -32px; } .ul-list5-gl li{ float: left; width: 50%; margin-bottom: 32px; } .ul-list5-gl li a{ padding: 20px 30px 25px 20px; display: block; margin: 0 16px; background: rgba(0, 0, 0, .2); border: 1px solid rgba(255, 255, 255, .5); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; } .ul-list5-gl li a:hover{ background-color: #fff; border: 1px solid #fff; box-shadow: 0 20px 20px rgba(0, 0, 0, .6); } .ul-list5-gl li a:hover .desc{ color: #004ea2; } .ul-list5-gl li a .time{ font-size: 18px; color: #ffcb67; margin-bottom: 10px; } .ul-list5-gl li a .desc{ font-size: 18px; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; } .banner2{ position: relative; } .banner2 .pic-gl{ overflow: hidden; max-height:523px; } .banner2 .pic-gl:hover img{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } .banner2 .pic-gl img{ display: block; width: 100%; } .banner2 .bottom-box{ padding-top: 25px; overflow: hidden } .banner2 .bottom-box .tit-box{ float: left; width: 273px; } .banner2 .bottom-box .g-tit-gl{ background: url(../images/i2-pic4.png) no-repeat center top; display: block; } .banner2 .bottom-box .g-tit-gl .h2{ text-align: center; margin-bottom: 50px; } .banner2 .bottom-box .g-tit-gl .g-more-gl{ display: block; text-align: center; } .banner2 .slick-arrow{ position: absolute; outline: none; border: none; width: 88px; height: 60px; overflow: hidden; padding-top: 60px; z-index: 88; top: 461px; } .banner2 .slick-prev{ left: 0; background: url(../images/i2-left.png) rgba(190, 156, 90, 1) no-repeat center center; } .banner2 .slick-prev:hover{ background: url(../images/i2-left.png) rgba(190, 156, 90, .8) no-repeat center center; } .banner2 .slick-next{ left: 90px; background: url(../images/i2-right.png) rgba(190, 156, 90, 1) no-repeat center center; } .banner2 .slick-next:hover{ background: url(../images/i2-right.png) rgba(190, 156, 90, .8) no-repeat center center; } .ul-list6-gl{ float: left; width: calc(100% - 280px); } .ul-list6-gl li{ margin-bottom: 23px; } .ul-list6-gl li a{ position: relative; display: block; padding-left: 12px; overflow: hidden; } .ul-list6-gl li a::before{ content: ''; position: absolute; top: 10px; width: 5px; height: 5px; left: 0; background-color: #000; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .ul-list6-gl li a .desc{ float: left; max-width: 395px; font-size: 18px; color: #333; margin-right: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ul-list6-gl li a:hover .desc{ color: #004ea2; } .ul-list6-gl li a .time{ float: left; font-size: 18px; color: #999999; } .ul-list6-gl li a:hover .time{ color: #004ea2; } @media only screen and (min-width: 850px) and (max-width: 1919px) { .banner2 .slick-arrow{ outline: none; border: none; width: 4.585vw; height: 3.126vw; padding-top: 3.126vw; top: 24.28vw; } .banner2 .slick-next{ left: 4.689vw; } } @media only screen and (max-width: 1540px) { .banner2 .bottom-box .tit-box{ float: none; width: 100%; margin-bottom: 20px; } .banner2 .bottom-box{ padding: 20px; } .banner2 .bottom-box .g-tit-gl{ display: flex; background: url(../images/i2-pic4.png) no-repeat left center; } .banner2 .bottom-box .g-tit-gl .h2{ margin-bottom: 0; } .ul-list6-gl{ float: none; } .ul-list6-gl li{ margin-bottom: 10px; } .ul-list6-gl li a .desc{ max-width: 80%; margin-right: 10px; } .ul-list6-gl li a .time{ float: right; } } @media only screen and (min-width: 850px) and (max-width: 1540px) { .row-i1{ height: 58.70vw; padding-bottom: 7.792vw; } .g-tit-gl .h2{ font-size: 3.116vw; } .row-i1 .g-tit-gl{ padding-top: 1.948vw; padding-bottom: 2.987vw; background: url(../images/i1-pic2.png) no-repeat 0 4.870vw; } /* .i1-left-pic .txt-box{ padding: 10px 20px; } .i1-left-pic .txt-box .tit{ font-size: 18px; margin-bottom: 5px; } */ .i1-right-box{ width: 79.26%; right: 0; top: 8.4vw; background: url(../images/i1-pic9.png) no-repeat center center; background-size: cover; height: 42.53vw; } .i1-left-pic{ top: 11.36vw; } .ul-list4-gl{ top: 2.597vw; right: 0; width: 33.44vw; } .ul-list4-gl li a{ align-items: center; justify-content: space-between; margin-left: 0.649vw; padding: 0.649vw 0.649vw 0.649vw 1.493vw; } .ul-list4-gl li:hover a{ border-top: 1px solid #004ea2; box-shadow: 0 0 0.324vw 0.194vw rgba(0, 0, 0, .5); } .ul-list4-gl li .news{ width: 18.18vw; margin-right: 1.948vw; font-size: 1.168vw; } .ul-list4-gl li .pic{ width: 10.38vw; } .i2-ul-box{ padding: 32px; } } @media only screen and (max-width: 1200px) { .banner .slick-dots{ margin: 0 -5px; } .banner .slick-dots li{ width: 25px; height: 25px; margin: 0 5px; } .banner .slick-dots li button{ font-size: 14px; } } @media only screen and (max-width: 849px) { .row-i1{ height: auto; padding-bottom: 20px; } .row-i1 .g-tit-gl{ background: none; padding: 20px 0; } .i1-right-box{ position: relative; top: 0; width: 100%; height: auto; padding: 0; margin-bottom: 20px; } .i1-left-pic{ position: relative; top: 0; width: 100%; } .ul-list4-gl{ width: 100%; top: 0; position: relative; } .ul-list4-gl li .pic{ min-width: 160px; } .ul-list4-gl li .news{ width: auto; margin-right: 15px; font-size:14px; } .ul-list5-gl li a .time,.ul-list5-gl li a .desc{ font-size:14px !important;} .ul-list5-gl li a .desc{ height:64px !important; -webkit-line-clamp:3 !important;} .ul-list4-gl li a{ margin-left: 0; } .i1-left-pic .txt-box .tit{ font-size: 18px; margin-bottom: 5px; } .i1-left-pic .txt-box{ padding: 10px; } .i2-ul-box{ padding: 20px; } .i2-left{ width: 100%; float: none; margin-bottom: 20px; } .i2-left .g-tit-gl{ padding: 20px; background: none; } .g-tit-gl .h2{ font-size: 24px; } .i2-left .g-tit-gl .g-more-gl{ margin-top: 0; } .ul-list5-gl{ margin: 0 -10px; margin-bottom: -20px; } .ul-list5-gl li{ margin-bottom: 20px; } .ul-list5-gl li a{ margin: 0 10px; padding: 10px; } .i2-right{ float: none; width: 100%; } .banner2 .slick-arrow{ display: none !important; } .banner2 .bottom-box .g-tit-gl{ background: none; } } @media only screen and (max-width: 750px) { .banner .slick-dots{ right: 20px; bottom: 20px; } .ul-list6-gl li a .desc{ font-size: 14px; } } @media only screen and (max-width: 400px) { .ul-list6-gl li a .desc{ width: 70%; } .ul-list6-gl li a .time{ font-size: 16px; } .ul-list4-gl li .pic{ min-width: 100px; } .ul-list4-gl li .news{ font-size: 14px; } .ul-list5-gl{ margin: 0 -5px; margin-bottom: -10px; } .ul-list5-gl li a{ margin: 0 5px; } .ul-list5-gl li a .time{ font-size: 16px; } .ul-list5-gl li a .desc{ font-size: 16px; } .ul-list5-gl li{ margin-bottom: 10px; } } .row-pages { padding-bottom: 80px;} .row-pages .col-l { width: 322px;} .row-pages .col-r { width: 1298px; padding-top: 20px;} .bans { height: 500px; background: url(../images/bans1.jpg) no-repeat center bottom #000; background-size: cover; } .tit-sub { margin-bottom: 30px; height: 50px; line-height: 46px; border-bottom: 1px solid #A8C8EA; } .tit-sub h2 { float: left; font-size: 24px; font-weight: normal; padding: 0 5px; color:#004EA2; border-bottom: 4px solid #004EA2; } .tit-sub .cur { float: right; font-size: 16px; color:#9EA0A2; } .tit-sub .cur a { color:#9EA0A2; } .tit-sub .cur a:hover { color:#004EA2; } /* 侧边导航 */ .snv{ padding-left: 58px; position: relative; margin-top: -105px; } .snv::after{ content: ' '; position: absolute; left: 0; top: 0; width: 100%; height: 80%; background-color: rgba(0,78,162,.9); z-index: 0; } .snv::before{ content: ' '; position: absolute; left: 43px; top: 90px; right: 0; height: 80%; background-color:#A8C8EA; z-index: 1; } .snvcon { position: relative; z-index: 2;} .snv h2{ height: 90px; line-height: 90px; text-align: center; font-size:28px; color:#fff; margin-bottom: 15px; font-weight: normal; } .snv ul { padding-top: 10px; min-height: 500px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); padding-bottom: 30px; } .snv ul li{ padding: 0px 20px; } .snv ul a{ display: block; text-align: center; line-height: 35px; font-size: 18px; color:#000; padding:10px 20px; border-bottom: 1px solid #eee; } .snv li:hover,.snv li.on { background: #D2E2F4; } /* 新闻列表 */ .ul-newslist{} .ul-newslist li{ border-bottom:1px solid #eee; padding:45px 0; position: relative; padding-left: 140px; transition: .5s; } .ul-newslist li a { display: block; } .ul-newslist li a::after { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; } .ul-newslist li .date {display: none;} .ul-newslist li .dates { border: 1px solid #D5E4F4; width: 78px; height: 104px; background-color: #fff; position: absolute; left: 8px; top: 57px; text-align: center; font-size: 16px; color: #ABC7E9; padding-top: 7px; z-index: 5; transition: .5s; } .ul-newslist li::after{ content: ' '; width: 78px; height: 104px; border: 1px solid #CBD9E8; background-color: #D5E4F4; position: absolute; left: 0px; top: 50px; transition: .5s; } .ul-newslist li .dates .day{ color:#004EA2; font-size: 24px; } .ul-newslist li:last-child{margin-bottom:0} .ul-newslist .pic{display:block;float:right;width:218px;height:144px;overflow:hidden;margin-left:40px} .ul-newslist .pic img{display:block;width:100%;height:100%} .ul-newslist .tit{overflow:hidden;line-height:20px;font-size:18px;font-family:Arial;color:#999;margin-bottom:17px} .ul-newslist .tit a{display:block;float:right;width:20px;height:20px;margin-left:12px} .ul-newslist h4{font-size:18px;color:#333;font-weight:400;margin-bottom:12px} .ul-newslist h4 a{color:#333} .ul-newslist .txt{font-size:14px;color:#999;line-height:1.86em;height:3.72em;overflow:hidden} .ul-newslist li:hover .tit,.ul-newslist li:hover .txt,.ul-newslist li:hover h4,.ul-newslist li:hover h4 a{color:#fff} .ul-newslist li:hover{ background-color:#004EA2; padding-right: 20px; padding-left: 160px; box-shadow: 0 0 30px rgba(0, 78, 162, 0.5); } .ul-newslist li:hover::after{ left: 20px; } .ul-newslist li:hover .dates{ left:28px; } @media only screen and (min-width: 950px) and (max-width: 1920px) { .wp2 { max-width: 87.5vw; margin: 0 auto; } .row-pages { padding-bottom: 4.166vw;} .row-pages .col-l { width: 16.77vw;} .row-pages .col-r { width: 68.60vw; padding-top: 1.041vw;} } @media only screen and (max-width:1200px){ .bans { height: 400px;} .wp2 { max-width: none; padding: 0 20px; } .row-pages .col-l,.row-pages .col-r { width: auto; float: none;} .snv { padding-left: 0; margin-top: -50px;} .snv h2 { height: 50px; line-height: 50px; font-size: 20px; margin-bottom: 0;} .snv li {display: inline-block;} .snv ul { min-height: auto; padding: 10px;} .snv::before {display: none;} .snv ul a { line-height: 40px; border-bottom: 0;} .snv li:hover, .snv li.on {border-radius: 5px;} } @media only screen and (max-width:949px){ .bans { height: 300px;} .ul-newslist li{padding:20px} .ul-newslist .pic{margin-left:20px} } @media only screen and (max-width:768px){ .ul-newslist h4{font-size:16px;margin-bottom:10px} .ul-newslist li{padding:15px} .ul-newslist .pic{margin:0 auto 30px;float:none} .ul-newslist .tit{font-size:16px;margin-bottom:15px} .tit-sub .cur{font-size: 12px;} .tit-sub h2 {font-size: 20px;} .snv ul a {font-size: 14px;padding-left: 0;text-align: center;} .snv ul li {padding: 0 15px;} .ul-newslist li .dates {display: none;} .ul-newslist li::after {display: none;} } @media only screen and (max-width:600px){ .tit-sub .cur{display: none;} } @media only screen and (min-width: 950px) and (max-width: 1919px) { } @media only screen and (max-width: 1540px) { .wp{margin: 0 20px;} .ul-icon{ max-width: 100%; } } @media only screen and (max-width: 1499px) { .wp3{ max-width: 100%; } .header{ padding: 13px 20px 17px 20px; } } @media only screen and (max-width: 1399px) { .logo{ height: 55px; } .logo-box .name{ height: 35px; } .nav .v1{ font-size: 18px; } .nav .v1::after{ top: 5px; } .nav li .v2{ font-size: 14px; } } @media only screen and (max-width: 1200px) { .header{ height: auto; padding: 10px 20px; background: url(../images/c_top1.png) no-repeat left top ; background-size: 100%; } .open .header{ height: 100%; background: rgba(35, 102, 166, 1); overflow-y: auto; } .open .logo-box{ height: auto; } .menuBtn{ display: block; } .hdr{ display: none; } .open .hdr{ display: block; float: none; } .so{ width: auto; margin-right: 60px; } .nav{ height: auto; margin: 0; } .nav li{ float: none; } .nav .v1{ margin: 0; height: auto; padding: 10px 0; text-align: center; } .nav .v1::after{ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } } @media only screen and (max-width: 950px) { .f-top{ padding: 20px 0; } .f-center{ padding: 20px 0; } .f-center-box{ display: block; } .fc-center .pic1 img{height: auto !important;} .fc-center{ overflow: hidden; display: flex; align-items: center; margin-bottom: 20px; max-width: 50%; } .fc-center .pic1{ padding-top: 5%; margin-bottom: 0; margin-right: 10px; } .fc-left .tit{ margin-bottom: 20px; } .nav .v1 em{ width: 80px; height: 100%; top: 0; } } @media only screen and (max-width: 849px) { .f-bottom{ padding: 10px 0; } .ul-list3-gl li .icon{ margin: 0 10px; } .ul-list3-gl li .icon::after{ display: none; } .g-tit-gl{ background: none !important; } .g-tit-gl .h2{ font-size: 24px !important; } } @media only screen and (max-width: 800px) { .ul-list3-gl li{ float: none; } } @media only screen and (max-width: 640px) { .snv{display:none} .logo-box{ float: none; max-width: 78%; } .so{ margin-right: 0; text-align: center; } .logo{ height: 34px; } .logo-box .name{ height: 20px; } .menuBtn{ top: 14px; } .menuBtn.open{ top: 30px; } .fc-center{display:none;} .fc-center .pic1{ height: 42.5px; } .fc-center .pic2{ height: 25px; } .ul-listl4 li{width:100% !important;margin-right:0 !important;} .ul-listl4 .pic { float: left; width: 160px !important; height: 121px !important; overflow: hidden; margin-right: 17px !important; } .ul-listl4 .txt .info{font-size:14px !important;line-height: 24px !important;max-height: 8.6em !important;} } @media only screen and (max-width: 420px) { .ul-listl4 .pic{width: 100% !important;height: auto !important;} .ul-listl4 .txt{width:100%;} .ul-list6-gl{width:auto;} } .PrevDisabled{height:20px !important;} .Prev{height:20px !important;padding:2px 4px !important;min-width:36px;} .Next{height:20px !important;padding:2px 4px !important;min-width:36px;} .PrevDisabled{height:20px !important;} .PrevDisabled{height:20px !important;padding:2px 4px !important;min-width:36px;} .NextDisabled{height:20px !important;padding:2px 4px !important;min-width:36px;}ages/a8.png) no-repeat 0 center; background-size: 108px; top: 50%; left: 43%; transform: translateY(-50%); width: 110px; height: 110px; } .col-l-xz .pic img:hover { transform: scale(1.1); } .col-c-xz { float: left; width: 24%; overflow: hidden; text-align: center; margin-left: 1%; } .col-c-xz .ul { text-align: center; } .col-c-xz li { margin-bottom: 20px; } .col-c-xz li .pic { padding-top: 62%; position: relative; overflow: hidden; } .col-c-xz li .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .col-c-xz li .pic img:hover { transform: scale(1.1); } .col-r-xz { float: right; width: 35%; overflow: hidden; } .col-r-xz .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .col-r-xz .pic img:hover { transform: scale(1.1); } .col-r-xz .pic { padding-top: 65%; position: relative; margin-bottom: 15px; overflow: hidden; } .txt-xz-9 { background-color: rgb(0, 78, 162); padding: 20px 0; } .txt-xz-9 { height: 140px; padding-left: 60px; position: relative; } .txt-xz-9::after { content: ""; width: 138px; height: 140px; background: url(../images/xz6.png) center no-repeat; background-color: #be9c5a; background-size: 28px; position: absolute; right: 0; top: 0; } .txt-xz-9 .tit { font-size: 45px; color: #FFFFFF; } .txt-xz-9 .tit2 { font-size: 90px; color: rgb(255, 255, 255, 0.2); font-weight: bold; margin-top: -60px; position: relative; } .txt-xz-10 { background-color: rgb(0, 78, 162); padding: 20px 0; display: none; } .txt-xz-10 { height: 140px; padding-left: 60px; position: relative; } .txt-xz-10::after { content: ""; width: 138px; height: 140px; background: url(../images/xz6.png) center no-repeat; background-color: #be9c5a; background-size: 28px; position: absolute; right: 0; top: 0; } .txt-xz-10 .tit { font-size: 45px; color: #FFFFFF; } .txt-xz-10 .tit2 { font-size: 90px; color: rgb(255, 255, 255, 0.2); font-weight: bold; margin-top: -60px; position: relative; } /* row-i7 */ .m-tit-xz { margin-bottom: 30px; } .m-tit-xz .g-tit-xz { font-size: 45px; color: #000; position: relative; font-family: 'sySong'; } .m-tit-xz .g-tit-xz span { position: absolute; color: rgb(49, 162, 197); font-size: 16px; right: 0; top: 20px; } .m-tit-xz .translate { font-size: 90px; color: rgb(228, 237, 249, 0.4); font-weight: bold; position: relative; margin-top: -55px; } .ul-list-xz3 { overflow: hidden; margin: 0 -10px; } .ul-list-xz3 li { float: left; width: 25%; margin-bottom: 20px; } .ul-list-xz3 li .pic { padding-top: 37%; position: relative; margin: 0 10px; overflow: hidden; } .ul-list-xz3 li .pic img { width: 100%; position: absolute; top: 0; left: 0; display: block; } .ul-list-xz3 li .pic img:hover { transform: scale(1.1); } .ul-list-xz3 li .pic span { background-color: rgb(0, 78, 162); color: #FFF; padding: 5px 11px; font-size: 16px; position: absolute; bottom: 0; left: 0; } .ul-list-xz3 li .pic .l1 { background-color: #23ca83; } /* 机构设置 */ .ul-list-xz4 { overflow: hidden; padding: 20px 0; } .ul-list-xz4 li { float: left; width: 50%; font-size: 19px; margin-bottom: 57px; border-left: 6px solid rgb(0, 78, 162); } .ul-list-xz4 li:hover { border-left: 6px solid rgb(123, 180, 234); } .ul-list-xz4 li .con:hover { background-color: rgb(0, 78, 162); color: #FFFFFF; border: 1px solid rgb(0, 78, 162); box-shadow: 0 0 20px rgba(0, 78, 162, 0.5); } .ul-list-xz4 li .con { margin-right: 30px; border: 1px solid rgb(213, 228, 244); padding: 15px 0; } .ul-list-xz4 li .con .tit { margin: 0 40px; background: url(../images/xz31.png)right no-repeat; } /* 现任领导 */ .ul-list-xz5 { overflow: hidden; margin: 0 -32px; } .ul-list-xz5 li { float: left; width: 50%; margin-bottom: 70px; } .ul-list-xz5 li .con:hover { box-shadow: 0 0 40px rgba(0, 0, 0, .2) } .ul-list-xz5 li .con { overflow: hidden; padding: 20px; margin: 0 32px; border: 1px solid rgb(213, 228, 244); } .ul-list-xz5 li .pic { float: left; } .ul-list-xz5 li .pic img{ width: 185px; height: 247px; display: block; } .ul-list-xz5 li .txt { overflow: hidden; padding: 20px 40px; height: 200px; margin-bottom: 30px; } .ul-list-xz5 li .txt .name{ font-size: 22px; } .ul-list-xz5 li .txt .position{ font-size: 23px; margin-bottom: 30px; } .ul-list-xz5 li .txt .desc{ font-size: 16px; } .ul-list-xz5 li .btn{ overflow: hidden; background: url(../images/ld2.png) right no-repeat; height: 20px; } @media only screen and (max-width: 1920px) and (min-width: 900px) { .m-about-xz {} .col-l-xz {} .col-l-xz .pic img {} .col-l-xz .pic { /* padding-top: 70%; */ } .col-l-xz .pic::after { content: ""; background: url(../images/a8.png) no-repeat 0 center; transform: translateY(-50%); width: 5.729vw; height: 5.729vw; background-size: 5.625vw; } .col-l-xz1 .pic::after { content: ""; background: url(../images/a8.png) no-repeat 0 center; transform: translateY(-50%); width: 5.729vw; height: 5.729vw; background-size: 5.625vw; } .col-l-xz .pic img:hover { transform: scale(1.1); } .col-c-xz {} .col-c-xz .ul {} .col-c-xz li { margin-bottom: 1.041vw; } .col-c-xz li .pic {} .col-c-xz li .pic img {} .col-c-xz li .pic img:hover { transform: scale(1.1); } .col-r-xz {} .col-r-xz .pic img {} .col-r-xz .pic img:hover { transform: scale(1.1); } .col-r-xz .pic { margin-bottom: 0.781vw; } .txt-xz-9 { padding: 1.041vw 0; } .txt-xz-9 { height: 7.291vw; padding-left: 3.125vw; } .txt-xz-9::after { content: ""; width: 7.187vw; height: 7.291vw; right: 0; background-size: 1.458vw; } .txt-xz-9 .tit { font-size: 2.343vw; } .txt-xz-9 .tit2 { font-size: 4.687vw; font-weight: bold; margin-top: -3.125vw; } } @media screen and (max-width:900px) { .col-l-xz { width: 61%; margin-bottom: 1.111vw; } .col-c-xz { float: right; width: 38%; margin-left: 0; } .col-r-xz { width: 100%; float: none; } .col-c-xz li { margin-bottom: 1.111vw; } .txt-xz-9 { display: none; } .txt-xz-10 { display: block; margin-bottom: 10px; } .ul-list-xz3 li { width: 33.33%; } .m-tit-xz .g-tit-xz { font-size: 35px; } .m-tit-xz .translate { font-size: 55px; margin-top: -34px; } .row-i6 { margin-bottom: 20px; } .ul-list-xz3 li .pic span { bottom: 0; font-size: 12px; } } @media only screen and (min-width: 0px) and (max-width: 900px) { .txt-xz-10 { padding: 2.222vw 0; } .txt-xz-10 { height: 15.55vw; padding-left: 6.666vw; } .txt-xz-10::after { content: ""; width: 15.33vw; height: 15.55vw; background-size: 3.111vw; right: 0; } .txt-xz-10 .tit { font-size: 5vw; } .txt-xz-10 .tit2 { font-size: 10vw; font-weight: bold; margin-top: -6.666vw; } .col-l-xz .pic::after { content: ""; background: url(../images/a8.png) no-repeat 0 center; background-size: 12vw; transform: translateY(-50%); width: 12.22vw; height: 12.22vw; } .col-l-xz1 .pic::after { content: ""; background: url(../images/a8.png) no-repeat 0 center; background-size: 12vw; transform: translateY(-50%); width: 12.22vw; height: 12.22vw; } } @media screen and (max-width:768px){ .ul-list-xz4 li{ width: 100%; float: none; margin-bottom: 24px; } .ul-list-xz4 li .con{ margin-right: 0; } .ul-list-xz4 li .con .tit{ margin: 0 10px; } } @media screen and (max-width:600px) { .row-i6 { margin-bottom: 0; } .ul-list-xz3 li { width: 50%; } .m-tit-xz .translate { font-size: 30px; margin-top: -27px; } .m-tit-xz .g-tit-xz { font-size: 25px; } .m-tit-xz { margin-bottom: 0; } .ul-list-xz3 li .pic { margin: 0 3px; } .ul-list-xz4 li .con .tit{ } } /* 首页 */ .row-i3 { overflow: hidden; background: url(../images/bj.jpg)no-repeat 0 center; background-size: 100% 100%; } .row-i3 .g-tit-gl { padding-top: 30px; padding-bottom: 46px; background: url(../images/i1-pic2.png) no-repeat 0 75px; margin-bottom: 50px; } .row-i3 .g-tit-gl .h2 { font-size: 48px; color: #000; } .ul-list-xh { overflow: hidden; margin: 0 -30px; padding-bottom: 110px; } .ul-list-xh li { float: left; width: 33.33%; } .ul-list-xh li .con { display: block; margin: 0 30px; } .ul-list-xh li .pic { overflow: hidden; margin-bottom: 60px; } .ul-list-xh li .pic img { display: block; width: 100%; } .ul-list-xh li .pic img:hover { transform: scale(1.1); } .ul-list-xh li .txt { overflow: hidden; } .ul-list-xh li .txt .date { float: left; } .ul-list-xh li .txt .date span { display: block; color: #004ea2; font-size: 14px; padding-right: 10px; } .ul-list-xh li .txt .date .s1 { font-size: 26px; display: block; font-weight: bold; } .ul-list-xh li .txt .tit { overflow: hidden; padding-left: 10px; border-left: 1px solid #c2d1e2; } .ul-list-xh li .txt .tit h3 { font-size: 18px; margin-bottom: 30px; } .ul-list-xh li .txt .more { background-color: #be9c5a; color: #fff; display: inline-block; padding: 5px 15px; font-size: 14px; border-radius: 40px; text-align: center; } @media only screen and (max-width: 950px) { .ul-list-xh li { width: 50%; margin-bottom: 40px; } .ul-list-xh li .pic img { height: 267px; } .row-i3 .g-tit-gl .h2 { font-size: 32px; } .row-i3 .g-tit-gl { background: url(../images/i1-pic2.png) no-repeat 0 center; margin-bottom: 20px; background-size: 145px; padding-bottom: 30px; } .row-i3 .g-tit-gl { padding-top: 10px; } .ul-list-xh li .pic { margin-bottom: 30px; } .ul-list-xh li .txt .tit h3 { font-size: 16px; } .ul-list-xh li .txt .date .s1 { font-size: 22px; } .ul-list-xh { margin: 0 -20px; } .ul-list-xh li .con { margin: 0 20px; } } @media only screen and (max-width: 750px) { .row-i3 .g-tit-gl { padding-bottom: 0; background-size: 100px; } .row-i3 .g-tit-gl .h2 { font-size: 26px; } .ul-list-xh li .con { margin: 0 10px; } .ul-list-xh { margin: 0 -10px; } } @media only screen and (max-width: 650px) { .ul-list-xh li { width: 100%; } .ul-list-xh { padding-bottom: 30px; } .ul-list-xh li .pic img { height: auto; } .ul-list-xh li .txt .more { background-color: #be9c5a; color: #fff; display: inline-block; padding: 5px 10px; font-size: 12px; border-radius: 40px; text-align: center; } .ul-list-xh li .txt .tit h3 { margin-bottom: 15px; font-size: 14px; } .ul-list-xh li .txt .date .s1 { font-size: 18px; } .ul-list-xh li .txt .date span { font-size: 12px; } } .row-i4 { overflow: hidden; background: url(../images/bj7.png) no-repeat 0 center; background-size: 100% 100%; position: relative; } .row-i7 {padding-top:80px;} .row-i4 .g-tit-xh { overflow: hidden; padding-top: 20px; background: url(../images/ii1.png) no-repeat right 60px; padding-bottom: 60px; } .row-i4 .g-tit-xh .h2 { font-size: 42px; letter-spacing: 5px; display: block; float: right; font-family: 'sySong'; } .m-about-xh { overflow: hidden; padding-bottom: 60px; position: relative; z-index: 100; } .m-about-xh .pic { float: left; margin-right: 60px; width: 50%; overflow: hidden; } .m-about-xh .pic img:hover { transform: scale(1.1); } .m-about-xh .txt { overflow: hidden; padding-top: 20px; } .m-about-xh .txt .name { font-size: 24px; margin-bottom: 50px; } .m-about-xh .txt .name h3 { font-weight: normal; } .m-about-xh .txt .desc { font-size: 16px; line-height:32px; overflow:hidden; display:-webkit-box; /*盒模型--必须*/ -webkit-box-orient:vertical; /*垂直显示*/ -webkit-line-clamp:2; /*行数*/ text-overflow:ellipsis; } .row-i4 .g-more-gl { text-align: center; display: block; padding-bottom: 60px; } .m-about-xh .slick-arrow { position: absolute; top: 37%; font-size: 0; width: 56px; height: 56px; border: none; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain; cursor: pointer; z-index: 2; outline: none; } .m-about-xh .slick-prev { background: url(../images/aa1.jpg) no-repeat 0 center; left: 55%; } .m-about-xh .slick-next { background: url(../images/aa2.jpg) no-repeat 0 center; left: 60%; } .m-about-xh2 { position: absolute; left: 0; bottom: 91px; width: 100%; overflow: hidden; margin-bottom: 50px; background: url(../images/bj3.png) no-repeat 0 center; background-size: 100% 100%; padding: 50px 0; } .ul-news2 { overflow: hidden; float: right; width: 48%; } .ul-news2 li { float: left; } .ul-news2 .pic { overflow: hidden; max-width: 162px; border: 4px solid #77c9be; } .ul-news2 .pic img:hover { transform: scale(1.1); } @media only screen and (max-width: 1530px) { .m-about-xh .slick-arrow { top: 30%; } .m-about-xh .txt .name { margin-bottom: 20px; } .snv ul a{font-size:15px; padding: 10px 10px;} .col-l-xz .pic p { position: absolute; z-index: 999; color: #fff; text-align: center; font-size: 24px; top: 66%; left: 39%; } } @media only screen and (max-width: 1320px) { .m-about-xh .txt .name { margin-bottom: 10px; font-size: 20px; } .m-about-xh .txt .desc { font-size: 16px; } .m-about-xh .slick-next { background-size: 30px; } .m-about-xh .slick-prev { background-size: 30px; } } @media only screen and (max-width: 1200px) { .m-about-xh .txt { padding-top: 0; } .m-about-xh .slick-arrow { top: 27%; } .m-about-xh2 { padding: 35px 0; } } @media only screen and (max-width: 980px) { .m-about-xh .txt .desc { font-size: 14px; } .m-about-xh2 { padding: 25px 0; } .m-about-xh .slick-prev { left: 57%; } .m-about-xh .slick-next { left: 63%; } .m-about-xh .slick-arrow { top: 23%; } } @media only screen and (max-width: 860px) { .m-about-xh .txt .name { font-size: 18px; margin-bottom: 5px; } .m-about-xh .txt .desc { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .m-about-xh .slick-arrow { top: 19%; } .m-about-xh .txt .name { font-size: 16px; } .m-about-xh .txt .desc { font-size: 12px; } } @media only screen and (max-width: 768px) { .m-about-xh2 { display: none; } .m-about-xh .pic { float: none; width: 100%; margin-bottom: 20px; } .m-about-xh { padding-bottom: 30px; } .row-i4 .g-more-gl { padding-bottom: 30px; } .row-i4 .g-tit-xh { overflow: hidden; padding-top: 20px; background: url(../images/ii1.png) no-repeat right 50px; background-size: 200px; padding-bottom: 30px; } } @media only screen and (max-width: 750px) { .row-i4 .g-tit-xh { padding-bottom: 0; background-size: 100px; } .row-i4 .g-tit-xh .h2 { font-size: 26px; } .row-i4 .g-tit-xh { background: url(../images/ii1.png) no-repeat right 38px; padding-bottom: 27px; background-size: 110px; } } .row-i5 { background: url(../images/gg2.png) no-repeat 0 center; overflow: hidden; background-size: 100% 100%; padding-bottom: 130px; } .row-i5 .g-tit-xh { text-align: center; overflow: hidden; padding-top: 80px; background: url(../images/ziti.png) no-repeat center 110px; padding-bottom: 110px; } .row-i5 .g-tit-xh .h2 { font-size: 42px; letter-spacing: 5px; display: block; } .ul-news1 li { float: left; width: 14.2%; text-align: center; } .ul-news1 li .con { display: block; } .ul-news1 li .pic { text-align: center; position: relative; margin-bottom: 50px; } .ul-news1 li :hover .pic img { position: relative; z-index: 99; filter: grayscale(100%) brightness(400%); transform: scale(-1, 1); } .ul-news1 li .pic::after { content: ''; position: absolute; width: 100px; height: 100px; left: 50%; transform: translateX(-50%) translateY(-50%); top: 50%; border: 1px dashed #999999; border-radius: 20px; background-color: rgba(255, 255, 255, .1); z-index: 1; } .ul-news1 li .con:hover .pic::after { background-color: rgba(0, 78, 162, 1); border: none; } .ul-news1 li .txt { overflow: hidden; display: block; font-size: 16px; } .ul-news1 li .txt:hover { color: #000; } @media only screen and (max-width: 970px) { .row-i5 .g-tit-xh { background-size: 600px; } } @media only screen and (max-width: 900px) { .ul-news1 li { width: 16.66%; margin-bottom: 80px; height: 123px; } } @media only screen and (max-width: 750px) { .ul-news1 li { width: 25%; margin-bottom: 55px; } .row-i5 { padding-bottom: 10px; } .row-i5 .g-tit-xh { text-align: center; overflow: hidden; padding-top: 30px; background: url(../images/ziti.png) no-repeat center center; padding-bottom: 70px; background-size: 428px; } .row-i5 .g-tit-xh .h2 { font-size: 30px; } .ul-news1 li .txt { font-size: 14px; } } @media only screen and (max-width: 650px) { .row-i5 .g-tit-xh { padding-bottom: 55px; background-size: 311px; } .row-i5 .g-tit-xh .h2 { font-size: 22px; } } @media only screen and (max-width: 570px) { .ul-news1 li { width: 33.33%; margin-bottom: 55px; } .ul-news1 li .pic { margin-bottom: 30px; } .ul-news1 li .pic::after { height: 80px; width: 80px; } .ul-news1 li { margin-bottom: 25px; } } @media only screen and (max-width: 420px) { .ul-news1 li { width: 50%; } .ul-news1 li { margin-bottom: 15px; } .ul-news1 li .pic { margin-bottom: 25px; } } @media only screen and (max-width: 1460px) { .ul-list-xz5 li .txt { padding: 20px 10px; } .ul-list-xz5 li .txt .name { font-size: 18px; } .ul-list-xz5 li .txt .position { font-size: 16px; margin-bottom: 15px; } .ul-list-xz5 li .txt .desc { font-size: 15px; } } @media only screen and (max-width: 950px) { .ul-list-xz5 li { width: 100%; margin-bottom: 30px; } } @media only screen and (max-width: 750px) { .ul-list-xz5 li .txt { height: auto; } .ul-list-xz5 li .con { padding: 10px; } } @media only screen and (max-width: 500px) { .ul-list-xz5 li .pic img { width: 165px; height: auto; } .ul-list-xz5 li .txt .position { font-size: 14px; margin-bottom: 10px; } .ul-list-xz5 li .txt .name { font-size: 16px; } .ul-list-xz5 li .txt .desc { font-size: 14px; } .ul-list-xz5 li .txt { margin-bottom: 10px; } } /* ===================================== */ .m-about-xh3 { overflow: hidden; } .ul-list-xh2 { margin: 0 -35px; } .ul-list-xh2 li { float: left; width: 33.33%; margin-bottom: 68px; } .ul-list-xh2 li .con { display: block; margin: 0 35px; padding: 20px; padding-bottom: 35px; border: 1px solid #d5e4f4; color: #707377; border-radius: 10px; } .ul-list-xh2 li .con:hover { background-color: #004ea2; color: #fff; box-shadow: 0px 27px 40px 0px rgba(63, 127, 191, 0.3); } .ul-list-xh2 li .pic { text-align: center; margin-bottom: 20px; overflow: hidden; position: relative; padding-top: 69%; } .ul-list-xh2 li .pic img { position: absolute; top: 0; left: 0; } .ul-list-xh2 li :hover .pic img { transform: scale(1.1); } .ul-list-xh2 li .txt { text-align: center; } .ul-list-xh2 li .txt h3 { font-size: 16px; font-weight: normal; } @media only screen and (max-width: 1200px) { .ul-list-xh2 li .con { margin: 0 20px; } .ul-list-xh2 { margin: 0 -20px; } .ul-list-xh2 li { margin-bottom: 38px; } } @media only screen and (max-width:1139px) { } @media only screen and (max-width:959px) { .ul-list-xh2 li .con { margin: 0 10px; padding-bottom: 25px; } .ul-list-xh2 { margin: 0 -10px; } } @media only screen and (max-width:900px) { } @media only screen and (max-width:767px) { .ul-list-xh2 li { width: 50%; } } @media only screen and (max-width:514px) { .ul-list-xh2 li { width: 100%; } .ul-list-xh2 li .pic { position: static; padding-top: 0 !important; margin-bottom: 10px; } .ul-list-xh2 li .pic img { position: static; } .ul-list-xh2 li .con { padding-bottom: 15px; } .ul-list-xh2 li { margin-bottom: 15px; } .ul-list-xh2 li .txt h3 { font-size: 14px; } } .banner .slick-dots { position: absolute; overflow: hidden; bottom: 39px; right: 104px; margin: 0 -14px; } .banner .slick-dots li { cursor: pointer; float: left; margin: 0 14px; display: flex; align-items: center; justify-content: center; width: 37px; height: 37px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(255, 255, 255, .5); } .banner .slick-dots li button{ outline: none; background: none; color: #000; font-size: 18px; font-weight: bold; border: 0; } .banner .slick-dots .slick-active { background: rgba(27, 112, 64, .5); } .banner .slick-dots .slick-active button{ color: #fff; } .banner{ position: relative; } .banner .pic img{ display: block; width: 100%; } /* row-i1 */ .row-i1{ height: 904px; padding-bottom: 120px; background: url(../images/i1-pic1.png) no-repeat center center; background-size: cover; } .row-i1 .wp{ height: 100%; position: relative; } .g-tit-gl{ display: flex; align-items: center; justify-content: space-between; } .g-tit-gl .h2{ font-size: 48px; color: #000; font-family: 'sySong'; } .row-i1 .g-tit-gl{ padding-top: 30px; padding-bottom: 46px; background: url(../images/i1-pic2.png) no-repeat 0 75px; } .g-more-gl{ font-size: 14px; color: #004ea2; } .g-more-gl:hover{ color: #31a2c5; } .i1-left-pic{ position: absolute; top: 175px; width: 66%; overflow: hidden; } .i1-left-pic img{ display: block; width: 100%; } .i1-left-pic:hover img{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } .i1-left-pic .txt-box{ position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 45px 30px; background-image: linear-gradient( to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 20%,rgba(0,0,0,0.8) 100%);} .i1-left-pic .txt-box .tit{ font-size: 24px; color: #fff; margin-bottom: 10px; } .i1-left-pic .txt-box .desc{ font-size: 14px; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .i1-right-box{ width: 79.26%; position: absolute; right: 0; top: 133px; background: url(../images/i1-pic9.png) no-repeat center center; background-size: cover; height: 655px; overflow: hidden; } .ul-list4-gl{ position: absolute; top: 40px; right: 0; z-index: 2; width: 515px; } .ul-list4-gl li a{ display: flex; align-items: center; justify-content: space-between; border-top: 1px dotted; overflow: hidden; position: relative; margin-left: 10px; border-top-color: rgba(255, 255, 255, .5); padding: 10px 10px 10px 23px; } .ul-list4-gl li:hover a{ border-top: 1px solid #004ea2; position: relative; margin-left: 0; z-index: 2; background-color: #004ea2; box-shadow: 0 0 5px 3px rgba(0, 0, 0, .5); } .ul-list4-gl li .news{ width: 280px; margin-right: 30px; } @media only screen and (min-width: 850px) and (max-width: 1919px) { .ul-list6-gl li a .desc{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } .ul-list-xh li .con:hover .tit h3{ color: #004ea2; } .ul-list-xh li .txt .date span{ text-align: center; } @media only screen and (max-width: 1200px) { .nav{ width: 100%;} .hdr{min-width:0;} } @media only screen and (max-width: 767px) { .hide-m { display: none; } .m-g-p0 { padding-left: 0; padding-right: 0; } .m-g-pl0{ padding-left: 0; } .m-g-pr0{ padding-right: 0; } .col-l-xz .pic{padding-top: 79%;} .col-l-xz .pic p{font-size: 18px !important;left: 44%;} } /*480*/ @media only screen and (max-width: 479px) { .hide-s { display: none; } .s-g-p0 { padding-left: 0; padding-right: 0; } .s-g-pl0{ padding-left: 0; } .s-g-pr0{ padding-right: 0; } .col-l-xz .pic{padding-top: 79%;} .col-l-xz .pic p{font-size: 16px !important;left: 33%;} } @media only screen and (min-width: 1820px) { .m-about-xh2{ left: 50%; bottom: 91px; margin-left: -900px; width: 100%; max-width: 1800px; } } @font-face {font-family: "iconfont"; src: url('../fonts/iconfont.eot?t=1602211955677'); /* IE9 */ src: url('../fonts/iconfont.eot?t=1602211955677#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('../fonts/iconfont.woff?t=1602211955677') format('woff'), url('../fonts/iconfont.ttf?t=1602211955677') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('../fonts/iconfont.svg?t=1602211955677#iconfont') format('svg'); /* iOS 4.1- */ }