body{ font-size: 16px;}

.PCbAN{ width: 100%; height: 100vh; object-fit: cover;}
.w90{ width: 90%; margin: 0 auto;}
.w80{ width: 80%; margin: 0 auto;}

header{ position: fixed; top: 0; left: 0; width: 100%; color: #fff; z-index: 100;}
nav li{ padding: 0 35px; position: relative;}
nav li .iconfont{ position: absolute;font-size: 12px;left: -20px;color: #fff;height: 100%;display: flex;align-items: center;justify-content: center;transform: translateX(-4px);-webkit-transform: translateX(-4px);-moz-transform: translateX(-4px);-o-transform: translateX(-4px);-ms-transform: translateX(-4px);opacity: 0;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; }
nav li:hover .iconfont{   transform: none;-webkit-transform: none;-moz-transform: none;-o-transform: none;-ms-transform: none;opacity: 1;}
nav a.onenav{ line-height: 90px; display: inline-block; font-size: 18px; position: relative;}
nav li > ol {position: absolute;top:  90px;left: 50%;margin-left: -100px;width: 200px;display: flex;align-items: center;justify-content: center;flex-direction: column;background-color: rgba(0, 0, 0, 0.5);padding: 20px 0;pointer-events: none;opacity: 0;transform: translateY(10px);-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-o-transform: translateY(10px);-ms-transform: translateY(10px);transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}
nav li > ol > div {height: 20px;width: 100%;position: absolute;top: -20px;left: 0;}
nav li > ol > li {display: flex;width: 100%;justify-content: center;align-items: center;}
nav li > ol > li > a {color: #fff;font-size: 14px;text-align: center;padding: 8px 10px;position: relative;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}
nav li > ol > li > a:after {content: "";position: absolute;left: 0;bottom: 4px;width: 0;height: 2px;right: 0;margin: 0 auto;background-color: #d6031a;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}
nav li > ol > li > a:hover:after {width: 100%;}
nav li > ol:after {content: "";position: absolute;width: 100%;height: 2px;top: 0px;left: 0;background: #D6031A; }
nav li:hover > ol {opacity: 1;pointer-events: auto;transform: none;-webkit-transform: none;-moz-transform: none;-o-transform: none;-ms-transform: none;}
header.bg{ background: rgba(0, 0, 0, 0.95);box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}

 
.h_nav{ height: 60px; width: 60px; background-color:#8d010a; padding: 18px 8px ;    align-items: flex-end; display: none;}
.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
.h_nav .burger:first-child{ animation: long 2s linear infinite;  }
.h_nav .burger:nth-of-type(2){  width: 50%;}
.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      content: '';   position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #fff;      opacity: 0;      z-index: 1;}
.h_nav.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }


.nav{ width: 100%; height: calc(100vh - 60px) ; transition:all .6s ; transform: translateX(100%); background-color: #000; position: fixed; top: 60px; right: 0; flex-direction: column; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; }
.nav.show{ transform:translateX(0) ;  -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
.nav li.go-child{ border-top: 1px solid rgba(255, 255, 255, 0.25); position: relative;}
.nav li.go-child>a{ line-height: 60px; padding: 0 20px;}

.erji{ width: 60px; height: 60px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;
 background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}
 .nav li.go-child.on .erji{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}
.nav-down li a{ line-height: 50px; border-top: 1px solid rgba(255, 255, 255, 0.25); display: block; padding-left: 25px; font-size: 14px; opacity: 0.8; }

/* ban */

/* .banner{   width: 100%; overflow: hidden;} */
.banner .swiper-slide .img.before img {
   transition: 2s linear 0s;
 }
 .banner .list .list_wrap{ overflow: hidden;}
 .banner .list .list_wrap.before img{transition: 3s linear 0s;}
 .banner .list .list_wrap.after img{ transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); }

.banner .swiper-slide img{ width: 100%; height: 100vh; object-fit: cover;}
.svg-swiper-pagination { display: flex;flex-wrap: wrap;justify-content: center; position: absolute; bottom: 5vh !important;left: 0; z-index: 60;}
.svg-swiper-pagination .swiper-pagination-bullet {background: transparent;opacity: 1;position: relative;width: 12px;height: 12px;outline: none; margin: 0 15px !important;  position: relative;}
.svg-swiper-pagination .swiper-pagination-bullet:after {
   content: "";
   position: absolute;
   left: 50%;
   top: 50%;
   z-index: 0;
   width: 4px;
   height: 4px;
   background-color: transparent;
   border: 1px solid #fff;
   border-radius: 50%;
   margin: -6px 0 0 -6px;
   transition: opacity .3s;
   -webkit-transition: opacity .3s;
   -moz-transition: opacity .3s;
   -ms-transition: opacity .3s;
   -o-transition: opacity .3s;
}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {background-color: #8d010a; border-color: #8d010a;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .svg {opacity: 1}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2 {-webkit-animation: svgCircleAnmi 6s linear forwards;animation: svgCircleAnmi 6s linear forwards}
.svg-swiper-pagination .svg { width: 20px; height: 20px; position: absolute; top: -7px; left: -7px; transform: rotate(-90deg); opacity: 0; transition: opacity .3s; display: block; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; }
.svg-swiper-pagination .circle1 { stroke: transparent}
.svg-swiper-pagination .circle2 { stroke: #8d010a; stroke-dasharray: 0 339}
@-webkit-keyframes svgCircleAnmi {
	0% {
		stroke-dasharray: 0 339
	}
	to {
		stroke-dasharray: 339 339
	}
}

@keyframes svgCircleAnmi {
	0% {
		stroke-dasharray: 0 339
	}
	to {
		stroke-dasharray: 339 339
	}
}

/* height: 760px;  */
.skitter-themes { text-align: center; margin-bottom: 10px; }
.box_skitter{  height: 100vh;} 

.idxAbout{ background: url(../images/bg1.jpg) no-repeat center center; background-size: cover;}
/* a:hover{color: #8d010a;} */


.idxmore{ width: 240px; height: 60px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; padding: 8px 12px; }
.idxmore .iconfont{ transition: all .8s; width: 44px; height: 44px; background: rgba(255, 255, 255, 0.5); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; }
.idxmore:hover{ box-shadow: 0 0 10px rgba(141, 1, 10, 0.56);}
.idxmore:hover i { transform: translateX(-400%) rotate(-1440deg); -webkit-transform: translateX(-400%) rotate(-1440deg); -moz-transform: translateX(-400%) rotate(-1440deg); -ms-transform: translateX(-400%) rotate(-1440deg); -o-transform: translateX(-400%) rotate(-1440deg); }
.idxmore:hover span{ opacity: 0;}

.idxAbout .img img{ width: 100%; height: 100%; object-fit: cover ; border-radius: 80px 0 80px; -webkit-border-radius: 80px 0 80px; -moz-border-radius: 80px 0 80px; -ms-border-radius: 80px 0 80px; -o-border-radius: 80px 0 80px; }
.idxAbout  .img>div{ position: absolute; left: 0; top: 0;}
.idxAbout .img .paly{ width: 100px;  cursor: pointer; background: #fff; border-radius: 50%; height: auto;box-shadow: 0 0 rgba(255, 255, 255, 0.1),0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1);animation: ripple-wave1 1s linear infinite;animation-play-state: running;opacity: 1;visibility: visible;transform: scale(1);-webkit-animation: ripple-wave1 1s linear infinite; transform: scale(0.8);}
@keyframes ripple-wave1{	to {		box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1),0 0 0 45px rgba(255, 255, 255, 0.02);	}
}


div.video-play{position:fixed;top:0;bottom:0;right:0;left:0;width:100vw;height:100vh;z-index:10001;display:none}
div.video-bg{position:absolute;top:0;bottom:0;width:100%;z-index:1001;background:#0b0b0b;opacity:.8}
div.video-wrap{z-index:1002;position:fixed;top:52%;left:50%;-webkit-transform:translate3d(-50%, -52%, 0);transform:translate3d(-50%, -52%, 0);width:1000px;height:570px;  }

div.video-wrap video{width:100%;height:auto}
div.close-btn{cursor: pointer; transition: all .36s;
 
 text-align: center;
 line-height: 40px;
 z-index: 9999;
 position: absolute;
 background: #000;
 border: 2px solid #fff;
 width: 50px;
 height: 50px;
 border-radius: 50%; opacity: 0.5;
 right: -20px;
 top: -25px;}
 div.close-btn:hover{ transform: rotate(180deg); opacity: 1;}

 .icon2{ position: absolute; left: 0; bottom: 0; z-index: 1;  height: 70%;}
 .idxAbout .top,.idxAbout .con{ position: relative; z-index: 5;}
 .idxAbout .con{ padding-bottom: 120px;}

 .idxPro{ background: url(../images/bg2.jpg) no-repeat center center; background-size: cover;}
.transition6{ transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; }
#idxproSwiper .swiper-wrapper .swiper-slide{ background: url(../images/bg3.jpg) no-repeat center; background-size: cover; }
 .proitem { height: 815px;}
 #idxproSwiper .swiper-wrapper .swiper-slide:nth-child(2n){ background: url(../images/bg4.jpg) no-repeat center center; background-size: cover;}
 .proitem  a{ display: block; position: relative; z-index: 5;}
 .proitem .name{ writing-mode:lr-tb; -webkit-writing-mode:lr-tb; writing-mode:tb-rl; -ms-writing-mode:lr-tb; writing-mode:tb-rl;  line-height: 1.6; letter-spacing: 4px; }
 .proitem .name .EN{ letter-spacing: 12px;}
 .proitem .bot{ position: absolute; bottom: -270px;  width: 100%;}
 .proitem .bot .icon{ opacity: 0;  }
 .proitem .line{ width: 1px; height: 45px; background-color: #fff; margin: 35px auto;}
 .idxProicon{ object-fit: cover; width: 200px; height: 200px; border-radius: 50%; border: 6px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
 .proitem:hover .bot{ bottom: 30px;}
 .proitem:hover .bot .icon{ opacity: 1;  }

 .idxProImg{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0;}
 .proitem:hover  a{ border: 1px solid rgba(255, 255, 255, 0.2);}
 .proitem:hover  .idxProImg{ opacity: 0.2;}

 .idxCase{ background: url(../images/bg5.jpg) no-repeat center center; background-size: cover;}
 .caseItem .more{ padding: 5px 0; transition:all .36s ; display: inline-block; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
 .caseItem .img img{ width: 100%; height: 344px; object-fit: cover;}
 .caseItem:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
 .caseItem:hover  .more{ padding: 5px 25px; background-color: #8d010a; color: #fff;}

 .idxNews{ background: #f1f1f1;}
  
.idxNews .left .img .newsimg{ width: 100%; height: 565px; object-fit: cover;}
.idxNews .left .img .txt{ justify-content: flex-end; width: 100%; height: 100%; position: absolute;  bottom: 0 ; left: 0; background: rgba(0, 0, 0, 0.3);}
.idxNews .left .img .txt .line{ width: 100%; height: 1px; background-color: rgba(255, 255, 255, .24);}
.idxNews .left .img .txt .line::after{ width: 0; height: 100%; background-color: #fff; transition:all .3s ; display: block; content: '';
   -webkit-transition:all .3s ; -moz-transition:all .3s ; -ms-transition:all .3s ; -o-transition:all .3s ; }
.idxNews .left .img:hover .txt .line::after{ width: 100%;}
.idxNews .left .img:hover  .newsimg{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.idxNews .left .img:hover { box-shadow:  0 0 10px  rgba(141, 1, 10, 0.4);}
.idxNews .right .img img{ width: 265px; height: 163px; object-fit: cover;}
.idxNews .right .txt{ width: calc(100% - 280px);}
.idxNews .right  .txt .line{ width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.2);}
.idxNews .right  .txt .line::after{ width: 0; height: 100%; background-color: #8d010a; transition:all .3s ; display: block; content: '';
   -webkit-transition:all 1s ; -moz-transition:all .3s ; -ms-transition:all .3s ; -o-transition:all .3s ; }
.idxNews .right li:hover .txt .line::after{ width: 100%;}
.idxNews .right li:hover{   color: #8d010a; }
.idxNews .right li:hover .img{  box-shadow:  0 0 10px rgba(141, 1, 10, 0.4); }
.idxNews .right li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

footer{ background-color: #171717; color: #666;}
footer .top,footer .center{ border-color: rgba(255, 255, 255, .15);}
footer a:hover{ color: #fff;}
footer .center .icon{ width: 50px; height: 50px; border: 1px solid rgba(255, 255, 255, .24); display: inline-flex; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
footer .center li .img{ border: 1px solid rgba(255, 255, 255, .15); width: 140px;}


.page-aside { position: fixed; right: -6px; bottom: 180px; transform: translateX(100%); z-index: 25; opacity: 0; transition: transform .3s, opacity .3s; -webkit-transition: transform .3s, opacity .3s; -moz-transition: transform .3s, opacity .3s; -ms-transition: transform .3s, opacity .3s; -o-transition: transform .3s, opacity .3s; }
.page-aside.show {transform: translateX(0);opacity: 1}
.page-aside .img {max-width: 100%}
.page-aside-item {width: 54px;text-align: center;height: 50px;position: relative;z-index: 1;cursor: pointer;display: block;background-color: rgba(0, 0, 0, .5);margin: 4px 0;border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;padding-right: 6px;transition: transform .3s;display: flex;align-items: center;justify-content: center}
.page-aside-item .icon {width: 24px}
#toolbar{ position: fixed; bottom: 0; left: 0; width: 100%; z-index: 90; display: none;}
#toolbar a {width: 25%;padding: 10px 0;text-align: center;color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column;}
#toolbar img{ height: 20px; margin-bottom:5px;}

/* 品牌简介 */
.neibanTxt{ position: absolute; left: 5vw; top: 50%; height: 15%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.introduction{ background: url(../images/bg1.jpg) no-repeat center center; background-size: cover;}
.introduction .left{ width: 24%; }
.introduction .left ul{   border: 1px solid #d1d1ce; border-bottom: none;  border-right: none; }
.introduction .left ul li{ height: 180px; border-bottom: 1px solid #d1d1ce; border-right: 1px solid #d1d1ce;}
.introduction .right { width: 71%;}
.introduction .right .top{ border: 1px solid #d1d1ce; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.laochui{ position: absolute; top: 60px; left:5vw ; width: 3vw;}
.icon4{ position: absolute; bottom: 0; left: 0; width: 18%;}

.History{ background: url(../images/bg6.jpg) no-repeat center center; background-size: cover;}
.f126{ font-size: 126px;}
.historyBot{ background: url(../images/bg7.png) no-repeat center bottom; background-size: 100% auto; height: 200px;}
#historyBotSwiper .yuan{ width: 34px; height: 34px; border-radius: 50%;  }
#historyBotSwiper .yuan span{ background-color: #fff; width: 14px; height: 14px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
#historyBotSwiper .swiper-slide{ height: 200px; position: relative; display: flex; justify-content: center;}
#historyBotSwiper .swiper-slide  .yuan{ margin-top: 26%;}
#historyBotSwiper .swiper-slide-thumb-active .yuan{ background-color: #fff;  margin-top: 16%; }
#historyBotSwiper .swiper-slide-thumb-active .yuan span{ background-color: #8d010a;}
#historyBotSwiper .swiper-slide-prev .yuan{ margin-top: 26%;}
#historyBotSwiper .swiper-slide-next .yuan{ margin-top: 26%;}

.historyBot .prev,.historyBot .next{ z-index: 50; cursor: pointer; color: #333;   width: 70px; position: absolute; bottom: 62px; height: 70px; border-radius: 50%; background-color: #fff;  -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.historyBot .prev{left: 6vw;}
.historyBot .next{ right: 6vw;}
.historyBot .prev:hover,.historyBot .next:hover{ background-color: #8d010a; color: #fff;}

.honor{ background: url(../images/bg8.jpg) no-repeat center center; background-size: cover;}
.honorItem>div{ position: relative; z-index: 5;}
.honorItem .img{  width:100% ;  height:420px ; justify-content: center; align-items: flex-end;}
.honorItem .img img{ max-width: 80%; max-height: 90%; box-shadow: 0 0 15px rgba(0, 0, 0, .14);}
.honorItem::after{ width: 100%; height: 160px; background-color: #fff; position: absolute; bottom: 0; left: 0; display: block; content: '';}
.honorpagination span{ width: 30px; height: 30px; border: 1px solid transparent; opacity: 1; display: inline-block; position: relative; background-color: transparent; margin: 0 4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.honorpagination span.swiper-pagination-bullet::after{ width: 8px; height: 8px;top: 50%; left: 50%; margin-top: -4px; margin-left: -4px; position: absolute; border-radius: 50%; background-color: #d5d0d0; display: block;content: ''; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.honorpagination span.swiper-pagination-bullet-active{ border-color: #8d010a;}
.honorpagination span.swiper-pagination-bullet-active::after{ background-color: #8d010a;}

.neiBanimg{max-width: 100%; max-height: 100vh; object-fit: cover;}
.pronav{ margin-top: -90px; position: relative; z-index: 10; background: rgba(0, 0, 0, .5);}
.pronav a{ flex: 1; height: 90px; text-align: center; color: #fff; display: flex; align-items: center; justify-content: center; }
.pronav a.on{ background-color: #8d010a;}
.prolsit li{ width: 32%; margin-right: 2%; margin-bottom: 45px;}
.prolsit li:nth-child(3n){ margin-right: 0;}
.prolsit li .img img{ width: 100%; height:  385px; object-fit: cover;}
.prolsit li:hover { transform: translateY(-15px);box-shadow: 0 0 10px rgba(141, 1, 10, 0.2); -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); }
.prolsit li:hover  .mask-white{ -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}
.prolsit li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.ljgd,.ljzx{ border: 1px solid #e5e5e5; transition: all .36s; width: 120px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.ljgd{ background-color: #8d010a; color: #fff; border-color: #8d010a;}
.ljgd:hover,.ljzx:hover{ box-shadow: 0 0 10px rgba(141, 1, 10, 0.4); transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.proinfoTop{ background: url(../images/bg9.jpg) no-repeat center center; background-size: cover; padding-top: 80px;}
.proinfoTop .next,.proinfoTop .prev{ cursor: pointer; width: 70px; height: 70px; background-color: #fff; border-radius: 50%; position: absolute; top: 50%; margin-top: -35px;  z-index: 10; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.proinfoTop .next{right: 20px;}
.proinfoTop .prev{ left: 20px;}
.proinfoTop .next:hover,.proinfoTop .prev:hover{ background-color: #8d010a; color: #fff;}

.proinfoTopdesc li{ width: 33.3%; text-align: center;  border-left: 1px solid #e5e5e5; line-height: 1; margin-top: 25px;}
.proinfoTopdesc li:nth-child(3n+1){ border-left: none; text-align: left;}

.proLink a{ border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.proLink a:hover{ transform: translateY(-10px); box-shadow: 0 0 10px rgba(43 ,23, 110, 0.2); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.proBotTit{ background-color: #e0e0e0; border-top: 2px solid #fff;}
.proBotTit div{ display: inline-flex; line-height: 1; height:75px; padding: 0 56px;}

.jointit .f40{ margin-top: -45px; z-index: 5; position: relative;}
.joinOne .left{ width: 54%;}
.joinform img{ width: 19px; margin-right: 20px;}
.joinform li{ margin-bottom: 25px; }
.joinform li input{ border-bottom: 1px solid #cdcdcd;  width: 100%; line-height: 50px;}
.joinform li textarea{border-bottom: 1px solid #cdcdcd;  width: 100%; line-height: 50px;}
.bg-red3{ background-color:   #c8272b}
.joinOne .right{ width: 43%;}
.joinOne .ljyy{ border: 1px solid #fff; color: #fff; padding: 7px 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } 
.yycon{ height: 370px;}
#yySwiper{ height: 100%; line-height: 2;}

.joinTwo{ background: url(../images/bg10.jpg) no-repeat center top; background-size: 100% auto; }
.flex-start{ display: flex; align-items: flex-start;}
.joinTwoIcon{ width: 54px;}
.joinTwo .con{ background: url(../images/bg11.jpg) no-repeat center center; background-size: cover;}
.joinTwoul{ margin-top: 180px;}
.joinTwo .con .zxzz{ width: 270px; height: 64px; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; }
.joinTwo .con .zxzz:hover{ background-color: #8d010a; color: #fff; border-color: #8d010a;}
.opacity2{ opacity: 0.2;}
.joinTwo .con .zxzz{width: 250px;height: 54px;}

.joinform .layui-form-select{ width: 100%;}
.newslist li{ width: 31%; margin-right: 3.5%; margin-bottom: 45px; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.newslist li  .img img{ width: 100%; height: 310px; object-fit: cover;}
.newslist li:nth-child(3n){ margin-right: 0;}
.newslist li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.newslist li:hover  .mask-white{ -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}
.newslist li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.newslist li:hover  .more{ background-color: #8d010a; color: #fff; padding: 5px 25px;}

.artLink {	padding: 45px 0;	display: flex;	align-items: center;justify-content: space-between;color: #666666;}
.artLink a {color: #666666;width: 40%;	 transition: all 0.2s;}
.artLink a:hover {	color: #8d010a;}
.artLink a p {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;flex: 1;font-size: 15px;}
.artLink a:nth-child(2) {margin: 0 15px;background: #8d010a;color: #ffffff;border-radius: 35px;width: 110px;padding: 10px 0;text-align: center;}
.artLink a:nth-child(1) p {width: 94%;}
.artLink a:nth-child(3) p {width: 94%; text-align: right;}
.link1 span {display: flex;align-items: center;justify-content: center;width: 45px;height: 45px;	border-radius: 50%;border: 1px solid #d8d8d8;	}

.tjnewslist li:hover{ box-shadow: 0 0 0px rgba(0, 0, 0, .14);  }
.newsmore  span{ display: inline-block; margin-left: 15px; border: 1px dashed #8d010a; width: 24px; position: relative; height: 24px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.newsmore span .iconfont{ position: absolute; left: 80%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
a:hover .newsmore span .iconfont{ left: -8px;}

.pic::before {content: "";width: 100%;height: 100%;position: absolute;z-index: 1;left: 0px;}
a:hover .pic::before { animation: gradient-rectangle 1s ; animation-delay: 0s; -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96); -webkit-animation:; }



.zahnwei{ padding-top: 100px; margin-top: -100px;}
.contactuL {   position: relative; z-index: 10;}
.contactuL li{  width: 25%; text-align: center; position: relative;}
.contactuL li::after{ width: 1px; display: block; content: ''; height: 30%; position: absolute; bottom: 35%; right: 0; background: rgba(255,255,255,.2);}
.contactuL li img{ height: 40px;}
.contactuL span{ width: 1px; height: 60%; background: rgba(255,255,255,.6); display: inline-block;}
.map{  height: 600px;}
.w30{ width: 30%;}

.gbookBtn{ width: 70px; height: 70px; background: url(../images/bg6.png) no-repeat center center #8d010a; border-radius: 50%; background-size: 25% auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.gbookBtn:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
.infodetail img{ margin:5px 0; }