@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*/
/***关于澳门太阳集团9728网站 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;}
}
/*企业宣传片弹窗*/
.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;
}
}