@charset "utf-8"; html,body{height:100%;} body{padding:0px; margin:0px auto; font-size:16px; line-height:24px; color:#47535e; width:100%; min-width:1200px; zoom:1; font-family:"Microsoft YaHei","瀹嬩綋"; background:#fff;word-break:normal;text-align:justify;overflow-x: hidden;} ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;} h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;} select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"寰蒋闆呴粦";} input:focus { outline: none;} input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*寮哄埗鍘婚櫎琛ㄥ崟鑷甫鐨勬牱寮?/ } button{ cursor:pointer;} textarea{resize:none;/*-webkit-appearance:none;*//*寮哄埗鍘婚櫎textarea鑷甫鐨勬牱寮?/ } textarea,input,select { background:none; border:none; margin:0; padding:0;} article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5璁剧疆*/ figure,figcaption{ margin:0px; padding:0px;} audio,canvas,progress,video { display: inline-block; vertical-align: baseline;} img{ max-width:100%; border:none; border:0; vertical-align:top;} a{ color:#47535e; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;} a:focus {outline:none; -moz-outline:none;} a:hover{ text-decoration:none; color:#be2827;} *:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;} .fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;} .hidetxt{ display:none;} .clear{ clear:both;} .clearfix{overflow:hidden;_zoom:1;} .clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; } .clearfix{*zoom:1;} :-moz-placeholder {color: #888888;} ::-moz-placeholder {color: #888888;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #888888;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #888888;} .relative{ position:relative;} .bodyon{ overflow:hidden;} .bodyon2{ overflow-x:hidden;} .Contain{ max-width:1200px; margin:0px auto;} .block{ display:block;} .mb50{ margin-bottom:50px;} @media ( max-width:1200px){ .Contain{ padding-left:10px;padding-right:10px;} } @media ( max-width:1024px){ body{ min-width:320px;} } .tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:90%;} .p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}.imgbox{ overflow:hidden; position:relative;} .imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;} /*font*/ .f_red,a.f_red{ color:#c30d23 !important;} .Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;} .Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;} .Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;} /*pages*/ .Pages{ zoom:1; overflow:hidden;text-align:center; color:#555; clear:both;} .Pages span{ padding:0px 0px; display:inline-block;} .Pages a{ display:inline-block; margin:0px 2px; line-height:30px; background:#e8e8e8;text-align:center; color:#666666;} .Pages .p_page a{ display:inline-block; vertical-align:middle;} .Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; vertical-align:middle; padding:0 12px;} .Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{background:#3177b6; color:#fff;} .Pages .p_page .num a{ width:30px; vertical-align:middle;} .Pages .p_page a:hover,.Pages .p_page a.a_cur{ background:#3177b6; color:#fff;} .showMorehandle{ clear:both;} .showMorehandle a{ display:block; margin:0px auto; font-size:18px; width:165px; line-height:43px; border:1px solid #d9e1e9; border-radius:20px; text-align:center; cursor:pointer;} .showMorehandle a i{ background:url(../img/more.png); width:23px; height:23px; display:inline-block; vertical-align:middle; margin-right:20px;} .showMorehandle a:hover{ border:1px solid #2c74c1;} .showMorehandle a:hover i{background:url(../img/more2.png);} @media ( max-width:768px){ .Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ padding:0 5px;} .Pages a{ line-height:22px;} .Pages .p_page .num a{ width:22px;} .showMorehandle a{font-size:16px; width:140px; line-height:35px;} .showMorehandle a i{ margin-right:5px;} } /*Top*/ .Toper{ color:#004ea1; font-size:14px; line-height:36px; height:36px; padding:0px; border-bottom:1px solid #e5edf5;} .Toper a{color:#2b2b2b;}.Toper a:hover{color:#d8231c;} .Toper .line{ display:inline-block; text-align:center; color:#e5edf5; width:28px;} .Toper .tq i{ color:#7a8896; display:inline-block; margin:0px 12px 0px 20px;} .Header{background:#fff;position: relative;} .Header .Logo{float:left; padding-top:15px; height:97px;} .Header .Search{ float:right;} .Header .Search .icon{ cursor:pointer; display:none; text-align:center;} .Header .searchbox{ display:block; position:absolute; height:34px; right:7.5%; top:33px; background:#fff; border:1px solid #d3dff6; padding:0 45px 0px 21px; width:350px; border-radius:18px;padding-left:130px;box-sizing: border-box;} .Header .searchbox .i2{ position:absolute; top:-30px; right:6px; cursor:pointer; width:24px; height:24px; background: #196bc1 url(../img/closenav.png) center center no-repeat; display:none;} .Header .searchbox .input{width:100%; height:34px; line-height:34px;} .Header .searchbox .btn{ position:absolute; top:6px; right:16px;text-align:center;} .Header .searchbox .searchSel{position: absolute;left:20px;top:0;width:95px;height:100%;} .Header .searchbox .searchSel select{height:100%;} .MainNav{ clear:both; background:#146ac1; height:54px;} .MainNav .nav{ max-width:1200px; margin:0px auto;} .MainNav .nav li{float:left; width:14.285%; position:relative;} .MainNav .nav li:last-child span a{ background-image:none;} .MainNav .nav li span a{display:block; color:#fff; background:url(../img/navline.png) right center no-repeat; height:54px;line-height:54px;font-size:16px; font-weight:bold; text-align:center;} .MainNav .nav li span em{ position:relative; z-index:1;} .MainNav .bg{ position:absolute; left:50%; bottom:0px; height:100%; background:#074689; width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;} .MainNav .nav li:hover span .bg,.MainNav li.onnav span .bg,.MainNav .nav li span a.sele .bg{ width:100%; left:0;} .NavPull{ overflow:hidden; width:100%; background:#2c74c1; line-height:35px; top:54px; left:0px; position:absolute; z-index:100; display:none; padding:10px 0px;} .NavPull dd{} .NavPull a{color:#fff; display:block; text-align:center; font-size:16px; padding:0 10px;} .NavPull a:hover{ color:#ffcc00;} .mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;} .openbtn,.closebtn{ cursor:pointer; display:none; float:right;width:26px; padding-top:10px;} .openbtn{ position:absolute; right:10px; top:28px;} .openbtn.on,.closebtn { position:fixed; right:10px; z-index:1001; padding-top:0px; top:12px;} .closebtn.auto{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:887; display:none;} .openbtn span,.closebtn span{ display:block; height:2px; background:#216fc1; margin:4px 0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;} .openbtn.on .sp1,.closebtn .sp1 { -webkit-transform: translate(0, 3px) rotate(45deg) !important; -moz-transform: translate(0, 3px) rotate(45deg) !important; -ms-transform: translate(0, 3px) rotate(45deg) !important; -o-transform: translate(0, 3px) rotate(45deg) !important; transform: translate(0, 3px) rotate(45deg) !important;} .openbtn.on .sp2,.closebtn .sp2 { -webkit-transform: translate(0, -3px) rotate(-45deg) !important; -moz-transform: translate(0, -3px) rotate(-45deg) !important; -ms-transform: translate(0, -3px) rotate(-45deg) !important; -o-transform: translate(0, -3px) rotate(-45deg) !important; transform: translate(0, -3px) rotate(-45deg) !important;} .openbtn.on .sp3,.closebtn .sp3 { display:none;} .mobilenav{ display:none;} @media ( max-width:998px){ body{font-size:14px;} .Toper{ line-height:28px; height:28px; font-size:12px;} .Toper .fr{ float:none;} .Toper .wel{ display:none;} .Header{height:40px;} .Header .Logo{ padding-top:5px; height:auto; width:auto;}.Header .Logo img{ height:28px;} .Header .openbtn{ display:block;top:0;} .Header .openbtn.on{top: 12px;} .Header .Search{ margin-right:40px;margin-top:10px;} .Header .Search .icon{display:block; width:20px;} .Header .searchbox{ display:none; position:absolute; height:34px; right:0px; top:120px; background:#fff; border:1px solid #d3dff6; padding:0 5% 0px 5%; border-radius:18px; width:90%; z-index:999;padding-left:130px;} .Header .searchbox .i2{display:block;} .Header .searchbox .input{width:100%; height:34px; line-height:34px;} .Header .searchbox .btn{ position:absolute; top:6px; right:16px;text-align:center;} .MainNav{ position:fixed; z-index:1000; width:180px; height:100%; overflow-y:auto; padding-top:0px; background:#fff; right:-180px; top:0px;} .MainNav .nav{ float:none; margin-top:38px; width:auto;} .MainNav .nav li{ float:none; padding:0; border-bottom:1px solid #eee; width:auto;} .MainNav .nav li span a{ height:auto; display:block; line-height:46px; height:46px; padding:0 0 0 10px; color:#333; text-align:left;} .MainNav .nav li:hover span a,.MainNav .nav li.onnav span a,.MainNav .nav li span a.sele{ color:#fff; background:#3177b6;} .MainNav .bg{ display:none;} .MainNav .arr{ position:absolute; z-index:2; width:100%; height:46px; background:url(../img/arr.png) right center no-repeat; left:0px; top:0px;} .MainNav li.onnav .arr{ background:url(../img/arrt.png) right center no-repeat;} .NavPull { position:static; line-height:40px; background:#fff; width:auto;} .NavPull dd{float:none;} .NavPull a{ display:block; font-size:14px; background:none;color:#666; font-weight:normal; padding-left:10px; border-bottom:1px solid #eee;} .NavPull a:nth-child{border-bottom:0px solid #eee;} .NavPull a:hover{ background:none;} .mobilenav{ display:block;} .pcnav{ display:none;} } /*Top*/ /*Bottom*/ .footer{ background: #d9e1e9; clear:both; color:#000000; padding-top:16px;} .footer .logo{ line-height:27px; padding-right:1%; float:left; margin-top:19px;} .footer .logo a{ display:block; background:url(../img/logob2.png) center top no-repeat; padding-top:73px; text-align:center; color:#000000;background-size: contain;width:100px} /*.footer .logo:hover a{background:url(../img/logob2.png) center top no-repeat; color:#cc0000;}*/ .footer .contact{ width:47%; float:left;margin-top: 30px;} .footer .contact li{ width:50%; float:left; line-height:44px;} .footer .contact li .ico{ display:inline-block; margin-right:14px; width:13px; height:13px; vertical-align:middle; background:url(../img/lxwmico.png) no-repeat;} .footer .contact li .ico.code{ background-position:0px top;} .footer .contact li .ico.tel{ background-position:-13px top;} .footer .contact li .ico.mail{ background-position:-26px top;} .footer .contact li .ico.add{ background-position:-39px top;} .footer .contact li .ico.fax{ background-position:-52px top;} .footer .link{ font-size:14px; float:right; padding-top:19px;} .footer .link h3{ font-size:16px; margin-bottom:13px;} .footer .link li{ margin-bottom:2px;} .footer .link li a{color:#000000;}.footer .link li a:hover{color:#cc0000;} .Copyright{ font-size:14px; border-top:1px solid #bcc8d5; padding:14px 0px; line-height:34px; margin-top:18px;} .Copyright a.design{ color:#a3a9ae;}.Copyright a.design:hover{ color:#cc0000;} .otherlink{ z-index:99; clear:both; font-size:14px; position:relative; background:#cfd8e1; color:#000000; overflow:hidden; width:235px;} .otherlink p{ background:url(../img/linkico.png) 6px center no-repeat; padding-left:36px;} .otherlink p .arr{ position:absolute; width:55px; height:34px; right:0px; top:0px; border-left:1px solid #bdc6cf;} .otherlink p .arr i{ background:url(../img/linkarr.png) right center no-repeat; width:16px; height:11px; position:absolute; left:50%; margin-left:-8px; top:12px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;} .otherlink ul{line-height:24px; background:#cfd8e1; box-shadow:0 0 10px #ddd; position:absolute; width:84.3%; padding:4% 8% 0; left:0px; bottom:0px; height:0px;filter:alpha(opacity=0);-moz-opacity: 0;opacity:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;} .otherlink ul a{color:#000;}.otherlink ul a:hover{color:#cc0000;} .otherlink:hover .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important; -ms-transform: translate(0, -3px) rotate(-180deg) !important; -o-transform: translate(0, -3px) rotate(-180deg) !important; transform: translate(0, -3px) rotate(-180deg) !important;} .otherlink:hover ul{ height:auto;filter:alpha(opacity=100);-moz-opacity: 1;opacity:1; bottom:34px;} .otherlink:hover{ overflow:visible;} .Fexidright{ position:fixed; top:40%; right:0px; width:60px; z-index:999;} .Fexidright li{ cursor:pointer; margin-bottom:1px; height:60px; background:#2470c0; position:relative; color:#034792;text-align:center;} .Fexidright li .ico{ display:block; height:60px;} .Fexidright li .ico.qq{ background:url(../img/fqq.png); background-size:contain;} .Fexidright li .ico.tel{ background:url(../img/ftel.png); background-size:contain;} .Fexidright li .ico.ewm{ background:url(../img/fewm.png); background-size:contain;} .Fexidright li.cd-top{overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; height:0px;} .Fexidright li.cd-top.cd-is-visible {visibility: visible;opacity: 1;height:60px;} .Fexidright li.cd-top.cd-is-visible .ico{background:url(../img/ftop.png); background-size:contain;} .Fexidright li .box{ display:none; position:absolute; right:61px; top:0px; background:#fff; box-shadow:0 0 10px #ddd; padding:5px; width:96px;} .Fexidright li .box span{ display:block; border:1px solid #eeeeee; padding:4px; margin-bottom:5px;} .Fexidright li .box span img{ display:block; width:86px; height:86px;} .Fexidright li .box p{ font-size:14px; line-height:28px; text-align:left;} .Fexidright li:hover .box{ display:block;} @media ( max-width:1200px){ .footer .contact{ width:47%; font-size:14px;margin-top: 30px;} } @media ( max-width:998px){ .footer .logo { display:none;} .footer .contact { width:40%; padding-top:19px;} .footer .contact li{ width:auto; float:none; line-height:24px;} .Copyright .fl{ float:none; line-height:24px; padding-bottom:5px; text-align:center;} .Copyright .fr{ float:none;} .otherlink{ margin:0px auto;} .Fexidright{ width:35px;} .Fexidright li{height:35px;} .Fexidright li .ico{ height:35px;} .Fexidright li.cd-top.cd-is-visible {height:35px;} .Fexidright li .box{right:36px; } .fewm { float: none!important; text-align: left!important; padding-top: 2%;} } @media ( max-width:640px){ .footer .logo { padding:0; float:none;} .footer .contact { width:auto; float:none;} .footer .link {float:none;} } /*Bottom*/ /*棣栭〉 s*/ #banner{width:100%;height:590px;overflow:hidden;position:relative; clear:both; margin-bottom:25px;} #banner .swiper-slide{ position:relative;overflow: hidden;} #banner .swiper-slide .img{ height:590px; background-position:center center; background-size:cover; background-repeat:no-repeat;overflow: hidden;} #banner .swiper-button-prev{ width:32px; height:57px; background:url(../img/prev.png) center center no-repeat;} #banner .swiper-button-next{ width:32px; height:57px; background:url(../img/next.png) center center no-repeat;} #banner .swiper-pagination{bottom:30px;right:0px; width:100%; text-align:center;} #banner .swiper-pagination-bullet{ opacity:1;width:8px;height:8px; vertical-align:middle; border-radius:50%; background:#fff; opacity:0.5;margin:0 5px;} #banner .swiper-pagination-bullet-active{ border:3px solid #fff; height:10px; width:10px; background:none; opacity:1;} .effect1 .img{transform:scale(1.25,1.25) translate(10%,10%);transform:scale(1.1,1.1) translate(4.545%,4.545%);} .leftUp .img{-webkit-animation-name:leftUp;animation-name:leftUp;} @-webkit-keyframes leftUp{ 0%{transform:scale(1.1,1.1) translate(4.545%,4.545%); } 100%{transform:scale(1.1,1.1) translate(-4.545%,-4.545%);}} @keyframes leftUp{ 0%{transform:scale(1.1,1.1) translate(4.545%,4.545%);} 100%{transform:scale(1.1,1.1) translate(-4.545%,-4.545%);}} .moveRight .img{-webkit-animation-name:moveRight;animation-name:moveRight;} @-webkit-keyframes moveRight{ 0%{transform:scale(1.1,1.1) translate(-4.545%,0); } 100%{transform:scale(1.1,1.1) translate(4.545%,0);}} @keyframes moveRight{ 0%{transform:scale(1.1,1.1) translate(-4.545%,0);} 100%{transform:scale(1.1,1.1) translate(4.545%,0);}} .moveDown .img{-webkit-animation-name:moveDown;animation-name:moveDown;} @-webkit-keyframes moveDown{ 0%{transform:scale(1.1,1.1) translate(0,-4.545%); } 100%{transform:scale(1.1,1.1) translate(0,4.545%);}} @keyframes moveDown{ 0%{transform:scale(1.1,1.1) translate(0,-4.545%);} 100%{transform:scale(1.1,1.1) translate(0,4.545%);}} .centerBig .img{-webkit-animation-name:centerBig;animation-name:centerBig;} @-webkit-keyframes centerBig{ 100%{transform:scale(1.1,1.1);}} @keyframes centerBig{ 100%{transform:scale(1.1,1.1);}} .rightDownBig .img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;} @-webkit-keyframes rightDownBig{ 100%{transform:scale(1.1,1.1) translate(4%,4%);}} @keyframes rightDownBig{ 100%{transform:scale(1.1,1.1) translate(4%,4%);}} .swiper-slide .img{ animation-duration:5s; animation-timing-function:linear; animation-fill-mode: forwards; -webkit-animation-duration:5s; -webkit-animation-timing-function:linear; -webkit-animation-fill-mode: forwards;} @media ( max-width:998px){ #banner{height:250px;} #banner .swiper-slide .img{ height:250px;} #banner .swiper-button-prev{ width:18px; height:35px; background-size:cover;} #banner .swiper-button-next{ width:18px; height:35px; background-size:cover;} } @media ( max-width:640px){ #banner{height:220px;} #banner .swiper-slide .img{ height:220px;} } .newsnav{ height:56px; position:relative;} .newsnav li{ display:inline-block;*display:inline; zoom:1;} .newsnav li a{ display:block; line-height:48px; font-size:20px; text-align:center; color:#333333; width:129px; position:relative;cursor: pointer;} .newsnav li.on i{ background:url(../img/arrb.png); width:16px; height:8px; position:absolute; bottom:-8px; left:50%; margin-left:-8px;} .newsnav li.on a{ color:#fff; background:#0f61b8;} .newsnav li a.more{ position:absolute; right:0; top:0; width:auto; display:none; color:#333; font-size:14px;} .newsnav li.on a.more{ background:none; color:#333; display:inline-block;} .HomeNews{ padding:30px 0 40px;} .HomeNews .newsleft{ width:49%; float:left; position:relative; overflow:hidden;} .HomeNews .newsleft .slides li{} .HomeNews .newsleft .slides li .imgbox{ padding-top:58%;} .HomeNews .newsleft .slides li .info{ padding-left:105px; line-height:30px; margin-top:23px; position:relative;} .HomeNews .newsleft .slides li .info .tit{ font-size:18px; margin-bottom:0px;} .HomeNews .newsleft .slides li .info .tit a{ color:#000;}.HomeNews .newsleft .slides li .info .tit a:hover{ color:#cc0000;} .HomeNews .newsleft .slides li .info .p{-webkit-line-clamp: 2; height:60px; color:#707070;} .HomeNews .newsleft .slides li .info .date{ position:absolute; left:9px; top:0px; color:#0f61b8; font-size:18px; font-family:Tahoma, Geneva, sans-serif;} .HomeNews .newsleft .slides li .info .date i{ font-size:30px;} .HomeNews .newsleft .flex-control-nav { height:25px; top:60.5%; left:auto; right:10px; width:100%; text-align:right;} .HomeNews .newsleft .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .HomeNews .newsleft .flex-control-paging li a { display:inline-block; *display:inline; zoom:1;width:10px;height:10px;background:#fff; opacity:0.5;margin:0 0px; border-radius:50%; overflow:hidden; line-height:50px;} .HomeNews .newsleft .flex-control-paging li a:hover {opacity:1;} .HomeNews .newsleft .flex-control-paging li a.flex-active {opacity:1;} .HomeNews .newsright{ width:47%; float:right;} .HomeNews .newsright .slidebox .first{ padding:17px 0 13px; margin-bottom:13px;border-bottom: 1px dashed #cbcaca;} .HomeNews .newsright .slidebox .first h3{ color:#333; line-height:40px; font-size:18px; margin-bottom:7px;} .HomeNews .newsright .slidebox .first .p{-webkit-line-clamp: 2; line-height:28px; height:56px;color:#707070;} .HomeNews .newsright .slidebox .first:hover h3{ color:#b80e07;} .HomeNews .newsright .slidebox .li{border-bottom:1px solid #eeeeee; font-size:16px; height:40px; line-height:40px; position:relative; background:url(../img/dot3.gif) 0px center no-repeat; padding-left:15px; padding-right:55px;} .HomeNews .newsright .slidebox .li .date{ color:#cbcfce; position:absolute; right:0; top:0; font-size:14px;} @media ( max-width:998px){ .newsnav{ height:37px;} .newsnav li a{line-height:32px;width:100px; font-size:16px;} .HomeNews .newsleft .flex-control-nav { top:50%;} .HomeNews .newsright .slidebox .first{ padding:14px 0 20px;} .HomeNews .newsright .slidebox .first h3{line-height:28px; font-size:18px; margin-bottom:7px;} .HomeNews .newsright .slidebox .li{ line-height:30px; height:30px;} } @media ( max-width:768px){ .HomeNews{ padding-bottom:20px;} .HomeNews .newsleft{ width:auto; float:none; margin-bottom:18px;} .HomeNews .newsleft .flex-control-nav { top:46%;} .HomeNews .newsright{ width:auto; float:none;} .HomeNews .newsright .slidebox .li{font-size:15px;} .HomeNews .newsleft .swiper-slide .info{ padding-left:60px; line-height:24px;} .HomeNews .newsleft .swiper-slide .info .date{left:0px;font-size:14px;} .HomeNews .newsleft .swiper-slide .info .date i{ font-size:18px;} .HomeNews .newsleft .swiper-slide .info .tit{ font-size:15px; margin-bottom:5px;} .HomeNews .newsleft .swiper-slide .info .p{font-size:14px;} .HomeNews .newsleft .slides li .info{ padding-left:60px;} .HomeNews .newsright .slidebox .first h3{line-height:24px; font-size:15px; margin-bottom:7px;} .HomeNews .newsright .slidebox .first .p{ font-size:14px; line-height:20px; height:auto;} .HomeNews .newsleft .slides li .info .p{line-height:20px; height:40px;} .HomeNews .newsleft .slides li .info .date i{ font-size:20px;} .HomeNews .newsleft .slides li .info .date{ left:0;} .HomeNews .newsleft .slides li .info .tit{ font-size:15px;} .HomeNews .newsright .slidebox .li { padding-bottom:3px;} .HomeNews .newsright .slidebox .li .date{ font-size:12px;} } .HomeNotice{ background:#f1f6fb; height:58px; line-height:58px; overflow:hidden; padding:0 10px 0 123px; position:relative;} .HomeNotice .thead{ color:#0f61b8; font-size:18px; position:absolute; left:13px;} .HomeNotice .scroll{ height:58px; overflow:hidden;} .HomeNotice li{ float:left; margin-right:53px;} .HomeNotice li a{ background:url(../img/dot.png) 0px center no-repeat; padding-left:20px; display:block;} .HomeNotice li:hover a{ background:url(../img/dot2.png) 0px center no-repeat;} .HomeNotice a{ color:#000;}.HomeNotice a:hover{ color:#cc0000;} .HomeTit{ overflow:hidden; line-height:94px; height:94px;} .HomeTit h2{ float:left; font-size:26px; color:#0f61b8;cursor: pointer;} .HomeTit h2 i{ margin-left:5px; font-weight:normal; color:#c1c1c1; font-size:14px;} .HomePro{ margin:0 0 0 -2%;} .HomePro li{ width:31.33333%; float:left; text-align:center; margin:0 0 4% 2%; background:#fcfcfc;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;} .HomePro .imgbox{ padding-top:45%;} .HomePro .info{ border:1px solid #eeeeee; border-top:0px; height:164px; padding:0 40px; position:relative;} .HomePro .tit{ color:#000; padding-top:10px; line-height:52px; font-size:20px;} .HomePro .tit i{ display:block; margin:0px auto; width:16px; height:19px; border-top:2px solid #9facb9;} .HomePro .p{ -webkit-line-clamp: 2; color:#000; font-size:14px;} .HomePro .more{ width:126px; line-height:32px; position:absolute; bottom:0px; left:50%; margin-left:-63px; color:#afcceb; border-radius:19px; background:url(../img/morebg.gif) center top repeat-y;filter:alpha(opacity=0);-moz-opacity: 0;opacity:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;} .HomePro li:hover{ box-shadow:0 0 25px #ddd;} .HomePro li:hover .tit{ color:#0f61b8;} .HomePro li:hover .tit i{border-top:2px solid #0f61b8;} .HomePro li:hover .more{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1; bottom:-16px;} .HomePro li:hover a{ color:#000;} @media ( max-width:998px){ .HomeTit{line-height:50px; height:50px;} .HomeTit h2{ font-size:18px;} .HomePro li { margin-bottom:35px;} .HomePro li .more{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1; bottom:-16px; width:100px; margin-left:-50px;} .HomePro .info{padding:0 10px;} } @media ( max-width:640px){ .HomePro li { width:48%;} .HomePro .info{ height:120px;} .HomePro .tit{ padding-top:0px; line-height:35px; font-size:15px;} .HomePro .tit i{ height:5px;} .HomeNotice li{ font-size:15px; margin-left:10px;} } .HomeNav{ border-top:1px solid #efefef; padding:44px 0;} .HomeNav li{ padding:0 2%; width:33%; float:left;cursor: pointer;} .HomeNav li a{ display:block; padding-left:113px; position:relative; height:78px;} .HomeNav li .ico{ border-radius:50%; box-shadow:0 5px 15px #ccc; position:absolute; width:78px; height:78px; position:absolute; left:0px; top:0;} .HomeNav li .i1,.HomeNav li .i2{width: 100%; position: absolute; left:0;top:0;} .HomeNav li .i1{ transition: 400ms;} .HomeNav li .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;} .HomeNav li:hover .i1{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0);} .HomeNav li:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);} .HomeNav li .tit{ font-size:24px; color:#2e2e2e; padding-top:10px;} .HomeNav li .tit i{ color:#dce1e5; font-size:12px; display:block;} .HomeNav li .more{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; width:74px; height:7px; position:absolute; top:15px; right:0px; background:url(../img/more.gif) right top no-repeat;} .HomeNav li:hover .more{ width:90px;} .HomeNav li:hover .ico{box-shadow:0 5px 15px #d58a8a;-webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate;} @media ( max-width:998px){ .HomeNav li a{ padding-left:100px;} .HomeNav li .more{ width:30px;} .HomeNav li:hover .more{ width:30px;} .HomeNav li .tit{ font-size:18px;} } @media ( max-width:640px){ .HomeNav{ padding:20px 0;} .HomeNav li a{ padding:60px 0 0 0; height:78px; text-align:center;} .HomeNav li .ico{ width:60px; height:60px; left:50%; margin-left:-30px;} .HomeNav li .more{ top:auto; bottom:0;} } /*棣栭〉 end*/ /*鏍忕洰椤靛叕鐢ㄦ牱寮 s*/ .SubMenu{ border-bottom:2px solid #f9f9f9; height:68px; line-height:68px;} .SubMenu .ColumnName{ float:left; color:#0f61b8; font-size:26px;} .SubMenu .GD-A{font-size:14px;color:#888;} .MenuList{ float:right;} .MenuList li{ display:inline-block; *display:inline; zoom:1; margin-left:30px;} .MenuList li a{ position:relative;color:#333; display:block;} .MenuList li i{ position:absolute; left:50%; width:0; height:2px; bottom:-2px; background:#0f61b8;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;} .MenuList li.onli a,.MenuList li a:hover{ color:#0f61b8;} .MenuList li.onli i,.MenuList li a:hover i{ left:0px; width:100%;} .SubPage{ height:auto !important; min-height:250px; height:250px;padding-top:60px; padding-bottom:50px;} .SinglePage{ word-wrap:break-word; font-size:18px; line-height:36px;} .SinglePage .aboutmain{ margin:0 45px;} @media ( max-width:1200px){ .MenuList li{ margin-left:20px;} } @media ( max-width:998px){ .SubPage{padding-top:20px; padding-bottom:20px;} .SinglePage{ font-size:14px; line-height:24px;} .SubMenu .ColumnName{font-size:20px;} .MenuList li{margin-left:7px;} } @media ( max-width:768px){ .SubMenu{ height:auto; padding:10px 0px; line-height:25px; text-align:center;} .SubMenu .ColumnName{ float:none; padding-bottom:10px;} .MenuList{ float:none;} .MenuList li{margin:0 6px 4px;} } /*鏍忕洰椤靛叕鐢ㄦ牱寮 end*/ /***鍏充簬鎴戜滑 s***/ .Companyname{ background:url(../img/companybg.gif) center top no-repeat; background-size:cover; margin-bottom:36px; padding:32px 10px;} .name{ text-align:center;} .name h2{ font-size:36px; margin:13px 0 5px;} .name p{ color:#abaeb1; letter-spacing:0.08em;} .name p.p2{ color:#47535e; margin-top:16px; font-size:18px;} .name p.p2 span{ color:#2c74c1;} .Leaderinfo{ width:56%; float:left;} .Leaderinfo .gsname{ text-align:left; border-bottom:1px solid #eeeeee; padding-bottom:29px; margin-bottom:8%;} .Leaderinfo .gsname div{ display:inline-block;} .Leaderimg{ padding-top:15px; width:30%; float:right; text-align:center;} .Leaderimg img{ display:block; margin:0px auto 25px;} .Teambox{ max-width:500px; margin:0px auto; padding-top:35px; font-size:16px;} .Teambox p{ margin-top:10px;} .Teambox b{ width:152px; display:inline-block; vertical-align:middle;} .historybg{ background: #f7f7f7 url(../img/lsbg.jpg) center bottom no-repeat; background-size:contain; padding-bottom:8%;} .historybox{ background:#fff; margin-top:39px; padding:30px 20px;} #historydate{ margin:0 51px; height:91px; background:url(../img/dateline.gif) 0px bottom repeat-x;} #historydate .slides li{ text-align:center; color:#7c7c7c; cursor:pointer; height:91px; position:relative;} #historydate .slides li span{ position:absolute; width:90px; left:50%; margin-left:-45px; bottom:7px; text-align:center; color:#7c7c7c; cursor:pointer; line-height:40px; background:url(../img/datedot1.gif) center bottom no-repeat; padding-bottom:15px;} #historydate .slides li.flex-active-slide span{ background:url(../img/datedot2.gif) center bottom no-repeat; padding-bottom:29px; line-height:62px; color:#2c74c1; font-size:36px; bottom:0;} #historydate .flex-direction-nav a {opacity: 1; width: 29px; height: 29px; margin: 15px 0 0;background: url(../img/datearr.png) no-repeat;transition:all 0s linear; -webkit-transition:all 0s linear;} #historydate .flex-direction-nav .flex-prev { left: -40px; background-position:0 0;} #historydate .flex-direction-nav .flex-next { right: -40px; background-position:-29px 0;} #historydate .flex-direction-nav .flex-prev:hover {background-position:0 -29px;} #historydate .flex-direction-nav .flex-next:hover { background-position:-29px -29px;} #historydate .flexslider:hover .flex-prev { opacity: 1;} #historydate .flexslider:hover .flex-next { opacity: 1;} #historydate .flex-direction-nav .flex-disabled { display:none;} #historycon li .txt{ font-size:18px; padding:3.5% 8% 4% 9%;} #historycon li .txt h3{ color:#2c74c1; margin:25px 0 16px;} .rytp{ width:50%; margin:0px auto; text-align:center;} .menusub{ text-align:center; line-height:42px; padding:23px 0px 37px;font-size:24px;} .menusub li{ display:inline-block; *display:inline; zoom:1; padding:0 4px;} .menusub li a{ display:block; padding:0 42px; background:#dfe4e9; border-radius:20px;} .menusub li a:hover,.menusub li.onli a{ color:#fff; background:#2c74c1;} .HornorList ul{ margin:0 0 15px -2%;} .HornorList li{ font-size:18px; width:31.333333%; float:left; text-align:center; padding:0 0 2% 2%;} .HornorList li .img{ border:2px solid #eeeeee; background:#f9f9f9; padding:5px; margin-bottom:17px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;} .HornorList li .img span{ display:table-cell; height:245px; vertical-align:middle; margin:0px auto; width:2%;} .HornorList li .img img{ display:block; max-height:245px; margin:0px auto;} .HornorList li .p{ height:50px;-webkit-line-clamp: 2; margin:0 10px;} .HornorList li:hover .img{ border:2px solid #2c74c1; background:#fff;} @media ( max-width:768px){ .SinglePage .aboutmain{ margin:0;} .Companyname{ margin-bottom:20px; padding:10px;} .name h2{ font-size:20px; margin-bottom:0;} .name p.p2{ margin-top:6px; font-size:14px;} .Leaderinfo .gsname{padding-bottom:15px; margin-bottom:5%;} .Leaderinfo .gsname div{ display:block;} .Leaderinfo{ width:auto; float:none;} .Leaderimg{ width:auto; float:none;} .Teambox{ padding-top:15px; font-size:14px;} .Teambox b{ width:55px;} .historybox{margin-top:15px; padding:20px 10px;} #historydate{ margin:0 30px; height:60px;} #historydate .slides li{ height:60px;} #historydate .slides li.flex-active-slide span{line-height:45px; font-size:24px;background:url(../img/datedot3.gif) center bottom no-repeat; bottom:7px; padding-bottom:15px;} #historydate .flex-direction-nav a { margin-top:3px;} #historydate .flex-direction-nav .flex-prev { left: -30px;} #historydate .flex-direction-nav .flex-next { right: -30px;} #historycon li .txt{ font-size:14px; padding:15px 0;} #historycon li .txt h3{ color:#2c74c1; margin:10px 0 10px;} .menusub{line-height:32px; padding-bottom:20px;font-size:16px;} .HornorList li{ font-size:13px;} .HornorList li .p{ line-height:17px;-webkit-line-clamp: 4; margin:0;} } @media ( max-width:640px){ .HornorList li .img span{height:160px;} .HornorList li .img img{max-height:160px;} } @media ( max-width:480px){ .HornorList li .img{ margin-bottom:5px;} .HornorList li .img span{height:120px;} .HornorList li .img img{max-height:120px;} } /***鏂伴椈鍔ㄦ€ s***/ .NewsList ul{ padding-bottom:12px;} .NewsList li{ background:#fff; border:1px solid #eeeeee; margin-bottom:38px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;} .NewsList li .imgbox{ height:290px; width:32%; float:left;} .NewsList li .info{ float:left; padding:3.8% 4%; line-height:37px; color:#868d93;box-sizing: border-box; width: 100%;} .NewsList li .info .tit{ font-size:30px; margin-bottom:10px;} .NewsList li .info .p{-webkit-line-clamp: 2; font-size:18px; margin-bottom:2%; color:#868d93;} .NewsList li .info .date{ position:relative; font-size:14px;} .NewsList li .info .date span{ color:#47535e;} .NewsList li .info .date .share{ position:absolute; right:0%;} .NewsList li:hover{ box-shadow:0 5px 20px #ccc;} /*.NewsList li:hover .tit{ color:#2c74c1;}*/ .NewsList li.nopic .imgbox{ display:none;} .NewsList li.nopic .info{ width:auto; float:none;} .Titleinfo{ color:#888888; line-height:30px; padding:0px 0px 24px 0px; margin-bottom:25px; text-align:center; border-bottom:1px solid #e5e5e5;} .Titleinfo .tits{ font-size:28px; font-weight:normal; color:#333333; padding-bottom:10px;} .Titleinfo .date i{ margin:0px 10px; display:inline-block;} .share{ display:inline-block; *display:inline;zoom:1; vertical-align:middle;} .share .bshare-custom{display:inline-block; *display:inline;zoom:1; vertical-align:middle; margin-top:-4px;} .share .bshare-custom a{ width:26px; height:21px; background:url(../img/share.png); padding:0; margin-right:20px;} .share .bshare-custom a:last-child{margin-right:0px;} .share .bshare-custom .bshare-sinaminiblog{ background-position:0px top;} .share .bshare-custom .bshare-sinaminiblog:hover{ background-position:0px -21px;} .share .bshare-custom .bshare-qqim{ background-position:-26px top;} .share .bshare-custom .bshare-qqim:hover{ background-position:-26px -21px;} .share .bshare-custom .bshare-weixin{ background-position:-52px top;} .share .bshare-custom .bshare-weixin:hover{ background-position:-52px -21px;} .PrevNextBox {margin:50px 0 0 0;position:relative; color:#888888;} .PrevNextBox dl{ width:49%; line-height:50px; height:50px; text-align:center; overflow:hidden; background:#f7f7f7;} .PrevNextBox dl span{color:#000000;} .PrevNextBox dl:hover{background:#3177b6; color:#fff;} .PrevNextBox dl:hover span{ color:#fff;} .PrevNextBox dl:hover a{ color:#fff;} .PrevNextBox dl div{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; max-width:90%;} @media ( max-width:998px){ .NewsList li { margin-bottom:15px;} .NewsList li .imgbox{ height:220px; width:32%; float:left;} .NewsList li .info{ line-height:30px;} .NewsList li .info .tit{ font-size:24px; margin-bottom:10px;} .NewsList li .info .p{font-size:16px;} .share .bshare-custom a{margin-right:5px;} } @media ( max-width:768px){ .Titleinfo{ padding:0px 0 10px; margin-bottom:15px;} .NewsList li .imgbox{ width:auto; float:none;} .NewsList li .info{ width:auto; float:none; line-height:24px;} .NewsList li .info .tit{ font-size:16px; margin-bottom:5px;} .NewsList li .info .p{font-size:14px;} .NewsList li .info .date{ font-size:12px;} } @media ( max-width:640px){ .NewsList li .imgbox{ height:120px;} .Titleinfo .tit{ font-size:20px;} .PrevNextBox {margin:35px 0 0 0;} .PrevNextBox dl{ width:auto; line-height:40px; height:40px;font-size:14px; text-align:left;} .PrevNextBox dl div{width:90%; margin:0px auto;} .PrevNextBox dl.fl{ float:none;}.PrevNextBox dl.fr{ float:none;} } /***浜у搧涓庢湇鍔 s***/ .Protop{ margin-bottom:50px;} .Protop .slides li{ position:relative;} .Protop .slides .imgbox{ height:590px;} .Protop .slides .info{ width:65%; position:absolute; left:0px; bottom:0px; background:url(../img/probg.png) right bottom repeat-x; background-size:contain; z-index:2; line-height:30px; padding:25px 35% 25px 5%;} .Protop .slides .info .tit{ font-size:30px; color:#fff; margin-bottom:15px;} .Protop .slides .info .p{-webkit-line-clamp: 2; color:#afafaf;} .Protop .slides li:hover .tit{ color:#ffcc00;} .Protop .flex-control-nav { text-align:right; width:31%; right:4%; bottom:9%;} .Protop .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .Protop .flex-control-paging li a {width: 14px; height: 14px; line-height:100px;background: #d2d2d2; overflow:hidden; border-radius:50%;} .Protop .flex-control-paging li a:hover { background: #256ce8; } .Protop .flex-control-paging li a.flex-active { background: #256ce8; } .Protop .flex-direction-nav a {opacity: 1; width: 34px; height: 65px; margin: -30px 0 0;transition:all 0s linear; -webkit-transition:all 0s linear;} .Protop .flex-direction-nav .flex-prev { left: -40px;background: url(../img/proarr1.png) center center no-repeat; background-size:contain;} .Protop .flex-direction-nav .flex-next { right: -40px;background: url(../img/proarr2.png) center center no-repeat; background-size:contain;} .Protop .flex-direction-nav .flex-prev:hover {background: url(../img/proarr01.png) center center no-repeat; background-size:contain;} .Protop .flex-direction-nav .flex-next:hover {background: url(../img/proarr02.png) center center no-repeat; background-size:contain;} .Protop .flexslider:hover .flex-prev { opacity: 1;} .Protop .flexslider:hover .flex-next { opacity: 1;} .Protop .flex-direction-nav .flex-disabled { display:none;} .ProList ul{ margin:0 0 15px -2%;} .ProList li{ width:23%; float:left; padding:0 0 3% 2%;} .ProList .imgbox{ padding-top:68%; margin-bottom:17px;} @media ( max-width:1200px){ .Protop .flex-direction-nav .flex-prev { left: 0px;} .Protop .flex-direction-nav .flex-next { right: 0px;} } @media ( max-width:998px){ .Protop .slides .info{ line-height:24px; padding-right:5%; width:90%;} .Protop .slides .info .tit{ font-size:16px; color:#fff; margin-bottom:8px;} .Protop .slides .imgbox{ height:400px;} } @media ( max-width:640px){ .Protop .flex-control-nav { display:none;} .Protop .flex-direction-nav a {width: 20px; height: 43px; margin: -30px 0 0;} .Protop .slides .imgbox{ height:260px;} .ProList li{ width:31.333%;} .ProList li .imgbox{ margin-bottom:6px;} } /***鍏氱殑寤鸿 s***/ .buildbg{ background:url(../img/buildbg.jpg) center top no-repeat; background-size:contain;} /***鍏氬缓涓撻 s***/ .graybg{ background:#f7f7f7;} .ZtList ul{ margin:0 0 15px -2.5%;} .ZtList li{ width:30.83333%; float:left; margin:0 0 3% 2.5%;} .ZtList .imgbox{ padding-top:60%;} .Ztbox{ background:#fff; padding:0 28px 50px;} .Ztboxli ul{ margin-bottom:47px;} .Ztboxli li{ border-bottom:1px dashed #e6e6e6; padding:10px 0px;} .Ztboxli li .tit{ font-size:20px; margin-bottom:10px;} .Ztboxli li .date{ font-size:14px; color:#868d93;} @media ( max-width:998px){ .Ztbox{ background:#fff; padding:0 10px 20px;} .Ztboxli ul{ margin-bottom:20px;} .Ztboxli li{ padding:15px 0px 15px;} .Ztboxli li .tit{ font-size:16px; margin-bottom:0px;} } /***浜哄姏璧勬簮 s***/ .hritem{ position:relative; margin-top:45px; padding:0 18px 0px 135px;} .hritem .tithead{ font-weight:bold; color:#374048; position:absolute; width:130px; text-align:right; top:0px; left:0px;} .hritem .jobtit{ font-weight:bold; color:#2c74c1; margin-bottom:5px;} .hritem .txt.jobli{ margin-bottom:35px;} @media ( max-width:998px){ .hritem{margin-top:20px; padding:0 18px 0px 80px;} .hritem .tithead{ width:70px;} .hritem .txt.jobli{ margin-bottom:20px;} } /*浼佷笟瀹d紶鐗囧脊绐?/ .AlertBox{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);padding: 10px;} .VideoBox{width: 100%;height: 100%;} .VideoBox video{width: 100%;height: 100%;} .AlertClose{position: absolute;top: 30px;right: 50px;font-size: 50px;color: #fff;} /***浼佷笟鏂囧寲 s***/ .Culturebox1{ color:#44637c; line-height:34px; box-shadow:0 9px 18px rgba(206,210,227,.0.28); background:url(../img/culturebg.jpg) center top no-repeat; background-size:cover; padding:40px 0 40px 230px; margin:70px 0 50px; font-size:16px;} .Culturebox1 li{ width:50%; float:left; padding:14px 0;font-size: 16px;} .Culturebox1 li span{ display:inline-block; vertical-align:middle; background:url(../img/line.gif) right center no-repeat; padding-right:19px; margin-right:16px;} .Culturebox1 li span i{ color:#2c74c1;} .Culturebox1 li strong{ display:inline-block; vertical-align:middle; background:url(../img/line.gif) right center no-repeat; padding-right:19px; margin-right:16px;} .Culturebox1 li strong i{ color:#2c74c1;} .Culturebox2{ margin:0 0 0 -20px;} .Culturebox2 li{ width:25%; float:left;} .Culturebox2 li .box{ border:1px solid #eeeeee; box-shadow:0 5px 15px rgba(0,0,0,0.1); padding:27px 35px 0; line-height:22px; font-size:16px; color:#2d2d2d; height:194px; margin:0 0 20px 20px;transition: all ease 0.3s;} .Culturebox2 li h2{ line-height:62px; padding-top:4px; font-size:18px; color:#2d2d2d; position:relative;} .Culturebox2 li h2 em{ position:relative; z-index:2;} .Culturebox2 li h2 em i{ color:#2c74c1; margin-left:19px;} .Culturebox2 li h2 span{ position:absolute; z-index:0; color:#f0f0f0; font-size:48px; top:-4px; font-family:Arial, Helvetica, sans-serif;} .Culturebox2 li h2 strong{ position:absolute; z-index:0; color:#f0f0f0; font-size:48px; top:-4px; font-family:Arial, Helvetica, sans-serif;} .Culturebox2 li.li1 .box{ background:url(../img/box1.gif) center bottom no-repeat; background-size:cover;} .Culturebox2 li.li2 .box{ background:url(../img/box2.gif) center bottom no-repeat; background-size:cover;} .Culturebox2 li.li3 .box{ background:url(../img/box3.gif) center bottom no-repeat; background-size:cover;} .Culturebox2 li.li4 .box{ background:url(../img/box4.gif) center bottom no-repeat; background-size:cover;} .Culturebox2 li.li5 .box{ background:url(../img/box5.gif) center bottom no-repeat; background-size:cover;} .Culturebox2 li.li6 .box{ background:url(../img/box6.gif) center bottom no-repeat; background-size:cover;} .Culturebox2 li:hover .box{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);} @media ( max-width:1024px){ .Culturebox1{ padding:20px; margin:20px 0;} .Culturebox1 li{ width:auto; float:none; padding:0 0;} .Culturebox2{ margin:0 0 0 -10px;} .Culturebox2 li .box{ padding:10px 10px 0; margin:0 0 10px 10px; font-size:14px;} .Culturebox2 li h2{font-size:15px;} .Culturebox2 li h2 em i{margin-left:10px;} } @media ( max-width:768px){ .Culturebox2 li{ width:50%;} } /*閫氱煡閫氬憡 s*/ /*Floor002881 */ .Floor002881{max-width: 1200px; margin: 0 auto; padding: 9px 0;} .Floor002881 section.ytable-cell{vertical-align: top; text-align: right;} .Floor002881 section.ytable-cell:not(.no){background: #fff; } @media(min-width:1025px){ .Floor002881 .no{width: 1.3vw;} .Floor002881 .left{width: 66%;} .Floor002881 .fast-link .item ul li img{width:100%;} } @media(max-width:1024px){ .Floor002881 section.ytable, .Floor002881 section.ytable-cell{display: block;} .Floor002881 .no{height: 10px;} .Floor002881 section.ytable-cell {text-align: left;} } @media(max-width:480px){ .Floor002881 .inner{padding: 0 15px 10px;} } .Floor002881 .title{ font-size: 17px;line-height: 53px; margin-bottom: 13px;} .Floor002881 .title span{float: left;font-size: 26px; color: #0f61b8; font-weight: bold;cursor: pointer;} @media(max-width:640px){ .Floor002881 .title{font-size: 3.6vw;} } .Floor002881 .tab-ul{position: relative; z-index: 1; margin-bottom: 13px;} .Floor002881 .tab-ul li{float: left;line-height: 52px;} .Floor002881 .tab-ul li span{display:block; border-top: 3px solid transparent; margin-top: -2px; font-size: 17px; position: relative; cursor: pointer;} /* .Floor002881 .tab-ul li:not(:first-child){margin-left: 1.36vw; } */ .Floor002881 .tab-ul li:not(:last-child) {margin-right:1.36vw; } .Floor002881 .tab-ul li:not(:last-child) span:after{position: absolute; content: ''; width: 1px; height: 14px; background: #ededed; right:-1.36vw; top:50%; margin-top: -7px;} .Floor002881 .tab-ul li a{position: absolute; right: 50px; margin-top: 0;display: none;} .Floor002881 .tab-ul li.on a{display: block;} .Floor002881 .tab-ul li.on span{font-size: 26px;color: #0f61b8; font-weight: bold;} .Floor002881 .tab-ul li.on a:hover{color: #333;} @media(max-width:640px){ .Floor002881 .tab-ul li:not(:first-child){margin-left: 2.6vw; } .Floor002881 .tab-ul li:not(:last-child) {margin-right:2.6vw; } .Floor002881 .tab-ul li:not(:last-child) span:after{right:-2.6vw;} .Floor002881 .tab-ul li span{font-size: 3.6vw;} } .Floor002881 .tab-list dt{padding-bottom: 23px; margin-bottom: 23px; border-bottom: 1px solid #f1f1f1;} .Floor002881 .tab-list dt .pic img{display: block; width: 100%;} .Floor002881 .tab-list dt .txt{vertical-align: top;position: relative;} .Floor002881 .tab-list .txt aside{margin-bottom: 5px;} .Floor002881 .tab-list .txt aside a.dot{float: left;font-size: 16px;padding-right: 58px;max-width: 95%;background: url(../img/Floor002881_hot.png) no-repeat right center;color: #777;} .Floor002881 .tab-list .txt aside a.dot:hover{color: #89c33f;} .Floor002881 .tab-list .txt time{color: #89c33f;font-size: 12px;} .Floor002881 .tab-list .txt p{margin: 0.8vw 0 1.72vw 0;color: #777;opacity: 0.7;line-height: 1.75em;} .Floor002881 .tab-list .more{position: absolute; left: 0; bottom: 0;background: url(../img/Floor002881_details.png) no-repeat right 12px center #89c33f;border-radius: 3px;width: 97px;line-height: 27px; color: #fff; padding-left: 16px;} .Floor002881 .tab-list dd{padding-left: 15px; background: url(../img/dot3.gif) no-repeat left center;position: relative;padding-right: 40px;line-height: 42px; overflow: hidden; font-size: 16px;} .Floor002881 .tab-list dd time{position: absolute; right: 0;color: #cbcfce;font-size: 14px;margin-right: 50px;} .Floor002881 .tab-list dd a{float: left;max-width: 95%; color: #47535e;} .Floor002881 .tab-list dd a:hover{color: #c30d23;} @media(min-width:641px){ .Floor002881 .tab-list dt .pic{width: 280px;} .Floor002881 .tab-list dt .pic a{display: block; max-width:242px;width: 90%;} } @media(max-width:640px){ .Floor002881 .tab-list dt, .Floor002881 .tab-list dt .ytable-cell{display: block;} .Floor002881 .tab-list .txt{padding-top: 20px;padding-bottom: 40px;} .Floor002881 .tab-list dd span{font-size: 12px;} } .Floor002881 .fast-link .item{margin-bottom: 10px; } .Floor002881 .fast-link .item:hover{background: #89c33f;} .Floor002881 .fast-link .item ul li { overflow: hidden;} .Floor002881 .fast-link .item ul li a{transition: 0.6s;} .Floor002881 .fast-link .item ul li a:hover img {transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);} /* .Floor002881 .fast-link ul{height: 61px;} */ .Floor002881 .fast-link ol{width: 100px; text-align: center;} .Floor002881 .fast-link ol img{width: 90%;max-width: 62px;} .Floor002881 .fast-link li .cn{font-size: 20px;color: #89c33f;} .Floor002881 .fast-link .item:hover .cn{color: #fff;} .Floor002881 .fast-link li .en{font-family: 'Arial'; font-weight: bold;color: #c4c4c4; text-transform: uppercase;font-size: 12px; word-break: break-word;} .Floor002881 .fast-link .item:hover .en{color: rgba(255,255,255,0.5);} @media(min-width:641px) and (max-width:1024px){ .Floor002881 .fast-link{overflow: hidden;} .Floor002881 .fast-link .item{float: left; width: 49%;margin-top: 1%;margin-bottom: 1%;} .Floor002881 .fast-link .item:not(:nth-child(2n)){margin-right: 2%;} } .fewm { float: left; text-align: center;padding-left: 3%;margin-top:30px;} .fewm span { display: block;} .fewm span img {width: 100px;} /*閫氱煡閫氬憡 end*/ .Ad_ad1018 .flex-control-nav li li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .Ad_ad1018 .flex-control-paging li li a { display:inline-block; *display:inline; zoom:1;width:10px;height:10px;background:#fff; opacity:0.5;margin:0 0px; border-radius:50%; overflow:hidden; line-height:50px;} .Ad_ad1018 .flex-control-paging li li a:hover {opacity:1;} .Ad_ad1018 .flex-control-paging li li a.flex-active {opacity:1;} @-webkit-keyframes icon-bounce { 0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } } @-moz-keyframes icon-bounce { 0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } } @-o-keyframes icon-bounce { 0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } } .SinglePage p img{margin:0 auto;display: block;} /*20220323*/ .xfsm{width: 100%;display: inline-block;border: 1px solid #e1e1e1;padding: 45px;} .xfsm .xficon{float: left;padding: 0 50px;clear:both;} .xfsm .xftitle{line-height: 20px;padding-bottom: 13px;border-bottom: 3px solid #dadcde;font-size: 18px;margin-top: 30px;height: 34px;} .xfsm .xftitle li{position: relative;margin-left: 45px;color: #333;float: left;cursor: pointer;} .xfsm .xftitle li:after{position: absolute;width: 0%;height: 3px;background: #146ac1;bottom: -14px;left: 0;content: "";transition: all 0.3s} .xfsm .xftitle li.on{ color: #146ac1;} .xfsm .xftitle li.on:after,.xfsm .xftitle li:hover:after{width: 100%;} .xfsm .xfsm_b p{font-size: 18px;line-height: 36px;color: #666666;text-indent: 2em} .xfsm .xfsm_b {padding: 50px 0} .xfsm .xfsm_table{width: 100%;} .xfsm .xfsm_table .w48{width: 48%;} .xfsm .xfsm_table .xfsm_box{height: auto;line-height: 50px;background: #f5f5f5;margin-bottom: 20px;padding: 0 40px} .xfsm .xfsm_table .xfsm_box span{width: 100px;text-align: justify;text-align-last: justify;display: inline-block;color: #333333;float: left;} .xfsm .xfsm_table .xfsm_box input{display: inline-block;width: 70%;} .xfsm .xfsm_table .w100{width: 100%;} .xfsm .xfsm_table .xfsm_box.bgn{background: none;} .xfsm .xfsm_table .xfsm_box button{float: right;width: 138px;height: 50px;background-color: #146ac1;text-align: center;font-size: 18px;color: #ffffff;} .xfsm .xfsm_table .xfsm_box textarea{display: inline-block;min-width: 80%;height: 170px;padding: 20px 0} .xfsm .xfsm_table .xfsm_box.h170{height: 170px;} .xfhf {margin-top: 80px;background: #f8f8f8;padding: 60px 40px 0;} .xfhf h3{font-size: 18px;line-height: 30px;height: 30px;color: #333333;} .xfhf p{font-size: 18px;line-height: 36px;color: #666666;margin-top: 30px;} .xfhf .info{height: 60px;line-height: 60px;border-top: 1px solid #eaeaea;margin-top: 150px;font-size: 14px;color: #8f8f8f;} .xfsm .xfsm_table .xfsm_box i{float: left;color: red} /* 2022-12-26 */ .go-btn { display: inline-block; } .go-btn form { display: flex; } .go-btn form input { border: 1px solid #e8e8e8; width: 40px; margin-left: 5px; /* padding: 0 12px; */ line-height: 28px; } .go-btn form input:focus { border-color: #3177b6; } .go-btn form input::-webkit-outer-spin-button, .go-btn form input::-webkit-inner-spin-button { -webkit-appearance: none !important; } .go-btn button { line-height: 30px; padding: 0 12px; color: #666; background: #e8e8e8; white-space: nowrap; } .go-btn button:hover { background: #3177b6; color: #fff; } .top_form { padding: 2.5rem; background-color: #FFFFFF; display: flex; border: 1px solid #ddd; margin-bottom: 2rem; } .top_form .titles { font-size: 1.25rem; color: #3177b6; margin-top: 3px; } .top_form .form { flex: 1; margin-left: 1.25rem; } .form { margin-top: 30px; box-sizing: border-box; padding: 10px; } .top_form .form input { border: 1px solid #DDDDDD; line-height: 40px; width: 100%; box-sizing: border-box; padding: 0 1.25rem; border-radius: 5px; } .top_form .form select { border: 1px solid #DDDDDD; width: 100%; line-height: 40px; height: 40px; box-sizing: border-box; padding: 0 1.25rem; border-radius: 5px; color: #666666; } .top_form .form input { border: 1px solid #DDDDDD; width: 100%; box-sizing: border-box; padding: 0 1.25rem; border-radius: 5px; } .top_form .btn input { background-color: #3177b6; border: none; color: #FFFFFF; cursor: pointer; } @media (max-width:1050px) { .top_form { padding: 0 20px; display: block; } .top_form .form { flex: unset; width: 100%; box-sizing: border-box; margin-left: 0; margin-top: 20px; padding: 10px; } }