/* 
               (0 0)
   +=====oOO====(_)=========+
   |   Powered By Anxin     |
   |   Tel: 0572-5220701    |
   |   Creation:2020.11.28  | 
   +=================oOO====+
             |__|__|
              || ||
             ooO Ooo
*/
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, figure, form, fieldset, legend, button, input, textarea, th, td, s { margin: 0; padding: 0; list-style: none }
body {font-family:  "Microsoft YaHei", sans-serif; font-weight: 300; }
html, body { position: relative; height: 100% }
h1, h2, h3, h4, h5, h6 { font-weight: 100; text-transform: capitalize }
button, input, select, textarea { font-size: 100%; outline: 0 }
a {
blr:expression(this.onFocus=this.blur()); color: #369; text-decoration: none }
.clearfix:after { content: '\0020'; display: block; height: 0; clear: both; font-size: 0; visibility: hidden }
.clearfix { zoom: 1 }
.clear { clear: both; font-size: 1px; width: 1px; height: 0; visibility: hidden; line-height: 0 }
.fl { float: left; display: inline }
.fr { float: right; display: inline }
em, i { font-style: normal }
.none { display: none }
.block { display: block }
.inline { display: inline-block !important; margin-right: 10px; }
img { border: 0 }
table { border-collapse: collapse; border: 0; cellspacing: 0; cellpadding: 0 }
::selection { background: #ddd; color: #111 }
::-webkit-scrollbar {width:4px;height:4px}
::-webkit-scrollbar-track {border-radius:0;background: #E6E7E9;}
::-webkit-scrollbar-thumb {border-radius:0px;background: #131d42;}
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active {border-radius:0px;background: #131d42;}
span.spanleft, .news-list li a.tableBlock .txt h5 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block }/*超出的文字省略，要定义宽度*/
a, :after, :before, .images img,.list .list-txt,#header { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:active { -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); }
/*图标字体*/
@font-face { font-family: 'iconfont';  /* project id 278253 Anxin通用图标  */ src: url('https://at.alicdn.com/t/font_278253_w7c5c923opi.eot'); src: url('https://at.alicdn.com/t/font_278253_w7c5c923opi.eot?#iefix') format('embedded-opentype'), url('https://at.alicdn.com/t/font_278253_w7c5c923opi.woff2') format('woff2'), url('https://at.alicdn.com/t/font_278253_w7c5c923opi.woff') format('woff'), url('https://at.alicdn.com/t/font_278253_w7c5c923opi.ttf') format('truetype'), url('https://at.alicdn.com/t/font_278253_w7c5c923opi.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/*字体*/
@font-face { font-family: 'SourceHanSerifCN-Medium'; font-style: normal; font-weight: 100; src: url('../font/SourceHanSerifCN-Medium.eot'); src: url('../font/SourceHanSerifCN-Medium.eot?#iefix') format('embedded-opentype'), url('../font/SourceHanSerifCN-Medium.woff') format('woff'), url('../font/SourceHanSerifCN-Medium.ttf') format('truetype'), url('../font/SourceHanSerifCN-Medium.svg#chantilly_lightregular') format('svg'); font-weight: normal; font-style: normal }
.font-Medium { font-family: "SourceHanSerifCN-Medium" !important; font-weight: 300 }
/*页面*/
.wrapper { margin: 0 auto; position: relative; }
.text { padding: 0 0 40px 0; }
.text, .text * { color: #666; font-size: 18px; line-height: 34px; letter-spacing: 0.75px; word-wrap: break-word; }
.text img { max-width: 100%; margin: 10px auto; display: block; }
.info { overflow: hidden; display: -webkit-box !important; -webkit-box-orient: vertical; font-weight: normal !important; white-space: normal !important; word-wrap: normal !important; }/*-webkit-line-clamp: 8;*/
.info * { -webkit-box-orient: horizontal; width: auto; display: inline !important; padding: 0; margin: 0; font-weight: normal !important; white-space: normal !important; word-wrap: normal !important; background: none !important; text-indent: 0 !important }
.info img { display: none !important; opacity: 0; }
.flex { display: -webkit-box; display: -webkit-flex; display: flex; display: table \9; width: 100% \9 }
.flex-item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: table-cell \9 }
.body-overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; width: 100%; height: 100%; display: none; background: rgba(0,0,0,0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.more { width: 160px; height: 50px; margin: 0 auto; overflow: hidden; }
.more a { font-size: 16px; font-weight: 600; color: #1e50ae; border: 1px solid #1e50ae; line-height: 48px; display: block; text-align: center; position: relative; }
.more a:before { content: ""; width: 0; height: 100%; position: absolute; left: 50%; top: 0; background: rgba(30,80,174,0.2) }
.more a:hover:before { width: 100%; left: 0; }
.place { padding: 30px 0; }
.place a { font-size: 15px; color: #444; }
.place .icon { font-size: 16px; margin: 0 10px; }
/*******************************
  -------[=图片切换-------
********************************/
.swiperPic { width: 100%; position: relative; }
.swiperPic .bd { position: relative; z-index: 0; }
.swiperPic .bd li { zoom: 1; vertical-align: middle; background-position: center; background-repeat: no-repeat; }
.swiperPic .hd { position: absolute; width: 100%; left: 0; bottom: 20px; }
.swiperPic .hd ul { position: relative; float: left; left: 50%; }
.swiperPic .hd ul li { position: relative; float: left; right: 50%; margin: 0 5px; text-indent: -90000px; background: none; width: 6px; height: 6px; border-radius: 50%; background: #999; cursor: pointer; }
.swiperPic .hd ul li.on, .swiperPic .hd ul li:hover { background: #1e50ae; }
.swiperPic .prev, .swiperPic .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 50px; height: 50px; }
.swiperPic .next { left: auto; right: 3%; }
/*******************************
  -------[=图片列表-------
********************************/
.verticalAlign { vertical-align: middle; display: inline-block; height: 100%; width: 1px; margin-left: -1px; }
.images { overflow: hidden;position:relative;width:100%; height:0; padding: 0px; margin: 0;}
.images img { width: 100%; height: 100%;object-fit: cover;position:absolute; left:0; top:0;}
.list .list-ul { margin-right: -2%; }
.list .list-ul:after { content: ""; display: table; clear: both; }
.list .list-li { float: left; margin: 0 2% 2% 0; }
.list .list-li:hover .images img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.list .list-txt { padding: 15px 0; position: relative;}
.list .list-txt .t { font-size: 16px; color: #444; line-height: 35px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1 }
.list .list-txt .date,.list .list-txt .read{font-size: 14px; color: #777777; line-height: 15px; margin: 8px 0; padding-left: 20px;background-position: left center; background-repeat:no-repeat;}
.list .list-txt .date { background-image:url(../images/date.png)}
.list .list-txt .read { background-image:url(../images/read.png)}
.list .list-txt .info, .list .list-txt .info * { font-size: 14px; color: #888; line-height: 24px; }
/*******************************
  -------[=新闻动态------
********************************/
.list.news-list .list-li{width:31.333%; height:360px;}
.list.news-list .list-li .images{padding-top:56.25%}
.list.news-list .list-txt .info { -webkit-line-clamp: 2; height:48px; }
.list.news-list a {display: block}
.list.news-list a:hover .list-txt {padding-top: 10px}
.list.news-list a:hover .list-txt .t {color:#0050b4;}
.list.news-list a:hover .list-txt .info {color:#333}
.list.news-list.news-list-txt .list-ul{margin-right: -5%;}
.list.news-list.news-list-txt .list-li{width:45%; margin: 0 5% 3% 0; height:120px;}
.list.news-list.news-list-txt .list-li .images{padding-top:0; display: block;}
.list.news-list.news-list-txt .list-txt{padding-bottom:0}
.list.news-list.news-list-txt .list-txt .t{font-size: 20px;font-weight: 600; color:#444;}

.article{ padding-bottom: 50px;}
.article h1 { font-size: 28px; line-height: 30px; color: #666; padding: 15px 0; }
.article .tool { font-size: 14px; color: #999;border-top: solid 1px #ddd; padding: 15px 0; margin: 20px 0; }
.article .tool img { margin: 5px 5px -2px 0; display: inline-block; }
.article .tool .date { margin-right: 30px; }
.article .articleTxt, .article .articleTxt * { font-size: 16px; line-height: 40px; color: #000; }
.article .articleTxt img { max-width: 100%; margin: 15px 0; width: auto }
.article .articleTxt table { width: 100% !important }
.article .articleTxt table td { word-wrap: break-word !important; font-size: 14px !important; padding: 10px !important; border: solid 1px #ddd !important; min-width: 50px; max-width: auto !important; }
.article .articleTxt table td * { word-wrap: break-word !important; font-size: 14px !important; }
/*******************************
  -------[=分页-------
********************************/
.fenye { overflow: hidden; width: 100%; padding: 0; margin: 15px 0 50px 0; }
.fenye .page { text-align: center }
.fenye .page .TotalPages { font-size: 14px; color: #444; padding-left: 10px; }
.fenye .page a { font-size: 14px; height: 32px; line-height: 32px; font-weight: normal; padding: 0 13px; display: inline-block; margin: 0 5px; background: #FFFFFF; border: 1px solid #ddd; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.08); border-radius: 4px; color: #333; }
.fenye .page a.on { background: #c4a38e; color: #fff; border: 1px solid #111; }
.fenye .page span.more { width: 37px; height: 32px; line-height: 32px; font-weight: normal; padding: 0px; display: inline-block; margin: 0 5px -11px 5px; background: url(../images/FenyePageMore.png) no-repeat center center #fff; border: 1px solid #D8E6E0; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.08); border-radius: 4px; color: #333; }
.fenye .page a.current { height: 32px; line-height: 32px; padding: 0 13px; border-radius: 3px; display: inline-block; margin: 0 5px; background: #333; border: 1px solid #111; color: #fff; }
.page a.next, .page a.prev { height: 32px; }
.page a.prev { /*background: url(../images/FenyePagePrev.png) left center no-repeat #fff; padding-left: 30px;*/ text-align: left; }
.page a.next { /*background: url(../images/FenyePageNext.png) right center no-repeat #fff; padding-right: 30px;*/ text-align: right }
.fenye .page a:hover, .fenye .page a.on, .fenye .page a.current { background: #1e50ae; border-color: #1e50ae; color: #fff }
.toTop { position: fixed; opacity: 1 !important; z-index: 9998; bottom: 0px; width: 50px; height: 50px; text-align: center; line-height: 50px; padding: 0; right: 0; -webkit-transform: translate3d(0, 0, 0); background-color: #888; cursor: pointer; display: none; *display: none !important
}
.toTop i { font-size: 26px; color: #fff; }
.toTop:hover { background: #1e50ae; }
.toTop:active { background: #1e50ae; -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); }
/*******************************
  -------[=页面------
********************************/
.wrapper { width: 1200px; }
#header { background: #fff;width: 100%; height: 120px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05); border-bottom: solid 1px #ddd \9 }
.logo { background: url(../images/logo.png) left center no-repeat; width: 370px; height: 100px;margin-top: 10px;}
.nav { text-align: right; font-size: 16px; line-height: 40px; margin-top: 40px; }
.nav a { color: #2b2b2b; margin-left: 30px; position: relative; }
.nav a:before { content: ""; width: 0; height: 2px; display: block; background: #de0000; position: absolute; left: 0; bottom: 0; margin-bottom: -15px }
.nav a.active, .nav a:hover { color: #de0000; }
.nav a.active:before, .nav a:hover:before { width: 100%; }
.main-banner { width: 100%; height: 400px; position: relative; overflow: hidden; background: url(../images/banner.png) center center no-repeat; background-size:cover;}
.title-home { font-size: 26px; color: #1e50ae; letter-spacing: 0.51px; padding: 50px 0;}
.title-home span { font-size: 14px; color: #777; text-transform:uppercase; margin-left: 15px; }
.title-home span:before {content:"/"; margin-right:15px;}
.title { font-size: 30px;letter-spacing: 1px; color: #1e50ae; text-align: center;  padding: 50px 0; position: relative; }
.title span { font-size: 16px; color: #777; display: block; text-transform: uppercase; }
.title span:before, .title span:after { content: ""; display: inline-block; margin: -5px 10px 5px 10px; background: #888; width: 50px; height: 1px; }
#subNav { background: #fff; height: 50px; box-shadow: 1px 1px 10px rgba(0,0,0,0.2) }
.subNav ul { width: auto; height: 50px; float: left; }
.subNav ul li { width: auto; float: left; }
.subNav ul li a { padding: 0 25px; height: 50px; font-size: 16px; line-height: 50px; display: inline-block; color: #383838; }
.subNav ul li a:hover { border-bottom: 2px solid #1e50ae; height: 48px; line-height: 50px; }
.subNav ul li.on a { border-bottom: 2px solid #1e50ae; height: 48px; line-height: 50px; color: #1e50ae; font-weight: 600; }

#footer{background: #201f1f; padding: 30px 0}
#footer .footer-left,#footer .footer-right{width:48%;}
#footer .footer-left p,#footer .footer-right ul li p{font-size:15px; line-height: 32px; color:#fff; text-align: right;}
#footer .footer-right{}
#footer .footer-right ul li{float:left; width:150px; margin-right: 30px}
#footer .footer-right ul li img{width:120px;margin: 0 15px 8px 15px; display:block; }
#footer .footer-right ul li p{ text-align: center; }
.swiperPic.aboutus {padding-bottom: 40px; margin: 30px 0}
.swiperPic.aboutus .bd li { width: 50%; }
.swiperPic.aboutus .bd li .images {width: 90%; padding-top:50.625%; margin: 0 auto;}
.swiperPic.aboutus .prev, .swiperPic.aboutus .next { left: 0; background: url(../images/imgR.png) no-repeat; width: 60px; height: 60px; filter: alpha(opacity=100); opacity: 1 }
.swiperPic.aboutus .next { left: auto; right: 0; background: url(../images/imgL.png) no-repeat; }
/*******************************
  -------[=创建活动------
********************************/
.list.activity-list .list-li{width:31.333%}
.list.activity-list .list-li .images{padding-top:75%}
.list.activity-list .list-li .date,.list.activity-list .list-li .info {display:none !important}
/*详情页*/
.detailed { background: #fff; padding: 0px 0 60px 0; }
.detailed h1{ font-size: 24px; line-height: 30px; color: #666; padding: 15px;border-bottom: solid 1px #ddd }
.swiperPic.detailed-img, .swiperPic.detailed-img .bd li { width: 100%; height: 600px; }
.swiperPic.detailed-img .bd li {padding:50px 0}
.swiperPic.detailed-img .bd li .images { height:500px;text-align: center}
.swiperPic.detailed-img .bd li .images img { max-width:1200px;max-height: 500px;width:auto; height:auto;vertical-align: middle; display: inline-block; text-align: left; position: relative;}
.swiperPic.detailed-img .hd { padding-top: 20px; }
.swiperPic.detailed-img .prev, .swiperPic.detailed-img .next { cursor: pointer; }
.swiperPic.detailed-img .prev .icon, .swiperPic.detailed-img .next .icon { color: #fff; font-size: 24px; line-height: 50px; }
.swiperPic.detailed-img .prev, .swiperPic.detailed-img .next { top: 50%; margin-top: -20px; width: 50px; height: 50px;line-height: 50px; text-align: center; position: absolute; z-index: 99; background-color: #000; filter: alpha(opacity=0); opacity: 0; border-radius: 50%; }
.swiperPic.detailed-img:hover .prev, .swiperPic.detailed-img:hover .next { filter: alpha(opacity=30); opacity: 0.3; }
.swiperPic.detailed-img .prev { left: 20px; }
.swiperPic.detailed-img .next { right: 20px; }
.swiperPic.detailed-img:hover .prev { left: 0px; }
.swiperPic.detailed-img:hover .next { right: 0px; }
.swiperPic.detailed-img:hover .prev:hover, .swiperPic.detailed-img:hover .next:hover { filter: alpha(opacity=50); opacity: 0.5; }
.detailed-txt { width: 100%; padding-top: 20px; }
.detailed-txt h4 { font-size: 22px; color: #1e50ae; font-weight: 600; margin-bottom: 20px; }
/*******************************
  -------[=文明服务------
********************************/
.list.service .list-li{width:45%; margin: 0 5% 5% 0; height:460px;}
.list.service .list-txt .info { -webkit-line-clamp: 3; height:72px; }
.list.service .list-txt .t {font-size:18px; font-weight: 600; color:#1e50ae }
.list.service .list-li .images{padding-top:300px}
/*******************************
  -------[=首页------
********************************/
.swiperPic.banner { width: 100% }
.swiperPic.banner, .swiperPic.banner .bd li { width: 100%; position: relative; }
.swiperPic.banner .bd li img { display: block; width: 100% }
.swiperPic.banner .bd li .txt { position: absolute; z-index: 10; left: 50%; bottom: 15%; margin-left: -600px; width: 1200px; font-size: 40px; font-weight: 800; color: #fff; }
.swiperPic.banner .bd li .txt span { text-transform: uppercase; margin-left: 10px; font-size: 36px; }
.swiperPic.banner .bd li .txt .num { font-size: 100px; font-weight: 800; opacity: 0.95 }
.swiperPic.banner .bd li .txt .num:after { content: ""; display: block; width: 70px; height: 2px; background: #fff; opacity: 0.95; margin: 5px 0 25px 0 }
.swiperPic.banner .prev, .swiperPic.banner .next { left: 3%; width: 60px; height: 60px; background: rgba(0,0,0,0.2); text-align: center; line-height: 60px; border-radius: 8px; opacity: 0; }
.swiperPic.banner .prev .iconfont, .swiperPic.banner .next .iconfont { font-size: 36px; line-height: 60px; color: rgba(255,255,255,0.5); }
.swiperPic.banner .next { left: auto; right: 3% }
.swiperPic.banner:hover .prev { left: 3%; opacity: 1 }
.swiperPic.banner:hover .next { right: 3%; opacity: 1 }
.swiperPic.banner:hover .prev:hover, .swiperPic.banner:hover .next:hover { background: rgba(0,0,0,0.4); }
.swiperPic.banner:hover .prev:hover .iconfont, .swiperPic.banner:hover .next:hover .iconfont { color: #fff; }
.swiperPic.banner .hd { bottom: 10px; height: 20px; overflow: hidden; position: absolute; text-align: center; width: 100%; z-index: 1; cursor: pointer; }
.swiperPic.banner .hd li { background: rgba(170,134,43,0.20); display: inline-block; width: 50px; height: 5px; border: solid 1px #fff; margin: 0 10px; border-radius: 0 }
.swiperPic.banner .hd li.on, .swiperPic.banner .hd li:hover { background: #fff }
#ind-col1{padding-bottom:50px;}
#ind-col2{padding-bottom:50px; background: url(../images/ind-col2.png) center top no-repeat;}
#ind-col2 .title-home,#ind-col2 .title-home span{color:#fff;}
#ind-col2 .list-txt {padding:5px 15px; margin-top:-45px; background:rgba(0,0,0,0.4);}
#ind-col2 .list-txt .t{color:#fff;}
#ind-col2 .list.activity-list .list-li.first{width: 64.666%}
#ind-col2 .list.activity-list .list-li.first .images{padding-top:36%;}
#ind-col2 .more{margin-top:30px;}
#ind-col2 .more a{border-color:#fff; color:#fff;}
#ind-col2 .more a:before{background: rgba(255,255,255,0.2);}
#ind-col3{background: url(../images/ind-col3.png) center top no-repeat; height:640px; padding-top: 50px;}
#ind-col3 .ind-col3-left{width: 560px; padding-top: 100px}
#ind-col3 .ind-col3-left img{display:block;width: auto;height:350px; object-fit: cover;}
#ind-col3 .ind-col3-right{width: 580px;}
#ind-col3 .ind-col3-right .title-home{padding:100px 0 20px 0}
#ind-col3 .ind-col3-right .more{margin-left:0; margin-top: 30px;}
@media only screen and (max-width : 1919px ) {
}
