@charset "utf-8"; .iconclose:before { content: "\e60b"!important; } *{box-sizing:border-box;margin:0;padding:0; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;} html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} body{margin:0;position: relative;} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block} h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:1.2em;font-weight:normal;} ol,ul{list-style:none} audio,canvas,progress,video{display:inline-block;vertical-align:baseline} audio:not([controls]){display:none;height:0} [hidden],template{display:none} a{color:#444;background-color:transparent;-webkit-tap-highlight-color:transparent;text-decoration: none;} a:active,a:hover{outline:0;text-decoration:none} a:hover{color:#14559c} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:700} dfn{font-style:italic} mark{color:#000;background:#ff0} small{font-size:80%} sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline} sup{top:-.5em} sub{bottom:-.25em} img{padding:0;border:none;-ms-interpolation-mode:bicubic;max-width:100%;max-height:100%} address,cite,dfn,em,var,i{font-style: normal;} svg:not(:root){overflow:hidden} figure{margin:1em 40px} hr{height:1px;background:#ddd; -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} pre{overflow:auto} code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em} blockquote,q{quotes:none} blockquote:after,blockquote:before,q:after,q:before{content:'';content:none} :focus{outline:0} button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit} button{overflow:visible;border: none} button,select{text-transform:none} button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer} button[disabled],html input[disabled]{cursor:default} button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0} input{line-height:normal;-webkit-appearance:none} input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0} input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto} input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield} input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none} fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver} legend{padding:0;border:0} textarea{overflow:auto} optgroup{font-weight:700} table{border-spacing:0;border-collapse:collapse} td,th{padding:0} @media print{ *,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important} a,a:visited{text-decoration:underline} a[href]:after{content:" (" attr(href) ")"} abbr[title]:after{content:" (" attr(title) ")"} a[href^="#"]:after,a[href^="javascript:"]:after{content:""} blockquote,pre{border:1px solid #999;page-break-inside:avoid} thead{display:table-header-group} img,tr{page-break-inside:avoid} img{max-width:100%!important} h2,h3,p{orphans:3;widows:3} h2,h3{page-break-after:avoid} } body{max-width: 1920px;margin: 0 auto} ::-webkit-input-placeholder{color:999;opacity:.54} ::-webkit-file-upload-button{font:inherit;-webkit-appearance:button} /*::selection{background:#14559c;color:#fff} ::-moz-selection{background:#14559c;color:#fff} ::-webkit-selection{background:#14559c;color:#fff} */ .clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"."} .l{float:left} .r{float:right} .fl{float:left!important} .fr{float:right!important} .bor{border:1px dashed #999} .poab{position:absolute} .pore{position:relative} .texto{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .imgInline{display:inline-block!important;vertical-align:middle} .imgMargin{margin:0 auto} .imgW100{width:100%} .text-r{text-align:right} .text-m{text-align:center} .text-bold{font-weight: 700;} .text-light{font-weight:100;} .text-up{text-transform: uppercase;} .flex{display:flex;justify-content:space-between;flex-wrap:wrap} .flex-left{display:flex;flex-wrap:wrap} .flex-center{display:flex;flex-wrap:wrap;justify-content: center;} .flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;} .flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center} .flex-v-bottom{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;} .trans{transition:all .5s} .trans-mask{display:block;overflow:hidden;width:100%;cursor:pointer;position: relative;} .trans-mask img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s} .trans-mask:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} .wp{width:92%;margin:0 auto;max-width:1400px} .greybg{background:#f2f2f2} .textup{text-transform:uppercase} .co-main{color:#14559c} .co-fff{color:#fff!important} .fixdbody{position:fixed;top:0;left:0;right:0;bottom:0} .m-show{display:none} .filter-page{filter: blur(5px);} @media screen and (max-width:980px){.pc-show{display:none} .m-show{display:block} } .icon-plus{position:relative;width:25px;height:25px;border-radius:50%;background-color:#eee;flex:0 0 auto;margin:0 0 0 1em;cursor:pointer} .icon-plus{display: none;} .icon-plus:after,.icon-plus:before{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:auto;width:15px;height:1px;background-color:#1a1a1a;content:""} .icon-plus:after{transition:.4s ease;transform:rotate(90deg)} .icon-plus.-active:after{transform:rotate(0)} .patb100{padding: 100px 0} .patb80{padding: 80px 0} .patb60{padding: 60px 0} .f32{font-size:2em } .f28{font-size: 1.75em} .f24{font-size:24px} .f20{font-size: 1.25em} .f18{font-size: 1.125em} .f16{font-size: 1em} .f14{font-size: .875em} @media screen and (max-width:1366px){ .f32{font-size:1.8125em } .f28{font-size: 1.6750em} } @media screen and (max-width:1024px){ .f34{font-size:1.7000em } .f28{font-size: 1.5000em} .f20{font-size: 1.125em}/*18px*/ } @media screen and (max-width:840px){ .f34{font-size:1.4875em }/*25.2px*/ .f28{font-size: 1.4250em}/*19.6px*/ .f20{font-size:1.0625em}/*17px*/ .f18{font-size: 1em}/*15px*/ .f16{font-size: 0.875em}/*14px*/ } @media screen and (max-width:640px){ } .trans-line:before{content:'';position:absolute;width:60px;height:100%;margin-top:0px;margin-left:-120px;overflow:hidden;z-index:6;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)} .trans-line:hover:before{-webkit-animation:aniBlink .6s ease-out forwards;-moz-animation:aniBlink .6s ease-out forwards; -o-animation:aniBlink .6s ease-out forwards; animation:aniBlink .6s ease-out forwards} @keyframes aniBlink{ from{margin-left:-50%} to{margin-left:120%} } @-webkit-keyframes aniBlink{ from{margin-left:-50%} to{margin-left:120%} } body{padding-top: 35px} .header{width:100%;position: fixed;top:0;left: 0;right: 0;z-index: 99} .header .topLink{font-size:14px;line-height:35px;background: #14559c;color: #fff;height: 35px;} .header .topLink a{display:inline-block;margin: 0 5px; color:#fff} .header .topLink .tright img{display:inline-block;vertical-align: -2px;margin-right: 5px} .header .topLink .tright .toSearch img{display:block;margin-right: 0} .header .topLink .tright a{margin-right: 10px} .header .topLink .tright a.toSearch{margin-right: 0} .logo a{display:block;overflow:hidden;position:relative;z-index:999} .mian-navp{padding: 15px 0} .mian-nav ul li{ position: relative; margin-left: 30px; transition: .3s } .mian-nav ul li a{display:block;font-size:16px;color: #fff;line-height: 72px} .sub-nav{position:absolute;top:100%;right:-30px;left:-30px;z-index:99;padding-top:15px;display: none} .sub-nav .sub-nav-h{text-align:center;background:rgba(0,0,0,.5);} .sub-nav .sub-nav-h a{display:block;font-size:14px;line-height:50px} .sub-nav .sub-nav-h a:hover{background:rgba(0,0,0,.8)} .mian-nav ul li:hover .sub-nav{display:block} .nav-parent{display:flex;align-items:center;justify-content:flex-end} .mian-nav ul li:before{position:absolute;bottom:0;left:50%;width:0;height:2px;background:#1384ee;content:"";transition:width .5s} .mian-nav ul li:after{position:absolute;bottom:0;right:50%;width:0;height:2px;background:#1384ee;content:"";transition:width .5s} .mian-nav ul li:hover:before{width:50%} .mian-nav ul li:hover:after{width:50%} .mian-nav-m{display:none;position:relative;z-index:999} .mian-nav-m .iconfont{color: #fff} .mian-nav-m .toSearch i{font-size:20px} .head-menu-btn{z-index:999;overflow:hidden;margin-left:30px;width:50px;background:0 0;opacity:1} .head-menu-btn span{font-size:30px} .logo img.logb{display:none;} .scrolling .header{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.3)} .scrolling .logo img.logb{display: flex;height: 52px} .scrolling .logo img.logw{display: none;} .scrolling .mian-nav ul li a{line-height:52px;color: #555} .scrolling .mian-nav ul li a:hover{color: #14559c} .scrolling .mian-nav-m .iconfont{color: #14559c} .scrolling .sub-nav .sub-nav-h{text-align:center;background:#fff;} .scrolling .sub-nav .sub-nav-h a:hover{background: #eee} @media screen and (max-width:1300px){ .mian-nav ul li{margin-left:22px} .mian-nav ul li a{font-size:15px} } @media screen and (max-width:1200px){ body{padding-top:72px;} .header .topLink{display:none} .logo img{height: 52px} .header{background: #14559c;} .mian-navp{padding: 10px 0} .header .topLink .tright a.toSearch{display: none} .logo a{height:auto} .logo{width:50%;max-width:304px} .mian-nav-m{display:flex} .mian-nav-h{position:fixed;top:0;right:0;bottom:0;left:0;z-index:888;margin-top:0!important;padding-top:90px;padding-right:5%;padding-left:5%;background:rgba(0,0,0,.85);display:none} .mian-nav-list{display:block;overflow-y:auto;height:90%} .mian-nav ul li a{color:#fff;line-height:50px;text-align:center} .icon-plus{display:block} .mian-nav ul li:hover .sub-nav{display:none} .sub-nav { position: inherit; right: 0; left: 0; display: none;padding-top: 0 } .sub-nav .sub-nav-h a{text-align:right;padding-right:40px;line-height: 35px} .sub-nav .sub-nav-h{background: transparent;padding-bottom: 10px;padding-top: 0} .xxzt{display:none; } .yw{ width:49%;} .yw1 h3 { line-height: 36px; } .yw1{width:49%;} } @media screen and (max-width:768px){ body{padding-top:54px} .logo img{height: 38px} .mian-navp{padding:8px 0} .scrolling .logo img.logb{display: flex;height: 42px} } .in-banner .swiper-slide{height: 100vh;} .in-banner .swiper-slide a{display: block;height: 100%;width: 100%;} .in-banner::after{content:'';height:30%;position:absolute;left:0;right:0;top:0;z-index:5;background:url(../images/bmask.png) no-repeat top center;background-size:cover} .in-banner .swiper-pagination-bullets{bottom:6%;left:14%;text-align:right;width:auto} .in-banner .swiper-pagination-bullet{width:12px;height:12px;display:inline-block;border-radius:100%;background:#fff;opacity:1} .in-banner .swiper-pagination-bullet-active{background:#14559c} @media screen and (max-width:1300px){ .in-banner .swiper-pagination-bullets{left:4%} } @media screen and (max-width:980px){ .in-banner .swiper-slide{height: auto;background: transparent!important;} } @media screen and (max-width:768px){ .in-banner .swiper-pagination-bullet{width:8px;height:8px} } .footer{position:relative;color:#fff;background:url(../images/footbg.jpg) no-repeat center;background-size:cover;padding:50px 0 0} .footer a{color:#fff;} .footer-l{width:80%} .footer-l p{padding:5px 0;line-height:1.5em} .footer-l,.footer-r{position:relative;z-index:5} .footer-r{text-align:center;} .footer-r a{float:left;position:relative;} .footer-r i{display:block;font-size:22px;border:1px solid #fff;border-radius:50%;width:45px;height:45px;line-height:45px} .footer-tp{margin-bottom: 10px} .icoList {padding-bottom: 40px} .icoList .swiper-slide{text-align: center;border-radius: 20px;font-size: 14px;padding: 10px 0;} .icoList .swiper-slide span{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .icoList .swiper-slide i{display: block;margin: 0 auto;margin-bottom: 10px;width: 50px;height: 50px;background-repeat: no-repeat;background-position: center;} .icoList .swiper-slide:nth-child(odd){background: rgba(255,255,255,.5);} .icoList .swiper-slide:nth-child(even){background: rgba(115,170,245,.5);} .icoList .swiper-slide:nth-child(1) i{background-image: url(../images/14/ss1.png);} .icoList .swiper-slide:nth-child(2) i{background-image: url(../images/14/ss2.png);} .icoList .swiper-slide:nth-child(3) i{background-image: url(../images/14/ss3.png);} .icoList .swiper-slide:nth-child(4) i{background-image: url(../images/s1.png);} .icoList .swiper-slide:nth-child(5) i{background-image: url(../images/s3.png);} .icoList .swiper-slide:nth-child(6) i{background-image: url(../images/s2.png);} .icoList .swiper-slide:nth-child(7) i{background-image: url(../images/s7.png);} .icoList .swiper-slide:nth-child(8) i{background-image: url(../images/s5.png);} .icoList .swiper-slide:nth-child(9) i{background-image: url(../images/s6.png);} .icoList .swiper-slide:nth-child(10) i{background-image: url(../images/s9.png);} .icoList .swiper-slide:nth-child(11) i{background-image: url(../images/s4.png);} .icoList .swiper-slide:nth-child(12) i{background-image: url(../images/s8.png);} .icoList .swiper-slide:nth-child(13) i{background-image: url(../images/s10.png);} .footer-bt{padding-bottom: 20px} .footer-bt .footer-l h4{font-size: 24px;margin-bottom: 10px} .footer-r .qrcode span{position: absolute;right: 50%;width: 100px;font-size: 12px;text-align: center;padding: 5px;background: #fff;color: #555;display: none;bottom: 100%;margin-bottom: 15px;transform: translateX(50%);box-shadow: 0 0 10px rgba(0,0,0,.2);} .footer-r .qrcode span img{width: 100px} .footer-r .qrcode span:after{content: '';position: absolute;border: 10px solid transparent;border-top-color: #fff;right: 50%;top: 100%;transform: translateX(50%);} .footer-r .qrcode:hover span{display: block;} .copyright{padding: 20px 0;text-align: center;} .copyright p{padding: 3px 0} .copyright:before{content: '';left: 0;right: 0;top:0;height: 1px;position: absolute;background: #002554} .copyright:after{content: '';left: 0;right: 0;top:1px;height: 1px ;position: absolute;background: #88adde} @media screen and (max-width: 1366px){ .icoList .swiper-slide{font-size: 12px;} .icoList .swiper-slide i{margin-bottom:5px;width: 40px;height: 40px;background-repeat: no-repeat;background-position: center;background-size: auto 80%} } @media screen and (max-width: 980px){ } @media screen and (max-width:700px){ .footer-tp{margin-bottom: 30px} .footer-bt{padding-bottom: 30px} .icoList{justify-content: center} .icoList li i{margin-bottom:5px;width:35px;height:35px;background-repeat: no-repeat;background-position: center;background-size: auto 80%} .footer-l{margin-bottom:30px;width:100%;text-align:center} .footer-l p span{display:block;line-height:1.8em} .footer-l p i{display:none} .footer-r{margin:0 auto} .footer-r .qrcode span{right:-28px;top:-130px;} .footer-r .qrcode span:after{border: 10px solid transparent;border-left-color: transparent; border-top-color: #fff;bottom: -20px;left:40%;top:auto;right: auto} } .swiper-button-next:after, .swiper-button-prev:after{display: none} .inTit1 h3{font-size: 36px} .inTit h3{font-size: 36px} .inTit h3.cc{width: 70%} .inTit h3 span{font-size: 48px;} .inTit .morew span{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #fff;margin: 0 5px} .inTit .moreb span{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #304156;margin: 0 5px} .xwxz{padding: 50px 0} .xwxz .more a{display: inline-block;background: #f2f2f2;padding: 5px 40px;border-radius: 20px} .xwxz .more a img{display: inline-block;margin-right: 10px;vertical-align:-10px;} .xwxz .inTit{margin-bottom: 50px} .xwxz .inTit h3{font-size: 45px;font-weight: bold;} .xwxz .news{margin-bottom: 40px} .xwxz .news .item{width: 48.5%;background-repeat: no-repeat;background-position: center;background-size:cover;} .xwxz .news .item:hover a{box-shadow: 0 0 10px rgba(0,0,0,.3);} .xwxz .news .item p{position: absolute;left: 0;right: 0;bottom: 0;height: 90px;color: #fff;background: url(../images/newsmask.png) no-repeat bottom center;padding:55px 85px 10px 15px;font-weight: bold;font-size: 18px;background-size:100% auto;} .xwxz .news .item p span{position: absolute;right: 15px;font-weight: normal;font-style: italic;} .xwxz .news .item1{width: 22.8%;border: 1px solid #ddd;padding: 60px 35px;background: url(../images/tuan.png) no-repeat left bottom;position: relative;} .xwxz .news .item1 a{display: block;height: 100%} .xwxz .news .item1 h4{font-size: 18px;line-height: 1.6em;margin: 10px 0 20px;overflow : hidden;max-height: 84px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .xwxz .news .item1 p{font-size: 14px;line-height: 1.8em;color: #888;overflow : hidden;max-height: 100px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;} .xwxz .news .item1:after{height: 5px;left: -1px;width: 0;top:-1px;background: #a90800;z-index: 10px;content: '';position: absolute;transition: .3s} .xwxz .news .item1:hover{background: url(../images/tuanon.png) #2c8ad1 no-repeat left bottom;border: 1px solid #2c8ad1;} .xwxz .news .item1:hover a{color: #fff} .xwxz .news .item1:hover p{color: #fff;opacity: .6;} .xwxz .news .item1:hover:after{width: calc(100% + 2px)} .xwxz .news .item2:hover{background: url(../images/tuanon.png) #cda45d no-repeat left bottom;border: 1px solid #cda45d;} .lcyw{ background-size: cover; background-image: url(../images1/yw_bg.png); background-repeat: no-repeat; padding-top: 60px; padding-right: 0; padding-bottom: 80px; padding-left: 0; } .xxzt { width: 24%; margin: 0px; padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 0px; } .xxzt ul li { width: 100%; min-height: 60px; margin-right: 5px; margin-bottom: 10px; } .yw { width: 44%; height:650px; background-color: #FFF; } .yw h4 { font-size: 28px; font-weight: bold; color: #069; text-align: center; width: 100%; padding-right: 10px; padding-left: 10px; line-height: 50px; } .yw .zy { font-size: 14px; color: #666; line-height: 32px; text-indent: 2em; width: 100%; padding-right: 10px; padding-left: 10px; } .yw .ywrq { line-height: 25px; color: #FFF; background-color: #446AAA; display: block; width: 140px; border-radius: 10px; float: right; text-align: center; margin-right: 20px; margin-top: 15px; } .yw1{ width: 32%; padding-left: 20px; color: #999; line-height: 50px; } .yw1 h3 { padding-top: 10px; } .day { font-size: 30px; font-weight: bold; text-align: center; width: 100%; display: block; } .dat { display: block; width: 80px; text-align: center; font-size: 14px; float: left; padding: 0px; margin-top: 5px; margin-bottom: 8px; margin-right: 20px; border-right-width: 3px; border-right-style: solid; border-right-color: #EBEBEB; } .yw1 ul li { background-color: #FFFFFF; margin-left: 10px; min-height: 72px; line-height: 30px; margin-bottom: 10px; } .yw1 a { display: block; width: 100%; min-height: 70px; color: #6C6C6C; } .yw1 a:hover{ background-color: #14559c; color: #FFF; } .xywh2{ background: url(../images/bg4.jpg); background-size: cover; padding-top: 60px; padding-right: 0; padding-bottom: 60px; padding-left: 0; background-color: #FFF; } .xywh1 { width: 100%; list-style-type: none; margin-top: 40px; } .xywh1 li { width: 30%; list-style-type: none; float: left; overflow: hidden; margin-right: 20px; margin-bottom: 60px; transition: ease-in-out .3s; color: #000; } .xywh1 li:hover { transform:scale(1.1); } #xywh_a1{ width: 100%; height: 350px; display: block; position: relative; } #xywh_a1 img{ width: 100%; height: 300px; display: block; position: absolute; overflow: hidden; z-index: 2; left: 0px; top: 0px; } #xywh_a1 p{ position: absolute; width: 90%; height: 60px; background-color: #069; color: #FFF; line-height: 25px; font-size: 14px; z-index: 5; right: 5%; bottom: 25px; overflow: hidden; box-shadow: 0 0 5 20 #AEAEAE; padding: 5px; } #xywh_a1 p span{ font-size: 14px; line-height: 20px; height: 20px; color: #FFF; float: right; margin-top: 10px; } .xywh_a1:hover{ color:#FFF; font-size: 14px; } .xywh_a2{ width: 90%; height: 350px; margin: 0 auto; position: relative; display: block; } .xywh_c{ width: 100%; height: 300px; margin: 0; background-color: #FCFCFC; border: 1px solid #39C; padding: 20px; overflow: hidden; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #666; } .xywh_t{ font-size: 16px; line-height: 40px; font-weight: bold; text-align: center; margin-top: 15px; margin-bottom: 15px; } .xywh_s{ font-size: 14px; line-height: 30px; letter-spacing: 2; } .xywh_a2 span{ height: 80px; width: 80px; left: 40%; top: 0px; font-size: 14px; padding-left: 30px; border-left-width: 4px; border-left-style: solid; border-left-color: 39C; } .xywh_c:hover{ background-color: #069; color: #FFF; border-top-width: 3px; border-top-style: solid; border-top-color: #C33; } .tzgg{ padding: 60px 0; background-size: cover; background-color: #F7F7F7; } .tzggLeft{width: 47.5%} .tzggRight{width: 47.5%} .tzgg .inTit{margin-bottom: 15px} .tzgg .inTit img{margin-right: 8px} .tzggLeftList li{padding: 20px 15px;padding-left: 55px;position: relative;border: 3px solid #ddd;width: 46%;margin-left: 2%;margin-bottom: 20px} .tzggLeftList li time{position: absolute;left: -30px;top:50%;transform: translateY(-50%); background:#f2f2f2;padding: 10px;text-align: center;font-size: 18px;color: #14559c} .tzggLeftList li span{display: block;font-size: 14px} .tzggLeftList li a{display: block;color: #14559c;line-height: 1.55em;overflow : hidden;max-height: 48px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .tzggLeftList li:hover{border: 3px solid #87c4f2} .tzggLeftList li:hover time{background: #14559c;color: #fff} .tzggLeftList li:hover time span{opacity: .6;} .tzggRightList li{padding: 20px;background: #fff;margin-bottom: 20px} .tzggRightList li h4{border-bottom: 1px solid #14559c;margin-bottom: 13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-bottom: 10px} .tzggRightList li .info{font-size: 12px} .tzggRightList li .info .txt{width: calc(100% - 90px);} .tzggRightList li .info .txt p{padding: 3px 0;padding-left: 20px} .tzggRightList li time{background: #14559c;color: #fff;font-size: 12px;padding: 5px 5px;text-align: center} .tzggRightList li time span{display: block;margin-top: 5px} .tzggRightList li .zjr{background: url(../images/ico7.png) no-repeat left center;} .tzggRightList li .dd{background: url(../images/ico8.png) no-repeat left center;} .stlc{padding: 60px 0 80px;background: url(../images/bg2.jpg) no-repeat left center;background-size:cover;} .stlc .inTit{margin-bottom: 45px} .vList li span{width: 65px;height: 65px;background: url(../images/play.png) no-repeat center;position: absolute;left: 50%;top:50%;margin-left: -33px;margin-top: -33px;border-radius: 50%;background-size:100%;z-index: 5} .vList li .trans-mask:after{background: rgba(0,0,0,.4);content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 2;transition:.3s;} .vList li p{margin-top: 10px;text-align: center;padding-bottom: 10px;position: relative;} .vList li p:after{content: '';width: 100%;height: 1px;position: absolute;left: 0;right: 0;bottom:-10px;background: #fff;z-index: 5} .vList li a{color: #fff} .vList li:hover .trans-mask:after{opacity: 0;} .vList li:hover p:after{opacity: 0;} .vList li p:before{height: 2px;left: 0;width: 0;bottom: -10px;background: #f90;z-index: 15px;content: '';position: absolute;transition: .3s} .vList li:hover p:before{width: 100%} .xyzx{padding: 60px 0 ;background: url(../images/bg3.jpg) no-repeat left center;background-size:cover;} .xyzxLeft{width: 47.5%} .xyzxRight{width: 47.5%} .xyzx .inTit{margin-bottom: 15px} .xyzx .inTit img{margin-right: 8px} .xyzxLeftList li{padding: 20px 0;padding-right: 125px;position: relative;border-bottom: 1px solid #ddd} .xyzxLeftList li span{position: absolute;right: 0;top:20px;background: url(../images/icotime.png) no-repeat left center;padding-left: 25px} .xyzxLeftList li a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;} .xyzxRightList li{padding: 16px 0;padding-left: 120px;position: relative;} .xyzxRightList li span{display: inline-block;background: #7fbee9;border-radius: 30px;color: #fff;padding: 3px 10px;position: absolute;left: 0;top:16px;font-size: 14px} .xyzxRightList li a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;} .xywh{padding: 30px 0 100px;background: url(../images/bg4.jpg) no-repeat left center;background-size:100% 100%;} .xywh .inTit {margin-bottom: 20px} .xywh .inTit h3{opacity: 0;visibility: hidden;} .xywhLeft{width: 41.5%} .xywhLeft img.xy{height: 100%;width: 100%} .xywhLeft img.ico{display: inline-block;vertical-align: middle;margin-right: 10px} .xywhLeft a{height: 100%} .xywhLeft a .hideCon{position: absolute;left: 0;right: 0;bottom: 0;top:0; background: rgba(0,0,0,.5);color: #fff;z-index: 10;text-align: center} .xywhLeft a .hideCon h4{font-size: 36px;} .xywhLeft a:hover img.ico{transform: scale(1);} .xywhRight{width: 56%} .xywhRight a{width: 48%;position: relative;} .xywhRight a:nth-child(1){margin-bottom: 25px} .xywhRight a:nth-child(2){margin-bottom: 25px} .xywhRight a .hideCon{position: absolute;left: 0;right: 0;bottom: 0;top:0; background: rgba(0,0,0,.6);color: #fff;z-index: 10;opacity: 0;visibility: hidden;} .xywhRight a .hideCon h4{max-width: 230px;width: 100%;line-height: 1.6em;position: absolute;right: 20px;bottom: 45px;} .xywhRight a .hideCon h4:after{content: '';height: 1px;width:0;background: #f90;position: absolute;right: 0;bottom: -10px;transition: .3s;transition-delay: .3s} .xywhRight:hover a .hideCon h4:after{width: 70%} .xywhRight a p{position: absolute;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.6);color: #fff;padding:8px 10px;font-size: 14px;z-index: 5 } .xywhRight a:hover p{opacity: 0;visibility: hidden;} .xywhRight a:hover .hideCon{opacity: 1;visibility: inherit;} .hzjl{background:#1c63bf;padding: 40px 0;overflow: hidden;position: relative;} .hzjl img.rimg{position: absolute;top:0;left: 52%;z-index: 10;height: 100%;width: 976px} .hzjlLeft{width: 48%} .hzjlLeft .inTit{color: #fff;margin-bottom: 20px} .hzjlList li{padding: 12px 0;padding-left: 120px;position: relative;} .hzjlList li span{display: inline-block;background: #204270;border-radius: 30px;color: #fff;padding: 3px 10px;position: absolute;left: 0;top:10px;font-size: 14px} .hzjlList li a{color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;} .ztzl{padding: 100px 0} .ztzl .tit{width: 50px} .ztList{width: 83%} .ztList span{position: absolute;color: #fff;writing-mode: vertical-lr;z-index: 5;font-size: 24px;letter-spacing: .1em;} .ztList span:after{position: absolute;content: '';width: 2px;height: 40%;background: #fff;} .ztList .item{width: 22.5%;} .ztList .item:nth-child(2n+1) span{top:20px;left: 35%;} .ztList .item:nth-child(2n+1) span:after{top:-20px;left: -20px} .ztList .item:nth-child(2n) span{bottom:20px;right: 35%;} .ztList .item:nth-child(2n) span:after{bottom:-20px;right: -20px} @media screen and (max-width: 1366px){ .ztList{width: calc(100% - 50px)} .ztList span{font-size: 18px} .xwxz .news .item1{padding: 40px 25px 60px} } @media screen and (max-width: 1300px){ .vList li{width: 31.33%;margin: 0 1%} .xxzt{display:none; } .yw{ width:49%;} .yw1{width:49%;} .yw h4 { font-size: 24px; font-weight: bold; color: #069; text-align: center; width: 100%; padding-right: 10px; padding-left: 10px; line-height: 50px; } } @media screen and (max-width: 980px){ .inTit .morew span{display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: #fff;margin: 0 4px} .inTit .moreb span{display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: #304156;margin: 0 4px} .xwxz .news .item{width: 100%;margin-bottom: 30px} .xwxz .news{margin-bottom: 0} .xwxz .news .item1{width: 100%;margin-bottom: 30px} .tzggLeft{width: 100%;margin-bottom: 30px} .tzggRight{width:100%} .vList li span{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;} .xyzx li{font-size: 14px} .xyzxRightList li span{font-size: 12px} .xyzxRightList li{padding-left: 100px} .xyzxLeft{width: 100%;margin-bottom: 30px} .xyzxRight{width:100%} .xywhLeft{width: 100%;margin-bottom: 25px} .xywhRight{width: 100%} .inTit h3{font-size: 28px;} .hzjl{padding-bottom: 0} .hzjlLeft{width: 100%;margin-bottom: 20px} .hzjl img.rimg{position: inherit;top:auto;left: auto;z-index: 10;height: auto;width:100%} .hzjlList li span{font-size: 12px} .hzjlList li a{font-size: 14px} .hzjlList li{padding: 10px 0;padding-left: 100px;} .ztList .item{width: 45%;margin-bottom: 20px} .ztzl { padding: 60px 0; } .xxzt{display:none; } .yw{ width:100%;} .yw1{width:100%;} } @media screen and (max-width: 640px){ .tzgg{padding: 40px 0} .xwxz .inTit{margin-bottom: 25px} .xwxz .inTit h3{font-size: 35px} .xwxz .news .item1{padding: 30px 15px 50px} .xwxz .news .item p{font-size: 16px} .tzggLeft li{width: 100%;padding-left: 75px} .tzggLeftList li time{left: -20px} .vList li{width: 100%;margin-bottom: 40px} .stlc{padding: 40px 0 40px;} .xywh{padding: 30px 0 50px} .xywhRight a{width: 100%;position: relative;margin-bottom: 15px} .xywhRight a:nth-child(1){margin-bottom: 15px} .xywhRight a:nth-child(2){margin-bottom: 15px} .xywhLeft img.ico{height: 35px} .xywhLeft a .hideCon h4{font-size: 26px;} .ztList span{font-size: 15px} .ztList .item:nth-child(2n) span{bottom:auto;top:20px;} .ztzl { padding: 40px 0; } .ztzl .tit{width: 28px} } .hidden_search .text { width: 100%; height: 40px; padding: 0; font-size: 16px; color: #444;background: none;border:none;font-family: "Microsoft Yahei";} .hidden_search .btn { display: block;cursor: pointer; position: absolute; right: 0; top: 0; height: 40px; width: 50px; border:none;background-size: cover ;border-radius: 50%;overflow: hidden;background: transparent;font-size: 24px;color:#14559c;} .hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 45px; padding-left: 20px; width: 95% } .hidden_search .close_btn { position: absolute; right: 20px; top: 35%; width: 35px; height: 35px; -webkit-transition: 0.5s; transition: 0.5s; font-size: 26px} .hidden_search .close_btn:hover{ color: #14559c; } .cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%;background: rgba(0,0,0,.7);visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; opacity: 0;} .cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; } .cd-popup-container { position: relative; padding: 30px 40px 30px 30px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .cd-popup0, .cd-popup1, .cd-popup2, .cd-popup3 { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; } .cd-popup0.is-visible, .cd-popup1.is-visible, .cd-popup2.is-visible, .cd-popup3.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; } .cd-popup-container0, .cd-popup-container1, .cd-popup-container2, .cd-popup-container3 { position: relative; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 20%; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .cd-popup-container1 { top: 10%; } .is-visible .cd-popup-container0, .is-visible .cd-popup-container1, .is-visible .cd-popup-container2, .is-visible .cd-popup-container3 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sear_p{float: left;margin: 20px 0 0 5%;width: 90%;-webkit-border-radius: 5px;border-radius: 5px;background: #fff;} .sear_txt{float: left;height: 30px;font-size: 12px;line-height: 30px;border: none;width: calc(100% - 35px);background: none;color: #666;text-indent: 5px;} @media screen and (max-width: 600px){ .hidden_search .close_btn{right: 5px;font-size: 18px;top:35%;} .cd-popup-container{width: 90%} .hidden_search .text{font-size: 14px} .cd-popup-container{padding: 20px 30px 20px 10px} }