@charset "utf-8"; * { font-family:Arial,Helvetica,"Microsoft Yahei",sans-serif; padding:0; margin:0; box-sizing:border-box; vertical-align:top } html { overflow-x:hidden } body { padding:0; margin:0; font-family:Arial,"Microsoft Yahei",Helvetica,sans-serif; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; -webkit-overflow-scrolling:touch; line-height:1; font-size:14px } a { text-decoration:none; bblr:expression(this.onFocus=this.blur()); outline-style:none; outline:0 } a,input,img,:focus { mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur()); outline-style:none } ul { list-style:none } img { border:0 } ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0; font-weight:normal } h3,h4,h5 { font-weight:normal } h4 a:hover,h5 a:hover { -moz-transition:all .36s ease-in-out; -webkit-transition:all .36s ease-in-out; -o-transition:all .36s ease-in-out; -ms-transition:all .36s ease-in-out; transition:all .36s ease-in-out } hr { display:block; height:1px; border:0; background:#d8d8d8; padding:0; margin-bottom:3.25rem; margin-top:2.5rem } abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video { display:block } video { object-fit:cover } .fl { float:left } .fr { float:right } .clear { clear:both; height:0; font-size:1px; line-height:0 } .container01,.container02,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04 { margin:0 auto; overflow:hidden } .slow img:hover { transform:scale(1.05) } .slow img { -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out } h5 a,.more a { -moz-transition:all .36s ease-in-out; -webkit-transition:all .36s ease-in-out; -o-transition:all .36s ease-in-out; -ms-transition:all .36s ease-in-out; transition:all .36s ease-in-out } slow01 { -moz-transition:all .6s ease-in-out; -webkit-transition:all .6s ease-in-out; -o-transition:all .6s ease-in-out; -ms-transition:all .6s ease-in-out; transition:all .6s ease-in-out } .slow02 { -moz-transition:all .6s cubic-bezier(0.215,0.61,0.355,1) 0s; -webkit-transition:all .6s cubic-bezier(0.215,0.61,0.355,1) 0s; -o-transition:all .6s cubic-bezier(0.215,0.61,0.355,1) 0s; -ms-transition:all .6s cubic-bezier(0.215,0.61,0.355,1) 0s; transition:all .6s cubic-bezier(0.215,0.61,0.355,1) 0s } .shadow { -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=90,Color='#999999')"; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=90,Color='#999999'); -moz-box-shadow:1px 1px 10px #999; -webkit-box-shadow:1px 1px 10px #999; box-shadow:1px 1px 10px #999 } .radius { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px } .opacity { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1 } .overfloat-dot { overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .gray { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=60); opacity:.6; -moz-opacity:.6; -khtml-opacity:.6 } .a_body { position:relative } ::-webkit-scrollbar { width:5px; height:5px; background:#f1f1f1 } ::-webkit-scrollbar-track { border-radius:0; background:#f1f1f1 } ::-webkit-scrollbar-thumb { border-radius:0; background:#333 } input::-webkit-input-placeholder { color:#999 } input::-moz-placeholder { color:#999 } input:-moz-placeholder { color:#999 } input:-ms-input-placeholder { color:#999 } textarea::-webkit-input-placeholder { color:#999 } textarea::-moz-placeholder { color:#999 } textarea:-moz-placeholder { color:#999 } textarea:-ms-input-placeholder { color:#999 } .w100 { width:100% } h5 a { display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } ul li:hover h5 a { color:#f00 } .more a { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition:all .36s ease-in-out; -webkit-transition:all .36s ease-in-out; -o-transition:all .36s ease-in-out; -ms-transition:all .36s ease-in-out; transition:all .36s ease-in-out } .table { display:table; table-layout:fixed; text-align:center; width:100%; height:100% } .table_cell { display:table-cell; vertical-align:middle } img { vertical-align:middle } td { vertical-align:middle } .ar_article td,.ar_article th { padding:1rem .9375rem; border:1px solid #c6c5c5; vertical-align:middle } .ar_article td p,.ar_article th p { padding-bottom:0; margin-bottom:0; text-indent:0 } .ar_article table { border-collapse:collapse; border-right:1px solid #ccc; border-bottom:1px solid #ccc; max-width:100%!important; margin:0 auto } .ar_article table tr:not(:first-child) td { background:none!important } .ar_article table td { border-left:1px solid #ccc; border-top:1px solid #ccc; width:auto!important } .ar_article { font-size:.875rem; color:#6d6e70; line-height:1.875rem; margin-bottom:1.75rem } .ar_article p { font-size:16px!important; color:#333!important; line-height:32px!important; margin-bottom:10px; text-indent:32px } .ar_article strong { font-weight:bold } .ar_article img { max-width:100% } .ar_article a { color:#717173 } .ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5 { font-weight:bold } .ar_article h1 { font-size:2.25rem; margin-bottom:1.25rem } .ar_article h2 { font-size:1.875rem; margin-bottom:.875rem } .ar_article h3 { font-size:1.5rem; margin-bottom:.9375rem } .ar_article h4 { font-size:1.125rem; margin-bottom:.875rem } .ar_article h5 { font-size:.875rem; margin-bottom:.75rem } .ar_article h6 { font-size:.75rem; margin-bottom:.75rem } .ar_article ul li,.ar_article ol li { padding-bottom:0!important; margin-bottom:0!important; margin-left:2rem; list-style:inherit!important } .ar_article ul li p,.ar_article ol li p { padding-bottom:0; margin-bottom:3px!important } .ar_article ul,.ar_article ol { margin-bottom:.9375rem } .ar_article sub { vertical-align:sub; font-size:smaller } .ar_article sup { vertical-align:super; font-size:smaller } .ar_article img { display:inline-block; margin-left:-32px } #playercontainer_display_button,#video1_display_button,#video2_display_button { background:none!important; height:40px; width:40px!important; border:2px solid #fff; border-radius:50%; padding:0!important } #playercontainer_display_button #playercontainer_display_button_play,#video1_display_button #video1_display_button_play,#video2_display_button #video2_display_button_play { background-size:25px } #playercontainer_display_button,#video1_display_button,#video2_display_button { height:40px!important; margin-top:-20px!important } #playercontainer_display .cbpreview,#video1_display .cbpreview,#video2_display .cbpreview { opacity:.75!important } .miso-slider { position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent } .miso-list { position:relative; overflow:hidden; display:block; margin:0; padding:0 } .miso-list:focus { outline:0 } .miso-loading .miso-list { background:#fff } .miso-list.dragging { cursor:pointer; cursor:hand } .miso-slider .miso-list,.miso-track,.miso-slide,.miso-slide img { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .miso-track { position:relative; left:0; top:0; display:block; zoom:1 } .miso-track:before,.miso-track:after { content:""; display:table } .miso-track:after { clear:both } .miso-loading .miso-track { visibility:hidden } .miso-slide { float:left; height:100%; min-height:1px; display:none } .miso-slide img { display:block } .miso-slide.miso-loading img { display:none } .miso-slide.dragging img { pointer-events:none } .miso-initialized .miso-slide { display:block } .miso-loading .miso-slide { visibility:hidden } .miso-vertical .miso-slide { display:block; height:auto; border:1px solid transparent } .miso-prev,.miso-next { position:absolute; display:block; height:20px; width:20px; line-height:0; font-size:0; cursor:pointer; background:transparent; color:transparent; padding:0; border:0; outline:0; top:50%; z-index:1 } .miso-prev { left:0 } .miso-next { right:0 } .miso-dots { position:absolute; bottom:-45px; list-style:none; display:block; text-align:center; padding:0; width:100% } .miso-dots li { position:relative; display:inline-block; height:20px; width:20px; margin:0 5px; padding:0; cursor:pointer } .miso-dots li button { border:0; background:transparent; display:block; height:20px; width:20px; outline:0; line-height:0; font-size:0; color:transparent; padding:5px; cursor:pointer } .miso-dots li button:focus { outline:0 } .miso-dots li.miso-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg) } .aico { background:url(../images/aicos.png) } .dt-arrow .aico { position:absolute; left:50%; margin-left:-18.5px; top:0; width:37px; height:19px; animation:hide-dt-f 3s infinite } .dt-arrow { position:relative; width:37px; height:44px } .dt-arrow:before { content:""; position:absolute; left:50%; top:0; bottom:0; width:1px; background:#a0a0a0; margin-left:-1px } @keyframes hide-dt-f { 0% { opacity:1; transform:translateY(-10px) } 100% { opacity:0; transform:translateY(-150%) } }@font-face { font-family:myFirstFont; src:url(../font/tt0173m.ttf) } .ar_wap { display:none } .a_body { position:relative; z-index:0 } .section { overflow:hidden } .w1200 { max-width:1200px; margin:0 auto } .wrap {max-width:1200px;margin: 0 auto; padding: 0 10px; box-sizing: border-box;} .clearfix:after {content: "\20"; display: block; height: 0; clear: both;} .clearfix {zoom: 1;} .header { background:#0C5C9C /*url(../images/yinying.png) top center no-repeat*/; position: relative; color: #fff; padding: 40px 10px; } .header a { color: #fff; } .header .logo { float: left; height: 70px; } .header .logo img { width: 100%; } .header .right-con { float: right; } .header .right-con .links { text-align: right; margin: 10px 0; } .header .right-con .links span { margin: 0 10px; } .header .right-con .search-box { position: relative; width: 258px; } .header .right-con .search-box .text { background: none; padding: 0 10px; line-height: 20px; padding: 7px 40px 7px 7px; border: 1px solid #fff; color: #fff; width: 100%; box-sizing: border-box; border-radius: 5px; } .header .right-con .search-box .btn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .header .navbar { display: none; position: absolute; right: 20px; bottom: 20px; width: 40px; height: 40px; background: url(../images/menu-on.png) no-repeat center center; background-size: 100%; } .navbar { display: none; width: 100%; height: 40px; background: #000; background-size: 100%; } .navbar img{width: 30px; margin-top: 5px;margin-right: 10px; float: right;} .main-nav {position: relative; background: #0C5C9C;transition: all ease 0.3s; border-top: #0C67B0 solid 1px;} .main-nav li { position: relative; z-index: 10; float: left; width: 10%; font-size: 17px; line-height: 50px; text-align: center;} .main-nav li a { display: block; color: #FFF;} .main-nav li a:hover { display: block; color: #FFF;} .main-nav li .dropdown { position: relative; display: none; position: absolute; overflow: hidden; left: 0; top: 98%; /*border-top: 4px solid #e2b7a3;*/ min-width: 100%; background: #0C5C9C;} .main-nav li .dropdown ul { position: relative; padding: 10px 0; margin: 0;} .main-nav li .dropdown li { float: none; width: 100%; padding: 0; line-height: 40px; overflow: hidden; font-size: 14px; position: relative;} .main-nav li .dropdown li .text {white-space: nowrap; padding: 0 20px;} .main-nav li .dropdown li:hover {background: #EC9125;} .main-nav li:hover {z-index: 11; background: #EC9125; color:#fff;} .header.opacity {background: white;} .header.opacity .main-box a {color: #333;} .header.opacity .logo a:nth-child(1) {display: none;} .header.opacity .logo a:nth-child(2) {display: block;} .nav-cover {display: none; position: fixed; width: 100%; height: 100%; z-index: 98; top: 0; left: 0; background: rgba(0, 0, 0, 0.8);} .showNav { overflow: hidden; height: 100%;} .showNav body {overflow: hidden; height: 100%;} .showNav .main-nav { display: block; transform: translateX(0);} .showNav .main-nav .wrap { padding: 0;} .showNav .main-nav li {float: none; width: 100%; line-height: 50px; font-size: 16px; } .showNav .main-nav li .dropdown { background: #e2b7a3; border: none; position: static; display: block; } .showNav .main-nav li .dropdown li { line-height: 30px; } .showNav .nav-cover { display: block; } @keyframes move { 0% { right:0 } 40% { right:0; width:0 } 60% { right:auto; width:0 } 100% { right:auto; width:100% } } .banner {width: 100%;height: 400px;position: relative;} .banner .cen-w{height: 100%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;} .banner .swiper-container {width: 100%;height: 100%;} .banner .swiper-slide{width: 100%;height: 100%;} .banner img{width: 100%;height: 400px;min-width: 1200px;} .banner .swiper-pagination-switch { background: url("../images/icon20.png") 0% 0% / 100% 100%; margin: 0px 12.5px; border-radius: 50%; width: 20px; height: 20px; display: inline-block; cursor: pointer; } .banner .swiper-active-switch { background: url("../images/icon19.png") 0% 0% / 100% 100%; } .container01 { background:url(../images/container01_bg.jpg) center no-repeat; background-size:cover!important; padding:3rem 0 } .container01 ul { margin:0 -1.125rem; font-size:0 } .container01 ul li { display:inline-block; padding:0 1.125rem } .container01 ul li a { display:block; height:7.5rem; background:#e39d24; text-align:center; border-radius:15px; } .container01 ul li a img { display:inline-block; height:3rem; } .container01 ul li.li02 a { background:#61c127 } .container01 ul li.li03 a { background:#27c1a6 } .container01 ul li.li04 a { background:#1d84cc } .container01 ul li.li05 a { background:#cebe33 } .container01 ul li.li06 a { background:#d9541f } .container01 ul li.li01 a { background:#2aaac1 } .container01 ul li a h5 { font-size:16px; color:#fff; font-weight:bold; margin-top:.875rem; height:18px; line-height:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 10px } .container01 .miso-prev,.container01 .miso-next { width:17px; height:31px; z-index:10000; margin-top:-18px } .container01 .miso-prev { left:-1.5rem; background:url(../images/left01.png) center center no-repeat; transition:.36s } .container01 .miso-next { right:-1.5rem; background:url(../images/right01.png) center center no-repeat; transition:.36s } .container02 { padding:2rem 0 2rem; } .container02 .left { width:631px; height:420px; } .container02 .left a { display:block; overflow:hidden; position:relative } .container02 .left a img { width:100%; height:420px; overflow:hidden; object-fit:cover } .container02 .left a h5 { height:3.125rem; line-height:3.125rem; background:rgba(0,0,0,0.5); padding:0 1.5rem; font-size:16px; color:#fff; text-align:center; position:absolute; left:0; bottom:0; right:0 } .title00 { border-bottom:#fff 1px solid; height:44px; margin-bottom:.5rem } .title00 a { float:right; font-size:14px; color:#fff; line-height:30px } .title00 .span { display:inline-block; width:181px; height:30px; line-height:30px; font-size:20px; color:#fff; font-weight:bold; } .title00 .span img { margin:-3px 12px 0 15px } .title00 small { font-size:14px; color:#ccc; text-transform:uppercase; line-height:50px } .container02 .right { width:569px; background: url(../images/news-bac1.jpg) no-repeat center; height:420px; padding:20px 30px; } .container02 .right ul.ul02 li { font-size:15px; color:#fff; line-height:41px; height:41px; } .container02 .right ul.ul02 li:last-child { border-bottom:0 } .container02 .right ul.ul02 li a { color:#fff; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:.36s; position:relative; padding-left:0 } .container02 .right ul.ul02 li a:before { content:""; position:absolute; top:50%; margin-top:-5px; left:0; width:6px; height:6px; transition:.36s; background:#fff; display:none } .container02 .right ul.ul02 li a font { display:inline-block; width:calc(100% - 45px); font-size:16px; color:#fff; position:relative; padding-left:0; transition:.36s; text-overflow:ellipsis; overflow:hidden; white-space:nowrap } .container02 .right ul.ul02 li a img { display:inline-block } .container02 .right ul.ul02 li a span { float:right; font-size:14px; color:#fff } .container03 { padding:2rem 0 1rem 0; background:#F5F5F5/*url(../images/container03_bg.jpg) center no-repeat*/; background-size:cover } .container03 .content { margin:0 -1.25rem; font-size:0 } .container03 .content .box { line-height:48px; display:inline-block; width:50%; padding:0 1.25rem } .container03 .content .box .notice a{color:#323232;} .container03 .content .box .notice li{width:100%;height:98px;margin:15px 0px 0px 0px;} .container03 .content .box .notice li .time{width:100px;height:90px;text-align:center;float:left; padding-right:10px;} .container03 .content .box .notice li .title-desc{width:450px;height:120px;float:left;margin-left:20px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;} .container03 .content .box .notice li .time .day{font-size:28px;width:100%;height:50px;line-height:50px; color:#FFF; background:#EC9125} .container03 .content .box .notice li .time .yymm{font-size:24px;width:100%;height:40px;line-height:40px;color:#FFF; font-family:778-CAI978; background:#0C5C9C } .container03 .content .box .notice li .title-desc .title{width:460px;height:25px;line-height:25px;text-align:left;font-size:16px;overflow:hidden; font-weight:bold;} .container03 .content .box .notice li .title-desc .title-en{font-weight:bold;color:#484848;} .container03 .content .box .notice li .title-desc .desc{margin-top:6px;width:460px;line-height:20px;font-size:14px;color:#666666;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;} .mtjj-con{width:100%; float:left;} .mtjj-con li{width:100%; float:left; margin-bottom:30px;} .mtjj-pic,.mtjj-pic img{width:120px; height:90px; float:left;} .mtjj-txt{width:430px; float:right;} .mtjj-txt h3{width:100%; color:#323232; font-size:16px; float:left; line-height:25px; height:25px; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .mtjj-txt p{width:100%; color:#666; font-size:13px; float:left; line-height:20px; height:60px; overflow:hidden; margin-top:5px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;} .container03 ul li { line-height:42px } .container03 ul li .span01 { display:inline-block; width:72px; height:24px; line-height:24px; background:#dad2a0; text-align:center; margin-right:0; font-size:14px; color:#fff; transition:.36s; vertical-align:middle; border-radius:12px } .container03 ul li a font { font-size:16px; color:#222; display:inline-block; width:calc(100%); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:0; transition:.36s } .container03 ul li a span img { display:inline-block } .title01 { height:44px; margin-bottom:1rem; background:url(../images/xian.jpg) no-repeat bottom; } .title01 a { float:right; font-size:14px; color:#999; line-height:30px } .title01 .span { height:30px; line-height:30px; font-size:20px; color:#0C5C9C; font-weight:bold; display:inline-block; padding:0 0 10px 15px; } .title01 .span img { margin:-3px 12px 0 0 } .title01 small { font-size:14px; color:#ccc; text-transform:uppercase; line-height:50px } .container04 { padding:2.5rem 0; background:/*url(../images/container03_bg.jpg) center no-repeat*/; background-size:cover } .container04 .content { margin:0 -1.25rem; font-size:0 } .container04 .content .box { line-height:48px; display:inline-block; width:50%; padding:0 1.25rem } .container04 ul li { line-height:42px } .container04 ul li .span01 { display:inline-block; width:72px; height:24px; line-height:24px; background:#dad2a0; text-align:center; margin-right:0; font-size:14px; color:#fff; transition:.36s; vertical-align:middle; border-radius:12px } .container04 ul li a font { font-size:16px; color:#222; display:inline-block; width:calc(100%); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:0; transition:.36s } .container04 ul li a span img { display:inline-block } .container05 { padding:2rem 0; background:#F5F5F5; } .container05 .title03 { margin-bottom:2.5rem; font-size:1.375rem; color:#255eaf; font-weight:bold; text-align:center; position:relative } .container05 .title03:before { content:""; width:1.875rem; height:2px; background:#d8ca7c; position:absolute; left:50%; margin-left:-0.9375rem; bottom:-1rem } .container06 { background:url(../images/footer-bg.png) center no-repeat; background-size:cover!important; padding:2rem 0 2rem 0; } .container06 .fl01 .left { width:450px; height:150px; position:relative; text-align:left } .container06 .fl01 .left .img{ display:inline-block; width:300px; float:left } .container06 .fl01 .left .img img { display:inline-block; width:auto; height:150px; } .container06 .fl01 .right { width:calc(100% - 450px); padding:0; text-align:left; } .container06 .fl01 .right .right01 { display:inline-block; width:100%; padding-left:0rem } .container06 .fl01 .right .right02 { display:inline-block; width:100%; padding-top:0.5rem } .container06 .fl01 .right .box h3 { font-size:1.375rem; color:#fff; font-weight:bold; margin-bottom:1rem } .container06 .fl01 .right .box ul { font-size:0; width:100%; display:inline-block } .container06 .fl01 .right .box ul li { display:inline-block; width:25%; font-size:14px; color:rgba(255,255,255,0.8); line-height:34px } .container06 .fl01 .right .box ul li a { color:rgba(255,255,255,0.6); transition:.36s } .container06 .fl01 .right .box p { font-size:15px; color:rgba(255,255,255,0.9); line-height:34px } .container07 { padding:0; background: #0C5C9C /*url(../images/container03_bg.jpg) center no-repeat*/; background-size:cover } .container07 .top { background:url(../images/container03_top_bg.png) center no-repeat; background-size:cover; text-align:center; padding-bottom:1.8rem; letter-spacing: 5px; } .container07 .top h3 { font-size:2rem; font-weight:600; color:#fff; padding:3.5rem 0 2.5rem } footer .fl02 { background:#0C5C9C; padding:1.2rem 0; text-align:center; border-top:1px solid #f5f5f5; } footer .fl02 p,footer .fl02 p a { font-size:14px; color:rgba(255,255,255,0.8) } .mianbao { padding:0 0 0 40px; background:#f2f6f9 url(../images/local.png) 14px 11px no-repeat; margin-bottom:2rem; height:40px; line-height:40px } .mianbao,.mianbao span,.mianbao i,.mianbao a { font-size:13px; color:#808080; font-style:normal; text-transform:capitalize } .mianbao i { margin:0 6px } .mianbao a:hover { color:#0C5C9C } #nav_slide { background:#0C5C9C; line-height:50px; position:relative; z-index:2 } #nav_slide #bnt_back { position:absolute; left:1rem; top:-2px } #nav_slide #bnt_back img { height:20px; vertical-align:middle } #nav_slide .n_title { height:50px } #nav_slide h1 { font-size:16px; color:#fff; text-align:center } #bnt_sub_nav { position:absolute; right:1rem; top:14.5px; cursor:pointer } #bnt_sub_nav img { display:block; height:20px } #bnt_sub_nav.on img { -webkit-transform:rotate(-180deg); transform:rotate(-180deg) } #sub_nav_content { background:#f2f2f2; display:none; z-index:9; width:100% } #sub_nav_content ul li { background:0; box-shadow:none; border-bottom:1px solid #dedede; padding:0 15px } #sub_nav_content ul li a { display:inline-block; font-size:14px; padding:0; color:#333; width:88% } #sub_nav_content ul li i { float:right; font-family:simsun; font-style:normal; font-weight:bold } #sub_nav_content ul li ul li { border:0; line-height:40px; padding-left:10px } #sub_nav_content ul li ul li a { font-size:13px; color:#666 } #sub_nav_content ul li.on>a { color:#0C5C9C } #sub_nav_content ul li ul { display:none } #nav_slide { display:none } .n_container { overflow:hidden; padding:1.875rem 0 3.125rem } .n_container .left { float:left; width:230px } .n_container .left h1 { height:100px; line-height:100px; text-align:center; background:#0c5c9c /*url(../images/n_left_bg.jpg) center no-repeat*/; font-size:26px; font-weight:500; color:#fff; padding:0 28px; position:relative } .n_container .left ul { background:#f2f6f9; padding:0 28px } .n_container .left .con ul li { line-height:60px; font-size:1.125rem; color:#333; border-bottom:#d8d8d8 1px solid; position:relative; padding:0; text-align: center; } .n_container .left .con ul li:last-child { border:0 } .n_container .left .con ul li:before { content:""; width:6px; height:11px; background:url(../images/right_icon.png) center no-repeat; position:absolute; right:0; top:50%; margin-top:-5px; transition:.36s } .n_container .left .con ul li.on:before,.n_container .left .con ul li:hover:before { background:url(../images/right_icon_on.png) center no-repeat } .n_container .left .con ul li a { color:#323232; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis } .n_container .left .con ul li a:hover,.n_container .left .con ul li.on a { color:#0C5C9C } .n_container .left .con ul li dl { display:none; margin-bottom:15px; padding-left:6px } .n_container .left .con ul li dl dd { height:30px; line-height:30px } .n_container .left .con ul li dl dd a { font-size:14px; color:#666!important } .n_container .left .con ul li i.up { background:url(../images/jian.png) center no-repeat } .n_container .left .con ul li i { background:url(../images/jia.png) center no-repeat; width:12px; height:12px; position:absolute; right:-4px; top:15px; cursor:pointer } .n_container .right { float:right; width:calc(100% - 230px); padding-left:2.5rem } .n_news{ text-align:center; } .n_news ul { margin-bottom:1rem; overflow:hidden; text-align:center; margin-left:40px; } .n_news ul li { float:left; width:180px; margin:0 15px; margin-bottom:2rem } .n_news ul li .img { overflow:hidden; position:relative } .n_news ul li .img img { width:180px; height:252px; overflow:hidden; object-fit:cover } .n_news ul li .img .tcfc-title{ color: #02468F; line-height: 42px; margin-top: -42px; width: 100%; font-size: 18px; text-align:center; background:rgba(225,225,225,0.8); z-index:100; position: relative; bottom:0px; } .n_news ul li .img .time { width:60px; height:50px; position:absolute; right:.625rem; bottom:.625rem; background:rgba(2,70,143,0.8); text-align:center } .n_news ul li .img .time h3 { font-size:26px; color:#fff; height:26px; line-height:32px; font-family:Times New Roman; font-weight:bold } .n_news ul li .img .time h5 { font-size:.75rem; color:#fff; font-family:Times New Roman; height:20px; line-height:20px } .n_news ul li h5 { font-size:16px; color:#323232; line-height:26px; height:52px; overflow:hidden } .n_news ul li .h5 { position:relative; padding-bottom:1rem; margin-top:1rem } .n_news ul li .h5:before { display:none; content:""; position:absolute; bottom:.5rem; width:3.125rem; height:1px; background:#4d0b78; left:0 } .n_news ul li p { font-size:14px; line-height:24px; height:72px; overflow:hidden; text-align:left; color:#999 } .fanye img { max-width:100% } .n_news_tu ul li { border-bottom:#dcdcdc 1px dotted; padding-bottom:1.25rem; margin-bottom:1.25rem } .n_news_tu ul li:last-child { border:0 } .n_news_tu ul li .img,.n_news_tu ul li .img img { float:left; width:15rem; height:10.625rem; overflow:hidden; object-fit:cover; position:relative } .n_news_tu ul li .con { float:right; width:calc(100% - 15rem); overflow:hidden; padding:1rem 0 0 1.375rem; position:relative } .n_news_tu ul li .con .cc { position:relative; display:block } .n_news_tu ul li .con .cc:before { content:""; position:absolute; left:0; width:100px; height:2px; transition:.6s; bottom:-10px; display:none } .n_news_tu ul li .con h5 { font-size:1.125rem; color:#000; display:inline-block; overflow:hidden; max-width:100%; height:1.75rem; line-height:1.75rem; transition:.36s } .n_news_tu ul li .con p { font-size:14px; line-height:22px; height:66px; color:#999; margin:.5rem 0 1.25rem; overflow:hidden } .n_news_tu ul li .con h6 { font-size:12px; color:#999; height:18px; line-height:18px; padding:0 } .n_news_tu ul li .con h6 img { margin:-3px 6px 0 0 } .n_news01 ul { margin-bottom:2rem } .n_news01 ul li { margin-bottom:.75rem; border-bottom:#e5e5e5 1px dotted; padding-bottom:.75rem } .n_news01 ul li a { display:block; overflow:visible!important; padding:0; -moz-transition:all .6s ease-in-out; -webkit-transition:all .6s ease-in-out; -o-transition:all .6s ease-in-out; -ms-transition:all .6s ease-in-out; transition:all .6s ease-in-out } .n_news01 ul li .time { float: right; width:120px; height:40px; line-height:40px; text-align: right; font-size:16px; color:#404040; padding-right:20px; } .n_news01 ul li .con { float:left; width:calc(100% - 140px); padding:0 } .n_news01 ul li .con h4 { font-size:16px; line-height:40px; height:40px; overflow:hidden; color:#404040; padding-left:1.5rem; -moz-transition:all .6s ease-in-out; -webkit-transition:all .6s ease-in-out; -o-transition:all .6s ease-in-out; -ms-transition:all .6s ease-in-out; transition:all .6s ease-in-out; white-space:nowrap; text-overflow:ellipsis } .n_news_detail .ar_article .nav01 { overflow:hidden; margin-bottom:20px; text-align:center } .n_news_detail .ar_article h3 { color:#000; font-size:1.5rem; line-height:2.25rem; margin-bottom:12px; font-weight:bold; padding:0 3rem } .n_news_detail .ar_article h6 { display:block; color:#999; font-size:14px; line-height:2.5rem; font-weight:normal; margin-bottom:0; margin-right:0; vertical-align:top } .n_news_detail .ar_article h6 span { margin:0 10px } .n_news_detail .ar_article h6 span img { margin:-3px 6px 0 0 } #ar_fot { position:relative; padding:24px 0; box-sizing:border-box; width:100%; margin-top:30px; border-top:#dcdcdc 1px solid } #ar_fot h1 { display:block; width:100%; font-size:16px; line-height:3rem; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } #ar_fot h1 span { font-weight:bold } #ar_fot h1 a { font-size:18px; color:#000; font-weight:normal } #ar_fot .bnt_back { position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px } #ar_fot .bnt_back:hover { border-radius:3px } #ar_fot h1 a:hover { color:#0C5C9C } .n_shengfen .fl01 ul { margin-bottom:2rem } .n_shengfen .fl01 ul li { display:inline-block; margin-right:0; margin-bottom:5px } .n_shengfen .fl01 ul li a { display:inline-block; padding:10px .75rem; font-size:14px; color:#333; transition:.36s } .n_shengfen .fl01 ul li.on a,.n_shengfen .fl01 ul li a:hover { background:#0C5C9C; color:#fff; border-radius:4px } #vsb_content>div { background:none!important } #vsb_content_4 div,#vsb_content_2 DIV { overflow-x:auto } #vsb_content { overflow-x:auto!important } #vsb_content_2 TABLE TD { text-indent:0 !important } /*快速通道链接*/