/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
em { font-style:normal; }
li { list-style:none; }
a { text-decoration:none;color:#000; }
img { border:none; vertical-align:top;outline: none; }
table { border-collapse:collapse; }
input{ outline:none; }
a:hover{color:#115DB2;}
html, body {
    height: 100%;
    margin: 0;
}
body{
    color: #000;
    font-size: 18px;
    font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "Wenquanyi Micro Hei", sans-serif, "Apple Color Emoji";
}

/* 宽度 */
.container {width:1600px; margin: 0 auto;}

/* 文本溢出 */
.text-overflow {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    max-height: calc(1.5 * 2em);
}


/* 图片填充 */
.img-fluid { width:100%; height: 100%; }
/* header */
#header{padding:15px 0;}
#top-banner{ height:260px;}
.header-con{ display: flex; align-items: center; }
.logo-h1{ display: flex; align-items: center; justify-content:flex-start; height: 100%; width:800px; }
.text-heart { display: flex; justify-content:center; align-items: center; height: 100%; color:#115DB2; width:600px;text-align: center; }
.text-heart i,.button-search i{font-size:24px;vertical-align:middle;}
.text-heart i{color: #e62113;}
.top-right{ display: flex; justify-content: flex-end; align-items: center; width: 12.5%; }
.button-search{ height: 100%; width:100%; padding:15px 0; font-size: 18px; text-align: center; line-height: 1.5; border: solid 2px #115DB2; color: #115DB2; background-color: transparent; position: relative; z-index: 0; }
.button-search::before { content: ''; position: absolute; top: 0; left: 0; width: 101%; height: 101%; background: #115DB2; z-index: -1; opacity: 0; transform: scale3d(0.7, 1, 1); transition: transform 0.42s, opacity 0.42s; border-radius: inherit;transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.button-search:hover { transition: background .4s .4s, border-color .4s 0s, color .2s 0s; color: #fff; }
.button-search:hover::before { opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }

/* nav */
#nav{width: 100%; height: 80px; background-color: #115DB2;border-bottom: 3px solid #063A74;position: relative;}
.mqm-logo{display: none;}
.navbar-nav .nav-item{float:left;width:11.11111%;height:80px; text-align: center;position: relative;}
.navbar-nav .nav-item a{display: block; font-size: 24px; color: #fff; line-height: 80px;.navbar-nav .nav-item a }
.navbar-nav .nav-item a:hover{ background-color: #063A74;}
.navbar-nav .nav-item a:active{ color: #6DA0D9;}
.navbar-nav .nav-item:hover ul{display:block;}
.navbar-nav .active { background-color: #063A74;}
.navbar-nav .nav-item ul{ display:none; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; z-index: 22; width:100%; }
.navbar-nav .nav-item ul::before {display:block;margin:0px auto;text-align: center;position:absolute;top:-12px;left: 50%;margin-left:-12px; content: "";width: 0;height: 0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom: 12px solid #468BD9;}
.navbar-nav .nav-item ul li a{display:block;line-height:3.5;border-bottom: 1px solid rgba(0, 0, 0, 0.2)}
.navbar-nav .nav-item ul li a:hover{ background-color: #468BD9;}
/* 隐藏侧边导航 */
.mqm-header-more{display: none; width: 80px; height: 80px; line-height: 80px; text-align: right; cursor: pointer; color: #fff; position: absolute; top: 0; right: 20px;}
.mqm-more-nav li{width:100%; line-height: 70px;}
.mqm-more-nav li a{display: block;}
.mqm-more-nav li a i{margin-right: 10px;}
.mqm-more-nav li a:hover i{margin-left: 5px; margin-right: 5px;}

/* 党建工作header */
.text-heart-red { display: flex; justify-content: center; align-items: center; height: 100%; color:#e13f38; width: 600px; }
.text-heart-red i,.button-search i{font-size:24px;vertical-align:middle;}
.button-search-red{ height: 100%; width:100%; padding:15px 0; font-size: 18px; text-align: center; line-height: 1.5; border: solid 2px #e13f38; color: #e13f38; background-color: transparent; position: relative; z-index: 0; }
.button-search-red::before { content: ''; position: absolute; top: 0; left: 0; width: 101%; height: 101%; background: #e13f38; z-index: -1; opacity: 0; transform: scale3d(0.7, 1, 1); transition: transform 0.42s, opacity 0.42s; border-radius: inherit;transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.button-search-red:hover { transition: background .4s .4s, border-color .4s 0s, color .2s 0s; color: #fff; }
.button-search-red:hover::before { opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }

#nav-red{width: 100%; height: 80px; background-color: #e13f38;border-bottom: 3px solid #bf2822;position: relative;}
.navbar-nav-red .nav-item{float:left;width:11.11111%;height:80px; text-align: center;position: relative;}
.navbar-nav-red .nav-item a{display: block; font-size: 24px; color: #fff; line-height: 80px; }
.navbar-nav-red .nav-item a:hover{ background-color: #bf2822;}
.navbar-nav-red .nav-item a:active{ color: #7c110B;}
.navbar-nav-red .nav-item:hover ul{display:block;}
.navbar-nav-red .active { background-color: #bf2822;}
.navbar-nav-red .nav-item ul{ display:none; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; z-index: 22; width:100%; }
.navbar-nav-red .nav-item ul::before {display:block;margin:0px auto;text-align: center;position:absolute;top:-12px;left: 50%;margin-left:-12px; content: "";width: 0;height: 0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom: 12px solid #ad7669;}
.navbar-nav-red .nav-item ul li a{display:block;line-height:3.5;border-bottom: 1px solid rgba(0, 0, 0, 0.2)}
/* 大标题 */
.mqm-title{ overflow: hidden; margin-top:30px; margin-bottom:50px; line-height: 70px; font-size: 24px; text-align: center; border-bottom: 1px solid #ddd; }
.mqm-title em{display: block;width: 60px;height: 2px;background: #115DB2;margin: auto;-webkit-transition: all ease-in 0.3s;-ms-transition: all ease-in 0.3s;-moz-transition: all ease-in 0.3s;-o-transition: all ease-in 0.3s;transition: all ease-in 0.3s;}

.mqm-title:hover em{width: 120px;}
.mqm-title em.red{background:#E13F38}
.mqm-title em.green{background:#115DB2}
.mqm-title-two{border-bottom: 1px solid #fff;margin-bottom:30px;}
.mqm-title-two span{color: #fff;}
.mqm-title-two:hover span{color: #fff;}
.more-btn{ border: 1px solid #ddd; color: #115DB2;display: block; max-width: 180px; height: 40px; line-height:40px; background: #fff; text-align: center;margin: 50px auto 0; }
.more-btn:hover {background: #115DB2;color: #fff;border-color:#115DB2;}
.more-btn:active {background: #115DB2;color:#063A74}
.more-red{ border: 1px solid #ddd; color: #E13F38;display: block; max-width: 180px; height: 40px; line-height:40px; background: #fff; text-align: center;margin: 50px auto 0; }
.more-red:hover {background: #E13F38;color: #fff;border-color:#E13F38;}
.more-red:active {color:#921912}
.more-btn2{ border: 1px solid #115DB2; color: #fff;display: block; max-width: 180px; height: 40px; line-height:40px; background: #115DB2; text-align: center;margin: 50px auto 0; }
.more-btn2:hover {background: #468BD9;color: #fff;border-color:#468BD9;}
.more-btn2:active {background: #115DB2;color:#063A74}
.more-btn3{ border: 1px solid #115DB2; color: #fff;display: block; max-width: 180px; height: 40px; line-height:40px; background: #063A74; text-align: center;margin: 50px auto 0; }
.more-btn3:hover {background: #115DB2;color: #fff;border-color:#115DB2;}
.more-btn3:active{color:#063A74}
/* 栏目标题 */
/* 栏目标题 */
.mqm-lan{width: 100%;}
.mqm-lan .mqm-lan-title {font-size: 18px; font-weight: bold; float:left; }
.mqm-lan a{float: right;}
/* 新闻列表-日期 */
.index-newsList{overflow:hidden;position:relative;height:60px;margin-top:17px;}
.index-newsList .date{position:absolute;left:0px;top:0px;text-align:center;color: #fff;background-color: #115DB2;padding:6px 10px;}
.index-newsList .date div{font-size: 24px;margin-top: 3.5px;margin-bottom: 3.5px;font-weight: 600;line-height: 1;}
.index-newsList .date p{font-size: 12px;line-height: 1.5;}
.index-newsList .card{ background-color:#efefef; padding-left:80px;line-height: 60px;font-size: 18px; }
.index-newsList:hover .card{background-color:#dfdfdf;}
.index-newsList .card a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }



/* 新闻列表 */
.mqm-card{margin: 32px 0 32px 32px; padding-right:32px; border-right: 1px solid #e5e5e5;}
.mqm-news-list{width:100%;}
.mqm-news-list a{display: block;}
.mqm-news-list li{margin-bottom: 16px;overflow:hidden;position:relative;height:49px;}
.mqm-news-list li .date{position:absolute;left:0px;top:0px;text-align:center;}
.mqm-news-list li .date .day{font-size: 24px;margin-bottom: 3.5px;font-weight: 600;line-height: 1;}
.mqm-news-list li .date .year{font-size: 12px;line-height: 1.5;}
.mqm-news-list li .news-text{padding-left:70px;line-height: 49px;}

/* 新闻列表带红色标题 */
.index-news-list{margin-top: 20px;}
.index-news-list ul { display: flex; justify-content: space-between; flex-flow: row wrap;}
.index-news-list ul li {width: 100%; line-height: 24px; margin: 16px 0; max-height: 24px;  }
.index-news-list ul li a{display: block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index-news-list ul li .intro{line-height: 24px; font-weight: normal;color:#115DB2; margin-right:10px; }


/*  二级页面新闻列表 */
.home-answer li{position: relative;padding-right: 100px;line-height:4; transition: 0.3s linear;-moz-transition: -moz-transform 0.5s ease-out;cursor: pointer;}
.home-answer li:hover {transform: translateY(-2%);}
.home-answer li .title{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: all 0.3s;}
.home-answer li .title i{color:#115DB2;padding-right: 10px;}
.home-answer li .title a span{color: #ffc600; margin-right: 10px;}
.home-answer li .date{position: absolute;right: 0px;top: 0px;color: #666;}
.home-border li{ border-bottom: 1px dashed #c6c6c6; }


/* 图片滚动 */
.mqm-roll-pic{width:100%;height:100%;position:relative;}
.mqm-roll-pic img{display:block;width:100%;height:100%;transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;}
.mqm-roll-pic:hover img {transform: scale(1.1, 1.1); }
.mqm-roll-pic .intro { position: absolute; top: 20px; left: 20px; background: #115DB2; font-size: 12px; line-height: 25px; color: #fff; padding: 0 5px; }
.mqm-roll-pic .text{position: absolute; bottom: 0; background: url(../images/xian.png) repeat-x; height: 72px; text-align: center; width: 100%; }
.mqm-roll-pic .text h5 {font-size: 18px; color: #fff; margin: 30px 10px 0 10px; font-weight: 400; text-align: center; line-height: 1.5; max-height: 30px; overflow: hidden; }
.mqm-roll-pic .text h5 a{ color: #fff; }
.mqm-roll-pic .text h5:hover{ color: rgba(255,255,255,0.5); }


.news-pic{ width: 100%; background: #115DB2; display: inline-block; position: relative; border-style: solid; border-width: 1px 1px 4px; border-color: #ddd #ddd #115DB2; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; }
.news-pic:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #fff; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.news-pic:hover:before { -webkit-transform: scaleX(0); transform: scaleX(0); }
.news-pic:hover .text .title{ color: #fff; }
.news-pic:hover .text .title2{ color: #fff; }
.news-pic:hover .text .title3{ color: #fff; }
.news-pic-box{ padding: 10px; }

.news-ps-box{ margin:0 10px;height:136px}


.new-blue{background: #085DB3; border-color: #ddd #ddd #085DB3; }
.new-yellow{background: #ffc600;border-color: #ddd #ddd #ffc600;}


.news-pic .text{ width: 100%; padding: 12px 0; position: relative; box-sizing: border-box; }
.news-pic .text .author{ font-size: 12px; color: #999; line-height: 12px; display: block; }
.news-pic .text .title{ display: block; margin: 10px 0; font-size: 18px; line-height: 1.2; }
.news-pic .text .title2{ margin: 12px 0; font-size: 18px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; line-height: 1.5; max-height: calc(1.5em * 2); word-break: break-all; }
.news-pic .text .title3{ margin: 12px 0; height:56px; font-size: 18px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; line-height: 1.5; max-height: calc(1.5em * 2); word-break: break-all; }
.news-pic .text .data{ display: block; font-size: 12px; color: #999; line-height: 12px; }
.news-pic .text .title:hover,.news-pic .text .title2:hover,.news-pic .author:hover,.news-pic .text .title3:hover{ color: rgba(255, 255, 255, 0.5); }

.pic-box{
    display: block;
    height: 122.83px;
    overflow: hidden;
}

/* 列表页面 */
.sub-nav-title { text-align: left; font-size: 24px; padding: 28px; background-color:#115DB2; color: #fff; line-height: 1.2; }
.all-page-bg{margin-top: -85px;position: relative;z-index: 2;}
.sub-nav-box {clear: both;position: relative;background: #f2f2f2;}
.sub-nav-box .sub-nav{clear:both;text-align:left;margin-bottom:20px;width:100%;overflow:visible;}
.sub-nav-box .sub-nav li{width:100%;padding:0px;text-align:left;position:relative;display:block;}
.sub-nav-box .sub-nav li a{border-bottom: 1px solid #c6c6c6;}
.sub-nav-box .sub-nav li a{display:block;padding: 21px 28px;color:rgb(51, 51, 51);text-align:left;}
.sub-nav-box .sub-nav li a:hover{color:#115DB2;}
.sub-nav-box .sub-nav li ul{display:none}
.sub-nav-box .sub-nav li ul li a{padding-left:55px;}
.sub-nav-box .sub-nav li ul li ul li a{padding-left:85px}
.sub-nav-box li .arrow{position:absolute;right:0px;top:0px;width:54px;height:65px;line-height:65px; text-align:center;transition-duration:0.1s;cursor:pointer}
.sub-nav-box li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}
.sub-nav-box .sub-nav li.current > a{color:#115DB2;}
.sub-nav-box .sub-nav li.active > ul{display:block}
.sub-nav-box .sub-nav li.active > .arrow{transform:rotate(90deg)}
.sub-nav-box .sub-list-left{background: rgba(255, 255, 255, 0.11);}
.sub-nav-box .sub-list-left img{width: 100%;height: auto;}
.sub-con-h4{ font-size: 24px; line-height: 1.5; color: #115DB2; margin-bottom: 14px; margin-top:32px; font-weight: bold; }



.sub-work-title { text-align: left; font-size: 24px; padding: 28px; background-color:#E13F38; color: #fff; line-height: 1.2; }
.sub-work-box {clear: both;position: relative;background: #f2f2f2;}
.sub-work-box .sub-nav{clear:both;text-align:left;margin-bottom:20px;width:100%;overflow:visible;}
.sub-work-box .sub-nav li{width:100%;padding:0px;text-align:left;position:relative;display:block;}
.sub-work-box .sub-nav li a{border-bottom: 1px solid #c6c6c6;}
.sub-work-box .sub-nav li a{display:block;padding: 21px 28px;color:rgb(51, 51, 51);text-align:left;}
.sub-work-box .sub-nav li a:hover{color:#E13F38;}
.sub-work-box .sub-nav li ul{display:none}
.sub-work-box .sub-nav li ul li a{padding-left:55px;}
.sub-work-box .sub-nav li ul li ul li a{padding-left:85px}
.sub-work-box li .arrow{position:absolute;right:0px;top:0px;width:54px;height:65px;line-height:65px; text-align:center;transition-duration:0.1s;cursor:pointer}
.sub-work-box li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}
.sub-work-box .sub-nav li.current > a{color:#E13F38;}
.sub-work-box .sub-nav li.active > ul{display:block}
.sub-work-box .sub-nav li.active > .arrow{transform:rotate(90deg)}
.sub-work-box .sub-list-left{background: rgba(255, 255, 255, 0.11);}
.sub-work-box .sub-list-left img{width: 100%;height: auto;}
.sub-work-con{font-size: 24px; line-height: 1.5; color: #E13F38; margin-bottom: 14px; margin-top:32px; font-weight: bold; }




.sub-red{text-align: left; font-size:24px; padding: 28px; color: #fff; line-height: 1.2; background-color: #FF5C05; }
.sub-red-box {position: relative;background: #f2f2f2;padding:28px;}
.sub-red-box ul li{margin:10px 0}
.sub-red-box ul li a{ display: -webkit-box; font-size: 18px; font-weight: 400; height: 40px; left: auto; line-height: 40px; overflow: hidden; position: static; text-align: left;  text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; background-image: 1; bottom: auto; box-sizing: border-box; }
.sub-red-box .number{color: #999; font-size: 20px; font-weight:bold;display: inline-block;line-height:40px;margin-right:5px;width:26px;text-align: center;}
.sub-red-box ul li:first-child .before-three{color:#d21800;}
.sub-red-box ul li:nth-child(2) .before-three{color:#f33;}
.sub-red-box ul li:nth-child(3) .before-three{color:#ff9a03;}
/*分页页码样式*/

/* 外层容器 */
.page-large {
    text-align: center;
    padding: 50px 0 20px;
    font-family: "Microsoft YaHei", sans-serif;
    color: #666;
}

/* 分页按钮组 */
.page-large div[style*="inline-block"] {
    display: inline-block;
    vertical-align: middle;
}

/* 所有分页链接通用样式 */
.page-large a {
    display: inline-block;
    width: auto;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 4px;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

/* 上一页 / 下一页按钮特殊样式 */
.page-large .prev-page,
.page-large .next-page {
    padding: 0 10px;
    background-color: #f0f0f0;
    color: #555;
}

/* 鼠标悬停效果 */
.page-large a:hover {
    background-color: #e0e0e0;
    color: #000;
    border-color: #ccc;
}

/* 当前页码高亮 */
.page-large .on {
    background-color: #FF5C05;
    color: #fff !important;
    border-color: #FF5C05;
    font-weight: bold;
}

/* 页面信息文本 */
.page-large .page-info {
    display: inline-block;
    margin-left: 15px;
    font-size: 14px;
    color: #999;
}

.page-large .page-info strong {
    color: #FF5C05;
    margin: 0 3px;
}




/* 详情页面 */
.pagedetail{width: 100%;}

.detail-title{
    padding: 40px 16px 20px 16px;
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
}
.detail-h2{
    font-size: 32px;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 50px;
    margin-top: 50px;
    text-align: center;
}
.page-detail-title{
    padding: 40px 120px 20px 16px;
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
}

.page-detail-title h2,.detail-title h2{
    font-size: 32px;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 14px;
    min-height: 90px;
}
.page-detail-title .detail-date {
    color: #777;
    line-height: 1.5;
}
.page-detail-title .detail-date span{display: inline-block;margin:0px 20px; font-size:12px;}
.page-detail-title .detail-date i{font-size: 36px;vertical-align: middle;}

.detail-back{position: relative;min-height:128px;}
.detail-back .back{position: absolute; top: 40px;right: 0;}
.detail-back .back a{display:inline-block;border:2px solid #2c9640;border-radius:50px;width:70px;height:70px;line-height:64px;text-align: center;}
.detail-back .back a p{line-height:1.5;margin-top:10px;}
.detail-back .back a img{margin-top:20px;}
.detail-text{
    padding-right: 120px;
}
.detail2-text{padding-bottom: 100px;}
.detail-text img,.detail2-text img{max-width:100%;}
.sub-box{min-height: 500px;}

/*footer*/
#footer{ position: relative; float: left; width: 100%; height:295px; padding-top: 20px; background:#06263a url(../images/bottom-bg.jpg) top left;text-align:center; }
#footer ul{padding: 20px 0 10px;}
#footer li{text-align: right;line-height:2.5;}
#footer li a{color:#fff;}
#footer li a:hover{color:#115DB2;}
#footer li span{color:#fff;}
#footer li ul li a{color:#79828a;font-size: 16px;}
#footer li ul li a:hover{color:#115DB2;}
.bg-img{width: 100%;height:auto;margin-top:60px;}
.copyright{color:#79828a;text-align: center;border-top: 1px solid #04101D;text-transform: lowercase;font-size:16px}
.copyright a{color:#79828a;}
.copyright a:hover{text-decoration:underline;}
.copyright span{padding: 14px 0;display: block;}


/* loader */
.loader {
    width:100%;
    height:100%;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999;
    background: #fff;
    transition: .3s all ease;
}

.loader img {
    width: 180px; /* 设置图片宽度 */
    height: auto; /* 自适应高度 */
    animation: pulseAnimation 2s ease-in-out infinite; /* 添加放大缩小动画 */
}

/* 定义旋转动画 */
@keyframes pulseAnimation {
    0%, 100% {
        transform: scale(1); /* 初始和结束状态，原大小 */
    }
    50% {
        transform: scale(1.2); /* 中间状态，放大至1.2倍 */
    }
}

/* top-banner */
#top-banner{ position: relative; }
#top-banner .close{ width:24px; height:24px; position: absolute; right: 24px; top: 10px; z-index: 999; }
#top-banner .close i{ font-size:24px; }
#top-banner .close:hover i{color:#fff;}


/* one 焦点新闻&通知公告 */
#one{ padding-top: 50px; padding-bottom:35px; position: relative; float: left; width: 100%; background-color: #f4f4f4; }
.carousel-image{height: 440px;position: relative;}
.carousel-image .carousel-image-tit{position: absolute; left:20px; top:20px; z-index:2; box-shadow: -10px 10px 15px rgba(0, 0, 0, 0.3);}
.carousel-image .layui-carousel-ind{top: -80px;}
.mqm-index-note{
    vertical-align: middle;
    width: 108px;
    line-height: 40px;
    padding-left: 18px;
    background: url(../images/note.png) no-repeat 0 center / contain;
    color: #fff;
    font-weight:bold;
}
/* two关于协会icon */
#two{position: relative; float: left; width: 100%;padding:50px 0 30px;}

.two-title{
    font-size:24px;
    color: #E13F38;
}
.two-btn{
    margin: 30px 0;
}

.two-btn a{
    display: block;
    color: #fff;
    background-color: #115DB2;
    padding:20px 0px;
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.two-btn a:hover{
    color: #fff;
    background-color: #063A74;
}
.two-btn a:active{
    color: #2B5685;
}

.two-btn a.red{
    background-color: #FF5C05;
}
.two-btn a.red:hover{
    background-color:#A63B01;
}
.two-btn a.red:active{
    color: #BF6432;
}

.two-btn  a.yellow{
    background-color: #FFC705;
}
.two-btn  a.yellow:hover{
    background-color:#FFD543;
}
.two-btn  a.yellow:active{
    color: #A68101;
}

.two-p{
    color: #999;
}
.two-icon{width:100%;}
.two-icon a{ display:block;border:solid 1px #7ea4d7;background: #f5f9ff; transition: all .2s ease;text-align: center;padding:15px 0;color:#115DB2; }
.two-icon a i{ display: block; font-size:36px; -webkit-background-size: 220px 220px;-moz-background-size: 220px 220px;-webkit-border-radius: 110px;border-radius: 110px; -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out;-o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out; }
.two-icon a:hover{background-color:#115DB2;border-color:#115DB2;color:#fff;}
.two-icon a:hover i { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform: rotateY(180deg);transform: rotateY(180deg); }

.two-icon .red{
    border-color: #115DB2;
    background-color: #fff;
    color: #115DB2;
}
.two-icon .red2{
    border-color: #115DB2;
    background-color: #115DB2;
    color: #fff;
}
.two-icon .red2:hover,.two-icon .red:hover{
    background-color: #115DB2;
    border-color: #115DB2;
}


.cloud-icon{
   background: #E2EFFF;
    padding: 20px;
}
.cloud{
    display:block;
    height: 60px;
    line-height:60px;
    border: 1px solid #7ea4d7;
    box-sizing: border-box;
    background-color: #f5f9ff;
    background-position: 22px center;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 18px;
    color: #115db2;
}
.cloud i{margin-right:14px;font-size:24px;vertical-align: middle;}
.cloud:hover{
    background-color: #115db2;
    color: #fff;
}

.icon-yellow{ background:#115DB2; color: #fff; }
.icon-yellow::before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; border: 8px solid #115DB2; transition: all .2s ease; z-index: -1; }
.icon-yellow i{color: #fff;}
.icon-yellow:hover{background-color: #ffc600;}

/* three党建工作 */
#three{ position: relative; float: left; width: 100%; padding: 50px 0; background: #fff2cf url(../images/red.jpg) no-repeat center center; overflow: hidden; }
.red-title{width: 308px; height: 96px; background: url(../images/red-tit.png) no-repeat; position: relative;margin-top:-10px;}
.red-title a {display: block; font-size: 24px; font-weight:bold; text-align: center; color:#E13F38; position: absolute; top:30px; left: 115px; }
.top-title {border-bottom: solid 1px #ede8df; overflow: hidden; padding-bottom: 26px; margin-top:10px;margin-bottom:19px; position: relative; }
.top-title .intro { width: 50px; height: 99px; float: left; border-right: solid 1px #46321a; font-size:18px; font-weight: bold; }
.top-title .index-intro { width: 50px; height: 95px; float: left; border-right: solid 1px #46321a; font-size:18px; font-weight: bold; }
.top-title .index-intro a,.top-title .intro a{ color: #E13F38; }
.top-title .index-intro a:hover,.top-title .intro a:hover{color:#ffc600;}
.top-title .text { position: absolute; top: 0; left:70px; }
.top-title .text h2{ font-size: 18px; font-weight: bold; height:58px; margin-bottom:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; }
.top-title .text span { font-size: 12px; line-height: 1.2; font-weight: normal; display: block; color: #999; }
.top-title .text h2 a:hover{color:#E13F38;}
.index-pic { width: 100%; height: 274px; overflow: hidden; }
.head-title {margin-top:20px;position:relative;overflow: hidden;box-shadow: 4px 2px 12px #ddd;height:125px;background-color:#fefbf4;}
.head-title .qihao {width: 50px; background: #d74339; font-size: 18px; font-weight: bold; height: 125px; text-align: center; padding-top: 15px; position: absolute; top: 0; left: 0; }
.head-title .qihao a{color:#fff;}
.head-title .qihao a:hover{color:#ffc600;}
.head-title .text{background: #fefbf4; height: 125px; padding-left: 60px; }
.head-title .text h2 {margin: 20px 15px 0 15px; font-size: 18px; line-height: 1.2;}
.head-title .text h2 a:hover{color:#d74339;}
.head-title .text span { line-height: 1.5; margin: 10px 15px 0 15px; font-weight: normal; display: block; }
/* four新闻中心 */
#four{position: relative; float: left; width: 100%;padding:50px 0;}
.index-branch{ width: 100%; position: relative; background-color: #fff;position: relative;}
.index-branch-box2{
    height: 146px;
    padding:0 10px;
    border: 1px solid #ddd;
    overflow: hidden;
    padding-left:100px;
    margin-top:30px;
}
.index-branch-box2 ul{
    margin-top:24px;
}
.index-branch-box2 ul li a{
    display:block;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index-branch-box2 ul li a i{
    color:#115DB2;
    margin-right:10px;
}
.index-branch-box2 ul li a:hover i{
    color:#ff5722;
}
.index-branch-box{
    height: 146px;
    padding:0 10px;
    border: 1px solid #ddd;
    overflow: hidden;
    padding-left:100px;
    margin-top:30px;
}
.index-branch-a{
    display: block;
    width:72px;
    height:72px;
    position: absolute;
    top: 38px;
    left: 15px;
    z-index: 22;
}

.index-love{margin-top: 30px;height:132px;}


.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
}

.swiper-slide img {
    display: block;
    width: 100%;
}

.swiper-pagination-bullet-active{background-color: #E14038;}
.swiper-container-vertical>.swiper-pagination-bullets{left:15px;margin-top:10px;}
.single-features {
    padding: 25px 20px 13px;
    height:110px;
    text-align: center;
    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.single-features i {
    display: inline-block;
    background-color: #F0928D;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    color: #E14038;
    margin-bottom: 16px;
    font-size: 35px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.single-features h3 {
    margin-bottom: 10px;
}

.single-features p {
    margin-bottom: 18px;
}


.single-features:hover i {
    background-color: #E14038;
    color: #ffffff;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}



/* 首页会员中心 */
#member{
    position: relative;
    float: left;
    width: 100%;
}
.member-con{
    background-color: #115DB2;
    padding: 40px 0;
    position: relative;
}

.section-counter-decoration {
    position: absolute;
    top: 50%;
    width: 8%;
    transform: translateY(-50%);
    border-top: 1px solid #fff;
}

.section-counter-decoration:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 17px;
    background-color: #fff;
}
.section-counter-decoration:nth-child(1) {
    left: 20px;
}

.section-counter-decoration:nth-child(1):before {
    right: 0;
}

.section-counter-decoration:nth-child(2) {
    right: 20px;
}

.section-counter-decoration:nth-child(2):before {
    left: 0;
}

.shell{max-width:1200px;margin:0px auto;}

.counter-wrap{
    position: relative;
}

.counter-wrap .heading-1 {
    text-align: center;
    color: #fff;
    font-size: 65px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
}


.counter-wrap .small {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

.mqm-video {
    display: block;
    position: absolute;
    height: 120px;
    width: 120px;
    text-align: center;
    color: #FF9C00;
    background-color: #fff;
    font-weight:bold;
    font-size:18px;
    letter-spacing: 0.075em;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    margin-left: -60px;
    margin-top: -12px;
    padding-left: 3px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
}

.counter-wrap .heading{
    text-align: center;
    font-size: 38px;
    font-weight: bold;
    letter-spacing: 0;
    padding-top:14px;
}


.mqm-video:hover {
    color: #fff;
    background-color: #FF9C00;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.mqm-video:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #FF9C00;
    border-radius: 50%;
    -webkit-animation: pulse-border-2 2s linear infinite;
    animation: pulse-border-2 2s linear infinite;
}


.layui-timeline-axis{color: #115DB2}
.layui-text :where(a:not(.layui-btn)){
    color: #115DB2
}


/*内容*/
.news-container{ width: 100%; margin: 0 auto; }
.news-container .news-item-box{display: flex; vertical-align: middle;}
.news-container .news-con-box {width: 80%; display:flex; }
.news-container .news-con-box2 {width: 100%; display:flex; }
.news-item{border-bottom: solid 1px #eee;}
.news-time{display: inline-block; float: left;}
.news-time time {width:max-content; position: relative;  margin-bottom: 16px;padding-top: 14px; font-size: 24px;  color: #999;  -webkit-transition: all .3s;  transition: all .3s;  display: inline-block;  }
.news-time time:before {position: absolute;  content: "";  width: 25px;  height: 1px;  left: 100%;  top: 30px;  border-bottom:1px solid #BFBFBF;  -webkit-transition: all .3s;  transition: all .3s;  }
.news-item .news-icon {position: relative;  width: 35px;  height: 35px;  border: 1px solid transparent;  background-color: transparent;  -webkit-transition: all .3s;  transition: all .3s;  top: -10px;  }
.news-item .news-icon span {position: absolute;  top: 4px;  left: 9px;  width: 14px;  height: 15px; }
.news-item .news-con .news-tit{ margin-bottom: 16px; -webkit-transition: all .3s;  transition: all .3s; color: #666;}
.news-item:hover .news-con .news-tit{color: #FF5C05;}
.news-con {display: inline-block; width: auto;padding-left:30px; margin-top: 19px; -webkit-transition: all .3s;  transition: all .3s;}
.news-img {position: relative;width: 20%; overflow: hidden;list-style-type: none;display: inline-block;max-width: 100%;margin: auto;}
.news-img .dummy {padding-top: 57%;}
.news-img img{display: block;position: absolute;transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;top: 50%;left: 50%;margin:auto;padding: auto;}


.news-con .news-desc {width: 100%; line-height: 24px; display: block; font-size: 13px; color: #7D7D7D; -webkit-transition: all .3s; transition: all .3s;}
.news-item{padding: 15px 0px;clear: both;}
.news-item:nth-last-child{border-bottom:none!important;}
.news-item .news-icon span i{color:#999;}
.news-item:hover .news-icon{background: #FF5C05;}
.news-item:hover .news-icon span i {color:#fff;}
.label-box { overflow: hidden;overflow-y: auto;font-size: 0; text-overflow: ellipsis;}
.news-label {display: inline-block; font-size: 12px; color: #999; padding: 3px 12px; line-height: 1; background: #eee; margin-top: 2px; margin-right: 10px;}
.w100{ width: 100% !important;}

.news-details-top{
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
}
.news-details-title {
    line-height: 1.5;
    font-size: 30px;
    color: #333;
    font-weight: normal;
    padding: 60px 0 19px 0;
}
.news-details-small {
    font-size: 11px;
    padding-bottom: 24px;
}
.news-details-small p {
    display: inline-block;
    padding-left: 13px;
    color: #666;
}
.news-details-desc {
    margin: 29px 0;
    padding: 15px;
    background: #f5f5f5;
    color: #666666;
    line-height: 24px;
}


.new-column {
    height: 55px;
    border-bottom: solid 1px #3fbbc0;
}

.new-column .tit {
    background: #fff;
    width: auto;
    display: inline-block;
    margin: 0;
}

.new-column .tit span {
    height: 51px;
    font-size: 24px;
    line-height: 51px;
    color: #333;
    display: inline-block;
    font-family: "微软雅黑";
    border-bottom: solid 5px #3fbbc0;
}
/* 首页友情链接 */

#link{ position: relative; float: left; width: 100%; margin-bottom:50px;}
.slider { width: 100%;height:65px; overflow: hidden; position: relative;}
.slider .slider-track li {float: left;margin-right:20px;}
.slider .slider-track li a{display: inline-block; height:61px; padding:0 30px; font-size: 18px; text-align: center; line-height:60px; border: solid 1px #7ea4d7; color: #115db2; background-color: #f5f9ff; position: relative; z-index: 0; }
.slider .slider-track li a::before { content: ''; position: absolute; top: 0; left: 0; width: 101%; height: 101%; background: #115db2; border-color: #115db2; z-index: -1; opacity: 0; transform: scale3d(0.7, 1, 1); transition: transform 0.42s, opacity 0.42s; border-radius: inherit;transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.slider .slider-track li a:hover { transition: background .4s .4s, border-color .4s 0s, color .2s 0s; color: #fff; }
.slider .slider-track li a:hover::before { opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }


#content{ min-height:580px;}
.footer-img img {
    margin-top: 50px;
    margin-bottom: 50px;
}
.img-fluid {
    width: 100%;
    height: 100%;
}

/*  子级页面  */

/* ------ 二级页面头部 ------- */
.page-title-area {
    position: relative;
    overflow: hidden;
    padding-top: 220px;
    padding-bottom: 30px;
    text-align: right;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    z-index: 1;
}
.page-title-area.bg-0 {
    background-image: url(../images/1.jpg);
}

.page-title-area.bg-1 {
    background-image: url(../images/sub1.jpg);
}

.page-title-area.bg-red {
    background-image: url(../images/sub0.jpg);
}

.page-title-area.bg-2 {
    background-image: url(../images/sub2.jpg);
}

.page-title-area.bg-3 {
    background-image: url(../images/sub3.jpg);
}

.page-title-area.bg-4 {
    background-image: url(../images/sub4.jpg);
}

.page-title-area.bg-5 {
    background-image: url(../images/sub5.jpg);
}

.page-title-area.bg-6 {
    background-image: url(../images/sub6.jpg);
}

.page-title-area.bg-7 {
    background-image: url(../images/sub7.jpg);
}

.page-title-area.bg-8 {
    background-image: url(../images/sub8.jpg);
}

.page-title-area.bg-ps {
    background-image: url(../images/ps.jpg);
}

@keyframes bgPos {
    25% {
        transform: translate3d(-150px, -150px, 0) rotate(0.001deg);
    }
    75% {
        transform: translate3d(0, 0, 0) rotate(0.001deg);
    }
}


.page-title-area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background-color: #000000;
    z-index: -1;
}

.page-title-area .page-title-content {
    margin-top: -10px;
    margin-bottom: -3px;
}

.page-nav-area {
    padding-top: 150px;
    padding-bottom: 100px;
    text-align: center;

}
.page-title-area .page-title-content h2 {
    line-height: 2;
    margin-bottom: 15px;
    color: #ffffff;
    font-size: 28px;
    font-weight: normal;
}
/* 面包屑 */
.page-title-area .page-title-content {
    margin-top: -10px;
    margin-bottom: -3px;
}

.page-title-area .page-title-content ul {
    padding-left: 0;
    list-style-type: none;
    margin-top: 10px;
    margin-bottom: 0;
}

.page-title-area .page-title-content ul li {
    display: inline-block;
    position: relative;
    font-weight: 500;
    padding-right: 15px;
    padding-left: 15px;
    color: #ffffff;
}

.page-title-area .page-title-content ul li::before {
    content: "";
    position: absolute;
    top: 7px;
    right: -7px;
    background-color: #FFC705;
    width: 10px;
    height: 10px;
    -webkit-clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
    clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
}

.page-title-area .page-title-content ul li:last-child::before {
    display: none;
}

.page-title-area .page-title-content ul li a {
    color: #ffffff;
}

.page-title-area .page-title-content ul li a:hover {
    color: #FFC705;
}

.page-title-area .page-title-content ul .active {
    color: #FFC705;
}

.page-nav-area {
    padding-top: 150px;
    padding-bottom: 100px;
    text-align: center;

}
.page-title-area .page-title-content h2 {
    margin-bottom: 15px;
    color: #ffffff;
    font-size: 28px;
    font-weight: 400;
}


/* 2党建工作 */
.headlines a{height: 80px; margin: 40px auto; text-align: center; display: block; font-size: 32px; line-height: 40px;font-weight: bold; letter-spacing: 0.1rem; }
.work-slider-box{height: 468px; background-color: #E87171;}
.work-slider-box .layui-carousel-ind{top: -80px;}
.red-con {
    width: 100%;
    height: 450px;
    background: #fff2cf url(../images/red.jpg) no-repeat center center;
    overflow: hidden;
    margin-top:50px;
}


.work-three-box{
    margin-top: 50px;
    width: 100%;
    overflow: hidden;
    background: #d1100e; display: inline-block; position: relative; border-style: solid; border-width: 1px 1px 4px; border-color: #ddd #ddd #d1100e; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;

}
.work-three-box-con{ padding: 20px; }

.work-three-box:before {content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #fff; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.work-three-box:hover:before { -webkit-transform: scaleX(0); transform: scaleX(0); }
.work-three-box:hover a, .work-three-box:hover .work-three-box-con ul li .date,.work-three-box:hover .work-three-box-con .mqm-lan .mqm-lan-title{
    color: #fff;
}



.blurb-boxed {
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.05);
    display: flex;
}

.blurb-boxed .blurb-boxed-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}


.blurb-boxed .blurb-boxed-inner > * {
    width: 100%;
    flex-shrink: 0;
}

.blurb-boxed .blurb-boxed-inner {
    position: relative;
    z-index: 0;
    overflow: hidden;
    justify-content: space-between;
    padding: 10px;
}

.blurb-boxed .blurb-boxed-inner::before, .blurb-boxed .blurb-boxed-inner::after {
    position: absolute;
    left: -30px;
    top: -30px;
    right: -30px;
    bottom: -30px;
    z-index: -1;
    content: '';
    transition: all 0.3s ease-in-out;
}

.blurb-boxed .blurb-boxed-inner::before {
    background: linear-gradient(45deg, transparent 0%, transparent 49%, #d1100e 49%, #d1100e 100%);
    transform: translateY(-100%);
}

.blurb-boxed .blurb-boxed-inner::after {
    background: linear-gradient(45deg, #d1100e 0%, #d1100e 50%, transparent 50%, transparent 100%);
    transform: translateY(100%);
}


.blurb-boxed:hover {
    color: #ffffff;
}

.blurb-boxed:hover .blurb-boxed-inner::before, .blurb-boxed:hover .blurb-boxed-inner::after {
    transform: translateY(0);
}

.blurb-boxed:hover .blurb-boxed-svg-primary, .blurb-boxed:hover .blurb-boxed-svg-gray {
    transition: .1s .2s;
}

.blurb-boxed:hover .blurb-boxed-svg-primary {
    fill: #ffffff;
}

.blurb-boxed:hover .blurb-boxed-svg-gray {
    fill: #3b86f8;
}

.blurb-boxed:hover .blurb-boxed-title a,.blurb-boxed:hover .blurb-boxed-text a,.blurb-boxed:hover .blurb-boxed-data{
    color: #ffffff;
}

.blurb-boxed:hover .blurb-boxed-title a:hover, .blurb-boxed:hover .blurb-boxed-text a:hover{
    color: rgba(255, 255, 255, 0.5);
}

.blurb-boxed-svg-primary, .blurb-boxed-svg-gray {
    transition: .1s;
}

.blurb-boxed-svg-primary {
    fill: #0039aa;
}

.blurb-boxed-svg-gray {
    fill: #e5ecf4;
}


.blurb-boxed-title a {
    display: block;
    margin: 15px 0 10px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}


.blurb-boxed-text {
    margin-bottom: 10px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 54px;
}

.blurb-boxed-data{
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 12px;
}

.work-title{
    border-bottom: solid 1px #D61318;
    margin-bottom:36px;
}

.work-title .title {
    font-size: 24px;
    font-weight: 400;
    color: #115DB2;
    border-bottom: solid 3px #D61318;
    display: inline-block;
}
.work-title .title span {
    color: #D61318;
}
.work-title a{
    font-size:18px;
    margin-top:5px;
    float: right;
}
.work-title a:hover{
    color: #D61318;
}
.red-top{
    display: block;
    margin-top: 28px;
    margin-bottom: 46px;
}
.img-f80{
    display: block;
    width:88%;
    margin: 0px auto;
}

/* 3关于协会 */
#honor-box{margin-top:50px;}
.honor-list {
    position: relative;
    padding: 30px;
    height: 180px;
    background-color: #f9f9f9;
    text-align: left;
    border: 1px solid #eee;
    border-radius: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    overflow: hidden;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    cursor: pointer;
}
.honor-font{
    color:#F0928D;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
.img-w{width:100%;height:auto;}
.img-h{height:100%;width:auto;}

.honor-demo {
    width: 100%;
}
.honor-demo li{
    display: inline-block;
    margin: 30px;
    width: 42%;
    margin-bottom: 10px;
    padding: 10px;
    background: #efefef;
}
.honor-demo li img{
    width:100%;
    height: auto;
}
.mqm-table{margin-top:50px;}
.mqm-table td img{display:block;margin:0px auto;}
.honor-more{width:100%;height:100%;display: flex; justify-content: center; align-items: center;}
.honor-more i{ font-size: 72px; color: #c4c4c4; }
.honor-more:hover i{color:#ffc600;}

.introduce h3{font-size:24px;font-weight:normal;color:#000;margin-top:35px;}
.introduce-subtitle{ text-transform: uppercase; color: #F0928D; letter-spacing: .05em; font-size:18px; }
.details-btn{ border: 1px solid #115DB2; color: #fff; display: block; max-width: 180px; height: 40px; line-height: 40px; background: #115DB2; text-align: center; margin: 50px auto 35px; }
.details-btn:hover{border-color: #ffc600;background-color: #ffc600;color: #fff;}
.introduce-text{margin-top:30px;color:#000;text-align: justify;font-size:14px;line-height:24px;}
.introduce-icon-list a{margin-top:20px;}
.introduce-icon-list a:first-child{margin-top:0;}
.introduce-icon{display: block; height: 100%; width:100%; padding:15px 0; font-size: 18px; text-align: center; line-height: 1.5; border: solid 2px #115DB2; color: #115DB2; background-color: transparent; position: relative; z-index: 0; }
.introduce-icon::before { content: ''; position: absolute; top: 0; left: 0; width: 101%; height: 101%; background: #115DB2; z-index: -1; opacity: 0; transform: scale3d(0.7, 1, 1); transition: transform 0.42s, opacity 0.42s; border-radius: inherit;transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.introduce-icon:hover { transition: background .4s .4s, border-color .4s 0s, color .2s 0s; color: #fff; }
.introduce-icon:hover::before { opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }

.introduce-text p a{color:#115DB2;font-size:14px;}
.introduce-text p a:hover{color: #ffc600;}

.entry{
    line-height: 2;
    color: #333;
}
.entry h2{
    font-size: 18px;
}
.entry blockquote {
    position: relative;
    padding: 0 0 0 11px;
    margin: 16px 0;
    font-family: STKaiti, KaiTi, serif;
    border-left: 5px solid #c3cace;
}
.section-leader {
    padding: 100px 0;
    position: relative;
    float: left;
    width: 100%;
    background-color: #f9f9f9 !important;
}
.section-title {
    margin-top:30px;
    margin-bottom: 30px
}
.section-title h3 {
    font-size: 21px;
    margin: 0;
    text-transform: capitalize;
    position: relative;
    text-align: center;
    padding: 0 0 20px;
    font-weight: normal;
}
.section-title h3 a:hover{
    color: #0154ba;
}
.section-title h3:after {
    position: absolute;
    content: "";
    display: block;
    height: 2px;
    width: 128px;
    background: #085DB3;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -6px;
}
.section-title span {
    color: #034ea2;
}
.section-title span.line {
    height: 10px;
    width: 10px;
    background: #085DB3;
    display: block;
    margin: 0 auto;
    border-radius: 30px;
}
.section-title p {
    margin-top: 25px;
    text-align: center;
    font-family: STKaiti, KaiTi, serif;
}
.section-title p a{
    color: #FF9C00;
}
.section-title p a:hover{
    color: #0154ba;
}
.section2-title{
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
    font-family: STKaiti, KaiTi, serif;
}
.section-title.section-title-left span.line {
    margin: 0 30px;
}
.section-title.section-title-left h3:after {
    margin: 0;
}

.section-about-leader{
    width:100%;
    overflow: hidden;
}
.mqm-leader-m{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.mqm-leader-m ul li{
    width: 262.5px;
    margin-right: 30px;
    float: left;
}
.mqm-leader-m ul li img{
    width:100%;
    height: auto;
}
.single-doctor {
    width: 100%;
    height: 100%;
    border: 5px solid #ddd;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.single-doctor .single-doctor-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.single-doctor img,.single-doctor-info {
    display: block;
    position: relative;
    margin-bottom: 25px;
}
.single-doctor-info {
    display: block;
    position: relative;
}
.single-doctor .single-doctor-info  h4 {
    font-size: 18px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.single-doctor .single-doctor-info  span {
    margin-bottom: 25px;
    display: block;
    text-transform: capitalize;
}
.single-doctor h5 {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    padding: 10px;
    margin: 20px 0 0 0;
}
.single-doctor p {
    line-height: 20px;
    color: #fff;
    position: relative;
    padding: 20px;
}
.single-doctor-mask ul li {
    display: inline-block;
}
.single-doctor-mask ul li a {
    color: #fff;
    border: 2px solid #fff;
    text-transform: uppercase;
    padding: 7px;
}
.single-doctor-mask ul li a:hover {
    background:#E13F38;
    border-color: #E13F38;
}
.single-doctor-warp img,.single-doctor-info {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.single-doctor-warp .single-doctor-mask {
    background:#115DB2;
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -o-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    transform: translateY(-800px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.single-doctor-mask-inner {
    position: absolute;
    top: 20%;
    width: 100%;
}
.single-doctor-warp h5 {
    background: rgba(255, 255, 255, 0.5);
    color: #000;
}
.single-doctor-warp p {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.single-doctor-warp:hover .single-doctor-mask {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.single-doctor-warp:hover img,.single-doctor-warp:hover .single-doctor-info  {
    -webkit-transform: translateX(800px);
    -moz-transform: translateX(800px);
    -o-transform: translateX(800px);
    -ms-transform: translateX(800px);
    transform: translateX(800px);
}
.single-doctor-warp:hover p {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.owl-theme.team-slider .owl-dots {
    margin-top: 70px !important;
    margin-bottom: -30px;
}
.owl-theme.team-slider .owl-dots .owl-dot span {
    position: relative;
    height: 15px;
    width: 15px;
}
.owl-theme.team-slider .owl-dots div.active span {
    border-color: #044fa3;
    background: #044fa3;
}

.doctor-page .single-doctor {
    border: 5px solid #f5f5f5;
}


.single-doc-tab .nav-tabs .nav-item.show .nav-link, .single-doc-tab .nav-tabs .nav-link.active {
    border-color: #ddd #ddd #ddd;
    background: #034ea2;
    color: #fff;
}
.single-doc-tab .nav-tabs .nav-link {
    border-radius: 0;
    border-color: #ddd #ddd #ddd;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    color: #333;
}
.single-doc-tab .nav-tabs .nav-item {
    margin-right: 20px;
    position: relative;
}
.single-doc-tab .nav-tabs .nav-item .active:before {
    position: absolute;
    content: "\eb25";
    font-family: 'icofont' !important;
    font-size: 30px;
    color: #034ea2;
    bottom: -18px;
    left: 43%;
}
.single-doc-tab .nav-tabs .nav-link:focus, .single-doc-tab .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #ddd;
    background: #034ea2;
    color: #fff;
}

.single-patient-info p {
    margin-bottom: 10px;
}
.single-patient-info p span {
    font-weight: 600;
    letter-spacing: 1px;
    padding-right: 15px;
}

.section-honor {
    padding: 50px 0;
    position: relative;
    float: left;
    width: 100%;
}

.section-map {
    position: relative;
    float: left;
    width: 100%;
}
.breadcrumbs-custom {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.box-position {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% + 150px);
    height: calc(100% + 150px);
    will-change: transform;
    animation: bgPos 100s linear infinite;
    transform: translate3d(-75px, -75px, 0) rotate(0.001deg);
    background-position: 50% 50%;
    background-size: cover;
    z-index: -1;
}

@keyframes bgPos {
    25% {
        transform: translate3d(-150px, -150px, 0) rotate(0.001deg);
    }
    75% {
        transform: translate3d(0, 0, 0) rotate(0.001deg);
    }
}

.order-negative-2 {
    order: -2;
}
.leader-box{margin-top:60px;}
.leader-con{
    padding:30px 0px;
}
.leader-con li{
    border-bottom:1px dashed #d4d4d4;
    overflow: hidden;
    margin-bottom:50px;
    padding: 0 30px;
}
.leader-img{
    float:left;
    padding-bottom:50px;
    width:14.25%;
}
.leader-img img{
    width:100%;
}
.leader-intro{
    font-size:16px;
    color:#333333;
    line-height: 38px;
    width:82.5%;
    float:right;
}
.leader-bxx span{
    float:left;
}
.leader-name{
    color:#144794;
    font-size:20px;
    font-weight:bold;
    margin-top:40px;
}

.leader-more{
    width: 260px;
    height: 480px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.leader-more a i{font-size:72px;color:#c4c4c4;}
.leader-more a:hover i{color:#ffc600;}
.contact ul li{ width: 100%; border: 1px solid #7ea4d7; box-sizing: border-box; overflow: hidden; height: 68px;display: flex; display: -webkit-flex; display: -ms-flex; align-items: center; margin-bottom: 26px;}
.contact ul li h4{ width: 28%; float: left; font-size: 18px; line-height: 1.5em;font-weight: normal; color: #085DB3; text-align: center; background: #f5f9ff; height: 68px; line-height: 68px;}
.contact ul li p{ width: 72%; float: right;font-size: 18px; line-height: 1.5em; color: #085DB3; text-align: center; box-sizing:border-box; padding: 0 10px;}

.qr-code{
    width:100%;
    height: 350px;
    background-color: #f2f2f2;
}

.qr-code-box {
    position: absolute;
    background: #ff2a00;
    text-align: center;
    padding: 8px;
    left: 50%;
    top: 50%;
    margin-left:-94px;
    margin-top: -120px;
}
.qr-code-box img {
    width: 180px;
    height: auto;
}
.qr-code-box p {
    font-size: 16px;
    color: #fff;
    letter-spacing: 0.6px;
    line-height: 1.5em;
    margin: 8px 0 2px;
}


.honor-wall {
    padding: 30px 40px;
    border-radius: 20px;
    background: #111;
    border: 3px solid white;
    margin: 70px auto;
    position: relative;
    box-shadow: 0px 0px 5px #000;
}
.honor-wall-box{
    height:535px;
    background-color: #f8f8f8;
    overflow: hidden;
}
.honor-wall-box h2{text-align: center;line-height:100px;}
#honor{
    text-align: center;
    max-height:72%; /* 图片高度限制为容器的 80% */
}
#honor .layui-carousel-ind{top: 16px;}
#honor img{
    height:100%;
    width: auto;
    object-fit: contain;
    cursor: pointer;
}
.honor-pic-box{
    margin-bottom: 20px;
}
.honor-pic-box img{
    width:auto;
    height:360px;
    margin: 0px auto;
}
.honor-swiper{
    position: relative;
}
.black-text{
    line-height: 28px;
    margin-bottom: 20px;
    color: #F0928D;
}
/* 3新闻中心 */
.mqm-news-one {
    position: relative;
    z-index: 2;
    top: -50px;
    left: 0;
    height: 130px;
    overflow: hidden;
}

.index-note { width: 100%; height: 132px; background: #F9F9F9;border: 1px solid #eee;  display: flex; justify-content: space-between; flex-flow: row wrap; position: relative; }
.index-note .title{width: 138px; position: absolute; top: 0; left: 0;height:100%;text-align: center; }
.index-note .title img{margin-top:32px;}
.index-note .list2 {padding-left: 138px; width: 100%; padding-right: 132px; }
.notice-roll a{background-color:#F9F9F9;padding-top:32px; padding-bottom:32px; display:block;}
.notice-roll h2{white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;font-size:24px;font-weight:400;}
.notice-roll a:hover h2{color: #115DB2;}
.notice-roll p{ margin-top: 10px; font-size: 18px; color: #999; line-height: 12px; }
.notice-roll p i{margin-right: 10px;}


.section-news {
    margin: 50px 0;
    padding: 50px 0;
    position: relative;
    float: left;
    width: 100%;
    background-color: #f9f9f9 !important;
}

.mqm-note-list li{padding-bottom:20px; border-bottom: 1px dashed #c6c6c6;}

.attachment{ width: 100%; border: 10px solid #00c0e4; box-sizing: border-box; overflow: hidden; height: 100px; display: flex; display: -webkit-flex; display: -ms-flex; align-items: center; margin:20px 0;}
.attachment h4 { width: 20%; float: left; font-size: 18px; font-weight: normal; color: #333333; text-align: center; background: #ededed; height: 100px; line-height:100px;}
.attachment p{width: 80%; float: right; font-size: 18px; color: #333333; text-align: center; box-sizing: border-box; padding: 0 10px; }
/* 4公益科普 */
.overlay {
    position: relative;
    z-index: 1;
    margin-top:50px;
}
.overlay:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0.8;
    background: #115DB2;
}
.overlay1::before{
    background: #1e9fff;
}
.overlay2::before{
    background: #6DA0D9;
}
.overlay3::before{
    background: #56B6FF;
}
.overlay4::before{
    background: #468BD9;
}
.overlay5::before{
    background: #063A74;
}
.section-back-image {
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
.section-padding {
    padding-bottom: 50px;
    position: relative;
    float: left;
    width: 100%;
}

.product-tips{
    line-height: 28px;
    color: #fff;
    margin-bottom: 20px;
}
.love-enterprise{
    width: 100%;
    height: 108px;
    background: rgba(6, 58, 116, 0.95);
    position: relative;
}
.love-enterprise:hover{
    background-color: #115DB2;
}
.love-enterprise a{
    display: block;
    padding: 28px 30px 30px;
}
.love-enterprise a span i{margin-right:10px;}
.love-enterprise a span:first-child{
    font-size: 18px;
    display: block;
    line-height: 24px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.love-enterprise a span:last-child {
    display: block;
    width: 100%;
    line-height: 22px;
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.7);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.love-enterprise:after {
    content: "";
    width: 118px;
    height: 4px;
    background: #fff;
    position: absolute;
    left: 30px;
    top: 0;
}
.more-note{
    width:132px;
    height: 132px;
    text-align: center;
    line-height:132px;
    position: absolute;
    top: 0;
    right: 0;
}
.pop-list ul li{
    border-bottom: 1px dashed #c6c6c6;
    padding:0px 0px 20px;
}
/* 5协会分会 */



.section-brand {
    padding: 50px 0;
    position: relative;
    float: left;
    width: 100%;
    background-color: #f9f9f9 !important;
    margin-bottom: 70px;
}

.mqm-branch-top {
    position: relative;
    z-index: 2;
    top: -80px;
    left: 0;
    background-color: #ee0000;
    overflow: hidden;
    text-align: center;
    font-size: 2em;
    color: #ffffc6;
    letter-spacing: 0.1em;
    font-weight: bold;
}

.mqm-branch-one{
    background-image: url(../images/branch.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
}

.mqm-branch li{
    margin-bottom: 30px;
}

.device {
    padding: 30px 40px;
    border-radius: 20px;
    background: #111;
    position: relative;
}

.mqm-barnch-phone-box{
    width: 100%;
    height:400px;
    overflow: hidden;
    background:#f9f9f9 url(../images/branch.jpg);
}

.mqm-barnch-two {
    padding: 100px 0;
    position: relative;
    float: left;
    width: 100%;
    background-color: #f9f9f9 !important;
}

.widget {
    padding: 40px;
    background-color: #f9f9f9;
    margin-bottom: 30px;
    border-radius: 0;
    border-top: 4px solid #115DB2;
}

.single-box{
    width: 100%;
    height:400px;
    background:#f9f9f9 url(../images/branch.jpg);
    overflow-y: scroll;
}
.single-text{
    padding:0px 70px;
    text-align: justify;
}

.single-text p{
    text-indent: 2em;
}

.single-list {
    position: relative;
    padding: 40px;
    background-color: #f9f9f9;
    text-align: left;
    border: 1px solid #eee;
    border-radius: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    overflow: hidden;
}

.single-list i{
    font-size: 25px;
    display: inline-block;
    margin-bottom: 30px;
    height: 70px;
    width: 70px;
    line-height: 68px;
    text-align: center;
    border-radius: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background-color: #115DB2;
    color: #fff;
}
.single-list h4 {
    display: block;
    margin-bottom: 10px;
    height: 60px;
}
.single-list p {
    font-size: 14px;
}
.single-list a{
    line-height: 30px;
}
.single-list:hover {
    background-color: #115DB2;
}
.single-list:hover h4,.single-list:hover p,.single-list:hover a {
    color: #fff;
}
.single-list:hover p a:hover{
    color: rgba(255, 255, 255, 0.5);
}
.single-list:hover i{
    background-color: #fff;
    color: #115DB2;
}
.fade-up{
    width: 200px;
    height: 200px;
    position: absolute;
    bottom: 148px;
    right: 42px;
    z-index: 2;
}

.single-counter {
    text-align: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    margin-bottom: 30px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    padding: 30px;
    position: relative;
}

.single-counter i {
    background-color: #def5ee;
    color: #115DB2;
    font-size: 30px;
    line-height: 1;
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto 25px;
    border-radius: 50%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.single-counter p {
    color: #115DB2;
    line-height: 1;
    margin-bottom: 0;
    font-size: 18px;
}

.green i{
    background-color: #def5ee;
    color: #115DB2;
}

.green p {
    color: #115DB2;
}


.single-counter h2 {
    color: #121521;
    line-height: 1;
    font-size: 40px;
    margin-top: -8px;
    margin-bottom: 10px;
}

.single-counter:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.single-counter:hover i {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.single-block{
    padding: 30px 79px;
    background-color: #f8f8f8;
}
.text-primary{
    color: #115DB2;
    margin-bottom:10px;
}

.list-inline{
    margin-bottom:20px;
}
.list-inline span{
    margin-right:50px;
    font-weight:normal;
    font-size: 14px;
}
.list-inline span i{color:#115DB2;margin-right:10px;}
.quote-primary{
    position: relative;
    padding: 24px 14px 24px 0px;
    border-top: 1px solid #ddd;
}
.quote-primary::before{
    content: '';
    position: absolute;
    bottom: 0;
    height: 13px;
    border-style: solid;
    border-color: #ddd;
    left: 0;
    width: 75px;
    border-width: 1px 1px 0 0;
}
.quote-primary:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 13px;
    border-style: solid;
    border-color: #ddd;
    right: 0;
    width: calc(100% - 85px - 5px);
    border-width: 1px 0 0 1px;
    transform-origin: 0 0;
    transform: skew(-45deg);

}
.quote-primary-text {
    font-weight: 400;
    font-family: "Quattrocento Sans", sans-serif;
    letter-spacing: .075em;
    position: relative;
    top: -9px;
    font-size: 24px;
    line-height: 1.5;

}
.quote-primary-text i{font-size:36px;color:#115DB2;vertical-align: middle;margin-right:20px;}

.quote-img{height:189px;overflow: hidden;margin-top:20px;position: relative;}
.quote-img img{height:100%;width:auto;}

.service-desc{
    position: absolute;
    width: 180px;
    top:60px;
    left:366px;
    display: block;
    background:#468BD9;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    padding: 15px 15px 14px 17px;
    color: #ffffff;
    overflow: hidden;
    transition: .2s ease-in-out;
}
.service-desc i{font-size:24px;margin-right:16px;vertical-align:middle;}
.service-desc:hover {
    background: #115DB2;
    padding-left: 58px;
    color: #fff;
}


/* 分会列表 */
.branch-enterprise{
    width: 100%;
    height: 108px;
    background: rgba(17, 93, 178, 0.95);
    position: relative;
}

.branch-enterprise div{
    display: block;
    padding: 28px 30px 30px;
}
.branch-enterprise div span i{margin-right:10px;}
.branch-enterprise div span{
    font-size: 18px;
    display: block;
    line-height: 24px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.branch-enterprise div a{
    display: block;
    width: 100%;
    line-height: 22px;
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.7);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    padding-left:28px;
}
.branch-enterprise div a:hover{
    color: #fff;
}
.branch-enterprise:after {
    content: "";
    width: 118px;
    height: 4px;
    background: #fff;
    position: absolute;
    right: 30px;
    bottom: 0;
}


/* 选择分会 */
.nice-select {
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    display: block;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    min-height: 40px;
    line-height:40px;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
    background-color: #f2f9fc;
    border: 1px solid #e8e8e8;
    transition: .3s ease-in-out;
}

.nice-select:hover {
    border-color: #dbdbdb
}

.nice-select.open,.nice-select:focus {
    border: 1px solid #115DB2;
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 5px
}

.nice-select .current-input{
    display: block;
    width:90%;
    min-height: 40px;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    background-color: #f2f9fc;
    transition: .3s ease-in-out;
    border: none;
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.nice-select.open .list {
    width:100%;
    height: 250px;
    overflow-y: scroll;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}


.nice-select .list {
    width:100%;
    height: 250px;
    overflow-y: scroll;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(68,68,68,.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    -ms-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    -webkit-transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
    z-index: 9
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent!important
}

.nice-select .list li {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: 0;
    padding-left: 10px;
    padding-right: 30px;
    text-align: left;
    -webkit-transition: all .2s;
    transition: all .2s
}

.nice-select .list li:hover{
    background-color: #115DB2;
    color: #fff;
}


/* 搜索页面 */

#search-btn{
    display: block;
    width:70%;
    height: 62px;
    background-color: #ffc600;
    font-weight: bold;
    font-size: 18px;
    color:#fff;
    border:none;
    cursor: pointer;
    margin:26px auto 0;
    border-radius: 4px;
}
.query{
    width:100%;
    height: 62px;
    background-color: #115DB2;
    font-weight: bold;
    font-size: 18px;
    color:#fff;
    border:none;
    cursor: pointer;
    margin-top:26px;
    border-radius: 4px;
}

#search-btn:hover,.query:hover{
    background-color: #063A74;
}

#search-btn:active,.query:active{
    background-color: #DF5C56;
    color: #7c110B;
}
.form-wrap {
    position: relative;
}
.form-label-outside {
    display: block;
    font-size: 12px;
    line-height: 2;
    letter-spacing: .01em;
    margin-bottom: 2px;
    color: #999;
}

.form-input {
    display: block;
    width: 100%;
    min-height: 40px;
    padding:10px;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    background-color: #f2f9fc;
    background-image: none;
    -webkit-appearance: none;
    transition: .3s ease-in-out;
    border: 1px solid #e8e8e8;
}

.form-input:focus {
    color: #000000;
    background-color: #ffffff;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    outline: 0;
    border: 1px solid #115DB2;
}

.form-validation {
    display: none;
    position: absolute;
    right: 8px;
    top: 0;
    z-index: 11;
    top: 32px;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0;
    color: #f5543f;
    transition: .3s;
    letter-spacing: 0.1rem;
}

#result-text{font-weight:bold;color: #115DB2;}

.has-error .form-input {
    border-color: #115DB2;
}

.has-error .form-validation {
    display: block;
}

.result{
    display: none;
    background-color: #fff;
    border: 8px solid #f4f4f4;
    padding: 30px 0;
    text-align: center;
    margin: 50px auto;
}

.result2{
    display: none;
    background-color: #fff;
    border: 8px solid #f4f4f4;
    padding: 30px 0;
    text-align: center;
    display: block;
}

#result-con{display: none;}
#result-img{margin-bottom:50px;}
/* 图片动画 */
@keyframes shrink-left {
    from {
        transform: translateX(0) scale(1);
    }
    to {
        transform: translateX(-50%) scale(0.5); /* 向左移动并缩小到 200x200 */
    }
}

#certificate-image {
    width: 600px;
    height: 600px;
    transition: transform 1s ease-in-out;
}

#certificate-image.shrink {
    animation: shrink-left 1s forwards;
    width: 200px;
    height: 200px;
}
#result-list{
    margin-bottom:50px;
}

#result-list ul li:nth-child(even) {
    background-color: #e18838; /* 浅蓝色背景 */
    padding:50px 0;
    margin-top:50px;
    margin-bottom:50px;
}
#image-text-container {
    display: flex;
    align-items: center; /* 垂直方向居中 */
    justify-content: center;
}

.image-download-container {
    display: flex;
    align-items: center; /* 垂直方向居中 */
    padding: 15px;
}
.image-download-container img{margin-right:10px;}
#certificate-image {
    width:100%;
    max-width: 600px; /* 设置图片宽度 */
    height: auto; /* 自动调整高度 */
    margin-right: 20px; /* 图片与文字之间的间距 */
    transition: width 1s ease;
}
/* 6会员中心 */
.member {
    position: relative;
    z-index: 1;
    padding: 70px 0;
}
.member:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0.8;
    background: #e18838;
}

.member-box {
    position: relative;
    background: #fff;
    padding: 58px 20px 50px;
    box-shadow: 0 5px 20px 0 #d90a2c14;
    z-index: 2;
    top: -50px;
    left: 0;
}
.member-box:after {
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    z-index: 2;
    transition: all 0.4s ease-out;
}
.member-box:before {
    position: absolute;
    width: 0;
    height: 2px;
    background: #115DB2;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    z-index: 3;
    transition: all 0.4s ease-out;
}
.member-box:hover:before {
    width: 100%;
}
.member-box img {
    float: left;
    margin-right: 15px;
}
.member-icons {
    float: left;
}
.member-box i {
    width: 53px;
    height: 53px;
    line-height: 52px;
    font-size: 80px;
    color: #115DB2;
    text-align: center;
    margin-right: 15px;
}
.member-title h3 {
    margin: 0;
    margin-bottom: 20px;
    font-size: 35px;
}


.member-btn a {
    color: #fff;
    background-color: #115DB2;
    border-radius: 5px 5px 5px 5px;
    margin: 30px 0 0 0;
    padding: 15px 40px 15px 40px;
    display: inline-block;
}
.member-btn a:hover {
    color: #fff;
    background-color: #063A74;
}


.mqm-member-c{
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    background-color: #f9f9f9;
}
.mqm-collapse{
    background-color: #fff;
}
.mqm-collapse .layui-colla-title{
    font-size: 18px;
    height: 55px;
    line-height: 55px;
}
.mqm-collapse .layui-colla-title:hover{
    background-color: #115DB2;
    color: #fff;
}

.mqm-collapse .layui-colla-content{
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 2.6;
}
.mqm-collapse .layui-colla-content a{
    color: #0154ba;
}
.mqm-collapse .layui-colla-content a i{
    font-size: 24px;
    vertical-align: middle;
}
.mqm-collapse .layui-colla-content a:hover{
    color: #ffc600;
}

.content-left {
    position: relative;
}

.content-left img {
    width: 100%;
}

.video {
    position: absolute;
    height: 120px;
    width: 120px;
    line-height: 120px;
    text-align: center;
    color: #115DB2;
    background-color: #fff;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    margin-left: -60px;
    margin-top: -100px;
    padding-left: 3px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.video:hover {
    color: #fff;
    background-color: #115DB2;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.video:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #115DB2;
    border-radius: 50%;
    -webkit-animation: pulse-border-2 2s linear infinite;
    animation: pulse-border-2 2s linear infinite;
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
    }
}

@-webkit-keyframes pulse-border-2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes pulse-border-2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

.font-w-b{
    font-weight:bold;
    color: #000;
}
.font-b{
    color: #000;
    padding-left: 38px;
}

/* end会员中心 */

.mySwiper{
    height: 146px;
    border: solid 1px #ddd;
    overflow: hidden;
}


/* 科技评审 */
.result-img{width:100%;text-align:center;}
.img-left{width:300px;height:300px;}
.img-left img{width:100%;height:auto;}

@media screen and (max-width: 767.98px) {
    .container { width: 375px; }
    #top-banner{display: none;}
    #header{display:none;}
    .mqm-logo{display: block;}
    .mqm-logo img{height:40px;width: auto;margin-top:22px;}
    .navbar-nav { display: none; }
    .navbar-nav-red { display: none; }
    .mqm-header-more { display: block; }
    .navbar-nav{display: none;}
    .mqm-header-more{display: block;}
    .carousel-image{height:211px;}
    .two-icon a{padding:15px 0;}
    #three{background:#fff2cf;}
    .index-pic{height:211px;}
    .pic-box {height:211px;}
    .img-index-red{width:100%;height: auto}
    #link{margin-top:90px;}
    #footer{height: 100px;}
    .mqm-footer{display: none;}
    .copyright{font-size:12px;border-top:none;}
    .index-note .title{display: none;}
    .index-note .list2{padding-left:10px;padding-right:80px;}
    .more-note{width:70px;}
    .fade-up{display: none;}
    .quote-img img{display: none;}
    .service-desc{left: 0; top:20px;}
    .counter-wrap .heading-1{font-size:38px;font-weight:bold;}
    .detail-back .back{display: none}
    .page-detail-title{padding-right:16px}
    .detail-text{padding-right: 0}
}



@media screen and (min-width: 768px) and (max-width: 991.98px) {
    .container {width: 750px;}
    #top-banner{display: none;}
    #header{display:none;}
    .mqm-logo{display: block;}
    .mqm-logo img{height:70px;width: auto;margin-top:5px;}
    .navbar-nav { display: none; }
    .navbar-nav-red { display: none; }
    .mqm-header-more { display: block;}
    .navbar-nav{display: none;}
    .mqm-header-more{display: block;}
    .carousel-image{height:422px;}
    .two-icon a{padding:15px 0;}
    .index-pic{height:422px;}
    .pic-box {height:253px;}
    .img-index-red{width:100%;height: auto}
    #three{background:#fff2cf;}
    #link{margin-top:90px;}
    #footer{height: 100px;}
    .mqm-footer{display: none;}
    .copyright{font-size:12px;border-top:none;}
    .counter-wrap .heading-1{font-size:38px;font-weight:bold;}
    #honor-box .honor-list img{height:100%;width:auto;}
    .navbar-nav .nav-item a {font-size:18px;}
}

@media screen and (min-width: 992px) and (max-width: 1169px) {
    .container {width: 970px;}
    #top-banner{height:162px;}
    .logo-h1{width:87.5%;}
    .text-heart{display:none;}
    .carousel-image {height: 366px;}
    .notice-ul{height: 340px;overflow: hidden;}
    .notice-ul li{margin-bottom: 22px;}
    .pic-box{height: 99px;width:100%}
    .index-pic{height:248px}
    .carousel-image {height: 422px}
    .two-icon a{padding:11px 0}
    .top-title .index-intro{height:82px}
    .top-title .text h2{margin-bottom:12px}
    .top-title .text h2 a:hover{color:#E13F38}
    #footer{height: 100px;}
    .img-index-red{height: 102px;width:100%}
    .mqm-footer{display: none;}
    .copyright{font-size:14px;border-top:none;}
    #footer li a {font-size:14px}
    #footer li ul li a{font-size:12px}
}

@media screen and (min-width: 1170px) and (max-width: 1329px) {
    .container {width: 1170px;}
    #top-banner{height:195px;}
    .logo-h1{width:580px;}
    .logo-h1 a img{ width:100%;height: auto; }
    .navbar-nav .nav-item a{font-size:20px}
    .sub-nav-title{font-size:20px}
    .sub-con-h4{font-size:20px}
    .sub-red{font-size:20px}
    .sub-work-con{font-size:20px}
    .news-ps-box{height:120px}
    .all-page-bg{margin-top: -80px;}
    .carousel-image {height: 366px;}
    .notice-ul{height: 340px;overflow: hidden;}
    .notice-ul li{margin-bottom: 22px;}
    .pic-box{height: 99px}
    .index-pic{height:248px}
    .img-index-red{height: 102px;width:100%}
    .top-title .index-intro{height:82px}
    #footer{height: 100px;}
    .mqm-footer{display: none;}
    .copyright{font-size:14px;border-top:none;}
    .top-title .text h2{margin-bottom:12px}
    .two-icon a{padding:11px 0}
   #footer li a {font-size:14px}
    #footer li ul li a{font-size:12px}
}

@media screen and (min-width: 1330px) and (max-width: 1599px) {
    .container {width: 1330px;}
    #top-banner{height:222px;}
    .logo-h1{width:82%;}
    .navbar-nav .nav-item a{font-size:20px}
    .sub-nav-title{font-size:20px}
    .sub-con-h4{font-size:20px}
    .sub-red{font-size:20px}
    .sub-work-con{font-size:20px}
    .news-ps-box{height:120px}
    .all-page-bg{margin-top: -80px;}
    .carousel-image {height: 366px;}
    .notice-ul{height: 340px;overflow: hidden;}
    .notice-ul li{margin-bottom: 22px;}
    .pic-box{height: 99px}
    .img-index-red{height: 102px;width:100%}
    .top-title .index-intro{height:82px}
    .top-title .text h2{margin-bottom:12px}
    .index-pic{height:248px}
    .two-icon a{padding:11px 0}
    #footer li a{font-size:14px}
    #footer li ul li a{font-size:12px}
    .copyright{font-size:14px}
}