@charset "utf-8";
:root{
 --primary-color:#931d22;
 --secondary-color:#662c1a;
 --third-color:#e7ddcb;
 --fourth-color:#8b0e11;
 --fifth-color:#d4c5ab;
 --main-color:#931d22;
 --main-color-white:#fff;
}
* { margin: 0px; padding: 0px; box-sizing: border-box; }
.clear{ clear:both;}
ul, li { list-style: none; margin: 0px; padding: 0px; box-sizing: border-box; }
a { text-decoration: none; color: #1e1e1e; }
.c-scrollbar_thumb { position: absolute; top: 0; right: 0; background-color: var(--primary-color); width: 7px; margin: 2px; cursor: -webkit-grab; cursor: grab; }
::selection { background: var(--primary-color); color: #fff; }
input { -webkit-appearance: none; }
img { display: block; width: 100%; max-width: 100%; }
/* 去除iphone按钮默认样式代码 */
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
/* 通用外层 */
.boxes { position: relative; padding: 6vw 0px; background: #fff; }
.boxes.f { background: #f9f9f9; }
/* 通用宽度 */
.w1400 { width: 80%; margin: 0px auto; position: relative; }
.flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
/* 通用弹出层样式 */
.lightBox { width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .8); z-index: 999999; transition: all .5s cubic-bezier(.23, 1, .32, 1); opacity: 0; visibility: hidden; position: fixed; }
.lightBox.active { opacity: 1; visibility: visible }
/* 通用视频弹出层样式 */
.videoBox { width: 70%; max-width: 1000px; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); background: #fff; padding: 35px 0px; border-radius: 10px; }
.videoBox video { display: block; position: relative; width: 100%; }
.videoCloseBtn { width: 35px; height: 35px; position: absolute; right: 0px; top: 0px; line-height: 35px; text-align: center; cursor: pointer; -webkit-transition: all .5s; }
.videoCloseBtn:hover { -webkit-transform: rotate(180deg); }
/* 通用半透明背景代码 */
.transBg { background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .0) 100%); }
/* 通用处理单行文字溢出代码 */
.singleLine { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* 通用处理多行文字溢出代码 */
.multiLine { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.7; }
/* 通用字体字号行距样式 */
.singePage { width: 100%; line-height: 2; font-size: 18px; }
.singePage p { margin-bottom: 15px; }
.singePage.c { text-align: center; }
/* 通用分页样式 */
#page { display: flex; text-align: center; margin-top: 3vw; }
#page ul { display: flex; width: 100%; justify-content: center; }
#page li.xl-prevPage, #page li.xl-nextPage { display: none; }
#page li { display: block; width: 45px; height: auto; cursor: pointer; color: #3e3e3e; font-size: 14px; line-height: 25px; text-align: center; margin: 0 6px; -webkit-appearance: none; -webkit-transition: all .4s; border-radius: 5px; }
.xl-nextPage, .xl-prevPage { width: 60px; color: #2a2a32; height: 28px; }
#page li.xl-disabled { opacity: .5; cursor: no-drop; }
#page li.xl-disabled:hover { background-color: #f9f9f9 !important; color: #666 !important; }
#page li.xl-active { background-color: var(--third-color); color: black; }
#page li:hover { background-color: var(--third-color); color: black; }
#page li.xl-jumpText { background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); opacity: 1; }
#page li.xl-jumpText:hover { background-color: rgba(0, 0, 0, 0) !important; border-color: rgba(0, 0, 0, 0) !important; }
#page li.xl-jumpButton { padding: 0 5px; }
#xlJumpNum { width: 35px; margin: 0 3px; }
 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
 -webkit-appearance: none !important;
}
input[type="number"] { -moz-appearance: textfield; }
/* 通用详情页样式 */
.detail_page { width: 100%; background: #f4f4f4; position: relative; padding: 3vw; }
.detail_box { width: 1200px; height: auto; margin: 0px auto; display: flex; justify-content: space-between; }
.detail_box .dpl { width: 900px; height: auto; background: #fff; padding: 50px 25px; }
.detail_box .dpr { width: 275px; height: auto; background: #fff; align-self: flex-start; }
.detail_box .dpl .title { font-size: 24px; line-height: 1.4; text-align: center; margin-bottom: 10px; }
.detail_box .dpl .info { text-align: center; opacity: .5; line-height: 1.7; margin-bottom: 30px; }
/* 通用查看更多按钮样式一 */
.commonMore { font-size: 13px; overflow: hidden; position: relative; z-index: 0; display: flex; width: 198px; height: 54px; margin-top: 50px; padding: 0; text-indent: 10px; border: 1px solid var(--third-color); border-radius: 32px; align-items: center; justify-content: center; color: var(--third-color); cursor: pointer; }
.commonMore.w { border: 1px solid #fff; color: #fff; }
.commonMore.active, .commonMore.active:hover { background: #ccc; color: #fff; border: 1px solid #ccc; cursor: no-drop; }
.commonMore.active::after, .commonMore.active::before { display: none; }
.commonMore.c { margin: 0px auto; margin-top: 50px; }
.commonMore::before { font-size: 33px; line-height: 46px; position: absolute; z-index: -1; top: 2px; left: 3px; width: 46px; height: 46px; content: ""; transition: all 0.56s; text-align: center; text-indent: 0; color: #fff; border-radius: 50%; background: var(--third-color); }
.commonMore.w::before { background: #fff; }
.commonMore::after { font-size: 33px; line-height: 46px; position: absolute; z-index: -1; top: 3px; left: 3px; width: 46px; height: 46px; content: "+"; transition: all 0.56s; text-align: center; text-indent: 0; color: #fff; border-radius: 50%; background: transparent; }
.commonMore:hover { color: #fff; border: 1px solid #d2d3d4; border-color: transparent; background: transparent; }
.commonMore.w::after { color: var(--third-color); }
.commonMore.w:hover:hover { color: var(--third-color); }
.commonMore:hover::before { content: ""; transform: scale(8); color: var(--third-color); }
.commonMore.w:hover::before { content: ""; transform: scale(8); color: #fff; }
.commonMore:hover::after { color: var(--third-color); }
.commonMore.w:hover::after { color: #fff; }
/* 通用查看更多按钮样式二：圆形 */
.commonMore2 { width: 65px; height: 65px; margin: 100px auto 0px; display: block; border-radius: 50%; background: rgba(255, 255, 255, .9); color: var(--third-color); line-height: 65px; text-align: center; -webkit-transition: all .35s; position: relative; }
.commonMore2.left { margin: 100px 0px 0px; }
.commonMore2 i { position: relative; }
.commonMore2::before { width: 100%; height: 100%; position: absolute; left: 0%; border-radius: 50%; background: var(--third-color); -webkit-transform: scale(0); -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275); content: ''; opacity: 0; }
.commonMore2:hover { font-size: 20px; color: #fff; }
.commonMore2:hover::before { -webkit-transform: scale(1); opacity: 1; }
/* 通用查看更多按钮样式三：文字+icon */
.commonMore3 { width: 200px; height: 60px; border-radius: 50px; margin: 100px auto 0px; display: flex; position: relative; align-items: center; justify-content: space-between; border: 1px solid var(--third-color); color: var(--third-color); overflow: hidden; -webkit-transition: all .4s; background-color: #fff; padding: 0px 20px; }
.commonMore3.bw { border-color: #fff; }
.commonMore3 p { margin-left: 15px; font-size: 16px; }
.commonMore3 .icon { width: 40px; height: 40px; background: var(--third-color); border-radius: 50%; color: #fff; line-height: 40px; text-align: center; font-size: 12px; -webkit-transition: all .4s; }
.commonMore3:hover { background: var(--third-color); color: #fff; border-color: var(--third-color); box-shadow: 0px 0px 30px rgba(0,0,0,.1); }
.commonMore3:hover .icon { background: #fff; color: var(--third-color); }
/* 通用回到顶部代码 */
.backTop { position: fixed; right: 50px; display: block; bottom: 0px; width: 50px; height: 50px; background-color: #fff; background-position: center center; background-repeat: no-repeat; box-shadow: 0 0 30px rgba(0, 0, 0, .1); cursor: pointer; line-height: 50px; font-size: 28px; text-align: center; z-index: 50; color: rgba(0, 0, 0, .4); -webkit-transition: all .5s; opacity:0; visibility:hidden; display:none;}
.backTop.active { bottom: 50px }
.backTop:hover { background-color: #2a2a32; color: #fff }
/* 通用基于swiper的banner代码 */
.swiperBanner { height: 40vw; position: relative; margin-top: 120px; overflow: hidden; }
.swiperBanner .swiper-slide { overflow: hidden; }
.swiperBanner .swiper-button-next, .swiperBanner .swiper-button-prev { width: 50px; height: 50px; -webkit-transition: all .5s; -webkit-transform: translateX(0px); background: rgba(39, 123, 186, .5); }
.swiperBanner .swiper-button-next { right: -50px; }
.swiperBanner .swiper-button-prev { left: -50px; }
.swiperBanner .swiper-button-next:after, .swiperBanner .swiper-button-prev:after { font-size: 14px; }
.swiperBanner:hover .swiper-button-next { right: 10px; }
.swiperBanner:hover .swiper-button-prev { left: 10px; }
.slide-inner { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center center }
.swiperBanner .swiper-button-next:hover, .swiperBanner .swiper-button-prev:hover { background: rgba(39, 123, 186, 1); }
.swiper-pagination.bannerDot { position: absolute; width: auto; height: auto; display: flex; left: 50%; -webkit-transform: translateX(-50%); bottom: 2vw; text-align: center; z-index: 10; background: rgba(0, 0, 0, .3); padding: 10px 15px; padding-right: 5px; border-radius: 20px; }
.swiper-pagination.bannerDot .swiper-pagination-bullet { width: 10px; height: 10px; background: rgba(255, 255, 255, .5); display: block; margin-right: 10px; border-radius: 50%; -webkit-transition: all .35s; border: 1px solid #fff; background: transparent; }
.swiper-pagination.bannerDot .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; }
/* 通用公告的代码 */
.noticeBox { width: 100%; display: flex; line-height: 60px; justify-content: space-between; overflow: hidden; border-radius: 60px; }
.noticeBox .icon { width: 100px; text-align: center; font-size: 20px; color: #fff; }
.noticeList { width: calc(100% - 200px); }
.noticeList ul { display: block; width: 100%; float: left; height: 60px; overflow: hidden; margin-left: 20px }
.noticeList ul li { width: 100%; height: 60px; position: relative; font-size: 16px; }
.noticeList ul li a { display: block; width: 100%; height: auto; position: relative; color: #fff; }
.noticeList ul li a span { margin-left: 50px; opacity: .7; }
.noticeBox .arrow { width: 100px; display: flex; justify-content: center; }
.noticeBox .arrow>div { width: 40px; text-align: center; cursor: pointer; color: #fff; }
/* 通用视频播放按钮 */
.commonVideoBtn { width: 60px; height: 60px; position: relative; display: block; cursor: pointer; margin: 50px auto; }
.commonVideoBtn::after, .commonVideoBtn::before { width: 100%; height: 100%; border: 1px solid #fff; position: absolute; left: -1px; top: -1px; content: ''; border-radius: 50%; -webkit-animation: scaleAnimate 2s linear infinite; opacity: 0; }
.commonVideoBtn::after { -webkit-animation-delay: .5s; }
 @-webkit-keyframes scaleAnimate {  0% {
 -webkit-transform: scale(1);
 opacity: 0;
}
 50% {
 -webkit-transform: scale(1.5);
 opacity: 0.7;
}
 100% {
 -webkit-transform: scale(2);
 opacity: 0;
}
}
.commonVideoBtn span { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #fff; border-radius: 50%; }
.commonVideoBtn span::after { width: 0px; height: 0px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #035ea3; content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); }
/* 通用领导列表 */
.leader { width: 100%; }
.leader ul { display: flex; flex-wrap: wrap; }
.leader ul li { width: 23.5%; height: auto; position: relative; margin-right: 2%; margin-bottom: 30px; }
.leader ul li:nth-child(4n) { margin-right: 0%; }
.leader ul li .thum { overflow: hidden; position: relative; }
.leader ul li .pic { background: center center no-repeat; background-size: cover; -webkit-transition: all 2s; }
.leader ul li:hover .pic { -webkit-transform: scale(1.1); }
.leader ul li .pic img { max-width: auto; width: 100%; }
.leader ul li .name { width: 100%; left: 0%; background: #fff; height: auto; padding: 20px; -webkit-transition: all 1000ms cubic-bezier(0.23, 1, 0.32, 1); bottom: -60px; }
.leader ul li:hover .des { opacity: 1; visibility: visible; }
.leader ul li .name .title { display: block; font-size: 20px; line-height: 1.4; font-weight: normal; color: #000; margin-bottom: 5px; }
.leader ul li .name .zw { line-height: 1.4; opacity: .7; }
.leader ul li .des { width: 100%; height: 100%; line-height: 1.7; opacity: 0; visibility: hidden; -webkit-transition: all 0.36s; position: absolute; left: 0px; top: 0px; background: rgba(255, 255, 255, .9); padding: 20px; display: flex; justify-content: center; align-items: center; }
/* 通用专家团队代码 */
.expert { width: 100%; }
.expert ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.expert ul li { width: 49%; height: auto; position: relative; margin-bottom: 30px; background: #fff; }
.expert ul li a { width: 100%; display: flex; }
.expert ul li .thum { width: 40%; height: auto; position: relative; overflow: hidden; }
.expert ul li .thum .pic { background: center center no-repeat; background-size: cover; height: 100%; }
.expert ul li .thum .pic img { max-width: none; width: 100%; }
.expert ul li .info { width: 60%; padding: 50px 25px; }
.expert ul li .info .name { font-size: 20px; font-weight: bold; color: #000; }
.expert ul li .info .mark { font-size: 14px; opacity: .7; margin-bottom: 25px; }
.expert ul li .info .des { width: 100%; line-height: 2; }
/* 通用视频列表代码 */
.videoList { position: relative; z-index: 5 }
.videoList ul { display: flex; flex-wrap: wrap; }
.videoList ul li { width: 32%; margin-right: 2%; margin-bottom: 25px; cursor: pointer; }
.videoList ul li:nth-child(3n) { margin-right: 0 }
.videoList ul li .pic { position: relative; background: center center no-repeat; background-size: cover; -webkit-transition: all .5s }
.videoList ul li .thum { display: block; width: 100%; height: auto; position: relative; overflow: hidden }
.videoList ul li .thum::after { width: 70px; height: 70px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); background: url(../images/play_btn.png) no-repeat; background-size: cover; content: ''; -webkit-transition: all .5s; opacity: .9 }
.videoList ul li .pic img { max-width: auto; width: 100% }
.videoList ul li .title { font-size: 16px; width: 100%; padding: 20px; text-align: center; background: #fff; }
.videoList ul li .duration { position: absolute; background-color: #111; opacity: .8; top: 102px; right: 10px; margin: 4px; color: #fff; padding: 2px 4px; border-radius: 2px; letter-spacing: .5px; font-size: 14px; font-weight: 500; line-height: 14px }
.videoList ul li:hover .pic { -webkit-transform: scale(1.1) }
.videoList ul li:hover .thum::after { -webkit-transform: translate(-50%, -50%) scale(.8); opacity: 0 }
/* 通用无图片新闻列表代码一 */

.newsText ul li { background: #f9f9f9; margin-bottom: 25px; border-radius: 5px; }
.newsText ul li a { display: flex; width: 100%; height: auto; justify-content: space-between; padding: 25px; }
.newsText ul li:hover { background: #035ea3; }
.newsText ul li a .time { width: 100px; height: 100px; background: #035ea3; color: #fff; text-align: center; font-family: din; border-radius: 5px; }
.newsText ul li:hover a { color: #fff; }
.newsText ul li:hover a .time { background: #fff; color: #035ea3; }
.newsText ul li:hover a .info .name { border-bottom: 1px solid rgba(255, 255, 255, .1); }
.newsText ul li a .time b { display: block; font-size: 32px; padding-top: 25px; }
.newsText ul li a .info { width: calc(100% - 125px); }
.newsText ul li a .info .name { width: 100%; height: auto; position: relative; font-size: 18px; line-height: 35px; border-bottom: 1px solid rgba(0, 0, 0, .1); padding-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newsText ul li a .info .des { width: 100%; height: auto; line-height: 1.7; padding-top: 10px; opacity: .7; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
/* 通用无图片新闻列表代码二：一条一排 */
.newsText2 { width: 100%; height: auto; }
.newsText2 ul li { position: relative; }
.newsText2 ul li a { padding: 20px; width: 100%; display: flex; justify-content: space-between; border-bottom: 1px solid #ececec; }
.newsText2 ul li a::after { width: 57px; height: 61px; position: absolute; left: -7px; top: 0px; background: url(../images/newicon.png) no-repeat; background-size: cover; content: ''; }
.newsText2 ul li:nth-child(n+4) a::after { display: none; }
.newsText2 ul li a .time { width: 70px; height: 60px; text-align: center; display: flex; align-items: center; flex-wrap: wrap; font-family: din; padding: 5px 0px; }
.newsText2 ul li a .time b { font-size: 28px; }
.newsText2 ul li a .time b, .newsText2 ul li a .time p { display: block; width: 100%; }
.newsText2 ul li a .time p { opacity: .5; }
.newsText2 ul li a .info { width: calc(100% - 70px); height: auto; font-size: 16px; line-height: 1.7; display: flex; align-items: center; }
.newsText2 ul li a:hover { color: #2679b9; }
/* 一排两条 */
.newsText2.ab ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.newsText2.ab ul li { width: 49%; background: #f9f9f9; margin-bottom: 15px; }
.newsText2.ab ul li a::after { display: none; }
/* 通用无图片新闻列表代码三：三条一排 */
.newsText3 { width: 100%; }
.newsText3 ul { display: flex; flex-wrap: wrap; }
.newsText3 ul li { width: 32%; height: auto; position: relative; margin-right: 2%; margin-bottom: 30px; }
.newsText3 ul li:nth-child(3n) { margin-right: 0%; }
.newsText3 ul li a { display: block; padding: 20px; position: relative; border: 1px solid rgba(0, 0, 0, .05); border-top: 5px solid #006eb9; -webkit-transition: all .5s; }
.newsText3 ul li a .time { display: block; width: 100%; height: auto; line-height: 20px; font-size: 12px; opacity: .7; margin-bottom: 10px; }
.newsText3 ul li a .title { font-size: 18px; margin-bottom: 20px; line-height: 1.4; }
.newsText3 ul li a:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, .1); }
.newsText3 ul li a:hover .title { color: #006eb9; }
.newsText3 ul li a .des { line-height: 2; height: 200px; overflow: hidden; opacity: .7; margin-bottom: 50px; }
.newsText3 ul li a .more { font-size: 12px; opacity: .7; position: relative; line-height: 20px; padding-right: 20px; text-align: right; }
.newsText3 ul li a .more::before { width: 20px; height: 20px; position: absolute; right: 0px; top: 0px; background: url(../images/arrowbtn.png) no-repeat; background-size: cover; content: ''; -webkit-transform: scale(0.8); opacity: .7; }
/* 通用有图片新闻列表代码四：一排3条 */
.newsImg { width: 100%; padding-top: 20px; }
.newsImg ul { display: flex; flex-wrap: wrap; }
.newsImg ul li { width: calc(100% / 3); position: relative; }
.newsImg ul li a { display: block; position: relative; padding: 70px 5%; border-right: 1px solid rgba(0,0,0,.03); -webkit-transition: all .5s; }
.newsImg ul li:nth-child(n+4) a { border-top: 1px solid rgba(0,0,0,.03); }
.newsImg ul li a:hover { box-shadow: 0 20px 20px rgba(0,0,0,.1); }
.newsImg ul li a::before { content: ""; width: 0; height: 3px; background-color: var(--third-color); position: absolute; bottom: 0; left: 50%; transition: all .4s ease; opacity: 0; }
.newsImg ul li a .time { font-family: butler; display: block; font-size: 24px; margin-bottom: 25px; opacity: 0; position: relative; top: -10px; transition: all .4s ease; }
.newsImg ul li a .title { font-size: 16px; margin-bottom: 15px; }
.newsImg ul li a .des { font-size: 14px; opacity: .7; margin-bottom: 50px; }
.newsImg ul li a .thum { position: relative; overflow: hidden; margin-bottom: 50px; }
.newsImg ul li a .thum .pic { background: center center no-repeat; background-size: cover; transition: all .4s ease; }
.newsImg ul li a .more { width: 65px; height: 65px; line-height: 65px; text-align: center; border-radius: 50%; font-size: 14px; -webkit-transition: all .4s; position: relative; }
.newsImg ul li a .more i { position: relative; }
.newsImg ul li a .more::before { width: 100%; height: 100%; position: absolute; left: 0%; border-radius: 50%; background: var(--third-color); -webkit-transform: scale(0); -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275); content: ''; opacity: 0; }
.newsImg ul li a:hover .more { color: #fff; }
.newsImg ul li a:hover .more::before { -webkit-transform: scale(1); opacity: 1; }
.newsImg ul li a:hover .time { top: 0px; opacity: 0.7; }
.newsImg ul li a:hover .thum .pic { -webkit-transform: scale(1.05); }
.newsImg ul li a:hover .title { color: var(--third-color); }
/* 通用有图片新闻列表代码五：一排3条 */

.newsImg2 { width: 100%; height: auto; }
.newsImg2 ul { display: flex; flex-wrap: wrap; }
.newsImg2 ul li { width: 32%; height: auto; position: relative; background: #f6f6f6; margin-right: 2%; margin-bottom: 25px; border-radius: 5px; overflow: hidden; box-shadow: 0px 0px 15px rgba(0,0,0,.1); -webkit-transition: all .5s; }
.newsImg2 ul li:nth-child(3n) { margin-right: 0%; }
.newsImg2 ul li a { display: block; }
.newsImg2 ul li .thum { width: 100%; height: auto; overflow: hidden; }
.newsImg2 ul li .thum .pic { width: 100%; background: center center no-repeat; background-size: cover; overflow: hidden; -webkit-transition: all .5s; }
.newsImg2 ul li:hover { background: var(--third-color); color: #fff; }
.newsImg2 ul li:hover .pic { -webkit-transform: scale(1.1); }
.newsImg2 ul li:hover .info .name, .newsImg2 ul li:hover .info .des { color: #fff; }
.newsImg2 ul li .info { width: 100%; height: auto; padding: 25px; }
.newsImg2 ul li .info .time { width: 100%; height: auto; line-height: 2; font-family: PTDIN; opacity: .7; font-size: 16px; }
.newsImg2 ul li .info .name { width: 100%; line-height: 1.7; font-size: 18px; color: #000000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; }
.newsImg2 ul li .info .des { width: 100%; height: auto; line-height: 1.7; font-size: 14px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; opacity: .7; }
/* 通用服务领域样式一 */
.services li .text-item { display: flex; padding: 50px 0px; }
.services li .text-item .left { width: 30%; padding-right: 5vw; }
.services li .text-item .left h2 { font-size: 26px; line-height: 1; color: #000000; }
.services li .text-item .left i { display: block; width: 50px; height: 2px; background-color: #2a2a32; margin: 20px 0; }
.services li .text-item .left p { line-height: 1.8; text-transform: uppercase; opacity: .7; }
.services li .text-item .right { width: 70%; padding-left: 5vw; border-left: 1px solid rgba(0, 0, 0, .1); }
.services li .text-item .right h2 { margin-bottom: 20px; }
.services li .text-item .right p { font-size: 15px; line-height: 2; text-align: justify; color: #828282; }
.services li .text-item .right p+p { margin-top: 10px; }
.services li .text-item .right .read-more { width: 180px; line-height: 45px; background-color: #2a2a32; color: #ffffff; display: block; text-align: center; margin-top: 30px; cursor: pointer; font-size: 15px; }
.services li .text-item .right .read-more .iconfont { font-size: 20px; vertical-align: top; line-height: 45px; }
.services li .img-item { height: 400px; position: relative; }
.services li .img-item .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; }
.services li { margin-bottom: 50px; }
/* 通用资质荣誉样式一 */
.honor_list { width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
.honor_list a { display: block; width: 32%; height: auto; position: relative; margin-right: 2%; margin-bottom: 30px; -webkit-transition: all .5s; }
.honor_list a .thum { width: 100%; height: auto; position: relative; overflow: hidden; background: #f9f9f9 }
.honor_list a .thum .pic { background: center center no-repeat; background-size: contain; -webkit-transition: all .4s ease; transition: all .4s ease }
.honor_list a .thum .pic img { width: 100% }
.honor_list a .more { position: absolute; width: 60px; height: 60px; line-height: 60px; margin: -30px 0 0 -30px; top: 50%; left: 50%; font-size: 24px; background-color: #fff; color: #2a2a32; visibility: hidden; opacity: 0; -webkit-transform: scale(0); -webkit-transition: all .4s ease; border-radius: 50% }
.honor_list a .more::before { width: 14px; height: 2px; background: #2a2a32; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); content: "" }
.honor_list a .more::after { width: 2px; height: 14px; background: #2a2a32; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); content: "" }
.honor_list a:nth-child(3n) { margin-right: 0%; }
.honor_list a:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, .1); }
.honor_list a:hover .pic { -webkit-transform: scale(1.01); opacity: .8 }
.honor_list a:hover .more { visibility: visible; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
/* 通用地图及联系方式样式一 */

.contactBox { width: 100%; height: auto; display: flex; justify-content: space-between; }
.contactBox .cbl { width: 350px; height: auto; background: #fff; padding: 35px 25px; }
.contactBox .cbl ul li { width: 100%; display: flex; justify-content: space-between; padding-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, .1); margin-bottom: 30px; }
.contactBox .cbl ul li:last-child { padding-bottom: 0px; border-bottom: none; margin-bottom: 0px; }
.contactBox .cbl ul li .icon { width: 50px; height: 50px; line-height: 40px; text-align: center; font-size: 36px; color: #035ea3; }
.contactBox .cbl ul li .info { width: calc(100% - 60px); }
.contactBox .cbl ul li .info .b { font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.contactBox .cbl ul li .info .p { line-height: 1.4; font-family: Arciform; }
.contactBox .cbr { width: calc(100% - 370px); background: #fff; border: 1px solid #fff; }
.contactBox .cbl ul li:nth-child(5) .icon { font-size: 28px; }
/* 通用上一条下一条样式 */
.ndc_npnews { width: 100%; height: auto; display: flex; border: 1px solid rgba(0, 0, 0, .05); margin-top: 50px; }
.ndc_npnews .post_next, .ndc_npnews .post_prev { width: 50%; display: flex; line-height: 20px; padding: 20px; box-sizing: border-box }
.ndc_npnews .post_next:hover .icon:after, .ndc_npnews .post_prev:hover .icon:after { background: rgba(255, 255, 255, .2) }
.ndc_npnews .post_next { direction: rtl; }
.ndc_npnews .post_next .icon, .ndc_npnews .post_prev .icon { width: 20px; position: relative }
.ndc_npnews .post_next .icon:before, .ndc_npnews .post_prev .icon:before { width: 14px; height: 14px; position: absolute; left: 0; top: 3px; background: url(../images/udicon.png) no-repeat; background-size: cover; content: ''; opacity: .5 }
.ndc_npnews .post_next .icon:before { left: auto; right: 0; -webkit-transform: rotate(-180deg) }
.ndc_npnews .post_next .name, .ndc_npnews .post_prev .name { width: calc(100% - 20px); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ndc_npnews .post_next .name { direction: initial; }
/* 通用团队介绍详情样式一 */
.expertDetail { padding: 50px; display: flex; justify-content: space-between; flex-wrap: wrap; background: #fff; }
.expertDetail .thum { width: 350px; height: auto; position: relative; }
.expertDetail .info { width: calc(100% - 400px); }
.expertDetail .info .name { width: 100%; border-bottom: 1px solid rgba(0, 0, 0, .1); padding-bottom: 15px; margin-bottom: 15px; }
.expertDetail .info .name b { display: block; font-size: 24px; line-height: 2; }
.expertDetail .info .name p { font-size: 16px; opacity: .7; }
/* 通用淡入样式一 */
.swiper-container.swiperNomal { height: 100vh; }
.swiper-container.swiperNomal .pic { position: absolute; width: 100%; height: 100%; background: center center no-repeat; background-size: cover; transition: 1s linear 2s; -webkit-transition: 1s linear 2s; transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }
.swiper-container.swiperNomal .swiper-slide-active .pic { transition: 6s linear; transform: scale(1, 1); -webkit-transition: 6s linear; -webkit-transform: scale(1, 1); }
.swiperNomal .swiper-pagination-bullet { width: 10px; height: 10px; text-align: center; line-height: 10px; opacity: 1; border-radius: 50px; background: #fff; position: relative; -webkit-transition: all .8s; margin-right: 10px; opacity: .5; }
.swiperNomal .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 35px; opacity: 1; }
.swiperNomal .swiper-pagination { position: relative; }
.swiperNomal .dotBox { display: flex; justify-content: center; width: auto; position: absolute; bottom: 2vw; width: 100%; }
.swiperNomal .btnBox { width: auto; display: flex; position: relative; z-index: 10; margin-left: 5px; }
.swiperNomal .btnBox .prev, .swiperNomal .btnBox .next { width: 35px; height: 35px; border: 1px solid rgba(255, 255, 255, 1); border-radius: 50%; line-height: 35px; text-align: center; margin: 0px 6px; color: #fff; cursor: pointer; }
/* 通用自动滚动样式 */
.dowebok { width: 100% }
.dowebok .img { margin-left: 5px; display: inline-block; width: 250px; height: auto; background: center center no-repeat; background-size: cover; }
.str_wrap { overflow: hidden; width: 100%; font-size: 12px; line-height: 16px; position: absolute; -moz-user-select: none; -khtml-user-select: none; user-select: none; left: 0px; bottom: 0px; white-space: nowrap }
.str_move { white-space: nowrap; position: absolute; top: 0; left: 0; cursor: move }
.str_move_clone { display: inline-block; vertical-align: top; position: absolute; left: 100%; top: 0 }
.str_vertical .str_move_clone { left: 0; top: 100% }
.str_down .str_move_clone { left: 0; bottom: 100% }
.str_down .str_move, .str_vertical .str_move { white-space: normal; width: 100% }
/* 通用内页banner样式 */
.sub_banner { position: relative; background: #c82226; margin-top: 75px; }
/* 通用提示样式 */
.toast { width: 150px; height: auto; left: 50%; top: 50%; -webkit-transform: translateY(-40%) translateX(-50%); z-index: 500; opacity: 0; visibility: hidden; position: fixed; font-size: 14px; padding: 25px 15px; display: flex; border-radius: 8px; box-shadow: 0px 0px 50px rgba(0, 0, 0, .3); text-align: center; flex-wrap: wrap; -webkit-transition: all .5s; }
.toast b { font-size: 16px; display: block; width: 100%; margin-bottom: 5px; }
.toast.icon-warning { background: #fef0f0; border: 1px solid #fde2e2; color: #f56c6c; }
.toast i { width: 35px; height: 35px; display: block; position: relative; background: url(../images/noti_icon.png); background-size: cover; margin: 0px auto; margin-bottom: 15px; }
.toast.icon-warning i { background-position: -35px 0px; }
.toast.active { opacity: 1; visibility: visible; -webkit-transform: translateY(-50%) translateX(-50%); }
.toast div { width: 100%; }
.toast p { display: block; color: #000; }
.toast.icon-warning p { color: #f56c6c; }
.toast.icon-success { background: #f0f9eb; }
.toast.icon-success p, .toast.icon-success b { color: #67c23a; }
.toast .close_icon { width: 25px; height: 25px; display: block; position: absolute; right: 0px; top: 0px; background: url(../images/noti-close.png) no-repeat; background-size: cover; cursor: pointer; }
/* 通用图文列表样式一 */

.wldList { width: 100%; height: auto; position: relative; }
.wldList ul { display: flex; flex-wrap: wrap; }
.wldList ul li { width: 49%; height: auto; margin-right: 2%; margin-bottom: 25px; }
.wldList ul li:nth-child(even) { margin-right: 0%; }
.wldList ul li .thum { position: relative; width: 100%; height: auto; overflow: hidden; }
.wldList ul li .pic { background: center center no-repeat; background-size: cover; -webkit-transition: all .5s; }
.wldList ul li:hover .pic { -webkit-transform: scale(1.05); }
.wldList ul li p { display: block; width: 100%; padding: 20px 40px; height: auto; position: relative; font-size: 20px; background: #fff; }
.wldList ul li p:after { width: 20px; height: 5px; background: var(--third-color); content: ''; position: absolute; left: 0; top: 50%; opacity: 1; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: -2.5px; }
.thum { position: relative; overflow: hidden; }
.pic { background: center center no-repeat; background-size: cover; -webkit-transition: all 1s; }
#nav-icon2 { width: 30px; height: 30px; position: absolute; right: 3%; top: 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; z-index: 5; }
/* Icon 2 */

#nav-icon2 { display: none; }
#nav-icon2 span { display: block; position: absolute; height: 3px; width: 50%; background: #fff; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#nav-icon2 span:nth-child(even) { left: 50%; border-radius: 0 9px 9px 0; }
#nav-icon2 span:nth-child(odd) { left: 0px; border-radius: 9px 0 0 9px; }
#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) { top: 0px; }
#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) { top: 10px; }
#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) { top: 20px; }
#nav-icon2.open span:nth-child(1), #nav-icon2.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#nav-icon2.open span:nth-child(2), #nav-icon2.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#nav-icon2.open span:nth-child(1) { left: 5px; top: 7px; }
#nav-icon2.open span:nth-child(2) { left: calc(50% - 5px); top: 7px; }
#nav-icon2.open span:nth-child(3) { left: -50%; opacity: 0; }
#nav-icon2.open span:nth-child(4) { left: 100%; opacity: 0; }
#nav-icon2.open span:nth-child(5) { left: 5px; top: 12px; }
#nav-icon2.open span:nth-child(6) { left: calc(50% - 5px); top: 12px; }
.detail_top { width: 100%; height: auto; position: relative; background: #3e3e3e; margin-top: 0px; padding: 200px 0px 75px; color: #fff; }
.detail_top .title { font-size: 2.5vw; line-height: 1.5; font-weight: bold; }
.detail_top .info { margin-top: 20px; line-height: 1; font-size: 12px; line-height: 1.5; opacity: .6; }
.detail_box { padding: 70px 0% 5vw; background: #fff; }
.dpl { width: calc(100% - 250px); padding: 0px; padding-right: 80px; border: none; }
.dpl .singePage img { width: 100% !important; height: auto !important; }
.ndc_npnews { justify-content: space-between; margin-top: 55px; border: none; }
.ndc_npnews .post_next, .ndc_npnews .post_prev { padding: 0px; width: 49%; font-size: 16px; padding: 15px; background: rgba(0,0,0,.01); }
.ndc_npnews .post_next .icon, .ndc_npnews .post_prev .icon { width: 64px; }
.ndc_npnews .post_next .name, .ndc_npnews .post_prev .name { width: calc(100% - 64px); }
.ndc_npnews .post_next .icon:before, .ndc_npnews .post_prev .icon:before { display: none; }
.detail_box .dpr { width: 275px; height: auto; background: #fff; align-self: flex-start; }
.dpr .name { font-size: 28px; line-height: 1.5; font-weight: bold; }
.ndc_npnews a:hover, .dpr .sames a:hover { color: var(--third-color); }
.dpr .sames { margin-top: 22px; }
.dpr .sames a { width: 100%; display: block; border-top: 1px solid #E3DDDD; padding: 22px 0; }
.dpr .sames a .title { font-size: 16px; line-height: 1.6; transition: all 0.36s; }
.dpr .sames a .time { margin-top: 10px; font-size: 14px; line-height: 1.5; color: rgba(0, 0, 0, .4); }
.de_pate { background: #fff; }
.detail_top .w100 { width: 1200px; margin: 0px auto; }
.detail_box .dpl { padding: 0px; width: calc(100% - 350px); }
.detail_box .dpl .singePage { min-height: 500px; }
.ndc_npnews .post_next { direction: initial; }
 @keyframes roateOne {  from {
 transform: rotate(0);
}
to { transform: rotate(180deg); }
}
.st_fadeUp { -webkit-transition: all 1.6s cubic-bezier(0.215, 0.610, 0.355, 1) .3s; -webkit-transform: translateY(40px); opacity: 0; }
.st_fadeRight { -webkit-transition: all 1.6s cubic-bezier(0.215, 0.610, 0.355, 1) .3s; -webkit-transform: translateX(100px); opacity: 0; }
.st_fadeRight.is-inview { -webkit-transform: translateX(0px); opacity: 1; }
.st_fadeUp.is-inview { -webkit-transform: translateY(0px); opacity: 1; }
.st_clipUp { overflow: hidden; }
.st_clipUp p { -webkit-transform: translateY(100%); -webkit-transition: all 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) .3s; }
.st_delay1 { -webkit-transition-delay: .1s; }
.st_delay2 { -webkit-transition-delay: .2s; }
.st_delay3 { -webkit-transition-delay: .3s; }
.st_delay4 { -webkit-transition-delay: .4s; }
.st_delay5 { -webkit-transition-delay: .5s; }
.st_delay6 { -webkit-transition-delay: .6s; }
.st_delay7 { -webkit-transition-delay: .7s; }
.st_delay8 { -webkit-transition-delay: .8s; }
.st_delay9 { -webkit-transition-delay: .9s; }
.st_clipUp.is-inview p { -webkit-transform: translateY(0%); }
.st_path { -webkit-transition: all 1.5s cubic-bezier(0.215, 0.610, 0.355, 1); -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); }
.st_path .pic { -webkit-transition: all 1.5s ease; -webkit-transform: scale(1.1); }
.st_path.is-inview { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.st_path.is-inview .pic { -webkit-transform: scale(1); }
.subBanner { position: relative; overflow: hidden; }
.subBanner img { -webkit-transform: scale(1.1); -webkit-transition: all 2s ease; filter: brightness(5); }
.subBanner.is-inview img { -webkit-transform: scale(1); filter: brightness(1); }
.common_title.is-inview .cn p { -webkit-transform: translateY(0%); }
html { overflow: hidden; left: 0; right: 0; top: 0; bottom: 0; }
html.has-scroll-smooth { overflow: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; }
html.has-scroll-dragging, html.has-scroll-dragging * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.has-scroll-smooth body { overflow: hidden; }
.c-scrollbar { position: absolute; right: 0; top: 0; width: 11px; height: 100vh; transform-origin: center right; transition: transform 0.3s, opacity 0.3s; opacity: 0; z-index: 100; }
.c-scrollbar:hover { transform: scaleX(1.45); }
.c-scrollbar:hover, .has-scroll-dragging .c-scrollbar, .has-scroll-scrolling .c-scrollbar { opacity: 1; }
.has-scroll-dragging .c-scrollbar_thumb { cursor: -webkit-grabbing; cursor: grabbing; }
.menu_btn { position: absolute; right: 0px; display: none; width: 60px; height: 60px; overflow: hidden; text-indent: 100%; white-space: nowrap; background: var(--third-color); color: transparent; border: none; }
.menu_btn span { top: 29px; left: 20px; width: 20px; }
.menu_btn span, .menu_btn span:after, .menu_btn span:before { position: absolute; height: 2px; background-color: #fff; border-radius: 1px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
.menu_btn span:after, .menu_btn span:before { content: ""; left: 0; -webkit-transform: translateY(0px) rotate(0deg); }
.menu_btn span:before { top: -6px; width: 14px; }
.menu_btn span:after { top: 6px; width: 12px; }
.menu_btn.active span { background-color: transparent; }
.menu_btn.active span:before { -webkit-transform: translateY(6px) rotate(-45deg); }
.menu_btn.active span:after { -webkit-transform: translateY(-6px) rotate(45deg); }
.menu_btn.active span:after, .menu_btn.active span:before { width: 20px; }
#iconDiv1, #mobile_icon_div { display: none !important; }
.inside{ background:#fff; padding:60px 5%;}
@media(max-width:1024px){
.inside{ padding:20px 5%;}
}