@charset "utf-8";
/* CSS Document */
/* index */
select{-webkit-appearance:none；}
.wrap{ width:100%; max-width:1400px; margin:0 auto;}
.op0{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}

.bg-enc{ position:absolute; left:0; top:0; width:100%; height:100%; background:no-repeat center center; background-size:cover;}
.bg-enc:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(38,34,25,0);}
.flex-logo{ position: fixed; left:2%; top:5%; z-index:90;}
.sloct{ position:fixed; right:3%; top:5%; z-index:90;}
.search span{ display:block; width:50px; height:50px; border-radius:50%; background:#fff url(../images/sc.png) no-repeat center center;}
.menu-calt{ width:50px; height:50px; cursor:pointer; margin-left:10px; position:relative; background:#e40011; position:relative; border-radius:50%;transition:all 0.5s ease;}
.menu-calt:before{ content:''; position:absolute; left:50%; top:50%; height:2px; width:20px; margin-left:-10px; margin-top:-6px; background:#fff; transition:all 0.5s ease;}
.menu-calt:after{ content:''; position:absolute; left:50%; top:50%; height:2px; width:20px; margin-left:-10px; margin-top:4px; background:#fff; transition:all 0.5s ease;}
.menu-calt.on{ background:#fff;transition:all 0.5s ease;}
.menu-calt.on:before{ background:#e40011; margin-top:-1px; transform:rotate(45deg); transition:all 0.5s ease;}
.menu-calt.on:after{ background:#e40011; margin-top:-1px; transform:rotate(-45deg); transition:all 0.5s ease;}
.benla:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(38,43,52,0);}









.roslm{ position:fixed; right:3%; bottom:5%; z-index:10;}
.roslm a{ display:inline-block; width:35px; line-height:35px; color:#fff; border-radius:50%; background:rgba(0,0,0,0.4); text-align:center;}
.ewmc{ margin-right:15px;}
.bg-oalc{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:99; background:rgba(0,0,0,0.6) url(../testimg/ewm.png) no-repeat center center; display:none;}
.mid-loac{ position:relative; margin-bottom:0px; z-index:5; height:359px; background-size:auto 100%;}
.mid-loac.on{ margin-bottom:300px; background:url(../images/mid-logo01.png) no-repeat center center; background-size:auto 100%; transition:all 1s ease;}
.benla{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:4; opacity:0; overflow:hidden; visibility:hidden;}
.benla{ opacity:1; visibility: visible; transition:all 0.5s ease;}
.benla video{ position: absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.benla:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.15);}

.dh-ovrea{ background: url(../testimg/t2.jpg) no-repeat center center; background-size:cover; position:fixed; left:0; top:0; width:100%; height:100%; z-index:50; visibility:hidden; opacity:0; transition:all 1s ease;}
.dh-ovrea.on{ visibility: visible; opacity:1; transition:all 1s ease;}
.min-logo{ position:absolute; left:0; width:100%; top:5%;}
.dis-tab{ position:absolute; left:0; top:0; width:100%; height:100%; display:table; padding:0 12.5%;}
.tab-cell{ display:table-cell; vertical-align:middle;}
.bealm{ font-size:0;}
.bealm li{ width:32%; float:left; padding-top:110px; transition:all 0.5s ease; margin-right:2%; border-bottom:1px solid rgba(255,255,255,0.5); color:#fff; opacity:0; transform:scale(0.5);}
.dh-ovrea.on .bealm li,.dh-ovrea.on .nav-botc li{ opacity:1; transform:scale(1);transition:all 0.5s ease;}

.bealm li:nth-child(3n){ margin-right:0;}
.bealm li a{ text-align:center; color:#fff; display:block;}
.bealm li .tit{ padding-bottom:12px; font-size:24px; position:relative;}
.bealm li .pic{ height:0px; transition:all 0.5s ease; overflow:hidden; background:no-repeat center center; background-size:cover;}
.bealm li:hover{ padding-top:0px; border-bottom:1px solid #fff; transition:all 0.5s ease;}
.bealm li:hover .pic{ height:110px; transition:all 0.5s ease;}

.nav-botc{ margin-top:6%;}
.nav-botc li{ width:33.33%; text-align:center; float:left; opacity:0; transform:scale(0.5);}
.nav-botc li a{ margin:0 auto; display:inline-block; color:#fff;}
.nav-botc li a .tit{ font-size:24px; line-height:40px; width:30px; text-align:center;}
.nav-botc li a .con{ margin-left:15px; padding-top:40px; text-align:left; font-size:16px;}
.nav-botc li a .con .p2{ margin-top:12px;}

.annct{ position:absolute; width:100px; left:50%; margin-left:-50px; text-align:center; bottom:3%; z-index:5;}
.annct a{ display:block;}
.annct .yd span{ display:inline-block; width:9px; height:9px; border-radius:50%; background:#fff; transition:all 0.6s ease;}
.annct .line span{ display:inline-block; width:1px; background:#fff; height:44px; transition:all 0.6s ease;}
.annct .yqsc span{ cursor:pointer; display:inline-block; border-radius:50%; border:2px solid #fff; width:23px; height:23px; position:relative;transition:all 0.6s ease;}
.annct .yqsc span i{ width:0; height:0; background:#fff; border-radius:50%; position:absolute; left:50%; top:50%; margin:0;}
.annct.on .yd span{ width:0; height:0; transition:all 0.6s ease;}
.annct.on .line span{ height:0; transition:all 0.6s ease;}
.annct.on .yqsc span{width:40px; height:40px;transition:all 0.6s ease;}
.annct.on .yqsc span i{ width:8px; height:8px; margin:-4px 0 0 -4px;}


.section-2{ background:no-repeat center center; background-size:cover;}
.hdc-abs{ position:absolute; right:10%; bottom:20%; transform:rotateY(180deg); z-index:5;}
.med-onc{ position:relative; z-index:5; padding-bottom:15%;}
.med-onc .p1{ visibility:hidden; opacity:0; transform:translateY(80px); transition:all 0.5s ease;}

.med-onc .p2{ margin-top:1%; visibility:hidden; opacity:0; transform:translateY(80px); transition:all 0.5s ease;}
.med-onc .p3{ height:90px; margin-top:1%; visibility:hidden; opacity:0; transform:translateY(80px); transition:all 0.5s ease;}
.med-onc .p3 span{ height:90px; width:90px; position:relative; background:url(../testimg/p3.png) no-repeat center center; display:inline-block;}
.med-onc .p3 span i{ display:block; position:absolute; left:50%; top:50%; width:43px; height:43px; transform:translate(-50%,-50%); border-radius:50%; border:2px solid #efd195;animation: mouse 1.6s linear 0s infinite;}

.med-onc .ps3 span{ background:url(../testimg/ps3.png) no-repeat center center;}
.med-onc .ps3 span i{border:2px solid #fff;}

.med-onc .ps4 span{ background:url(../testimg/ps4.png) no-repeat center center;}
.med-onc .ps4 span i{border:2px solid #ccc;}


.active .med-onc .p1,.active .med-onc .p2,.active .med-onc .p3{ visibility: visible; opacity:1; transform:translateY(0px); transition:all 0.5s ease 0.3s;}
.active .med-onc .p2{ transition-delay:0.6s;}
.active .med-onc .p3{ transition-delay:0.9s;}


.zc-onc{ position:absolute; left:0; bottom:0; background:#fe83aa; padding:40px 3%; z-index:12; width:25%; transform:translateX(-100%); transition:all 0.5s ease;}
.active .zc-onc{ transform:translateX(0); transition:all 0.5s ease 0.8s;}
.pacla a{ margin-left:30px; transform:translateX(0%); transition:all 0.5s ease 0.3s;}

.snow-container{position: absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;}

.boxc{ position:absolute; z-index:11; left:0; top:0; width:100%; height:100%; overflow:hidden; opacity:0; visibility:hidden; transition:all 3s ease;}
.active .boxc{ opacity:1; visibility: visible; transition:all 3s ease 0.5s;}



.obo-gx{ width:60%; left:20%; top:-70%; position:absolute;-moz-animation: mouse2 100s linear 0s infinite; -webkit-animation: mouse2 100s linear 0s infinite; animation: mouse2 100s linear 0s infinite; z-index:13;}


@-moz-keyframes mouse2 {
  0% {
	  transform:rotate(0deg);
  }
  100% {
    transform:rotate(360deg);
}
}
@-webkit-keyframes mouse2 {
  0% {
	  transform:rotate(0deg);
  }
  100% {
    transform:rotate(360deg);
}
}
@keyframes mouse2 {
  0% {
	  transform:rotate(0deg);
  }
  100% {
    transform:rotate(360deg);
}
}





.soda {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index:10;
	perspective: 50vw;
	transform: translateZ(-99999px);
	transform-style: preserve-3d;
}

.bubble {
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-image: radial-gradient(rgba(255, 255, 255, 0.03) 65%, rgba(255, 255, 255, 0.7) 90%);
	transform: translateX(-50%);
	will-change: top, left;
}

.bubble::after {
	content: '';
	position: absolute;
	top: 20%;
	right: 25%;
	width: 33%;
	height: 33%;
	border: 2px solid;
	border-color: rgba(255, 255, 255, 0.7) transparent transparent transparent;
	border-radius: 50%;
	transform: rotate(45deg);
}


@-moz-keyframes mouse {
  0% {
    width:45px;
	height:45px;
	opacity:0.7;
  }
  80% {
    width:80px;
	height:80px;
	opacity:0.2;
  }
  95% {
    width:88px;
	height:88px;
	opacity:0;
  }
  100% {
    width:45px;
	height:45px;
	opacity:0;
  }
}
@-webkit-keyframes mouse {
  0% {
    width:45px;
	height:45px;
	opacity:0.7;
  }
  80% {
    width:80px;
	height:80px;
	opacity:0.2;
  }
  95% {
    width:88px;
	height:88px;
	opacity:0;
  }
  100% {
    width:45px;
	height:45px;
	opacity:0;
  }
}
@keyframes mouse {
  0% {
    width:45px;
	height:45px;
	opacity:0.7;
  }
  80% {
    width:80px;
	height:80px;
	opacity:0.2;
  }
  95% {
    width:88px;
	height:88px;
	opacity:0;
  }
  100% {
    width:45px;
	height:45px;
	opacity:0;
  }
}





















.section-1 .cont{color:#fff;  position:absolute; left:6.5%; top:50%; width:87%; z-index:10; transform:translateY(-50%);}
.section-1 .cont .d1{ font-size:120px;line-height:1; text-transform:uppercase;}
.section-1 .cont .d2{ font-size:80px; text-transform:uppercase;}
.section-1 .cont .d3{ font-size:20px; margin-top:3%; line-height:1.6;}
.section-1 .cont .d4{ margin-top:3%;}
.section-1 .cont .d4 a{color:#fff; font-size:16px;}






/*2019-11-06*/
.bg-dt{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;}
.bg-dt .bd{ transform:scale(1.1); visibility:hidden; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:all 0.5s ease;}

.pic-list li{ float:left; width:25%; height:100vh; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.text-list{ position:absolute; z-index:3; width:100%; height:100%; left:0; top:0;}
.text-list li{ float:left; position:relative; height:100vh; width:25%; background:rgba(0,0,0,0.3); transition:all 0.5s ease;}
.text-list li.no{ background:rgba(0,0,0,0); transition:all 0.5s ease;}
.text-list li a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; color:#fff;}
.text-list li .rbzc{ position:absolute; width:60%; left:20%; color:#fff; top:50%; transform:translateY(-50%); transition:all 0.5s ease;}
.text-list li .rbzc .p1{ padding-top:20px; position:relative; font-size:18px;}
.text-list li .rbzc .p1:after{ position:absolute; left:0; top:0; height:2px; width:25px; background:#fff; content:''; z-index:1; transition:all 0.5s ease;}
.text-list li .rbzc .p2{ font-size:36px; font-weight:bold; margin-top:10px;}
.text-list li .rbzc .p3{ font-size:24px; padding-bottom:60px;}
.text-list li .rbzc .p3:after{ position:absolute; left:0; bottom:0; height:2px; width:25px; background:#fff; content:''; z-index:1;}



.tablece{ position:absolute; left:0; top:0; width:100%; height:100%; display:table;}
.celsct{ display:table-cell; vertical-align:middle; padding:100px 6.5% 0;}

.zclos .p1{ font-size:40px;}
.zclos .p2{ text-transform:uppercase; font-size:24px; margin-top:5px; color:#b0b0b0;}
.enlco{ padding-top:20px;}
.enlco a{ display:inline-block; width:105px; font-size:12px; line-height:40px; text-align:center; margin:0 2px; background:#fff;}
.enlco a.cur{ background:#e40011; color:#fff;}
.relsc{ margin-top:2%;}

.poucls{ width:36%;}
.dboure{ background:#fff; border:1px solid #eee; padding:40px; display:block;}
.dboure .p1{ font-size:18px; line-height:30px; height:30px; overflow:hidden; padding-right:45px;}
.dboure .p2{ font-size:12px; color:#999; padding-right:45px;}
.dboure .p3{ color:#999; line-height:20px; height:60px; overflow:hidden; padding-right:45px; margin-top:20px;}

.upsetc{ width:62.5%; height:440px;}
.owlosc{ width:28%; background:#fff; height:440px; border:1px solid #eee; border-right:none;}
.midlo{ height:440px; width:72%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.buchlo{ display:block; height:146px; padding:20px 10%; border-bottom:1px solid #eee; position:relative;}
.buchlo:after{ height:2px; width:0%; content:''; left:0; position:absolute; bottom:-1px; background:#e40011; transition:all 0.5s ease;}
.buchlo:hover:after{ width:100%; transition:all 0.5s ease;}

.buchlo .p1{ line-height:20px; height:60px; overflow:hidden;}
.buchlo .p2 span{ display:inline-block; width:34px; height:23px; background:url(../images/an01.png);}
.buchlo:hover .p2 span{ background:url(../images/an02.png);}


.ad-line{ position:fixed; right:40px; top:20%; height:50%; width:1px; background:#e6e6e6; z-index:15;}
.ad-line span{ display:block; position:absolute; width:1px; height:25%; left:0; top:0; background:#e40011;}

.ladbc{ position:fixed; right:5px; top:75%; color:#787878; font-size:20px; z-index:15; transform:rotate(-90deg);}
.ladbc em{ font-size:32px;}
.ladbc.fff{color:#fff;}
.alpea .pic{ width:55%; height:100vh; background:no-repeat center center; background-size:cover; opacity:0; transform:translateX(-100px); transition:all 0.5s ease;}
.alpea .con{ width:45%; height:100vh; display:table;}
.mical{ padding:0 12%; color:#525252;}
.mical > div{ opacity:0; transform:translateY(40px); transition:all 0.5s ease 0.5s;}
.mical .d1{ font-size:36px;}
.mical .d2{ font-size:24px; text-transform:uppercase; margin-top:10px;}
.mical .d3{ color:#666; margin-top:20px; line-height:2;}
.mical .d4{ margin-top:15px;}
.mical .d4 a{ color:#e40011;}
.mical .d5{ margin-top:10%;}

.sbalol{ padding:49px 6%; background:#fff;}

.foot{ background:#383838; border-top:2px solid #e40011; height:295px; color:#8f8f8f; padding-top:56px;}
.boure{ margin-top:30px;}
.boure a{ color:#fff; margin:0 10px;}
.aloca{ margin-top:30px;}
.aloca a{ display:inline-block; width:45px; height:45px; border-radius:50%; background:#808080 no-repeat center center; margin:0 12px; transition:all 0.5s ease;}
.aloca a span{ line-height:45px; display:block; text-align:center; color:#fff; opacity:0; transition:all 0.5s ease;}
.aloca a:hover{ background:#e40011 no-repeat center center !important; transition:all 0.5s ease;}
.aloca a:hover span{ opacity:1; transition:all 0.5s ease;}

.zclos,.poucls{ opacity:0; transform:translateX(-50px); transition:all 0.5s ease;}
.enlco,.owlosc{ opacity:0; transform:translateX(50px); transition:all 0.5s ease;}
.midlo{ opacity:0; transform:translateY(-50px); transition:all 0.5s ease;}

.active .alpea .pic,.active .zclos,.active .enlco{ opacity:1; transform:translateX(0px); transition:all 1s ease 0.5s;}
.active .owlosc,.active .poucls{ opacity:1; transform:translateX(0px); transition:all 1s ease 0.8s;}
.active .midlo{ opacity:1; transform:translateY(0px); transition:all 1s ease 1s;}


.active .mical > div{ opacity:1; transform:translateY(0px); transition:all 0.5s ease 0.5s;}
.active .mical .d2{ transition-delay:0.8s;}
.active .mical .d3{ transition-delay:1.1s;}
.active .mical .d4{ transition-delay:1.4s;}
.active .mical .d5{ transition-delay:1.7s;}

.valmoa{ color:#fff; position:absolute; width:80%; left:10%; top:50%; transform:translateY(-50%);}
.valmoa .d1{ font-size:150px; text-transform:uppercase; line-height:1.3}
.valmoa .d2{ font-size:100px;}
.valmoa .d3{ font-size:16px; margin:30px 0 20px;}
.valmoa .d4 a{ color:#fff;}

/*2020-01-09*/
.breola{ position:absolute; left:0; top:0; width:100%; height:100%;}
.breola li{ width:25%; float:left; height:100%;}
.breola li .pic{ height:40%; width:100%; overflow:hidden; border-bottom:1px solid rgba(255,255,255,0.25);}
.breola li .pic img{ width:100%; height:100%; display:block; object-fit:cover;}
.breola li .con{ width:100%; height:60%; text-align:center; padding-top:12%; transition:all 0.5s ease;}
.breola li .con .d1{ color:#fff; font-size:24px;}
.breola li .con .d1 span{ display:block; font-size:18px; text-transform:uppercase;}
.breola li .con .d2{ margin-top:12%;}
.breola li .con .d2 a{ display:block; color:#fff; line-height:30px;}

.search-tcl{ position:fixed; z-index:99; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9);}
.slvmte{ height:100px; border-bottom:1px solid rgba(255,255,255,0.25); width:80%; left:10%; top:50%; position:absolute; margin-top:-50px; padding-right:100px;}
.slvmte .c1{ width:100%; height:100px; background:none; border:none; font-size:24px; color:#fff;}
.slvmte .c2{ position:absolute; right:0; top:0; width:100px; height:100px; border:none; cursor:pointer; background:url(../images/ffd.png) no-repeat center center;}
.search-tcl .gbcl{ width:100px; height:100px; background:url(../images/ggb.png) no-repeat center center; background-size:auto 60%; cursor:pointer; position:absolute; right:0; top:0;}
.fertc{ margin-bottom:25px;}
.fertc .p1{ font-size:36px;}
.fertc .p2{ font-size:24px; color:#b0b0b0;}

.ny-banner{ background:no-repeat center center; background-size:cover; height:620px; margin-bottom:50px;}
.ny-banner .vlbopw{ position:absolute; width:100%; bottom:-50px;}
.sc-bltc{ color:#fff;}
.sc-bltc .d1{ font-size:48px; text-transform:uppercase;}
.sc-bltc .d2{ font-size:30px; font-weight:bold;}
.ny-nav{ margin-top:3%; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.2);}
.ny-nav span{ display:none;}
.ny-nav p a{ display:block; width:12.5%; float:left; line-height:100px; text-align:center; font-size:18px;}
.ny-nav p a.cur{ color:#fff; background:#e40011;}

.ny-main{ padding:4% 0;}
.vmonc .pic{ width:35%;}
.vmonc .con{ width:60%; line-height:1.8; color:#525252;}

.about-cont{ line-height:1.8; font-size:16px; color:#525252;}
.about-cont img.fr{ margin-left:4%; margin-bottom:20px;}

.loprea{ background:#fff; height:48px; border-bottom:1px solid #ddd;}
.loprea span{ cursor:pointer; float:left; width:185px; text-align:center; background:#fff; font-size:18px; border:1px solid #fff; line-height:45px; border-top:2px solid #fff; border-bottom-color:#ddd;}
.loprea span.cur{ border-top-color:#e40011; border-right-color:#ddd; border-left-color:#ddd; border-bottom-color:#fff; color:#e40011;}
.ewlmae{ margin-top:3%;}
.ewlmae dl{ margin-bottom:8px;}
.ewlmae dl dt{ background:#f6f6f6; font-size:18px; font-weight:bold; position:relative; color:#525252; padding:15px 25px; cursor:pointer;}
.ewlmae dl dt:after{ content:''; position:absolute; left:0; top:0; height:100%; width:5px; background:#e40011;}
.ewlmae dl dd{ color:#525252; line-height:2; padding:20px; display:none; }

.vopelw .pic{ width:50%;}
.vopelw .con{ width:48%; color:#525252;}
.vopelw .con .d1{ font-size:24px; font-weight:bold;}
.vopelw .con .d2{ margin-top:5%; line-height:2;}

.vorelm img{ display:block;}
.vorelm .avclm{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;}
.vod-show{ position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:#000;}
.vod-show video{ display:block; position:absolute; left:0; top:0;  width:100%; height:100%; object-fit:contain;}

.ovlre{ background:url(../images/d.png) repeat-y center top;}
.ovlre li{ padding:2% 0;}
.ovlre li .date{ width:50%; float:left; text-align:right; padding:0 20px; position:relative; line-height:25px; color:#e40011;}
.ovlre li .con{ width:50%; float:left; padding:0 20px; color:#525252; line-height:25px;}
.ovlre li .date:after{ content:''; position:absolute; top:50%; margin-top:-3px; width:7px; height:7px; right:-4px; border-radius:50%; background:#e40011;}
.ovlre li:nth-child(2n) .date{ text-align:left; float:right;}
.ovlre li:nth-child(2n) .con{ text-align:right;}
.ovlre li:nth-child(2n) .date:after{ right:auto; left:-3px;}
.lewout{ background:#f5f5f5;}
.imgcm{ width:60%; position:relative;}
.imgcm .tit{ padding:12px 15px; width:100%; font-size:16px; text-align:center; background:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; color:#fff;}
.vblore{ width:40%; line-height:2.2; color:#525252; padding:150px 4% 0; font-size:16px;}

.slbem{ color:#525252;}
.slbem .d1{ font-size:36px;}
.slbem .d2{ font-size:24px; text-transform:uppercase;}

.slbout{ margin-top:4%; color:#525252;}
.slbout .bd{ display:none; width:100%; max-width:1400px; margin:0 auto;}
.slbout .d1{ font-size:36px;}
.slbout .d2{ font-size:24px;}
.slbout .d3{ font-size:16px; margin-top:20px; line-height:1.6;}

.moealt p a{ width:25%;}
.teoa select{ width:220px; margin-right:10px; height:45px; background:#f5f5f5; border:none; font-size:16px; padding:0 10px;}
.telmc .c1{ width:240px; height:45px; float: left; border:none; background:#f5f5f5; padding:0 10px; font-size:16px;}
.telmc .c2{ width:45px; height:45px; background:#f5f5f5 url(../images/dec.jpg) no-repeat center center; border:none; cursor:pointer;}

.rteobc{ margin-top:5%;}
.rteobc li a{ display:block; color:#333; transition:all 0.5s ease;}
.rteobc li a .pic{ width:50%;}
.rteobc li:nth-child(2n) a .pic{ float: right;}
.rteobc li a .pic img{ width:100%; height:466px; object-fit:cover;}
.rteobc li a .con{ padding:0 4%; width:50%; height:466px; display:table;}
.rteobc li a .con .d1{ font-size:18px; font-weight:bold;}
.rteobc li a .con .d2{ margin-top:15px;}
.rteobc li a .con .d3{ margin-top:25px; line-height:25px; max-height:200px; overflow:hidden;}

.ad-more{ margin-top:4%;}
.ad-more a{ display:inline-block; width:200px; line-height:50px; border-radius:25px; background:#ededed; font-size:16px;}

.lvnblr{ color:#525252; border-bottom:1px solid #eee; padding-bottom:20px;}
.lvnblr .d1{ font-size:30px;}
.lvnblr .d2{ margin-top:10px;}
.eidt-con{ line-height:2; color:#525252; padding:20px 0; width:100%; max-width:700px; margin:0 auto;}
.preovc{ background:#f9f9f9; padding:30px 0;}
.preovc p{ padding:3px 0; line-height:25px;}
.lteoc a{ font-size:16px;}


.buchlo .pic{display:none;}






@media (min-width: 1201px){
.breola li .con .d2{ opacity:0; visibility:hidden; transform:translateY(-30px); transition:all 0.5s ease;}
.breola li:hover .con .d2{ opacity:1; visibility: visible; transform:translateY(0px); transition:all 0.5s ease;}
.breola li:hover .con{ background:rgba(227,0,17,0.65); transition:all 0.5s ease;}
.breola li .pic img{ opacity:0; visibility:hidden; transform:scale(1.2); transition:all 0.5s ease;}
.breola li:hover .pic img{ opacity:1; visibility: visible; transform:scale(1); transition:all 0.5s ease;}
.text-list li:hover .rbzc{ top:47%; transition:all 0.5s ease;}
.text-list li:hover .rbzc .p1:after{ width:100px; transition:all 0.5s ease;}
.text-list li.no .rbzc{ opacity:0; visibility:hidden; transition:all 0.5s ease;}

.bg-dt .bd.on{ transform:scale(1); visibility: visible; opacity:1; transition:all 0.5s ease;}

.rteobc li a:hover{ color:#fff; background:#e40011; transition:all 0.5s ease;}




}


@media (max-width: 1500px){
.midlo,.owlosc{ height:300px;}
.buchlo{ height:100px;}
.buchlo .p1{ height:40px;}
.buchlo .p2{ margin-top:8px;}
.dboure{ padding:15px 20px;}
.dboure .p3{ height:40px;}
}
@media (max-width: 1400px){
.wrap,.slbout .bd{ max-width:1200px;}
.ny-banner{ height:480px;}
}
@media (max-width: 1200px){
.wrap,.slbout .bd{ max-width:768px;}
.flex-logo{ left:2%; top:2%;}
.sloct{ right:2%; top:2%;}
.ad-line{ right:20px;}
.ladbc{ right:-5px; font-size:15px;}
.ladbc em{ font-size:20px;}
.zclos{ width:100%;}
.enlco{ width:100%;}
.enlco a{ float:left; width:20%; display:block; margin:0;}
.zclos .p1{ font-size:20px;}
.zclos .p2{ font-size:16px;}
.upsetc{ width:100%;}
.owlosc{ width:100%; height:auto;}
.buchlo{ float:left; width:33.33%; padding:15px 10px;}
.midlo{ width:100%;}
.poucls{ display:none;}
.celsct{ padding:70px 4% 0;}
.text-list li,.pic-list li{ width:50%; height:50vh;}
.text-list li .rbzc .p2{ font-size:20px;}
.text-list li .rbzc .p3{ font-size:15px; padding-bottom:30px;}
.sbalol{ padding:30px 6%;}
.breola{ overflow:auto; padding-top:80px;}
.breola li{ width:100%; height:auto; border-bottom:1px solid rgba(255,255,255,0.3); padding:20px 0;}
.breola li .pic{ display:none;}
.breola li .con{ height:auto; padding:0;}
.breola li .con .d1 span{ display:inline-block; vertical-align:middle;}
.breola li .con .d2{ margin:0; padding:2% 0 0; display:none;}
.fertc .p1{ font-size:20px;}
.fertc .p2{ font-size:16px;}
.sc-bltc .d1{ font-size:24px;}
.sc-bltc .d2{ font-size:20px;}
.ny-banner{ margin-bottom:30px;}
.ny-banner .vlbopw{ bottom:-30px;}
.ny-nav span{ display:block; color:#444; padding:0 4%; line-height:60px; height:60px; font-size:16px; background: url(../images/xx.png) no-repeat 95% center;}
.ny-nav p{ position:absolute; left:0; top:60px; width:100%; background:#fff; z-index:3; box-shadow:0 0 20px rgba(0,0,0,0.2); display:none;}
.ny-nav p a{ display:block; text-align:left; padding:0 4%; font-size:15px; line-height:45px; height:45px; width:100%;}
.about-cont img.fr{ width:100%; margin:0 0 2%;}
.scvhc{ height:50px; position:fixed; top: 0; z-index:89; background:#fff; width:100%;}
body{ padding-top:50px;}
.menu-calt{ width:40px; height:40px; margin-top:5px;}
.sloct .search { margin-top:5px;}
.sloct .search span{ width:40px; height:40px;}
.flex-logo{ top:10px;}
.flex-logo img{ height:30px;}
.sloct{ top:0;}
.vblore{ padding:4%;}



}




@media (max-width: 768px){
.wrap,.slbout .bd{ padding:0 3%;}
.alpea .pic{ width:100%; height:35vh;}
.alpea .con{ width:100%; height:65vh;}
.mical{ padding:0 5%;}
.mical .d1{ font-size:20px;}
.mical .d2{ font-size:16px;}
.mical .d3{ line-height:20px;height:auto; max-height:100px; margin-top:10px; overflow:hidden;}
.breola li .con .d1{ font-size:18px;}
.breola li .con .d2{ font-size:14px;}
.slvmte{ height:60px; width:90%; left:5%;}
.slvmte .c1{ height:60px; font-size:16px;}
.slvmte .c2{ height:60px; background-size:auto 50%;}
.search-tcl .gbcl{ width:70px; height:70px;}
.ny-banner{ height:240px;}
.vmonc .pic{ width:100%;}
.vmonc .con{ width:100%;}
.about-cont{ font-size:14px;}
.loprea span{ width:150px; font-size:16px;}
.ewlmae dl dt{ font-size:16px; padding:12px 15px;}
.vopelw .pic{ width:100%;}
.vopelw .con{ width:100%; margin-top:5%;}
.vopelw .con .d1{ font-size:18px;}
.imgcm{ width:100%;}
.vblore{ width:100%; margin-top:3%;}
.slbem .d1,.slbout .d1{ font-size:20px;}
.slbem .d2,.slbout .d2{ font-size:15px;}

.teoa{ width:100%;}
.teoa select{ width:48%; margin:0;}
.teoa select:nth-child(2n){ float:right;}
.telmc{ margin-top:4%; width:100%;}
.telmc .c1{ width:calc(100% - 45px);}
.rteobc li a .pic{ width:100%;}
.rteobc li a .pic img{ height:auto;}
.rteobc li a .con{ height:auto; padding:4%; width:100%;}
.rteobc li a .con .d3{ max-height:50px;}
.lvnblr .d1{ font-size:20px;}
.voreu{ width:100%;}
.lteoc{ margin-top:10px;}
.section-1 .cont .d1{font-size:40px;}
.section-1 .cont .d2{font-size:30px;}
.section-1 .cont .d3{font-size:16px;}
.copyt{ font-size:12px;}
.vblore,.imgcm .tit{ font-size:14px;}
}








.go-top{position:absolute; right:150px; top:0;}




/*2020-01-14*/
.wrap2{ width:100%; max-width:1200px; margin:0 auto;}
.olcit{ height:411px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; width:100%; display:table;}
.olcit .silxtm{ display:table-cell; vertical-align: middle; text-align:center; color:#fff;}
.olcit p.tit{ font-size:36px; font-weight:bold;}
.xltx{ font-size:14px; margin-top:12px; line-height:25px;}


.soilt{ background:#fff; padding:30px 0;}
.soilt h2{ background:#f00f12; color:#fff; line-height:70px; font-size:30px; text-align:center;}
.wbsl-ct{ position:relative; width:100%; overflow:hidden;}
.focst{ width:50%; position:absolute; top:0;}
.focst span{ display:block; background:url(../images/bg-col.png); width:100%; height:100%; position:absolute; left:0; top:0; display:none;}
.focst a{ display:block; position:relative;}
.focst a em{ position:absolute; left:0; top:0; width:100%; height:100%;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.focst p{ height:90px; width:33.35%; background:#f2f2f2; padding-top:20px; color:#666;  text-align:center; font-weight:bold; line-height:1.3; font-size:26px;}
.focst p i{ font-size:12px;font-weight:normal; color:#999; text-transform:uppercase;}

.focst.n01{ left:0; position:relative;}
.focst.n02{ left:16.66%;}
.focst.n03{ left:33.33%;}
.focst.n04{ left:50%;}
.focst.n05{ left:66.66%;}
.focst.n06{ left:83.33%;}
.qunlt{ margin:50px 0; background:url(../images/xz05.jpg) repeat-y 51% top; border:1px solid #ddd;}
.loloc{ width:50%;}
.loloc .tc{ padding:50px 0;}
.menlxt{ padding-top:30px;}
.menlxt dl{ float:left; width:20%; text-align:center;}
.mesnlt{ text-align:center; margin-top:30px;}
.mesnlt span{ display:inline-block; line-height:70px; background:#333333; color:#fff; font-size:20px; padding:0 20px;}
.menlxt dl dt img{ max-width:100%;}
.menlxt dl dd{ font-size:12px;}


.olcit{ height:411px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; width:100%; display:table;}
.olcit .silxtm{ display:table-cell; vertical-align: middle; text-align:center; color:#fff;}
.olcit p.tit{ font-size:36px; font-weight:bold;}
.xltx{ font-size:14px; margin-top:12px; line-height:25px;}

.selt-map{ position:relative;}
.map-solt{ width:67%;}
.lolt-red{ width:33%; padding-top:20px;}
.lolt-red .tit{ font-size:24px; font-weight:bold; padding:0 3%; line-height:40px;}
.drelt{ padding:0 3%;}
.drelt select{ width:125px; height:45px; color:#666; border:1px solid #ddd; margin-top:10px; margin-right:10px; float:left;}
.drelt span{ float:left;margin-top:10px;}
.drelt span .nus01{ float:left; padding-left:25px; width:150px; background:url(../images/v2-1.png) no-repeat 5px center; height:45px; border:1px solid #ddd;}
.drelt span .nus02{ float:left; width:65px; height:45px; background:#e60012; color:#fff; border:none; cursor:pointer;}
.md-lb{}
.md-lb .selt{ line-height:40px; padding-left:3%; color:#666;}
.md-lb .selt span{ color:#e60012;}
.melixt{ height:513px; padding-right:20px;}
.melixt dl{ position:relative; padding:15px 2% 15px 72px; border-top:1px solid #ddd;}
.melixt dl dt{ color:#e60012; font-size:16px; line-height:30px; height:30px; overflow: hidden;}
.melixt dl dd{ line-height:25px;}
.melixt dl dd.olt{ font-size:12px; color:#999; line-height:20px; margin-top:10px;}
.melixt dl .num{ width:33px; height:43px; background:url(../images/bs.jpg) no-repeat center center; text-align:center; color:#e60012; line-height:30px; position:absolute; left:30px; top:18px;}
.mob-sild{ display:none;}

.map-con {position: relative;}
.clitx{ position:absolute; width:444px; right:100px; top:50%; margin-top:-170px; background:#fff;}
.perlt{ height:55px; line-height:55px;}
.perlt span{ display:block; float:left; width:50%; text-align:center; color:#fff; font-size:16px; background:#333; cursor:pointer;}
.perlt span.cur{ background:#e60012;}
.clotl{ border:2px solid #e60012; padding:20px 20px 40px;}
.lopt{ color:#666; line-height:1.8}
.lopt span{ display:inline-block; background:#e70012; color:#fff; font-size:20px; margin:5px 0; padding:2px 8px;}
.cmlit{ color:#666; line-height:1.8;}
.cmlit p{ margin-top:5px;}
.cmlit p span{ display:inline-block; background:#eaeaea; padding:0 5px;}


.vetca p.tit{ font-size:36px;}

.wb-setl{ padding:50px 0;}
.wb-setl .tit{ color:#e60012; font-size:36px; line-height:60px; font-weight:bold;}
.wb-setl .con{ color:#666; line-height:1.6; margin-top:20px;}
.y-zps{ height:261px; background:url(../testimg/t27.jpg) no-repeat center center; background-size:cover;}
.falt{ height:261px; width:33.33%; display:table; text-align:center; border-right:1px solid #fff;}
.falt a{ display: table-cell; vertical-align:middle; width:100%; height:100%; color:#fff; font-size:24px; line-height:2; transition:all 0.5s ease;}
.falt a:hover{ background:#e60012; transition:all 0.5s ease;}
.section-1 .cont{ display:none;}



@media (max-width: 1200px){
.wrap2{ max-width:768px;}
}

@media (max-width: 1025px){
.enl-chot{ float:left; width:100%; padding:15px 2%; border-bottom:1px solid #ddd;}
.search-con{ position:fixed; left:0; top:0; width:100%; height:100%; background:#fff;}
.search-con p span{ width:260px;background:url(../images/in03.jpg) no-repeat right center;}
.search-con p .fsok{ width:160px;}
.map-solt{ width:100%;}

.mob-sild{ display:block; width:40px; height:80px; background:url(../images/nlmt.png) no-repeat center center/100% 100%; position:absolute; left:0px; top:10px; z-index:10;}
.lolt-red{ position: fixed; left:-260px; top:60px; height:100%; background:#fff; z-index:11; width:260px;}
.drelt select{ width:100px; height:35px;}
.drelt span .nus01,.drelt span .nus02{ height:35px;}
.lolt-red .tit{ font-size:18px; line-height:35px;}
.wb-setl .tit{ font-size:24px; line-height:40px;}
.slatls .pics img{ width:80%; height:auto;}
.topxt{ display:none;}
.flitx{ width:100%;}
.olt-link a img,.flxtm > img{ display:none;}
}






@media (max-width: 768px){
.wrap2{ padding:0 2%;}
.olcit{ height:260px;}
.focst{ position:relative; left:0; top:0; width:100%;}
.focst.n01{ left:0; position:relative;}
.focst.n02{ left:0;}
.focst.n03{ left:0;}
.focst.n04{ left:0;}
.focst.n05{ left:0;}
.focst.n06{ left:0;}
.focst p{ width:100%; font-size:16px; line-height:1.5}
.qunlt{ margin:30px 0; background:none;}
.loloc{ width:100%;}
.xltx span{ display:none;}
.osnit h2{ font-size:20px; line-height:30px;}
.osnit h3{ font-size:12px;}
.search-con dl{ margin-top:20px;}
.search-con p span{ width:100%; padding-right:94px; background:#ebebeb url(../images/in03.jpg) no-repeat right center}
.search-con p .fsok{ width:100%;}
.cplt dl dd{ font-size:16px; line-height:40px;}
.nelx-set{margin-bottom:12px;}
	.focst a em{filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;}
.soilt h2 {
    font-size: 18px;
    line-height: 50px;
}
.olcit {
    height: 260px;
}
.olcit p.tit {
    font-size: 18px;
}
.clitx {
    width: 100%;
    right: 0;
    top: 0;
    margin-top: 0;
    position: relative;
}
.wb-setl{ padding:20px 2%;}
.wb-setl .tit {
    font-size: 24px;
    line-height: 40px;
}
.y-zps {
    height: 150px;
}
.falt {
    height: 150px;
}
.falt a {
    font-size: 16px;
}
.text-list li, .pic-list li{width:100%; height:25vh;}
.text-list li .rbzc .p1:after,.text-list li .rbzc .p3:after{display:none;}
.buchlo{width:100%; height:120px;}
.buchlo .pic{display:block;width:120px; float:left;}
.buchlo .pic img{width:120px; height:90px; object-fit:cover;}
.buchlo .movla{ float:right; width:calc(100% - 130px);}
.midlo{display:none;}
}

@media screen and (max-width: 400px){

.olcit {
    height: 160px;
}
}


.aeloc{ margin-top:4%;}
.aeloc a{ display:block;}
.aeloc a .pic{ width:50%;}
.aeloc a .pic img{ width:100%; height:467px; object-fit:cover;}
.aeloc a .con{ width:50%; height:467px; display:table; background:#f7f7f7; padding:0 5%;}
.aeloc a .con .d1{ font-size:18px; font-weight:bold; line-height:30px;}
.aeloc a .con .d2{ color:#666;}
.aeloc a .con .d3{ margin-top:20px; line-height:2; color:#666;}

.lvckm li{ width:48.5%; margin-top:4%; background:#f7f7f7; border-top:2px solid #e40011; float:left;}
.lvckm li:nth-child(2n){ float:right;}
.lvckm li a{ display:block; padding:4%;}
.lvckm li a .d1{ font-size:18px; font-weight:bold; line-height:30px; height:30px; overflow:hidden;}
.lvckm li a .d2{ color:#666;}
.lvckm li a .d3{ margin-top:20px; line-height:30px; height:90px; overflow:hidden; color:#666;}





.lorepc{ padding:4%;}
.lorepc a{ display:block;}
.lorepc a .d1{ font-size:18px; line-height:30px; font-weight:bold;}
.lorepc a .d3{ margin-top:20px; line-height:2; color:#666;}




.newlt li{ padding:25px 0 0; border-bottom:1px solid #ddd;}
.newlt li a{ display:block; position:relative; padding:0 80px 0 565px; height:240px;}
.newlt li a .pic{ position:absolute; left:0; top:0; width:405px;}
.newlt li a .pic img{ display:block; width:100%; height:240px; object-fit:cover;}
.newlt li a .anlt{ width:43px; height:42px; background:url(../testimg/t18.png) no-repeat; right:0; top:100px; position:absolute;}
.newlt li a .tit{ font-size:18px; line-height:35px; height:100px; padding-top:65px; overflow:hidden; }
.newlt li a .con{ line-height:25px; height:50px; overflow:hidden; margin-top:10px;}
.newlt li a .date{ position:absolute; left:460px; top:65px; font-size:16px; border-right:1px solid #eee; padding:20px 20px 20px 0}
.newlt li a .date strong{ display:block; font-weight:normal; font-size:20px;}





.lbnecm li{ width:48%; float:left; margin-top:3%;}
.lbnecm li:nth-child(2n){ float:right;}
.lbnecm li a{ display:block;}
.lbnecm li a .pic{ overflow:hidden;}
.lbnecm li a .pic img{ width:100%; height:470px; object-fit:cover; transition:all 0.5s ease;}
.lbnecm li a .tit{ margin-top:3%; font-size:18px; font-weight:bold; line-height:35px; height:35px; overflow:hidden;}

/*.plcbmt{column-count: 3;column-width: 240px;column-gap: 20px; margin-top:4%;}
.plcbmt .item{ margin-bottom: 20px; break-inside: avoid; background: #fff;}*/
.plcbmt{}
.plcbmt .item a{ display:block; position:relative;}
.plcbmt .item a:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; transition:all 0.5s ease;}
.plcbmt .item a .tit{ color:#fff; width:100%; position:absolute; z-index:2; left:0; top:50%; transform:translateY(-50%); font-size:18px; padding:0 5%; text-align:center; font-weight:bold; opacity:0; transition:all 0.5s ease;}






@media screen and (min-width: 1201px){
.newlt li a:hover{ background:#e40011; color:#fff;}
.plcbmt .item a:hover:after{ opacity:1; transition:all 0.5s ease;}
.plcbmt .item a:hover .tit{ opacity:1; transition:all 0.5s ease;}
.lbnecm li a:hover .pic img{ transition:all 0.5s ease; transform:scale(1.05);}
}


@media screen and (max-width: 1200px){
.aeloc a .pic{ width:100%;}
.aeloc a .con{ width:100%; padding:4%; height:auto;}
.lbnecm li a .pic img{ height:280px;}
.plcbmt .item a .tit{ position:relative; transform:translateY(0); opacity:1; color:#333; line-height:25px; font-size:15px; margin-top:10px;}
.go-top{ right:10px;}
}


@media screen and (max-width: 768px){
.aeloc a .pic img{ height:auto;}
.aeloc a .con .d1,.lvckm li a .d1{ font-size:16px;}
.lvckm li{ width:100%;}
.lvckm li a .d1{ height:auto; line-height:25px;}
.lvckm li a .d3{ height:auto;}
.newlt li{ padding:15px 0;}
.newlt li a{ padding:0; height:auto;}
.newlt li a .pic{ width:100%; position:relative;}
.newlt li a .tit{ font-size:16px; padding-top:10px; height:45px;}
.newlt li a .anlt{ display:none;}
.newlt li a .date{ position:relative; left:0; top:0; padding:0;}
.newlt li a .date strong{ display: inline-block; font-weight:normal; margin-right:10px; font-size:18px;}
.newlt li.nopic a .date{ position:absolute; top:10px;}
.newlt li.nopic a .date strong{ margin:0;}
.lorepc a .d1{ font-size:16px; line-height:25px;}
.lblmc li{ display:none;}
.lblmc li:nth-child(1){ display:block;}
}

@media screen and (max-width: 640px){
.lbnecm li{ width:100%;}
.lbnecm li a .tit{ font-size:15px;}
}




@media screen and (max-width: 1048px){
.section{ position:relative; padding:4% 0;}
.ad-line,.ladbc{ display:none;}
.tablece{ position:relative; height:auto;}
.celsct{ padding:0 4%;}
.alpea .con{ height:auto; margin-top:3%;}
.upsetc{ height:auto;}
.go-top{ display:block !important;}
.section-1 .cont{ display:block;}
}



.lbotec{ position:fixed; z-index:10; text-align:left; line-height:25px; color:#666; font-size:12px; bottom:5%; left:60.5%; width:30%;}



@media screen and (max-width: 768px){
.lbotec{ position:relative; left:0; width:100%; text-align:center; bottom:0; margin-top:5%; z-index:0;}
}


/*2020-03-27*/
.reobla li{ float:left; width:32%; margin-right:2%; margin-top:3%;}
.reobla li:nth-child(3n){ margin-right:0;}
.reobla li a{ display:block;}
.reobla li a .pic img{ width:100%; height:270px; object-fit:cover;}
.reobla li a .con{ padding:25px; background:#f6f7f7;}
.reobla li a .con .d1{ line-height:30px; height:30px; overflow:hidden; font-weight:bold; font-size:16px;}
.reobla li a .con .d2{ color:#999;}
.reobla li a .con .d3{ line-height:25px; height:50px; overflow:hidden; color:#666; margin-top:10px;}
.lbuenm{ margin-top:3%;}
.lbuenm a{ display:inline-block; line-height:45px; width:150px; background:#f1f1f1; border-radius:22px;}
.volero{ border-top:1px solid #ddd; border-right:1px solid #ddd;}
.volero li{ text-align:center; padding:3%; border-left:1px solid #ddd; border-bottom:1px solid #ddd; width:33.33%; float:left;}
.volero li .pic{}
.volero li .con{ line-height:25px; height:175px; overflow:hidden; margin-top:20px;}


@media screen and (max-width: 1200px){
.reobla li a .pic img{ height:200px;}
.reobla li a .con{ padding:4%;}
.volero li{ width:50%;}
.volero li .con{ height:200px;}

}


@media screen and (max-width: 640px){
.reobla li{ width:100%; margin-right:0;}
.volero li{ width:100%;}
.volero li .con{ height:auto;}
}