@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:16px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1300px; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}

.container{width:1300px;margin:0 auto; }
.container img{max-width:100% }

.container-s{width:1500px;margin:0 auto;  max-width: 79%;}



.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}


.flex{display: flex;}
.flex-sbc{display: flex; justify-content: space-between;  align-items: center;}
.flex-c{display: flex; align-items: center;}
.flex-cc{display: flex; align-items: center; justify-content: center;}
.flex-ccc{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.flex-dcsb{display: flex; flex-direction: column; justify-content: space-between;}
.flex-sb{display: flex; justify-content: space-between;}
.flex-sbw{display: flex;justify-content: space-between; flex-wrap: wrap;}
.flex-cw{display: flex; align-items: center; flex-wrap: wrap;}
.flex-dc{display: flex; flex-direction: column;}
.flex-w{display: flex; flex-wrap: wrap;}
.flex-sbcw{display: flex;justify-content: space-between; align-items: center;  flex-wrap: wrap;}

/*字体引入*/

  @font-face {
    font-family: "DIN";
    src: url("../font/DIN-Bold.otf");
  }


   /*@font-face {
    font-family: "Impact";
    src: url("../font/impact.ttf");
  }

  @font-face {
    font-family: "PFLight";
    src: url("../font/PingFangLight.woff") format("woff");
  } */


/* 公共头部 */

.header{background: #fcfcfc;}
.header-box{height: 100px;}
.header .logo a{display: block;}
.head-tel{}
.head-tel .text{margin-left: 15px;}
.head-tel em{display: block; font-size: 16px; line-height: 16px; color: #666666; margin-bottom: 7px;}
.head-tel b{display: block; font-size: 24px; line-height: 17px; color: #D71717;}
.pc-nav{background: #d71717;}
.pc-nav ul li {position: relative; }
.pc-nav ul li>a{display: block; font-size: 16px; line-height: 65px; color: #fff;  transition: 0.6s;}
.pc-nav ul li:hover>a,.pc-nav ul li.on>a{font-weight: bold;}

.pc-navfixed{position: fixed; top: 0; width: 100%; z-index: 222;}





/* banner */
.banner{overflow: hidden; position: relative;}
.banner .imgBox{overflow: hidden;}
.banner .imgBox img {width: 100%;height: auto;transition: 1s linear 2s; transform: scale(1.1,1.1); object-fit: cover;}
.banner .swiper-slide-active img , .banner .swiper-slide-duplicate-active img {transition: 6s linear;transform: scale(1,1);}
#banner-num{display: block; bottom: 30px; }
#banner-num .swiper-pagination-bullet {width:10px; height: 10px; background: #fff; opacity: 1; margin: 0 7px; transition: 0.6s;}
#banner-num .swiper-pagination-bullet-active{background: #d71717; }


/* 公共通知 */
.notice{margin: 41px 0 57px;}
.notice-box{height: 113px;background: #fcfcfc;border-radius: 11px; width: 100%; justify-content: space-around;}
.notice-pic{background: url(../images/notice-pic.png) no-repeat left center;width: 94px;height: 83px;display: flex;position: relative;} 
.notice-pic span{display: block;font-size: 24px;letter-spacing: 2.4px;color: #fff;position: absolute;left: 17px;right: 0;top: 50%;line-height: 28px;transform: translateY(-50%);}
.notice-list{width: 81%;}
.notice-list ul li{width: 45%; border-bottom: 1px dashed #cecece; }
.notice-list ul li:nth-child(3),.notice-list ul li:nth-child(4){border-bottom: none;}
.notice-list ul li a{ height: 55px;}
.notice-list ul li h3{display: block; font-size: 16px; color: #444; position: relative; padding-left: 20px;}
.notice-list ul li h3::after{position: absolute; content: ''; width: 6px; height: 6px;  background: #444; border-radius: 50%; left: 0; ;top: 50%; transform: translateY(-50%);} 
.notice-list ul li span{display: block; font-size: 16px; color: #666;  font-family: Arial;}
.notice-list ul li:hover h3{color: #d71717;}
.notice-list ul li:hover h3::after{background: #d71717;}
.notice-more a{transition: 0.6s; width: 29px;height: 64px;background: #d71717;border-radius: 15px;font-size: 16px;color: #ffffff;text-align: center;line-height: 19px;display: flex;align-items: center;}
.notice-more a:hover{background: #e60013;}


/* 最新资讯 */
.latest-news{width: 37.23%; overflow: hidden; position: relative;}
.latest-news ul li .pic{overflow: hidden;}
.latest-news ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.latest-news ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
#news-prev,#news-next{transition: 0.6s; position: absolute; content: '';  width: 50px; height: 55px;  background: url(../images/latest-arrow.png) no-repeat center rgba(255, 255, 255, 0.5);}
#news-prev{left: 0;}
#news-next{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg); right: 0;}
#news-prev:hover,#news-next:hover{ background: url(../images/latest-arrow2.png) no-repeat center rgba(215,23,23,1);}
.news-top{margin-bottom: 46px;}
.news-right{width: 58.61%;}
.index-title{padding-bottom: 20px; border-bottom: 1px solid #F2F2F2;}
.index-title strong{display: block; font-size: 28px; line-height: 28px; color: #D71717;}
.index-title span{display: inline-block; font-size: 16px; line-height: 16px; color: #666; margin-left: 19px; font-weight: normal; }
.index-title a{display: block; font-size: 15px; color: #666;}
.index-title a>img{display: inline-block; margin-left: 11px;}
.index-title a:hover{color: #d71717;}
.news-right .index-title{margin-top: 9px; margin-bottom: 22px;}
.news-list ul li{border-bottom: 1px dashed #e3e3e3;}
.news-list ul li a{ height: 49px;}
.news-list ul li h3{display: block; font-size: 16px; color: #444; position: relative; padding-left: 20px;}
.news-list ul li h3::after{position: absolute; content: ''; width: 6px; height: 6px;  background: #444; border-radius: 50%; left: 0; ;top: 50%; transform: translateY(-50%);} 
.news-list ul li span{display: block; font-size: 16px; color: #666; font-family: Arial;}
.news-list ul li:hover h3{color: #d71717;}
.news-list ul li:hover h3::after{background: #d71717;}

.news-bottom{margin-bottom: 50px;}
.commerce{width: 47%; box-sizing: border-box; border: 1px solid rgba(215,23,23,0.1); border-top: 5px solid #d71717; height: 384px; padding: 0 17px;}
.news-title{height: 62px; border-bottom: 1px solid #EEEEEE; display: flex; align-items: center;}
.news-title strong{display: block; font-size: 22px; line-height: 22px; color: #333;}
.news-title span{ font-size: 16px; color: #666; font-weight: normal; margin-left: 25px;} 
.news-title a{display: block; font-size: 15px; color: #666;}
.news-title a>img{margin-left: 11px;}
.news-title a:hover{color: #d71717;}
.commerce-list ul li{border-bottom: 1px dashed #e3e3e3;}
.commerce-list ul li:last-child{border-bottom: none;}
.commerce-list ul li a{ height: 49px;}
.commerce-list ul li h3{display: block; font-size: 16px; color: #666; position: relative; padding-left: 20px;}
.commerce-list ul li h3::after{position: absolute; content: ''; width: 8px; height: 8px;  background: #cccccc;  left: 0; ;top: 50%; transform: translateY(-50%);} 
.commerce-list ul li span{display: block; font-size: 16px; color: #666; font-family: Arial;}
.commerce-list ul li:hover h3{color: #d71717;}
.commerce-list ul li:hover h3::after{background: #d71717;}
.commerce-pic{margin-top: 15px; margin-bottom: 8px;}
.commerce-pic ul li{width: 47.31%}
.commerce-pic ul li .pic {overflow: hidden;}
.commerce-pic ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.commerce-pic ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}


/* 申请入会 */
.apply{background:  url(../images/apply-bg.jpg) no-repeat center; text-align: center; background-size: cover; padding: 54px 0 39px;}
.apply .info strong{display: block; font-size: 36px; color: #333; margin-bottom: 15px;}
.apply .info  b{color: #e60013;}
.apply .info h2{display: block; font-size: 16px; color: #666; margin-bottom: 23px;}
.apply-more a{position: relative;z-index: 3;   display: flex; align-items: center;   justify-content: center; width: 191px;background: #e60013;border-radius: 29px; font-size: 16px; line-height: 58px; color: #fff; margin: 0 auto; transition: 0.6s;}
.apply-more a>img{display: inline-block; margin-right: 10px;}
.apply-more a:before {content: ''; z-index: -1; transition: 1s; border-radius: 30px;   box-sizing: border-box;transform: scale(1); opacity: 1; width: 100%; height: 100%;background: #e60013;   position: absolute; top: 0;right: 0;bottom: 0; left: 0;}
.apply-more a:hover:before{transform: scale(1.2) scaleY(1.3); opacity: 0; visibility: hidden;}

.pannel {padding: 26px  0 81px;}
.pannel .news-title{margin-bottom: 26px;}
.member{width: 44%;}
.member-scroll{max-height: 412px; overflow-y: scroll;}
.member-scroll::-webkit-scrollbar{  width: 1px; height: 95px}
/*定义滚动条轨道 内阴影+圆角*/
.member-scroll::-webkit-scrollbar-track{ background-color: #F2F2F2;}
/*定义滑块 内阴影+圆角*/
.member-scroll::-webkit-scrollbar-thumb{background: #e60013;}

.member-list{width: 98%;}
.member-list ul li{background: #fcfcfc; margin-bottom: 10px;}
.member-list ul li .pic{width: 19.57%; display: none}
.member-list ul li .pic img{display: block; width: 100%;}
.member-list ul li .info{width:100%; padding: 15px 4%; box-sizing: border-box;}
.member-list ul li .info strong{display: block; font-size: 18px; color: #333; border-bottom: 1px solid #F2F2F2; padding-bottom: 8px; margin-bottom: 10px;}
.member-list ul li .info span{display: inline-block; font-size: 16px; color: #666; font-weight: normal; margin-left: 20px;}
.member-list ul li .info h3{display: block; font-size: 16px; color: #666;}
.about{width: 50%;}
.about .pic{width: 48.76%;}
.about .pic img{display: block; width: 100%;}
.about .info h2,.about .info h3{display: block; font-size: 16px; color: #666; text-indent: 2rem; width: 47.69%;}
.about .info h3{width: 100%;}
.about .text{margin-top: 22px;}


/* 组织活动 */
.organize{background: #fcfcfc; padding: 34px 0 74px;}
.organize .index-title{margin-bottom: 33px;}
.organize-list{overflow: hidden;}
.organize-list ul li .pic{border-radius: 6px; overflow: hidden; margin-bottom: 12px;}
.organize-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.organize-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.organize-list ul li h3{display: block; font-size: 16px; color: #333; text-align: center}
.organize-box .container-s{position: relative;}
#organize-prev,#organize-next{width: 62px;height: 62px;background:url(../images/organize-arrow.png) no-repeat center  #e60013; border-radius: 50%; }
#organize-prev{left: 0;}
#organize-next{right: 0; transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.organize-list ul li:hover h3{color: #e60013;}


/* 品牌展示 */
.brand{ padding: 41px 0 81px;}
.brand .index-title{margin-bottom: 37px;}
.brand-list{position: relative; overflow: hidden; padding-bottom: 52px;}
.brand-list ul li .pic{border: 1px solid #f2f2f2; margin-bottom: 7px;}
.brand-list ul li .pic img{display: block;width: 100%; transform: scale(0.8);}
.brand-list ul li em{display: block; font-size: 16px; color: #666; text-align: center;}
#brand-num{bottom: 0; top: auto;}
#brand-num{background: #F2F2F2; height: 1px;}
#brand-num .swiper-pagination-progressbar-fill{background: #E60013;}


/* 公共底部 */
.foot{background: url(../images/foot-bg.jpg) no-repeat center top;}
.foot-top{padding: 45px 0;}
.foot-logo a img{display: block;}
.foot-add {width: 48%;}
.foot-add .icon{}
.foot-add .text {margin-left: 15px;}
.foot-add .text span{display: block; font-size: 16px; color: #666;} 
.foot-add .text em{display: block; font-size: 16px; color: #333;}
.foot-add .text  b{display: block; font-size: 24px; line-height: 17px; color: #D71717;}

.foot-nav{border-top:1px solid rgba(119,119,119,0.1);border-bottom:1px solid rgba(119,119,119,0.1)}
.foot-nav ul li a{display: block; font-size: 18px; color: #333; line-height: 74px;}

.foot-copy p{font-size: 15px; color: #666; line-height: 87px;}
.foot-copy a{color: #666;}
.foot-nav ul li a:hover,.foot-copy a:hover{color: #d71717;}



/* 面包屑 */
.ny-main{margin: 60px 0;}
.position{padding: 25px 0; border-bottom: 1px solid #ddd; margin-bottom: 40px;}
.position span{display: block; font-size: 14px; color: #808080;}
.position span>img{display: inline-block; vertical-align: middle; margin-right: 15px;}
.position a{color: #808080;}
.position a:hover{color: #E60013;}


.ny-title{text-align: center; margin-bottom: 30px;}
.ny-title strong{display: block; font-size: 24px; color: #333;}
.ny-title i{display: block; width: 50px; height: 2px; background: #E60013; margin: 10px auto 0;}


/* 内页新闻列表页 */
.nynews-list ul li{padding-bottom: 35px; border-bottom: 1px dashed #ccc; margin-bottom: 35px;}

.nynews-list ul li .pic{width: 30%; margin-right: 4%;}
.nynews-list ul li .pic img{display: block; width: 100%;}
.nynews-list ul li .info{width: 65%;}
.nynews-list ul li .info h2{ font-size: 18px; color: #333; }
.nynews-list ul li .info h3{ font-size: 16px;  line-height: 28px; color: #666; margin-bottom: 20px; margin-top: 15px;}
.nynews-list ul li .info span,.nynews-list ul li .info em{display: block; font-size: 15px; color: #999;}
.nynews-list ul li:hover .info h2{color: #E60013;}



/* 新闻详情页 */
.nynews-title h3{display: block; font-size: 28px; color: #333; font-weight: bold; text-align: center; margin-bottom: 30px;}
.news-editbox{padding: 50px 0;}
.news-link{border-top: 1px solid #f2f2f2; padding-top: 57px; margin-top: 50px;}
.news-link p{display: block; font-size:16px; color: #333; display: flex; align-items: center;}
.news-link p img{margin-right: 15px;}
.news-link p a{color: #333;}
.news-link p:last-child{}
.news-link p:last-child img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg); margin-left: 15px; margin-right: 0;}
.news-link p a:hover{color: #E60013;}
.news-link .xq-back a{margin:0 auto;}
.xq-back a{transition:0.6s; display: block; width: 144px; font-size: 16px; line-height: 42px; color: #fff;  background: #000; border-radius: 21px; text-align: center; margin: 40px auto 0}
.xq-back a>img{display: inline-block; margin-right: 11px; vertical-align: middle;}
.xq-back a:hover{background: #E60013;}
.nynews-date{background: #f5f5f5; padding: 10px 0; margin-bottom: 25px;}
.nynews-date span{margin: 0 10px;}



/*分页*/
.fy { padding: 60px 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap; gap: 1rem;}
.fy a { background: #E6E6E6; display: flex; align-items: center; justify-content: center; color: #707070; font-size: 14px; transition: .4s;  padding: 5px 15px;}
.fy a:hover {color: #fff; background: #E60013;}
.fy .layui-laypage-curr {color: #fff; background: #E60013; font-size: 14px;  margin: 0 5px; padding: 5px 15px;}



/* 搜索页面 */
.search-page .box {margin-top: 1rem;}
.search-page form {width: 75%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; }
.search-page form .searchCon {padding: 5px 0; width: 90%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 25px;  height: 25px; display: flex; align-items: center; cursor: pointer;  outline: none; border: none; background: transparent;}
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #013874;color: #fff;/* font-size: 12px; *//* padding: 2px 5px; */font-size: 1rem;padding: 0.5%;}
.search-page li h3 {font-size: 1.125rem;color: #000000;font-weight: 700;margin: 10px 0;}
.search-page li p {font-size: 1rem;color: #666;line-height: 1.5rem;}
.search-page li .le {width: 95%;}
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}
@media screen and (min-width: 200px) and (max-width: 640px){
  .search-page form {width: 90%;margin-bottom: 40px;padding: 3px 20px;}
  .search-page form .searchCon {width: 80%;}
}
#c-placeholder{height: 13rem;}




.case-editbox table{width: 100%!important;   border-collapse: collapse;border-spacing: 0;padding: 0;margin: 0; border: 1px solid #f2f2f2}

.case-editbox table tr td{border: 1px solid #f2f2f2}

.contact-editor table{width: 100%!important;   border-collapse: collapse;border-spacing: 0;padding: 0;margin: 0; border: 1px solid #f2f2f2}


.contact-editor table tr td{border: 1px solid #f2f2f2; padding: 38px 15px 0; vertical-align: top!important;}
.contact-editor table tr td img{display: block; width: 35px!important; height: auto!important; margin-bottom: 20px}
.contact-editor iframe{width: 100%; height: 500px}


.nymember-list{width: 100%;}
.nymember-list ul{width: 100%; flex-wrap: wrap;
  display: flex; justify-content: space-between}
.nymember-list ul li {width: 48%;}

.nynews-list2{width: 100%;}
.nynews-list2 ul li .info {
  width: 100%;
}

.case-editbox p span{text-wrap: wrap!important;}