@charset "utf-8";



.fl{ float:left;}
.fr{ float:right;}

.kd{/* max-width:1230px; */margin:0 auto;width: 88%;}
@media screen and (max-width:1368px){
.kd{width: 88%;}
}
@media screen and (max-width:1024px){
.kd{ width:980px;}
}
@media screen and (max-width:768px){
.kd{ width:96%;}
}

.head{ background:url(../images/hbg.jpg) center top no-repeat rgba(255,255,255,0.9); width:100%; position:fixed; padding:25px 0 18px; z-index:95;}
.head .tkd{ width:94%; margin:0 auto; max-width:1750px}
.head .matext{ border-left:1px solid #b2b2b2; margin-left:13px; padding-left:13px; margin-top:22px;}
.head .matext h3{ font-size:1.125rem; color:#000000}
.head .matext h3 i{ display:inline-block; width:4px; height:4px; border-radius:50%; background:#585858; position:relative; top:-5px;}
.head .matext p{ font-family:'DIN-Light'; font-size:1.125rem; letter-spacing:4px; color:#000000}
.head .twx{ margin-top:32px}
.head .twx span{ display:inline-block;padding-right:10px;}
.head .twx em{ display:inline-block; border-left:1px solid #d4d4d4; padding-left:13px; bottom:-2px; position:relative;}
@media screen and (max-width:768px){
.head .twx{ margin-top:20px; margin-right:70px; font-size:1.125rem;}
.head .twx em{ display:none;}
}

.menu{ width:58%; position:relative; margin-top:15px; margin-right:10px}
.mobile-inner-nav{ z-index:99; display:block;  width:100%; display:inline-block;}
.mobile-inner-nav li{ float:left; position:relative; width:12.5%; text-align:center; box-sizing:border-box;}

.mobile-inner-header .np{ display:none; position:absolute;}
.mobile-inner-nav a{ display:inline-block; text-align:center; position:relative; }
.mobile-inner-nav a span{ position:absolute; bottom:0; left:0; width:100%; height:3px; transform:scale(0,1); transition:all 0.5s; background:#fed201;}
.mobile-inner-nav a p{ color:#606060; font-size:1rem; transition:all 0.5s; padding:17px 0;  display:block; z-index:2; position:relative}
.mobile-inner-nav li:hover a p,.mobile-inner-nav li.cur a p{ color:#000000}
.mobile-inner-nav li:hover a span,.mobile-inner-nav li.cur a span{ transform:scale(1,1);}
.mobile-inner-nav a p img{ margin-left:8px; position:relative; top:-2px;}
@media screen and (max-width:768px){
.head{ position:fixed;}
.cleax{ height:114px; width:100%;}
.head .matext{ margin-top:0;}
.head .tel{ display:none;}
.menu{position:fixed; right:0; width:50%; top:24px}
.mobile-inner-nav a p{ padding:22px 0; color:#fff !important;}

.mobile-inner{width: 100%;}
.mobile-inner-nav li:nth-child(1){ width:100%;}
.mobile-inner-header .np{ display:block; color:#2c3840; right:0; top:75px; width:60px; font-size:1.125rem}
.mobile-inner-header{width: 100%;height:101px; position: absolute;top: 0px;right: 0px; }
.mobile-inner-header-icon{color:#fff;width:80px;height:50px;font-size:1.25rem;font-weight:bold;margin-top:36px;text-align: center;float:right;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s; margin-right:10px; }
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 50%) / 2);top: calc((100% - 20px) / 2);width:70%;height:0.2rem;background-color:#2c3840; border-radius:5px;}
.mobile-inner-header-icon-out p {
    width: 70%;
    height: 0.2rem;
    background-color: #2c3840;
    position: absolute;
    left: 25%;
    bottom: 1.5em;
    display: block;
	border-radius:5px;
}
.mobile-inner-header-icon-click p{ display:none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(18px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-18px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst {
0% {transform: translateY(18px) rotate(0deg);}
100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {
0% { transform: translateY(-18px) rotate(0deg);}
100% {transform: translateY(0) rotate(-45deg);}}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;	animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
0% {transform: translateY(0) rotate(-45deg);}
100% {transform: translateY(-18px) rotate(0deg);}}	
@keyframes outsecond {
0% {transform: translateY(0) rotate(45deg);}
100% {transform: translateY(18px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%; height:100vh;position: absolute;right: -11px;padding-bottom:3rem;display: none;z-index:99999;}
.mobile-inner-nav li{ width:100%; float:none;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;	animation-name: returnToNormal;}
.mobile-inner-nav a{display:inline-block;line-height:1rem;text-decoration: none;width:100%;color: #fff;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; font-size:1.2rem; text-align:center; border-radius:0px}
@-webkit-keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% { opacity: 1;  -webkit-transform: none; transform: none;}}
@keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% {opacity: 1; -webkit-transform: none; transform: none;}}
}
@media screen and (max-width:768px){
.mobile-inner-header{width: 100%;height:0; position: absolute;top: 0px;right: 0px; }
.mobile-inner-nav{top:76px;}
.mobile-inner-header-icon-out p {bottom: 0.9em;}
.mobile-inner-header .np{ display:block;  right:-5px; top:32px; width:70px; font-size:0.875rem}
.mobile-inner-header-icon{margin-top:-8px; margin-right:10px; }
}





@keyframes translate3d {
	0% {
		-webkit-transform: perspective(1000px) scale(1.08) translate3d(0,0,0) rotate(0);
		transform: perspective(1000px) scale(1.08) translate3d(0,0,0) rotate(0);
	}

	100%{
		-webkit-transform: perspective(1000px) scale(1) translate3d(0,0,0) rotate(0);
		transform: perspective(1000px) scale(1) translate3d(0,0,0) rotate(0);
	}
}
.in-gy{ padding-bottom:30px;}
.gy4{ box-sizing:border-box; border:1px solid #d8d8d8;border-top:8px solid #fed201; position:relative; margin-top:-8px; overflow:hidden;}
.gy4 li{ float:left; width:25%; box-sizing:border-box; border-right:1px solid #d8d8d8; text-align:center; position:relative; min-height:340px; padding-top:86px; cursor:pointer; z-index:1}
.gy4 li .gimg{ position:relative; margin-bottom:29px;}
.gy4 li:hover .gimg .e1{ transition:all 0.5s;}
.gy4 li:hover .gimg .e1{ transform:scale(0);}
.gy4 li .gimg span{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; text-align:center; transform:scale(0); transition:all 0.5s ease;}
.gy4 li:hover .gimg span{ transform:scale(1);}
.gy4 li h3{ font-size:1.5rem; color:#000000; margin-bottom:20px;transition:all 0.5s ease;}
.gy4 li p{ color:#6b6b6b; line-height:1.5em;transition:all 0.5s ease;}
.gy4 li hr{ width:44px; height:4px; background:#fff; border:none; opacity:0; transition:all 0.5s ease; margin-top:28px}
.gy4 li:hover p{ color:#3e3e3e}
.gy4 li:hover hr{ opacity:1;}
.gy4 li:nth-child(4){ border:none;}
.gy4 li:after{ position:absolute; width:100.5%; height:0; z-index:-1; content:''; background:url(../images/gbg.jpg) center no-repeat; left:0; top:0; box-shadow:5px 5px 15px 5px rgba(0,0,0,0.1); transition:all 0.5s ease; transform-origin:top; opacity:0;}
.gy4 li:hover:after{ opacity:1; height:350px;}
@media screen and (max-width:768px){
.gy4{border:1px solid #d8d8d8;border-top:none; margin-top:0px;}
.gy4 li{width:50%; border-right:none;padding-top:50px;}
.gy4 li h3{ font-size:1.375rem;}
.gy4 li p{ width:90%; margin:0 auto;}
.gy4 li p br{ display:none;}

}

.in-pro{ padding:90px 0 26px; width:100%; overflow:hidden; background:url(../images/probg.jpg) center 194px no-repeat #fff;}
.prtit{ text-align:center;}
.prtit span{ font-size:120px; font-family:'DIN-Black'; color:#000; opacity:0.1; letter-spacing:10px; line-height:1em;}
.prtit h2{ font-size:2.625rem; color:#353535; font-weight:bold; margin-top:-75px;}

.psotab{ margin-top:70px;}
.psotab .tab4{ width:100%;}
.psotab .tab4 li{ width:17.5%; margin-right:1%; position:relative; float:left; text-align:center; cursor:pointer; transition:all 0.5s;}
.psotab .tab4 li p{ color:#969696; border:2px solid #969696; padding:13px 0; font-size:1.25rem;transition:all 0.5s;}
.psotab .tab4 li:hover p,.psotab .tab4 li.cur p{border:2px solid #fed201; color:#fed201;}
.psotab .tab4 .pmore img{border:2px solid #969696; padding:11.5px; display:block; transition:all 0.5s;}
.psotab .tab4 .pmore:hover img{border:2px solid #fed201;}
@media screen and (max-width:768px){
.psotab .tab4 li{ width:32%; margin-right:0; margin-bottom:2%;}
.psotab .tab4 li:nth-child(2),.psotab .tab4 li:nth-child(5){ margin:0 2% 2% 2%; }
.psotab .tab4 li p{ font-size:1rem; height:73px; padding:0; line-height:73px; overflow:hidden;}
.psotab .tab4 .pmore img{padding:19px;}
}

.psotab .tabcon4{  margin-top:48px;  width:100%; position:relative;  }
.psotab .tabcon4 *{}
.psotab .tabcon4>div{ display:none;}
.psotab .tabcon4>div.cur{display:block;}
.psotab{ margin-top:100px; position:relative;}
.swiper-container {width: 100%;; margin-left: auto;margin-right: auto;}
.gallery-top { height:100%; width: 100%; }
.gallery-thumbs { width:100%;font-size:0; margin-top:70px;}
.gallery-thumbs ul{ width:95%; margin:0 auto;}
.gallery-thumbs li {width: 25%; height: 100%; cursor:pointer; text-align:center; transition:all 0.3s; display:inline-block;  position:relative; z-index:2}
.gallery-thumbs .spro{ height:120px; position:relative;}
.gallery-thumbs li img{ width:80%; position:absolute; bottom:10px; left:10%;}
.gallery-thumbs li p{ font-size:1rem; margin-top:-20px;}
.gallery-thumbs li.on{}
.gallery-thumbs li span{ transition:all 0.5s; position:absolute; background:url(../images/spc.png) center no-repeat; width:100%; height:170px; top:-100px; left:0%;  z-index:-1; opacity:0;}
.gallery-thumbs li.on span{ opacity:1}

.gallery-thumbs{ position:relative;}
.gallery-thumbs .nx{ display:inline-block;  width:100%;}
.gallery-thumbs .nx .prev{ cursor:pointer; position:absolute; left:0; top:50%; display:inline-block; z-index:2; margin-top:-29px;}
.gallery-thumbs .nx .next{ cursor:pointer; position:absolute; right:0; top:50%; margin-top:-29px;}

.proindex ul{ color:#fff;}
.proindex .q-pro{min-height:582px;}
.proindex .ud .next{ position:absolute; right:0; background:#fff; width:71px; height:71px; border-radius:50%; box-shadow:0 0 8px 5px rgba(0,0,0,0.3); font-family:'DIN'; text-align:center; line-height:65px; font-size:1.5rem; transition:all 0.5s; cursor:pointer; top:30%; z-index:990;}
.proindex .next:hover{ background:#fed201; color:#fff;}
.proindex .q-pro .fl{ min-height:510px; position:absolute; width:27.1%; background:rgba(254,180,1,0.8); border-top:5px solid #ffea05; padding:59px 50px 0 30px; box-sizing:border-box;}
.proindex .q-pro .fl h4{ font-size:72px; color:#fff;font-family:'DINEngschriftStd';}
.proindex .q-pro .fl h3{ font-size:1.875rem; color:#ffffff}
.proindex .q-pro .fl hr{ width:41px; height:4px; background:#000; border:none; margin:36px 0;}
.proindex .q-pro .fl p{ color:#000; font-size:1.125rem; line-height:1.5em;}
.proindex .q-pro .fl em{ font-size:1.875rem; color:#fff;font-family:'DINEngschriftStd'; display:inline-block; margin-top:60px;}
.proindex .q-pro .fl em i{ font-style:normal;font-family:'DIN-Black'; font-size:1.125rem; position:relative; top:-3px;}
.proindex .q-pro .fr{ margin-top:50px; margin-right:140px; max-width:90%;}
@media screen and (max-width:768px){
.in-pro{ background-size:auto 90%;}
.prtit h2{ font-size:2.25rem; margin-top:-95px;}
.proindex .q-pro{ min-height:inherit;}
.proindex .q-pro .fr{ max-width:100%; margin-right:0; margin-top:0;}
.proindex .q-pro .fl{ min-height:inherit; width:100%; position: relative; background:none; border-top:none; padding:39px 4% 0 4%;}
.proindex .q-pro .fl hr,.proindex .q-pro .fl p,.proindex .q-pro .fl em{ display:none;}
.gallery-thumbs li span{ background-size:auto 100%; height:80px; top:0;}
.gallery-thumbs li p{ margin-top:-10px;}
}


/*about*/
.in-ab{ width:100%; overflow:hidden; min-height:850px;}
.acon1{ width:50%; position:relative; z-index:2; padding-top:140px; padding-right:6%; box-sizing:border-box;}
.acon1 h2{ font-size:2.625rem; color:#000; font-weight:bold;}
.acon1 hr{ width:49px; height:5px; background:#fff; border:none; margin:60px 0 30px;}
.acon1 h3{ font-size:1.875rem; color:#2d2d2d; line-height:1.375em; margin-bottom:65px;}
.acon1 p{ font-size:1rem; line-height:1.875rem; color:#2d2d2d;}
.acon1 ul{ margin-top:90px;}
.acon1 ul li{ float:left; width:33.33%; position:relative;}
.acon1 ul li a{ color:#fff; font-size:1.125rem; transition:all 0.5s; display:block;}
.acon1 ul li a img{ transition:all 0.5s;}
.acon1 ul li a:hover img{ transform:rotateY(180deg); transition:all 0.5s;}
.acon1 ul li:after{ content:''; position:absolute; right:20%; top:20px; background:rgba(255,255,255,0.3); width:1px; height:25px;}
.acon1 ul li:nth-child(3):after{ display:none}
.acon1 .abg1{ max-width:inherit; position:absolute; right:0; top:0; z-index:-1}

.avid{ width:50%;}
.avid .vid1{ width:100%;}
.avid .vid1 a{ display:block;}
.avid .vid1 img{ max-width:inherit;}
.avid .anum{ position:relative;}
.anum .abg2{ float:right; max-width:inherit; position:absolute; left:0; top:0; z-index:-1}
.anum ul{ padding:152px 0 0 10%;}
.anum ul li{ float:left; margin-right:4%;}
.anum ul li:nth-child(3){ margin-right:0;}
.anum ul li img{ display:inline-block;}
.anum ul li div{ display:inline-block; margin-left:8px;}
.anum ul li div h3{ font-size:1.875rem; color:#000000;}
.anum ul li div p{ font-size:1.125rem; color:#555555}
@media screen and (max-width:1440px){
.anum ul{ padding:142px 0 0 6%;}
.anum ul li{margin-right:4%;}
}
@media screen and (max-width:1366px){
.anum ul{ padding:142px 0 0 6%;}
.anum ul li{margin-right:3%;}
}
@media screen and (max-width:768px){
.in-ab .kd{ width:100%;}
.in-ab .kd .fetit
.acon1{ width:96%; position:relative; background:url(../images/abg1.jpg) no-repeat right top; background-size:auto 100%; padding:100px 2% 70px 2%; box-sizing:inherit;}
.acon1 .abg1{ display:none;}
.acon1 h2{ font-size:2.25rem;}
.acon1 hr{ margin:40px 0 30px;}
.acon1 h3{ font-size:1.5rem; margin-bottom:40px;}
.acon1 ul{ margin-top:60px;}
.avid{ width:100%;}
.avid .vid1 img{ display:block; width:100%;}
.anum ul{ padding:7% 2%;}
.anum ul li{margin:0%; width:33.333%;}
.anum ul li img{ height:90px;}
.anum ul li div h3{ font-size:1.5rem;}
.anum ul li div p{ font-size:1rem;}
}

/*case*/
.in-case{ width:100%; overflow:hidden; padding:80px 0 120px;}
.catit{ text-align:center;}
.catit span{ font-size:120px; color:#fff; text-shadow:0 0 20px rgba(0,0,0,0.1); text-transform:uppercase;font-family:'DIN-Black'; letter-spacing:20px; line-height:1em;}
.catit h2{ font-size:2.625rem; color:#2f2f2f; font-weight:bold; margin-top:-75px;}
.catit h2 i{ display:inline-block; border:2px solid #373737; width:8px; height:8px; border-radius:50%; position:relative; top:-5px;}
.cthree{ margin-top:94px; position:relative;}
.cthree span{ z-index:3; position:absolute; cursor:pointer;}
.cthree span.prev{ left:-40px; top:50%;}
.cthree span.next{ right:-40px; top:50%;}
.tscroll .tempWrap ul{ padding:10px!important;}
.tscroll li{ float:left; width:32%; margin-right:23px; position:relative; display:block; z-index:2;transition:all 0.5s ease}
.tscroll li:after{ width:98%; height:100%; left:1%; top:10px; background:#febf00; content:''; display:block; position:absolute; z-index:-1; transition:all 0.5s ease;}
.tscroll li:hover{ box-shadow:0 0 10px 3px rgba(0,0,0,0.2);}
.tscroll li:hover:after{ background:#8c8c8c;}
.tscroll li .cimg{ position:relative; width:100%; overflow:hidden;}
.tscroll li .cimg img{ width:100%; transform:scale(1); transition:all 0.5s;}
.tscroll li:hover .cimg img{ transform:scale(1.05);}
.tscroll li .cimg span{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.tscroll li .ctext{ position:absolute; bottom:0; width:100%; box-sizing:border-box; padding:30px 12px; z-index:3}
.tscroll li .ctext:after{ content:'>'; font-family:'DIN'; position:absolute; display:block; color:#fff; right:12px; bottom:50px; font-size:1.5rem;}
.tscroll li .ctext h3{ color:#fff; font-size:1.875rem;}
.tscroll li .ctext p{ color:#fff; font-size:1.125rem; line-height:1.875em;}
@media screen and (max-width:768px){
.catit span{ font-size:100px;}
.catit h2{ font-size:2.25rem;}
.cthree{ margin-top:50px;}
.tscroll .tempWrap ul{ padding:0px!important;}
.tscroll{ overflow:hidden;}
.tscroll li{ width:50%; margin-right:0px;}
.tscroll li .ctext{ padding:15px 2%;}
.tscroll li .ctext:after{right:4%; bottom:40px; font-size:1.25rem;}
.tscroll li .ctext h3{ font-size:1.375rem;}
.tscroll li .ctext p{ font-size:1rem;}
.cthree span.prev{ left:1%; top:45%;}
.cthree span.next{ right:1%; top:45%;}
}


/*service*/
.in-ser{ width:100%; overflow:hidden; background:url(../images/serbg.jpg) center no-repeat; min-height:890px;}
.sertit{ padding-top:90px;}
.sertit span{ font-size:120px; color:#fff; opacity:0.05; font-family:'DIN-Black'; text-transform:uppercase; letter-spacing:20px; line-height:1em;}
.sertit h2{ font-size:2.625rem; color:#ffc000; font-weight:bold; margin-top:-40px;}
.sertit h3{ font-size:1.625rem; color:#fff; margin:52px 0;}
.sertit p{ font-size:1rem; color:#fff; line-height:1.5em;}
.par4{ position:relative; margin-top:100px; padding:43px 0; z-index:2; float:left; width:58%}
.par4:after{ width:1200px; height:100%; position:absolute; right:0; top:0; background:#ffc000; content:''; display:block; z-index:-1; box-shadow:0 10px 30px rgba(0,0,0,0.3)}
.par4 li{ border-radius:10px; display:block; overflow:hidden; margin-right:18px; float:left; width:21.7%; cursor:pointer;}
.par4 li img{ width:100%;}
@media screen and (max-width:768px){
.in-ser{background-size:auto 100%; min-height:inherit; padding-bottom:100px;}
.sertit{ padding-top:70px;}
.sertit span{ font-size:100px;}
.sertit h2{ font-size:2.25rem;}
.sertit h3{ font-size:1.25rem; margin:32px 0;}
.sertit p{ font-size:1.125rem; line-height:1.625em;}
.sertit p br{ display:none;}
.par4{margin-top:70px; padding:33px 0;width:95%}
}

/*news*/
.in-news{ padding:80px 0 120px; width:100%; overflow:hidden;}

.tablist1{ margin-top:20px; text-align:center;}
.tablist1 li{ display:inline-block; font-size:1.25rem; color:#262626; z-index:2; position:relative; padding:12px 0; margin:0 15px; cursor:pointer;}
.tablist1 li span{ position:absolute; bottom:0; width:100%; height:3px; background:#ffc000; left:0; transition:all 0.5s; opacity:0; transform:scale(0,1);}
.tablist1 li:hover,.tablist1 li.cur{ color:#000}
.tablist1 li:hover span,.tablist1 li.cur span{ transform:scale(1); opacity:1}

.tab1 .tabcon1{  margin-top:50px;  width:100%; position:relative; }
.tab1 .tabcon1 *{}
.tab1 .tabcon1>div{ display:none;}
.tab1 .tabcon1>div.cur{display:block;}
.tabcon1 div dl{ width:24.13%; float:left; margin-right:1.16%; background:#f7f7f7; transition:all 0.5s ease; }
.tabcon1 div dl:nth-child(4){ margin-right:0;}
.tabcon1 div dl dt{ padding:80px 18px; position:relative; z-index:2}
.tabcon1 div dl dt:after{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/n-more.jpg) right top no-repeat #ffc000; content:''; display:inline-block; z-index:-1; transition:all 0.5s; transform:scale(1,0); transform-origin:bottom; opacity:0}
.tabcon1 div dl dt h3{ font-size:1.125rem; color:#262626; font-weight:bold; line-height:1.5em; transition:all 0.5s ease;}
.tabcon1 div dl dt p{ color:#787878; font-size:1rem; line-height:1.75em; margin-top:30px; transition:all 0.5s ease;}
.tabcon1 div dl dd{ position:relative; overflow:hidden;}
.tabcon1 div dl dd img{ width:100%; transform:scale(1);  transition:all 0.5s ease;}
.tabcon1 div dl:hover dd img{ transform:scale(1.05);}
.tabcon1 div dl dd .date{ position:absolute; background:#f7f7f7; top:0; right:6px; transition:all 0.5s ease; text-align:center; padding:6px 10px;}
.tabcon1 div dl dd .date span{ font-size:48px; color:#ffc000; transition:all 0.5s ease; display:block; font-weight:bold; line-height:1em;}
.tabcon1 div dl dd .date em{ font-size:1rem; color:#333333; transition:all 0.5s ease;}
.tabcon1 div dl:hover{ box-shadow:0 0 30px 10px rgba(0,0,0,0.15);}
.tabcon1 div dl:hover dd .date{ background:#ffc000}
.tabcon1 div dl:hover dd .date span{ color:#fff;}
.tabcon1 div dl:hover dd .date em{ color:#fff;}
.tabcon1 div dl:hover dt:after{ transform:scale(1); opacity:1}
.tabcon1 div dl:hover dt h3{ color:#fff;}
.tabcon1 div dl:hover dt p{ color:#fff;}
@media screen and (max-width:768px){
.in-news{ padding:70px 0 100px;}
.tabcon1 div dl{ width:49%; float:left; margin-right:0%; margin-bottom:2%;}
.tabcon1 div dl:nth-child(2n){ float:right;}
.tabcon1 div dl dt{ padding:50px 15px;}
.tabcon1 div dl dt h3{ height:3em; overflow:hidden;}
.tabcon1 div dl dt p{font-size:1rem; line-height:1.75em; margin-top:20px; height:5.25em; overflow:hidden;}
}

/*fzz*/
.in-fzz{ background:url(../images/fzz_01.jpg) center no-repeat; min-height:268px; width:100%; overflow:hidden;}
.ftext1{ padding-top:50px;}
.ftext1 h3{ font-size:3rem; color:#000000; font-weight:lighter;}
.ftext1 p{ font-size:1.5rem; color:#000; font-weight:lighter; margin:16px 0;}
.ftext1 a{ display:inline-block; background:#000000; color:#fff; font-size:1.25rem; color:#ffffff; padding:14px 30px; transition:all 0.5s ease;}
.ftext1 a:hover{ background:#ebb100}
.fm{ margin-top:140px;}
@media screen and (max-width:768px){
.in-fzz{ background-size:auto 100%; min-height:inherit; padding-bottom:80px;}
.ftext1 h3{ font-size:18px;}
.ftext1 p{ font-size:1.125rem;}
}

/*foot*/
.foot{ width:100%; overflow:hidden; border-top:2px solid #ffd44f; background:url(../images/fbg.jpg) left top no-repeat; padding:60px 0 30px; background-size:cover;}
.fmenu{ width:60%;}
.fmenu dl{ float:left; width:25%;}
.fmenu dt{ padding-left:18px; position:relative; margin-bottom:20px;}
.fmenu dt a{ color:#c1c1c1; font-size:1.25rem; transition:all 0.5s;}
.fmenu dt:before{ width:8px; height:100%; position:absolute; left:0; top:0; background:#ffc000; content:'';}
.fmenu dt a:hover{ color:#ffc000}
.fmenu dd{ padding-left:18px;}
.fmenu dd a{ color:#999999; transition:all 0.5s ease; line-height:1.875rem;}
.fmenu dd a:hover{color:#ffc000}
.fcon{ width:37.10%;}
.fcon .fl{ width:28.9%; background:#323232; text-align:center; border:2px solid #424242; box-sizing:border-box; padding:14px 0;}
.fcon .fl p{ color:#757575; margin-top:8px;}
.fcon .fr{ width:68%;}
.fcon .fr h4{ font-size:1.25rem; color:#898989; background:url(../images/te1.png) left center no-repeat; padding-left:28px;}
.fcon .fr h3{ font-size:60px; color:#ffc000; font-family:'DINEngschriftStd'; border-bottom:1px solid #5b5b5b; margin-bottom:12px;}
.fcon .fr p{ color:#797979; font-size:1rem; padding-left:28px; line-height:2em;}
.fcon .fr .t1{ background:url(../images/te2.png) left center no-repeat;}
.fcon .fr .t2{ background:url(../images/te3.png) left center no-repeat;}
.fbox2{ border-top:1px solid #5b5b5b; margin-top:24px; padding-top:21px;}
.fbox2 .fl img{ margin-right:50px;}
.fbox2 .flink{ margin-top:36px; text-align:right;}
.fbox2 .flink .d1{ text-align:right; margin-bottom:24px; height:35px; line-height:35px; overflow:hidden;}
.fbox2 .flink .d1 a{ color:#898989; display:inline-block; margin-left:24px; transition:all 0.5s;}
.fbox2 .flink .d1 a:hover{color:#ffc000}
.fbox2 .flink p{ color:#838383; line-height:1.875em; font-size:1rem;}
.fbox2 .flink p a{ color:#838383; transition:all 0.5s;}
.fbox2 .flink p a:hover{ color:#ffc000;}
@media screen and (max-width:768px){
.foot{ padding-bottom:120px;}
.fmenu{ display:none;}
.fcon{ width:100%;}
}

.fswzj{ display:none;}@media(max-width:767px){.fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background:#f1a402;}.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid #ffbb2b;}.fswzj ul li{color:#fff; width:25%; text-align:center; padding:0.4rem 0; position:relative; float:left;}.fswzj ul li a{ color:#fff;  display:block; border-left:1px solid #ffbb2b;}.fswzj ul li.on a{ border-left:none;}.fnav_pic{ width:25%; margin:0 auto;}.fnav_pic img{ width:100%;}.fnav_wb{font-size:1rem; padding-top:2px;}


.mban{ display:none;}
@media all and (max-width: 768px) {
.mban{ display:block;}
.swiper-container { width: 768px; 
     height:428px; 
     margin-left: auto;
    margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1}
	

.swiper-wrapper {
	position: relative;
	width: 760px;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {transform: translate3d(0px, 0, 0)}
.swiper-container-multirow>.swiper-wrapper {flex-wrap: wrap}
.swiper-container-multirow-column>.swiper-wrapper {flex-wrap: wrap;flex-direction: column}
.swiper-container-free-mode>.swiper-wrapper {transition-timing-function: ease-out;margin: 0 auto}
.swiper-slide {flex-shrink: 0;width: 760px;height: 100%;position: relative;transition-property: transform}
.swiper-slide { background-size:100%;}
.swiper-slide-invisible-blank {visibility: hidden}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {height: auto}
.swiper-container-autoheight .swiper-wrapper {align-items: flex-start;transition-property: transform, height}
.swiper-container-css-mode>.swiper-wrapper {overflow: auto;scrollbar-width: none;-ms-overflow-style: none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {scroll-snap-align: start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {scroll-snap-type: x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {scroll-snap-type: y mandatory}
:root {--swiper-navigation-size:44px}
.swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;
margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: .35;cursor: auto;pointer-events: none
}
.swiper-button-next:after, .swiper-button-prev:after {font-family: swiper-icons;font-size: var(--swiper-navigation-size)
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 10px;right: auto; background:url(../images/btn-prev.png) center; height:50px; width:50px}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 10px;left: auto; background:url(../images/btn-next.png) center; height:50px; width:50px;}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {--swiper-navigation-color:#ffffff}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
--swiper-navigation-color:#000000
}
.swiper-button-lock {
	display: none
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}
.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}
.swiper-pagination-bullet {





	width: 16px;
	height: 16px;
	display: inline-block;
	border-radius: 100%;
	background: #fff;
	opacity: .8
}
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s left
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s right
}
.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}
.swiper-pagination-white {
--swiper-pagination-color:#f48100;
}
.swiper-pagination-black {
--swiper-pagination-color:#000000
}
.swiper-pagination-lock {
	display: none
}
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}




.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}
}

@keyframes cats{
0%{}
25%{}
50%{}
75%{}
100%{}
}