/*自定义部分*/
body{ font-size:14px; overflow-x:hidden; }
h1,h2,h3,h4,h5,dl{ margin-top: 0em;}
a{ color: #000000;text-decoration: none;}
a:hover{ text-decoration: none; color: #000;}
ul{ margin: 0px; padding: 0px;}
li{ list-style: none;}
.container-fluid{ width: 93%;}
.logo img{ height: 60px;}
.navbar-expand-lg .navbar-nav .nav-link{ padding-left: 1rem; padding-right: 1rem; font-size: 16px;}
.navbar-light .navbar-nav .nav-link{ color:#333; position: relative;}
.navbar-nav .nav-link:hover{ color:#ff2442 !important;}
.navbar-nav .nav-link::after{content: '';position: absolute;width: 14px; height: 6px;left: 0; right: 0; top: 44px; opacity: 0; transition:all 0.5s ease 0s;background:url('../images/sj.png') no-repeat left center; vertical-align: middle; margin: auto;}
 .navbar-nav .nav-link:hover::after {
 	opacity: 1;
 }
 /* -------------------------------------- */
/* .banner img{width: 100%;} */
/* .swiper-button-prev::after, .swiper-button-next::after { font-size: 18px;}
.swiper-button-prev, .swiper-button-next{ background: rgba(0,0,0,.6);color: #fff; font-weight: bold;} */
.swiper-button-prev::after, .swiper-button-next::after{content: "";}
.swiper-buttons{position: absolute;right: 1rem;top: 50%;z-index: 1;}
.swiper-button-prev, .swiper-button-next{position: static;color: #fff;width: auto;margin-top: 0;}
.swiper-buttons .swiper-button-prev .svg,
.swiper-buttons .swiper-button-next .svg{margin-left: 10px;}

.mySwiper .swiper-container{width:100%;height:auto;}
.mySwiper .swiper-wrapper::before{content:"";position:absolute;left:0;width:25%;top:20%;bottom:20%;background-image:url(../images/banner-img-01.png);display:block;background-size:cover;z-index:2;opacity:0.3;}
.mySwiper .swiper-wrapper::after{content:"";position:absolute;right:0;width:25%;top:20%;bottom:20%;background-image:url(../images/banner-img-01.png);display:block;background-size:cover;z-index:2;opacity:0.3;}
.mySwiper .content{position:relative;width:100%;height:auto;}
.mySwiper .picB{width:100%;height:auto;}
.mySwiper .text{position:absolute;top:50%;left:0;right:0;max-width:1000px;width:70%;margin:0 auto;transform:translateY(-50%);}
.mySwiper .bannerBtn{position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:999;color:#fff;font-size:0.825rem;}
.mySwiper .swiper-button-prev{margin-bottom:0.825rem;}
.mySwiper .next,.mySwiper .prev{margin:0 0.825rem;}
.mySwiper .swiper-wrapper .swiper-slide img{width:100%;height:auto;left:0;top:0;}
.mySwiper .bannerTitle{position:relative;color:#fff;margin-bottom:1.5rem;font-size:3.25rem;transition:all 2s ease;}
.mySwiper .content::before{content:"";position:absolute;width:20%;height:40%;display:block;border:10px solid rgba(255,255,255,0.2);top:30%;left:10%;transition:all 2s cubic-bezier(0.42,0,0.58,1);opacity:0;transform:translate3d(-80px,0,0);z-index:1;}
.mySwiper .swiper-slide-active .content:before{transition-delay:1.3s;transform:translate3d(0px,0,0);opacity:1;}
.mySwiper .swiper-slide-active .bannerTitle{transition-delay:0.5s;}
.mySwiper .text *{transform:translate3d(0,80px,0);opacity:0;}
.mySwiper .swiper-slide-active .summry{transition-delay:0.7s;}
.mySwiper .swiper-slide-active .text *{transform:translate3d(0,0px,0);opacity:1;}
.mySwiper .summry{color:#fff;font-size:1.5rem;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;transition:all 2s ease;}
.mySwiper .bannerPic{position:relative;width:100%;height:auto;transition:all 1s ease 2.5s;transform:perspective(1000px) translate3d(0,0,100px);}
.mySwiper .swiper-slide-active .bannerPic{transition:all 5s ease 0s;transform:perspective(1000px) translate3d(0,0,0px);}
@media only screen and (max-width:1024px) and (min-width:769px){
	.mySwiper .bannerTitle{font-size:1.25rem;}
	.mySwiper .summry{font-size:1rem;}
}
@media only screen and (max-width:768px){
	.mySwiper .swiper-buttons{display:none;}
	.mySwiper .bannerTitle{font-size:1rem;}
	.mySwiper .summry{font-size:0.875rem;}
}

 /* -------------------------------------- */
.color66{ color: #666 !important;}





.m1{padding: 50px 0;}

.m1-title{ font-size: 30px; color:#595959}
.m1-nimg img{ width: 100%;}
.m1-nr-title{ font-size: 26px; color:#595959}
.more{ background: #ff2442; width: 140px; height: 45px; border-radius: 8px; text-align: center;  line-height: 45px;} 
.more a{ color: #fff;}
.m1-bitem h1{ position: relative; color: #ff2442; font-weight: bold;}
.m1-bitem h1::after{ position: absolute; content: ''; left: 0; top: -10px; width: 25px; height: 1px; background-color: #ff2442;}

.m2{ background-image: url('../images/bfa3.jpg'); background-size: cover; padding: 50px 0;}
.m2-title{font-size: 30px;}
.m2-ntext h1{ font-size: 70px;}
.m2-subtitle{ font-size: 26px;}
.m2-img{width: 100%; overflow: hidden;}
.m2-img img:hover{transform: scale(1.2);}
.m2-img img{ cursor: pointer; transition: all 0.6s;}
.m2-nimg img{ height: 280px;}

.m3{ padding: 50px 0;}
.m3-nz{ overflow: hidden;}
.m3-nzimg { width: 100%; height: 320px; overflow: hidden;}
.m3-nz{ background:#f2f2f2;}
.m3-nztext {position: relative;width: 100%;height: 160px;padding: 44px 30px;transition: all .5s ease;}
.m3-nztext::before {content: '';position: absolute;left: 30px;top: 55px;width: 0px;height: 1px;background: #5ddffe;transition: all .5s ease;}
.m3-nz .m3-nzimg img{cursor: pointer; transition: all 0.6s;}
.m3-nz a:hover .m3-nzimg img{transform: scale(1.1);}
.m3-nz a:hover .m3-nztext{padding-left: 100px;}
.m3-nz a:hover .m3-nztext::before{width: 70px;}
.m3-nziteam{ width: 100%; overflow: hidden;}
.m3-nziteam img{ width: 100%; cursor: pointer; transition: all 0.6s;}
.m3-nziteam img:hover{transform: scale(1.4);}
.m3-nziteam{ position: relative;}
.m3-nziteam div{ position: absolute; left: 0; width: 100%; bottom: 0; padding: 20px 10px; background: rgba(0,0,0,.6); color: #fff;overflow:hidden; white-space:nowrap;  text-overflow:ellipsis;}
.m3-text{ padding: 10px!important; }
.m3-nztitle{ font-size: 16px; color: #7f7f7f;}
.m3-nzsubtitle{ color: #aaa; line-height: 30px;}

.m3-nritem{background: #f2f2f2;}
.m3-itemimg{ width: 140px; height: 70px; overflow: hidden; position: relative;}
.m3-itemimg img{ position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); transition:all .5s ease}
.m3-itemtext{ width: calc((100% - 140px) / 1); 	height: 100%; overflow: hidden; padding-left: 20px;transition: all .5s ease;}
.m3-nritem{ margin-bottom: 10px; padding: 21.3px;}
.m3-nritem a:hover .m3-itemimg img{transform:translate(-50%,-50%) scale(1.1)}
.m3-nritem a:hover .m3-itemtext{ padding-left:10px}

.m4{background-image: url('../images/catw.jpg'); background-size: cover; padding: 50px 0;}
.m4-t h6{ position: relative; font-size: 14px;}
.m4-t h6::after{ content: ''; width: 50px; height: 2px; position: absolute; left:0; bottom: -15px; background-color: #fff;}
.m4-niteam{ position: relative;transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;}
.m4-niteam img{ width: 90%; }
.m4-text{ position: absolute; left: 10%;bottom: -30px; width: 80%; background-color: #fff; padding: 10px; text-align: center;}
.m4-niteam:hover{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);   -o-transform:translateY(-20px);transform:translateY(-20px)}
.m4-nitemimg{ overflow: hidden; width: 100%; }
.m4-nitemimg img{ width: 100%; cursor: pointer; transition: all 0.6s; height: 220px;}
.m4-nitemtext{ background-color: rgba(255, 255, 255, .8);}
.m4-nitem a:hover .m4-nitemimg img{transform: scale(1.2);}

.m4-nitemtitle{font-size: 16px; color: #333;}
.m4-nitemicon i{font-size: 32px;color: #707070; }
.m4-nitem{position: relative;  }
.m4-nitem::after{ content: ''; position: absolute; right: 25px; bottom: 25px; width: 10%; height: 1px; background-color: #707070; transition:all .5s ease}
.m4-nitem a:hover .m4-nitemtext{ background: #ff2442;}
.m4-nitem a:hover .m4-nitemtitle , .m4-nitem a:hover .m4-nitemicon i{ color: #fff;}

.m4-nitem:hover::after{ width: 85%; background-color:#fff ; transition:all .5s ease}

.m5{ background:rgba(247, 247, 247, 1);padding: 80px 0;}
.m5-nitem{background-color: #fff; padding: 18px 0; transition: box-shadow 0.9s ease;}
.m5-nitem img{ width: 100%; height: 80px;}
.m5-nitem:hover{box-shadow:5px 5px 20px 10px rgba(0, 0, 0, 0.2); transition: box-shadow 0.9s ease; cursor: pointer;}

.m6{background:#000;padding: 80px 0;}
.m7{ background:#000; padding: 40px 0; }
.foot{ border-top: 1px solid #333;}
.foot a{ color: #fff;}

/* .nbanner{ padding: 5.6rem 0rem; color: #fff;}
.nbtext h1{ position: relative; font-size: 38px; margin-bottom: 30px;}
.nbtext h1::after{ width: 70px; height: 2px; content: ''; position: absolute; background: #fff; left: 50%; bottom: -15px; margin-left: -35px;}
.nbtext p{font-size: 22px;} */

.nbanner img{ width: 100%;}
.fenlei{background-color: #ff2442 !important; padding: 15px 0;}
.fenlei a{ background-color: #333; color: #fff; padding: 10px 25px; border-radius: 30px; font-size: 16px; margin-right: 10px;}
.fenlei a:hover{background-color: #000;}
.wz{background-color: #f4f3f3; padding: 15px 0;}

.about{ padding: 50px 0px;}
.abnout-nimg img{ width: 100%;}


.iteam-nitem{ position: relative;overflow: hidden; cursor: pointer;}
.iteam-nitem img{ width: 100%;}
.iteam-bg{ position: absolute;  width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); left: 0;  color: #fff;
bottom:100%;overflow: hidden; transition:all 0.9s ease; padding: 0 20px;}
.iteam-nitem:hover .iteam-bg{ display: block;  bottom:0;}
.iteam-bg-text{ position: absolute; bottom: 20px;}

.tema-title{font-size: 30px; color:#595959}
.team-subtitle{ position: relative; font-size: 32px; height: 20px; color: rgba(255, 81, 0, 1);}
.team-subtitle::after{ position: absolute; content: ''; width: 150px; height: 1px; background: rgba(212, 212, 212, 1); left: 35%; top: 27px;}
.team-subtitle::before{ position: absolute; content: ''; width: 150px; height: 1px; background: rgba(212, 212, 212, 1); right: 35%; top: 27px;}

.pic-img { width: 100%; overflow: hidden; height: 230px; position: relative; }
.pic-imgtext{ position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; opacity: 0; transition:all 0.9s ease;}
.pic-imgtitle{ color: #fff; position: absolute; left: 50%; top: 50%; width: 100px; margin-left: -50px; text-align: center; height: 40px; line-height: 40px;  margin-top: -20px; }
.pic-iteam:hover .pic-imgtext{ opacity: 1;  }

.pic-imgtitle::after{ 
  content:'';
  position:absolute;
  bottom:0px;
  left:50%;
  transform:translateX(-50%);
  width:60%;
  height:1px;
  background:#fff;
  transition:all .5s ease;

}
.pic-imgtitle::before{ 
  content:'';
  position:absolute;
  top:0px;
  left:50%;
  transform:translateX(-50%);
  width:60%;
  height:1px;
  background:#fff;
  transition:all .5s ease;

}
.pic-iteam:hover .pic-imgtitle::after{ width: 10%;}
.pic-iteam:hover .pic-imgtitle::before{ width: 10%;}


.pic-img img:hover{transform: scale(1.2);}
.pic-img img{ cursor: pointer; transition: all 0.6s; width: 100%;}
.pic-iteam{ margin-bottom: 10px;}
.pic-text { color: #333}



.pic_subtitle{  display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px}
.pagination-group li {float:left;border-right:0;border-radius:0}
.pagination-group li:not(:first-child):not(:last-child) {border-radius:0}
.pagination-group li:first-child {border-radius:4px 0 0 4px}
.pagination-group li:last-child {border-radius:0 4px 4px 0}
.pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0}
.pagination-big a {padding:10px 16px;font-size:16px}
.pagination-small a {padding:5px 10px;font-size:12px}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff}
.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:6px 10px;border:1px solid #DCDCDC;}
/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */
.pagination li.active a,.pagination li a:hover {background:#ff2442;color:#fff;border:1px solid #ff2442;}

.qy-nitem{background: #fafbfd; border-radius: 8px; min-height: 300px;}
.qy-nitem img{ height: 80px;}
.qy-title{ font-size: 22px; font-weight: bold; color: #333c4a;}

.qy-text{ color:#8a8d99;}
.news-text h6{ color: #000000;}
.news-text .xt{border-bottom: 1px solid #eee; margin:10px 0; width:100%; transition:all .5s ease; }
.news-iteam{ background: #f5f5f5;}
.news-img { overflow: hidden; width: 200px;}
.news-img img{ width: 100%; height: 130px;}

.news-text{  width: calc((100% - 200px) / 1); 	height: 100%; overflow: hidden; padding-left: 20px;transition: all .5s ease;}
.news-title{ font-size: 18px;}
.data{ font-size: 12px; color: #999;}
.news-iteam a:hover .news-title{ color: #ff8504;}

.news-iteam{ border-radius: 4px;}

.showtitle{ border-bottom: 1px dashed #ccc; padding-bottom: 20px;}
.shownr{line-height: 30px;}
 .shownr img{ max-width: 100%;}
 .c-z h6{ margin-bottom: 20px;}
 .c-z p{margin-bottom: 10px;}
 .c-r img{ width: 100%;}
 
 .pic-showimg{display: none;}
 .cont-titletext{ font-size: 26px;}
 .contact{padding: 50px 0px;}
 
.books{background: rgba(248, 248, 248, 1); padding: 50px 0;}
        .book-title{ font-size:30px}
 
 .about-nn img{max-width: 100%;}
 
 .wnbanner{display: none;}
.flogo img{ height:50px}
 
 @media screen and (max-width: 1366px) {
	 .m5-nitem img{ width: 100%; height: 70px !important;}
 }
 
@media(max-width:767px) {
	.container{ padding: 10px 20px;}
	.hide{ display: none;}
	.container-fluid{ width: 100%;}
	.navbar-toggler{ padding:0.25rem 0.5rem; font-size: .9rem;}
	.logo img{ height: 45px;}
	.nav-link{ color: #333; font-size: 16px; padding: 15px 20px !important;}
	.offcanvas-body{ padding: 1rem 0;}
	
	.m4-niteam{ margin-bottom: 30px;}
	.m4-niteam img{ width: 90%;}
	.m4-text h5{ font-size: 16px; margin-bottom: 0;}
	.m3-nzimg { width: 100%; height: 180px; overflow: hidden;}
	.m6{background:#000;padding: 50px 0;}
	
	.pic-showimg{ display: block;}
	.pic-showimg img{ width: 100%; margin-bottom: 20px;}
	
	
	.m5-nitem img{  height: 45px !important;}
	.iteam-bg{ position: absolute;  width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); left: 0;  color: #fff;
	bottom:0;overflow: hidden; transition:all 0.9s ease; padding: 0 10px;}
	.iteam-bg-text{ position: absolute; bottom: 5px;}
	
	.news-img { overflow: hidden; width: 130px;}
	.news-text{  width: calc((100% - 130px) / 1); 	}
	.news-title{ font-size: 16px;}
	.m2-nimg img{ height: 220px;}
	
	.qy-nitem{background: #fafbfd; border-radius: 8px; min-height: 220px; margin-bottom: 20px;}
	.qy-nitem img{ height: 60px;}
	.qy-title{ font-size: 18px; font-weight: bold; color: #333c4a;}
	
	.m1-title{ font-size: 22px; color:#595959}
	.fenlei a{ padding: 8px 15px; font-size: 14px;}
	.m1-nr-title{ font-size: 20px;}
	.m3-nritem{padding: 10px;}
	.nbanner{ display: none;}
	.wnbanner{ display: block;}
	.wnbanner img{ width: 100%;}
	.news-img img{ width: 100%; height: 80px;}
}