/*面包屑导航*/
.bd-nav{ width:100%; overflow:hidden; height:58px; border-bottom:1px #e6e6e6 solid; padding:0px 60px; margin-top:100px; line-height:58px;}
.bd-nav span{ float:left; width:auto; overflow:hidden; height:100%;color:#808080; font-size:14px}
.bd-nav a{ color:#808080; margin:0px  20px}
.bd-nav em{ float:left; width:14px; overflow:hidden; background:url(../images/icon-1.png) no-repeat center; height:100%; margin-right:20px}
.bd-nav em a{ width:100%; height:100%; display:block; overflow:hidden}
.bd-nav a:hover{ color:#c7000b}

/*新闻列表*/
.news-head{ width:100%; overflow:hidden; margin-top:80px; }
.news-head h3{ float:left; width:auto; overflow:hidden; font-size:48px; color:#222326; letter-spacing:4px}
.news-head ul{width:auto; overflow:hidden; float:right; margin-top:34px }
.news-head ul li{ float:left; widt:auto; overflow:hidden; margin-left:24px}
.news-head ul li a{ float:left; width:120px; height:28px; line-height:26px; text-align:center; overflow:hidden;border:1px #4e5159 solid; font-size:16px; color:#4e5159; }
.news-head ul li.active a,.news-head ul li a:hover{ background:#c7000b; color:#fff; border-color:#c7000b}

.news-list{ width:100%; overflow:hidden;padding-bottom:120px}
.news-item{ float:left; width:31.2%; overflow:hidden; margin-right:3.2%; margin-top:40px; display:none}
.news-item:nth-child(3n){ float:right; margin-right:0px}
.news-item a{ color:#4e5159; display:block}
.news-item samp{ width:100%; display:block; overflow:hidden; height:15.26vw}
.news-item samp img{ float:left; width:100%; height:100%;object-fit:cover}
.news-item:hover samp img{transform:scale(1.1)}
.news-item span{ width:86%; overflow:hidden; margin:30px auto 0px; display:block; font-size:24px;  line-height:36px; height:72px}
.news-item p{ width:86%; overflow:hidden; margin:10px auto 0px; display:block; font-size:16px;  }
.news-item a:hover{ color:#c7000b}
.news-item a:hover span,.news-item a:hover p{transform:translateY(-5px)}
.news-item.news-show{ display:block}


@keyframes rotates{
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.news-more{ float:left; width:100%; overflow:hidden; margin-top:50px;border-top:1px #e6e6e6 solid; padding-top:60px; cursor:pointer}
.news-more samp{ width:48px; height:48px; display:block; margin:0px auto; overflow:hidden; background:url(../images/icon-3.png) no-repeat center}
.news-more span{ width:100%; display:block; overflow:hidden; text-align:center; margin-top:20px; font-size:14px; color:#c7000b;}
.news-more:hover samp{animation:rotates 2s linear infinite}

/*新闻详情*/
.detail{ width:100%; overflow:hidden; margin-top:70px; padding-bottom:120px}
.detail-head{ float:left; width:100%; overflow:hidden}
.detail-head h1{ float:left; width:60%; overflow:hidden; font-size:48px; color:#222326; font-weight:bold}
.detail-left{ float:left; width:69.2%; overflow:hidden}
.detail-1{ float:left; width:100%; overflow:hidden; margin-top:30px; font-size:20px; color:#4e5159; border-bottom:4px #c7000b solid; padding-bottom:40px}
.detail-1 span{ float:left; width:auto; overflow:hidden; background: url(../images/icon-4.png) no-repeat left center; line-height:24px; padding-left:32px;font-family:'EuclidCircularALight'}
.detail-1 em{ float:left; width:auto; overflow:hidden; background: url(../images/icon-5.png) no-repeat left center; line-height:24px; padding-left:32px; margin-left:56px}
.detail-content{ float:left; width:100%; overflow:hidden; font-size:20px; color:#4e5159; line-height:40px; }
.detail-content p{ margin-top:40px;}
.detail-content img{max-width:100%; height:auto;}

.detail-back{ float:left; width:100%; overflow:hidden; margin-top:10px; text-align:center}
.detail-back a{ width:280px; height:246px; display:inline-block; overflow:hidden; background:url(../images/icon-6.png) no-repeat}
.detail-back a span{ width:100%; overflow:hidden; display:block; text-align:center; margin-top:117px; font-size:14px; color:#fff}

.detail-share{ float:left; width:100%; overflow:hidden; border-top:4px #c7000b solid; background:#f7f7f8; margin-top:7px; padding:22px 0px}
.detail-share span{ float:left; width:auto; overflow:hidden; line-height:24px; font-size:18px; color:#4e5159; margin-left:40px}
.detail-share.bdshare-button-style0-16 a{ float:left; width:28px; overflow:hidden; height:24px; margin:0px; padding:0px; margin-left:40px; position:relative}
.detail-share .share1{ background:url(../images/icon-7.png) no-repeat center}
.detail-share .share1:before{ width:100%; height:100%; content:""; position:absolute;left:0px;top:0px; z-index:12; background:url(../images/icon-7-1.png) no-repeat center;opacity:0}
.detail-share .share2{ background:url(../images/icon-8.png) no-repeat center}
.detail-share .share2:before{ width:100%; height:100%; content:""; position:absolute;left:0px;top:0px; z-index:12; background:url(../images/icon-8-1.png) no-repeat center;opacity:0}
.detail-share .share3{ background:url(../images/icon-9.png) no-repeat center}
.detail-share .share3:before{ width:100%; height:100%; content:""; position:absolute;left:0px;top:0px; z-index:12; background:url(../images/icon-9-1.png) no-repeat center;opacity:0}
.detail-share .share1:hover:before,.detail-share .share2:hover:before,.detail-share .share3:hover:before{ opacity:1}

.detail-right{ float:right; width:28.4%; overflow:hidden; margin-top:27px}
.detail-right h3{ float:left; width:100%; overflow:hidden; position:relative; font-size:24px; color:#c7000b; font-weight:bold; border-bottom:1px #e6e6e6 solid; padding-bottom:40px}
.detail-right h3:before{ width:100px; content:""; position:absolute;left:0px;bottom:0px; z-index:12;border-top:4px #c7000b solid;}
.detail-right ul{ float:left; width:100%; overflow:hidden; margin-top:22px}
.detail-right ul li{ float:left; width:100%; overflow:hidden; line-height:50px; height:50px;text-overflow:ellipsis;    
white-space: nowrap;  }
.detail-right ul li span{ float:left; width:20px; height:24px; line-height:24px; text-align:center; overflow:hidden; background:url(../images/icon-13.png) no-repeat center; font-size:14px; color:#fff; margin:13px 12px 0px 0px}
.detail-right ul li:nth-child(1) span{ background-image:url(../images/icon-10.png)}
.detail-right ul li:nth-child(2) span{ background-image:url(../images/icon-11.png)}
.detail-right ul li:nth-child(3) span{ background-image:url(../images/icon-12.png)}
.detail-right ul li a{ font-size:18px; color:#4e5159}
.detail-right ul li a:hover{ color:#c7000b}

.detail-page{ float:left; width:100%; overflow:hidden; margin-top:55px;border:1px #e6e6e6 solid; border-top:4px #c7000b solid; padding:40px}
.detail-page span{ float:left; width:100%; overflow:hidden; font-size:18px; color:#4e5159; position:relative; padding-bottom:20px}
.detail-page span:before{ width:24px; height:1px; content:""; position:absolute;left:0px;bottom:0px; z-index:12; background:#e6e6e6}
.detail-page p{ float:left; width:100%; overflow:hidden; line-height:36px; font-size:18px; color:#4e5159; margin-top:12px}
.detail-page em{ float:left; width:100%; overflow:hidden; font-size:14px; color:#4e5159;font-family:'EuclidCircularALight'; margin-top:15px}
.detail-page a:hover span,.detail-page a:hover p{ color:#c7000b}
.arc-left{ display:none}

/*党建*/
.dj{ width:100%; overflow:hidden; padding-bottom:120px}
.dj-item{ float:left; width:48.4%; overflow:hidden;border:1px #e6e6e6 solid; padding:30px; height:240px; margin-top:58px; position:relative; display:none}
.dj-item:nth-child(2n){ float:right;}
.dj-item a{ display:block}
.dj-item samp{ width:320px; height:180px; overflow:hidden; position:absolute;left:30px;top:30px;}
.dj-item samp img{ width:100%; height:100%;object-fit:cover}
.dj-right{ float:left; width:100%; overflow:hidden; padding-left:350px}
.dj-right span{ float:left; width:100%; overflow:hidden; font-size:20px; color:#4e5159; line-height:32px; height:64px; margin-top:5px}
.dj-right p{ float:left; width:100%; overflow:hidden; font-size:14px; color:#4e5159; line-height:24px; height:72px; margin-top:6px}
.dj-right em{ float:left; width:100%; overflow:hidden; font-size:14px; color:#4e5159; margin-top:9px;font-family:'EuclidCircularALight'}
.dj-item a:hover samp img{transform:scale(1.1)}
.dj-item a:hover .dj-right{transform:translateX(5px)}
.dj-item a:hover .dj-right span{ color:#c7000b}
.dj-show{ display:block}
.dj-more{ float:left; width:100%; overflow:hidden; margin-top:50px; cursor:pointer}
.dj-more samp{ width:48px; height:48px; display:block; margin:0px auto; overflow:hidden; background:url(../images/icon-3.png) no-repeat center}
.dj-more span{ width:100%; display:block; overflow:hidden; text-align:center; margin-top:20px; font-size:14px; color:#c7000b;}
.dj-more:hover samp{animation:rotates 2s linear infinite}

/*党建详情*/
.dj-banner{ width:100%; overflow:hidden; position:relative}
.dj-banner img{ float:left; width:100%; height:auto}
.dj-wz{ width:100%; overflow:hidden; height:100%; padding-bottom:60px; position:absolute;left:0px;top:0px}
.dj-wz:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.dj-ver{ width:90%; overflow:hidden; display:inline-block; vertical-align:middle}
.dj-ver h1{ float:left; width:60%; overflow:hidden; font-size:48px; color:#fff; font-weight:bold; line-height:60px}
.dj-1{ float:left; width:100%; overflow:hidden; margin-top:30px; font-size:20px; color:#fdf000;}
.dj-1 span{ float:left; width:auto; overflow:hidden; background: url(../images/icon-14.png) no-repeat left center; line-height:25px; padding-left:32px;font-family:'EuclidCircularALight'}
.dj-1 em{ float:left; width:auto; overflow:hidden; background: url(../images/icon-15.png) no-repeat left center; line-height:25px; padding-left:32px; margin-left:56px}

.dj-detail{ width:100%;  padding-bottom:120px}
.dj-detail .detail-left{border:1px #e6e6e6 solid; background:#fff; position:relative; margin-top:-60px; z-index:12}
.dj-detail .detail-content{ padding:10px 40px 0px}

/*业务*/
.yw-nav{ width:100%; overflow:hidden; height:60px; padding:0px 60px;margin-top:100px; line-height:60px;  z-index:200; background:#fff}
.yw-nav span{ float:left; width:auto; overflow:hidden; height:100%;color:#808080; font-size:14px}
.yw-nav a{ color:#808080; margin:0px  20px}
.yw-nav em{ float:left; width:14px; overflow:hidden; background:url(../images/icon-1.png) no-repeat center; height:100%; margin-right:20px}
.yw-nav em a{ width:100%; height:100%; display:block; overflow:hidden}
.yw-nav a:hover{ color:#c7000b}
.yw-nav ul{ float:right; width:auto; overflow:hidden; height:100%}
.yw-nav ul li{ float:left; width:auto; height:100%; overflow:hidden; position:relative; margin-left:20px; font-size:14px; color:#808080; padding:0px 20px; cursor:pointer}
.yw-nav ul li:before{ width:0%; height:4px; content:""; position:absolute;left:0px;bottom:0px; background:#c7000b}
.yw-nav ul li.active,.yw-nav ul li:hover{ color:#c7000b}
.yw-nav ul li.active:before{ width:100%}

.yw{ width:100%; overflow:hidden;}
.yw-pannel{ width:100%; overflow:hidden; height:calc(100vh - 100px); background-position:center; background-repeat:no-repeat; background-size:cover; text-align:right; background-attachment:fixed}
.yw-pannel:nth-child(2n){ text-align:left}
.yw-pannel:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.yw-item{ width:32.5vw; height:39.17vw; overflow:hidden; display:inline-block; vertical-align:middle; background:url(../images/icon-16.png) no-repeat; text-align:center; background-size:100%}
.yw-item:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.yw-ver{ width:80%; overflow:hidden; display:inline-block; vertical-align:middle}
.yw-item h3{ width:100%; overflow:hidden; margin:0px auto 0px; font-size:48px; color:#333; font-weight:bold; letter-spacing:4px}
.yw-item span{ width:100%; overflow:hidden; margin:17px auto 0px; font-size:24px; color:#333; display: block; position:relative; padding-bottom:40px }
.yw-item span:before{ width:24px; height:6px; content:""; position:absolute;left:50%;bottom:0px;margin-left:-12px; background:#c7000b}
.yw-item p{ width:100%; overflow:hidden; margin:40px auto 0px; font-size:18px; color:#333; display: block; line-height:36px; text-align:left; text-indent:2em}

/*联系我们*/
.contact-banner{ width:100%; overflow:hidden; position:relative}
.contact-banner img{ float:left; width:100%; overflow:hidden; height:auto;animation:san 32s linear alternate infinite}
.contact-wz{ width:100%; overflow:hidden; position:absolute;left:0px;top:0px; z-index:12; height:100%; text-align:center}
.contact-wz:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.contact-wz h3{ width:90%; overflow:hidden; display:inline-block; vertical-align:middle; font-size:48px; font-weight:bold; color:#fff}

.contact{ width:100%; overflow:hidden; padding-top:120px; padding-bottom:120px}
.contact ul{ float:left; width:100%; overflow:hidden}
.contact ul li{ float:left; width:31.2%; overflow:hidden; border:2px #e6e6e6 solid; margin-right:3.2%; padding-bottom:25px}
.contact ul li:last-child{ float:right; margin-right:0px}
.contact ul li:nth-child(2) p,.contact ul li:nth-child(3) p{font-family:'EuclidCircularALight'}
.contact ul li samp{ width:100%; overflow:hidden; display:block; text-align:center; height:160px; line-height:160px;}
.contact ul li samp img{ vertical-align:middle; display: inline-block}
.contact ul li samp img:last-child{ display:none}

.contact ul li span{ width:100%; overflow:hidden; display:block; text-align:center; font-size:24px; color:#4e5159}
.contact ul li p{ width:80%; overflow:hidden; margin:0px auto; line-height:30px; text-align:center; font-size:16px; color:#4e5159; margin-top:12px; height:60px}
.contact ul li p a{ color:#4e5159}
.contact ul li:hover{ background:#c7000b; border-color:#c7000b}
.contact ul li:hover span,.contact ul li:hover p a,.contact ul li:hover p{ color:#fff}
.contact ul li:hover samp img{ display:none}
.contact ul li:hover samp img:last-child{ display:inline-block}


.contact-map{ float:left; width:100%; overflow:hidden; height:640px;border:1px #e6e6e6 solid; margin-top:60px}
.contact-map .amap-logo{ display:none !important}
.contact-map .amap-info-contentContainer{ cursor: pointer}

/*关于我们*/
.about-1{ width:100%; overflow:hidden; background:url(../images/about-2.jpg) no-repeat center; background-size:cover}
.about-1center{ width:75%; overflow:hidden; margin:0px auto; padding:120px 0px; position:relative}
.about-1left{ width:50.4%; overflow:hidden; position:absolute;left:0px;top:120px; z-index:12}
.about-1left img{ float:left; width:100%; height:auto}
.about-1right{ float:right; width:44.8%; overflow:hidden}
.about-1right h3{ float:left; width:100%; overflow:hidden; font-size:48px; font-weight:bold; color:#222326; position:relative; padding-bottom:40px}
.about-1right h3:before{ width:24px; height:6px; content:""; position:absolute;left:0px;bottom:0px; z-index:12; background:#c7000b}
.about-1right p{ float:left; width:100%; overflow:hidden; line-height:36px; font-size:18px; color:#4e5159; margin-top:30px; text-indent:2em}

.about-2{ width:100%; overflow:hidden; background:url(../images/about-4.jpg) no-repeat top center; padding-bottom:120px; text-align:center}
.about-2 h3{ width:100%; overflow:hidden; font-size:48px; color:#222326; font-weight:bold; position:relative; margin-top:180px; padding-bottom:40px}
.about-2 h3:before{width:24px; height:6px; content:""; position:absolute;left:50%;bottom:0px; z-index:12; background:#c7000b;margin-left:-12px}
.about-2 p{ width:60%; overflow:hidden; line-height:36px; font-size:18px; color:#4e5159; margin-top:30px; text-align:left; display:inline-block; text-indent:2em}
.about-2 samp{ width:100%; display:block; overflow:hidden; text-align:center; margin-top:30px}

@keyframes san{
0%{transform:scale(1)}
100%{transform:scale(1.2)}
}
.about-3{ width:100%; height:720px; position:relative}
.about-3content{ float:left; width:100%; overflow:hidden; height:100%; position:relative}
.about-3pannel{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:12;opacity:0; visibility:hidden;transition:all 0.7s ease}
.about-3pannel.active{opacity:1; visibility:visible; z-index:14}
.about-3bg{ width:100%; overflow:hidden; position:absolute;left:0px;top:0px; height:100%; z-index:10; background-position:center; background-repeat:no-repeat; background-size:cover}
.about-3pannel.active .about-3bg{animation:san 32s linear alternate infinite}
.about-3item{ width:75%; overflow:hidden; margin:110px auto 0px; position:relative; z-index:12;transform:translateY(-120px);transition:all 0.7s ease}
.about-3item h3{ float:left; width:100%; overflow:hidden; font-size:48px; font-weight:bold; color:#fff; letter-spacing:4px; position:relative; padding-bottom:40px;transition:all 0.7s ease}
.about-3item h3:before{width:24px; height:6px; content:""; position:absolute;left:0%;bottom:0px; z-index:12; background:#c7000b;}
.about-3item span{ float:left; width:100%; overflow:hidden; font-size:36px; color:#fff; letter-spacing:3px; margin-top:130px;transition:all 0.7s ease}
.about-3item p{ float:left; width:100%; overflow:hidden; font-size:24px; color:#fff;  margin-top:20px;transition:all 0.7s ease}
.about-3item em{ float:left; width:100%; overflow:hidden; font-size:36px; color:#fff; letter-spacing:3px; margin-top:50px;transition:all 0.7s ease}
.about-3item ul{ float:left; width:100%; overflow:hidden; font-size:18px; color:#fff; margin-top:16px;transition:all 0.7s ease }
.about-3item li{ float:left; width:100%; overflow:hidden; line-height:36px }
.about-3pannel.active .about-3item{transform:translateY(0px)} 
.about-3nav{ width:75%; overflow:hidden; position:absolute;left:12.5%; bottom:-60px; z-index:23; background:#fff;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.1); height:120px; text-align:center; line-height:120px}
.about-3nav span{ float:left; width:33.3%; overflow:hidden; height:100%; background:url(../images/about-8.jpg) no-repeat right center; font-size:24px; color:#4e5159; position:relative; cursor: pointer}
.about-3nav span:before{ width:0%; content:"";left:0px;bottom:0px; position:absolute; z-index:12; height:4px; background:#c7000b;transition:all 0.7s ease}
.about-3nav span img{ vertical-align:middle; margin-right:10px}
.about-3nav span:last-child{ background:none; width:33.4%}
.about-3nav .active{ color:#c7000b}
.about-3nav .active:before{ width:100%}

.about-3pannel:first-child .about-3item h3,.about-3pannel:first-child .about-3item span,.about-3pannel:first-child .about-3item p{ color:#222326}