@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "alternategothic2bt";
  src: url("../fonts/alternategothic2bt.woff2") format("woff2"),
       url("../fonts/alternategothic2bt.woff") format("woff"),
       url("../fonts/alternategothic2bt.ttf") format("truetype"),
       url("../fonts/alternategothic2bt.eot") format("embedded-opentype"),
       url("../fonts/alternategothic2bt.svg") format("svg");
}
@font-face {
  font-family: "TT0586M_";
  src: url("../fonts/TT0586M_.woff2") format("woff2"),
       url("../fonts/TT0586M_.woff") format("woff"),
       url("../fonts/TT0586M_.ttf") format("truetype"),
       url("../fonts/TT0586M_.eot") format("embedded-opentype"),
       url("../fonts/TT0586M_.svg") format("svg");
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite, code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; outline-style:none;/*FF*/font-size:10px;font-family: "Arial","Microsoft Yahei"; list-style:none;}
body { line-height:1; }
a{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;text-decoration:none; color:#333; cursor:pointer;outline:0;}
a:hover,a:focus{ text-decoration:none;  outline-style:none;/*FF*/ }
table { border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
/*css为clearfix，清除浮动*/
.clearfix::before,.clearfix::after{content:""; height:0; line-height:0; display: block;visibility: hidden; clear:both;}
.clearfix:after{clear:both;} 
.clearfix{*zoom:1;/*IE/7/6*/}

.warp{ width:1700px; margin:0 auto;}
.warp2{ width:1200px; margin:0 auto;}
.clear{ overflow:hidden;}
.clear2{ clear:both;}


h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.play{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}

/*all-img*/
.xxl,icu1{ display:block;}
.xl,.l,.m,.icu2{ display:none;}

/*parts*/
div.fy {text-align:center;line-height:3rem; padding: 50px 0;}
div.fy a {margin:2px 5px;padding:10px 15px;color:#666666;background-color: #ccc;font-size:1.6em; border-radius:2px;display:inline;}
div.fy a:hover {background-color:#1d1d1d;color:#FFF;}
div.fy a:active {background-color:#1d1d1d;color:#FFF;}
div.fy span.current {margin:2px 5px;padding:10px 15px;background-color:#1d1d1d;color:#FFF; font-size:1.6em;border-radius:2px;}
div.fy span.disabled {margin:2px 5px;padding:10px 15px;color:#999;background-color: #ccc; font-size:1.6em;border-radius:2px;}

/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger {	width: 24px;	height: 14px;	position:absolute;	top: 30px;	right: 25px;	z-index: 999;display: none;}
#hamburger:before, #hamburger:after, #hamburger span {	    background: #f56236;    content: '';    display: block;    width: 20px;    height: 2px;}
#hamburger span {	margin: 4px 0 0 0;}
#hamburger:after {	margin: 4px 0 0 0;}
#hamburger.hb-fixed {	position: fixed;}
/* Hamburger animation */
#hamburger:before, #hamburger:after, #hamburger span {	-webkit-transition: none 0.3s ease 0.3s;	transition: none 0.3s ease 0.3s;	-webkit-transition-property: transform, top, bottom, left, opacity, margin;	transition-property: transform, top, bottom, left, opacity, margin;}
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {top: 20px;}
html.mm-opening #hamburger span {	left: -50px;	opacity: 0;}
html.mm-opening #hamburger:before {	transform: rotate( 45deg );	margin: 7.5px 0 0 0;}
html.mm-opening #hamburger:after {	transform: rotate( -45deg );margin: -7.5px 0 0 0;}
/*弹出input*/
.overCurtain {position: fixed; top: 0;    bottom: 0;    left: 0;    right: 0;width:100%;display:none; background-color:#000; opacity:0.7; z-index:100;}
.hide-center {position:fixed;right:0;left:0;	bottom:0;	top:20%;margin:auto;	display:none;	z-index:1000;
	width:300px;	height:300px;}
.overCurtain2 {position: fixed; top: 0;    bottom: 0;    left: 0;    right: 0;width:100%;display:none; background-color:#000; opacity:0.7; z-index:100;}
.hide-center2 {position:fixed;right:0;left:0;	bottom:0;	top:20%;margin:auto;	display:none;	z-index:1000;
width:300px;	height:300px; text-align:center;}

.field{  --uiFieldPaddingTop: var(--fieldPaddingTop, 0px);  --uiFieldPaddingRight: var(--fieldPaddingRight, 0px);  --uiFieldPaddingBottom: var(--fieldPaddingBottom, 0px);  --uiFieldPaddingLeft: var(--fieldPaddingLeft, 0px);  --uiFieldBorderColor: var(--fieldBorderColor, transpatent);  --uiFieldBorderTop: var(--fieldBorderTop, 0px);  --uiFieldBorderRight: var(--fieldBorderRight, 0px);  --uiFieldBorderBottom: var(--fieldBorderBottom, 0px);  --uiFieldBorderLeft: var(--fieldBorderLeft, 0px);  --uiFieldBgColor: var(--fieldBgColor, transpatent);  --uiFieldPlaceholderColor: var(--fieldPlaceholderColor, #767676);  --uiFieldAnimationDuration: var(--fieldAnimationDuration, .3s);  --uiFieldFonstSize: var(--fieldFontSize, 16px);  position: relative;  }
.field__input{ font-size:2em !important;  width: 100%;  box-sizing: border-box;  background-color: var(--uiFieldBgColor);  -webkit-appearance: none;     -moz-appearance: none;          appearance: none;  border-radius: 0;  border-style: solid;  border-color: var(--uiFieldBorderColor);  border-top-width: var(--uiFieldBorderTop);  border-right-width: var(--uiFieldBorderRight);  border-bottom-width: var(--uiFieldBorderBottom);  border-left-width: var(--uiFieldBorderLeft);  padding-top: var(--uiFieldPaddingTop);  padding-right: var(--uiFieldPaddingRight);  padding-bottom: var(--uiFieldPaddingBottom);  padding-left: var(--uiFieldPaddingLeft);  font-family: inherit;  font-size: 100%;  color: inherit;}
.field__input::-webkit-input-placeholder{  color: var(--uiFieldPlaceholderColor);  opacity: 0;}
.field__input::-moz-placeholder{   color: var(--uiFieldPlaceholderColor);  opacity: 0;}
.field__input:focus{ outline: none;  }
.field__input:focus::-webkit-input-placeholder{   -webkit-transition: opacity var(--uiFieldAnimationDuration) ease-out var(--uiFieldAnimationDuration);   transition: opacity var(--uiFieldAnimationDuration) ease-out var(--uiFieldAnimationDuration); opacity: 1;}
.field__input:focus::-moz-placeholder{  -webkit-transition: opacity var(--uiFieldAnimationDuration) ease-out var(--uiFieldAnimationDuration);   transition: opacity var(--uiFieldAnimationDuration) ease-out var(--uiFieldAnimationDuration);  opacity: 1;}
.field__label{ font-size:1.6em !important;  position: absolute;  top: calc(0px + var(--uiFieldPaddingTop) + var(--uiFieldBorderTop));  left: calc(0px + var(--uiFieldPaddingLeft) + var(--uiFieldBorderLeft));  pointer-events: none;  font-size: .9em;  -webkit-transition: top var(--uiFieldAnimationDuration) cubic-bezier(0.9,-0.15, 0.1, 1.15), opacity var(--uiFieldAnimationDuration) ease-out;  transition: top var(--uiFieldAnimationDuration) cubic-bezier(0.9,-0.15, 0.1, 1.15), opacity var(--uiFieldAnimationDuration) ease-out;  will-change: top, opacity;}
.field__input:not(:placeholder-shown) ~ .field__label{  opacity: 0;  top: calc(0px + var(--uiFieldPaddingTop) + var(--uiFieldBorderTop));}
.field__input:focus ~ .field__label{ opacity: 1;  top: calc(-1.5 * calc(var(--uiFieldPaddingTop) + var(--uiFieldBorderTop) + 15px));}
/* type 2 */
.field_type2{  --uiFieldBorderBottom: var(--fieldBorderBottom, 2px);  --uiFieldPaddingTop: var(--fieldPaddingTop, 5px);  --uiFieldPaddingRight: var(--fieldPaddingRight, 15px);  --uiFieldPaddingBottom: var(--fieldPaddingBottom, 10px);  --uiFieldPaddingLeft: var(--fieldPaddingLeft, 15px);  }
.field_type2 .field__line{  width: 0;  height: var(--uiFieldBorderBottom);  background-color: var(--fieldBorderColorActive);  position: absolute;  bottom: 0;  left: 0;  will-change: width;  -webkit-transition: width var(--uiFieldAnimationDuration) ease-out;  transition: width var(--uiFieldAnimationDuration) ease-out;}
.field_type2 .field__input:focus ~ .field__line{ width: 100%;}
.field{  --fieldBorderColor: #fff;  --fieldBorderColorActive: #117bc9;  --fieldPlaceholderColor: #fff;  display: block;  color: #fff;}
.m-btn{     font-size: 2em;   background: none;    color: #fff;   position: absolute;    right: 0;    top: 0px;    outline: 0;    border: navajowhite;}
/*header*/
#m1 .m1,#m2 .m2,#m3 .m3,#m4 .m4,#m5 .m5,#m6 .m6,.mune a:hover{ color:#ee5f21;}
.mune a{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.header{ background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; width:100%; z-index:99;}
.logo{ float:left; padding:25px 40px;}
.logo a{ font-size:6em; color:#ee5f21; line-height:45px; font-family: "alternategothic2bt";}
.munes{ float:right; }
.share>div>*,.share>div{ display:inline-block;}
.munes>div{ float:left;}
.mune a{ display:inline-block; font-size:2.2em; color:#fff; padding:40px 60px 0 0; font-family: "alternategothic2bt";}
.share{ padding:36px 60px 0 0;}
.share .hd1 img{ margin:0 10px -5px 25px;}
.hd1 p{ font-size:1.6em; color:#fff; font-weight:bold;}
.sh1{ cursor:pointer; border:1px solid #7c7c7c; position:relative; background:url(../images/down.png) right center no-repeat; padding:6px 10px; width:100px;}
.sh1 p{ font-size:1.4em; color:#fff;}
.sh1 .lu{background:#000; display:none; border:1px solid #7c7c7c; position:absolute; top:100%; left:-1px; width:100%;}
.sh1 .lu a{ display:block; padding:5px 12px; font-size:1.4em; color:#fff;}
.sh1 .lu a:hover{ background:#ee5f21;}
.sh1:hover .lu{ display:block;}

/*footer*/
.fo1{ background:url(../images/footer-bg.jpg) center bottom no-repeat #323232; padding:65px 0 80px 0;}
.fo1 .warp>*{ display:inline-block;}
.fc h3{ font-size:1.6em; color:#a5a5a5; margin-bottom:10px; font-weight:bold;}
.fc h4{ font-size:3em; color:#fff;}
.fs{ margin-left:20%;}
.fo2{ background:#1d1d1d; padding:80px 0 90px 0;}
.fo2 .left{ float:left;}
.fo2 .left a{ font-size:1.8em; color:#fff; margin-right:35px;  display:inline-block;}
.fo2 .left a:hover{ color:#ee5f21;}
.fo2 .left p{ font-size:1.4em; color:#a5a5a5; margin-top:22px;}
.fo2 .left p a{font-size:1em; color:#a5a5a5;}
.fo2 .left p a:hover{ text-decoration:underline;}
.fo2 .right{ float:right;}
.fo2 .right h3{ font-size:1.6em; color:#a5a5a5; margin-bottom:20px; font-weight:bold;}
.f-input{ background:url(../images/f-line.jpg) center right no-repeat; border:none; padding:16px 20px; width:450px; outline:none; font-size:1.4em;}
.back-all{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all; position:fixed; left:20px; top:120px; z-index:99;}
.back-all a{ display:inline-block; width:40px; height:40px; line-height:40px; margin-right:10px; color:#ee5f21; background:rgba(0,0,0,0.2); box-shadow:2px 2px 10px rgba(0,0,0,0.4); border-radius:5px; text-align:center; font-size:2.4em; font-family: "alternategothic2bt";}
.backa-top{top:5px !important;}

.bottomlist{ background:#ee5f21; position:fixed; width:100%; bottom:0; left:0;  display:none; z-index:20;}
.bottomlist ul{ width:100%;}
.bottomlist ul li{ width:25%; float:left; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top:1px solid #bcbbba; border-left:1px solid #bcbbba; padding:5px;}
.bottomlist>ul>li>a>div{ font-size:1.6em; color:#fff;}
.bottomlist ul li img{ width:40px; height:40px;}

/*banner*/
.banner .swiper-slide{transition:linear 2s all;-moz-transition: linear 2s all; -webkit-transition:linear 2s all; -o-transition: linear 2s all;}
.banner .swiper-slide{ height:900px; text-align:center;}
.banner .swiper-slide h3{ font-size:15em; color:rgba(238,95,33,0.75);font-family: "alternategothic2bt"; padding-top:20%;}
.banner .swiper-slide p{ font-size:2.6em; color:#fff; line-height:32px; font-family: "TT0586M_"; max-width:600px; margin:0 auto;}
.banner:hover .swiper-slide{ background-position: center bottom !important;}
.banner img{ max-width:100%; text-align:center;}
/*i-tit*/
.it{ text-align:center;}
.i-tit{ display:inline-block; margin:0 auto; text-align:center; font-family: "alternategothic2bt"; font-size:4.8em; color:#ee5f21; position:relative; padding:15px 0;}
.i-tit:after,.i-tit:before{ position:absolute; content:""; background:#ee5f21; height:3px; width:100%; transform:scaleX(0.6); left:0;}
.i-tit:before{ top:0;}
.i-tit:after{ bottom:0;}
/*ia*/
.ia{ background:url(../images/bg-a.jpg) center top no-repeat; background-size:100% 100%;}
.ia-box{ width:90%; max-width:1010px; margin:0 auto; padding:90px 0 120px 0;}
.ia .it{ margin-bottom:60px;}
.ia h4{ color:#fff; font-size:3.2em;font-family: "alternategothic2bt"; text-align:center; line-height:40px; margin-bottom:45px;}
.ia p{ margin-bottom:100px; font-size:1.8em; color:#a1a1a1; line-height:36px; text-align:justify;}
.line-btn{ font-size:2.4em; color:#fff; padding:12px 10px 12px 30px; width:180px; position:relative; display:block; border:3px solid #8e8e8e;font-family: "TT0586M_";-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0  auto;}
.line-btn:after{ position:absolute; content:""; background:#ee5f21; height:3px; width:35px; left:-20px; top:24px; border:rgba(238,95,33,0.34);}
a.line-btn:hover { transform:rotateX(360deg); background:rgba(238,95,33,0.75);}
/*ip*/
.ip-box p,.ip-box p:after,.line-btn{transition:linear 0.5s all;-moz-transition: linear 0.5s all; -webkit-transition:linear 0.5s all; -o-transition: linear 0.5s all;}
.ip{ width:calc(100% - 80px); padding:85px 40px; background:url(../images/bg-b.jpg) center top repeat;}
.ip-box{ padding:50px 0; width:calc(33.33% - 80px); text-align:center; border:1px solid #d4d4d4;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0 40px; float:left; box-shadow:0 5px 15px #ccc;}
.ip-box h3{ font-size:3.6em; color:#3f3f3f; font-weight:bold;}
.ip-box img{ max-width:90%;}
.ip-box p{ font-size:2.4em; color:#646464; font-weight:bold; opacity:0;}
.ip-box p:after{ transform:translateX(-45px);}
.ip-box:hover p:after{ transform:translateX(0px);}
.ip-box:hover p{ opacity:1;}
/*iac*/
.iac-t span{transition:linear 0.5s all;-moz-transition: linear 0.5s all; -webkit-transition:linear 0.5s all; -o-transition: linear 0.5s all;}
.iac{ background:#1d1d1d;}
.iac .it{ padding:60px 0;}
.iac-b{ position:relative; float:left; width:33.33%; overflow:hidden;}
.iac-b:first-child{ width:66.66%; float:right;}
.iac-b>a>img{ width:100%;}
.iac-b span{  background:url(../images/iac.jpg) center right no-repeat #262626;}
.iac-b:hover span{  background:url(../images/iac-0.jpg) center right no-repeat #fd7646 !important;}
.iac-t{ position:absolute; bottom:0; right:0; width:90%; color:#fff;}
.iac .i-tit:after,.iac .i-tit:before{transform: scaleX(0.3);}
.iac-t span{width:265px; height:100px; display:inline-block; float:right; line-height:100px; padding-left:35px;font-family: "TT0586M_"; font-size:2em;}
.iac-t h3{ font-size:4.8em; text-transform:uppercase;font-family: "alternategothic2bt"; margin-bottom:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.iac-t h4{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2; font-size:2em; line-height:22px; margin-bottom:30%; width:70%;}
.iac-b:hover span{ transform:translateX(10px);}
.iac-b:nth-child(1) h4{ margin-bottom:10%; width:70%;}
.iac-b:nth-child(1) .iac-t{ width:92%;}
.iac-b:nth-child(2) h4{ margin-bottom:20%; width:70%;}
.iac-b:nth-child(2) .iac-t{ width:90%;}
.iac-t img{ float:right;}
.iac1{ position:relative; display:inline-block;}
.iac1 h3{ margin-bottom:14px;}
.iaci{ position:absolute; top:0; left:104%;}
.iac-b:nth-child(5) h3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;white-space: inherit;}
.iac-b:nth-child(5) .iac-t{ width:80%;}
.iac2{ text-align:center;/* background:rgba(54,54,54,0.73); */width:calc(80% - 80px); height:50%; margin-bottom:20px; padding:40px;}
.iac2 h3{ line-height:50px; margin:0;}
.iac2 h3:nth-child(2){ color:#ee5f21; }
.iac2-b{ padding:18px 0; border-bottom:5px solid rgba(152,152,152,0.59); border-top:5px solid rgba(152,152,152,0.59);}

/*contact*/
.contact-b h3{ font-size:15em; color:rgba(255,255,255,0.75);font-family: "alternategothic2bt"; padding-top:400px; text-align:center;}

.con2 { background:url(../images/bg-a.jpg) center center no-repeat; background-size:cover; color:#fff; padding:80px 0 60px 0;}
.con2 .warp>h3{ text-align:center; font-size:3.6em; font-weight:bold; margin-bottom:70px;}
.con2  .cd{ text-align:center; float:left; width:calc(33.33% - 40px); margin:0 20px; margin-bottom:40px;}
.con2  .cd img{ margin-bottom:20px; transition:linear 0.5s all;-moz-transition: linear 0.5s all; -webkit-transition:linear 0.5s all; -o-transition: linear 0.5s all;}
.con2  .cd  h3{ font-size:2.4em; margin-bottom:15px; font-weight:bold;}
.con2  .cd p{line-height: 32px; font-size:2em; color:#d2cccf; font-weight:bold;}
.con2  .cd:hover img{ transform:rotateY(180deg);}
.con2  .cd:nth-child(2)>p{ width:230px; margin:0 auto; text-align:right;}

.con3{ width:100%; display:table; vertical-align: top;}
.con3 .left{ width:66.66%; display:table-cell;vertical-align: top;}
.con3 .left{ padding:60px 0 30px 0; background:url(../images/contact/wen.png) left top no-repeat;}
.con3 .left h3{ font-size:2.6em; color:#1d1d1d; font-weight:bold;}
.con3 .left form{ float:right; width:680px;}
.ic-input{ margin-top:30px;}
.ic-input,.ic-text{ outline:none; font-size:1.8em; color:#666; line-height:24px; font-family:"Microsoft Yahei"; width:70%; border:none; border-bottom:2px solid #1d1d1d; padding:16px 10px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;background: transparent;}
.ic-text{border:2px solid #1d1d1d; margin-top:80px;}
.icb{ text-align:right; width:70%; margin-top:40px;}
.ic-btn{ width:173px; height:53px; background:#2b2424; font-size:1.4em; color:#fff; border:none; outline:none;}
.con3 .right img{ width:100%;}
.con3 .right .txt{ margin:35px 0;}
.con3 .right .txt h3{ font-size:3.6em; color:#1d1d1d; font-weight:bold; margin-bottom:30px; line-height:42px;}
.con3 .right .txt p{ font-size:1.6em; color:#1d1d1d; line-height:30px; margin-bottom:40px; width:60%;}
.con3 .right .txt a{ display:inline-block; background:url(../images/contact/more.jpg) left center no-repeat; font-size:2em; color:#ffffff;font-family: "TT0586M_"; width:235px; height:55px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:18px 0 0 20px;}

/*about*/
.about-b h3{ font-size:15em; color:rgba(255,255,255,0.75);font-family: "alternategothic2bt"; text-align:center; padding-top:370px; }
.about{ padding:100px 0 110px 0;  color:#fff; background:url(../images/bg-a.jpg) center center no-repeat; background-size:cover;}
.about .warp{ max-width:1200px;}
.about .txt h4{ font-size:3.2em;font-family: "alternategothic2bt"; text-transform:uppercase; padding:65px 0 40px 0; line-height:32px;}
.about .txt p{ font-size:1.8em; color:#a1a1a1; line-height:36px;}
.about-slider{ height:900px;}
.about-slider .swiper-slide{ background-size:cover !important;}

.about-slider .swiper-pagination-bullet{ width:10px;}
.about-slider .swiper-pagination-bullet-active{ background:#ee5f21; width:30px;}

/*outdoor*/
.outdoor-b{ position:relative;}
.outdoor-b h3{ margin-bottom:30px; font-size:15em; color:rgba(255,255,255,0.75);font-family: "alternategothic2bt"; text-align:center; padding-top:350px; }
.outdoor-b h4{ text-align:center; font-size:2.6em; color:#fff; line-height:32px;font-family: "TT0586M_";text-transform:uppercase;}
.outdoor-list{ position:absolute; bottom:-1px; left:0; width:100%; text-align:center;}
.outdoor-list a{ line-height:28px; text-transform:uppercase; color:#fff; font-size:2.5em; font-weight:bold; border:1px solid #a0a0a0; padding:16px 25px; display:inline-block; margin:4px 4px 0 4px; position:relative;}
.p1 .p1:after,.p2 .p2:after,.p3 .p3:after,.p-lock:after,.lsd1 .lsd1:after,.lsd2 .lsd2:after,.lsd3 .lsd3:after,.lsd4 .lsd4:after,.lsd5 .lsd5:after,.ps-tl2:after{ display: block; position: absolute;    left: 50%;   margin-left: -4.5px; top: 100%; width: 0;  height: 0;  content:"";  border-left: 9px solid transparent; border-right: 9px solid transparent;    border-top: 9px solid rgba(238,95,33,0.73);}
.p1 .p1:before,.p2 .p2:before,.p3 .p3:before,.p-lock:before,.lsd1 .lsd1:before,.lsd2 .lsd2:before,.lsd3 .lsd3:before,.lsd4 .lsd4:before,.lsd5 .lsd5:before,.ps-tl2:before{  display: block; border-left: 11px solid transparent;    border-right: 11px solid transparent;    border-top: 11px solid rgba(160,160,160,0.6);  position: absolute; left: 50%;   margin-left: -6.5px;    top: 100%; width: 0;  height: 0;  content:"";}
.outdoor-list a:hover,.p-lock,.p1 .p1,.p2 .p2,.p3 .p3,.lsd1 .lsd1,.lsd2 .lsd2,.lsd3 .lsd3,.lsd4 .lsd4,.lsd5 .lsd5,.ps-tl2{background:rgba(238,95,33,0.73) !important;}
.outdoor{ background: #eaeaea;}
/*.outdoor{ background:url(../images/outdoor-bg.jpg) top left no-repeat #eaeaea;}*/
.outdoor .boxs{ padding-top:75px; /*max-width:1450px; width:100%; float:right;*/}
.outdoor .boxs .txt{ padding-top:60px;}
.outdoor .boxs>h3{ width:calc(100% - 60px); margin:0 auto; line-height:36px;font-size:1.8em; color:#565656;}
.outdoor .boxs .dot{ width:calc(33.33% - 60px); margin:0 30px 75px 30px; float:left;}
.outdoor .boxs .dot img{ max-width:100%;}
.outdoor .boxs .dot .dt{ background:url(../images/bg-a.jpg) center center no-repeat; margin:-40px 20px 0 20px; position:relative; z-index:9;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:30px 24px;}
.outdoor .boxs .dot .dt h3{ font-size:2em; color:#818181; margin-bottom:10px;}
.outdoor .boxs .dot .dt h4{ border-bottom:3px solid #8e8e8e; font-size:2.5em; color:#ffffff; line-height:42px; height:84px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.outdoor .boxs .dot .dt span{ padding:16px 16px 0 16px; font-size:2em; color:#ee5f21;font-family: "TT0586M_"; display:inline-block;transition:linear 0.5s all;-moz-transition: linear 0.5s all; -webkit-transition:linear 0.5s all; -o-transition: linear 0.5s all;}
.outdoor .warp{ width:calc(100% - 60px);}
.outdoor .boxs .dot:hover .dt span{ transform:translateX(25px);}

.outdoor .boxs .ts{ text-align:center; color:#1a1a1a;}
.outdoor .boxs .ts h3{ font-size:2em; color:#1a1a1a; margin-bottom:8px;}
.outdoor .boxs .ts h4{ font-size:1.4em; color:#a1a1a1; padding-bottom:15px; border-bottom:1px solid #ccc;}
.outdoor .boxs .ttxt{ padding:20px 10px; line-height:1.2em;}
.outdoor .boxs .ttxt p{ font-size:1.4em; line-height:24px;}
.outdoor .boxs .ttxt img{ max-width:100%; }
.outdoor .boxs .btn{ padding:20px 0; border-top:1px solid #ccc;}
.outdoor .boxs .btn a{ padding:15px; display:block; font-size:1.4em; color:#1a1a1a;}
.outdoor .boxs .btn a:hover{ color:#ee5f21;}

/*product*/
.product{ background:#fff;}
.product .ip-box{ background:#fff;}
.lsd3 .product{ background:url(../images/bg-b.jpg);}
#m3 .fy{ background:url(../images/bg-b.jpg) center center no-repeat;}
#m3 .ip { width: calc(100% - 80px);  padding: 65px 40px 15px 40px;}
#m3 .ip-box{ margin: 10px 20px;    padding: 20px 0;  width: calc(20% - 40px);}
#m3 .ip-box h3{ font-size:2.4em;}
#m3 .ip-box h4 { font-size: 2.4em; color: #e80303;   font-weight: bold;}
#m3 .ip-box h4 {}
#m3 .line-btn{ width:120px;}
#m3 .ip-box p{ font-size:1.4em; border: 1px solid #8e8e8e;}
#m3 .line-btn:after { height: 2px;    width:20px;  left: -10px;   top: 15px;}
.product .p-boxs{position: absolute; top: 0;  width: 90%; z-index: 1; margin: 0 5%; height:100%;}
.product .p-boxs img{ height:100%; max-width:100% !important; opacity:0;}
.product .p-boxs>*{ overflow:hidden; cursor:pointer; float:left; width:33.33%; height:100%;}
.product .tablea .img{ width:100%; height:100%; position:absolute; top:0; left:0; display:none; }
.product .tablea  img{ max-width:fot-contact;}
.p-boxs-show{ position:relative; margin:10px 0;}

.ps-tit{ padding:45px 0; text-align:center; background:rgba(0,0,0,0.4); border-top:1px solid #a0a0a0; margin-top: -1px;}
.ps-tit a{margin:0 4px; position:relative;/*background:rgba(0,0,0,0.4); font-size:1.8em; color:#fff; padding:12px 15px; border:1px solid #ddd;  display:inline-block; text-transform:uppercase;*/}
.ps-tit a:hover,.ps-tl{ background:rgba(238,95,33,0.4) !important;}
.pt-l{ display:block !important;}
.ps-txts{ padding:50px 0 0 0;}
.ps-txts .ip1{ max-width:1000px; margin:0 auto;}
.ps-txts .ip1>*{ margin-bottom:20px; overflow: hidden;}
.ps-txts .ip1 p,.ps-txts .ip2 p,.ps-txts .ip4 .box p{ font-size:1.8em; line-height:32px; color:#666; padding:0 20px;}
.ps-txts .ip1 img{ padding:20px; max-width:calc(100% - 40px);}
.ps-txts .ip1 .ip1-2 img{ float:left; padding:20px;}
.ps-txts .ip1 h3,.ps-txts .ip2 h3{ font-size:2.4em; font-weight:bold; color:#666; margin-bottom:20px; color:#fff; background:rgba(238,95,33,0.6); padding:6px 20px; line-height:32px; border-radius:5px;}
.ps-txts .ip1 .ip1-3 .txt p{ float:left; width:50%;}
.ps-txts .ip1 .ip1-3 .centera {overflow:hidden;}
.ps-txts .ip1 .ip1-3 #oranger{ float:right; width:50%; padding-top:68px;}
.ps-txts .ip1 .ip1-3 a img{ opacity:0.6;}
.ps-txts .ip1 .ip1-3 .hover img{opacity:1;}
.ps-txts .ip1 .ip1-3 #tablea { float:left; width:50%;}
.ps-txts .ip1 .ip1-3 .box {	display:none}
.ps-txts .ip1 .ip1-4 p{ width:50%; float:left;}
.ps-txts .ip1 h4{ font-size:2em; line-height:32px; margin-bottom:6px;padding:0 20px;}
.ps-txts .ip1 strong{ font-size:1em;}
.ps-txts .ip2{ max-width:1000px; margin:0 auto;}
.ps-txts .ip2 .box{ margin-bottom:25px; padding:0 20px; overflow: hidden;}
.ps-txts .ip2 .box h4{ font-weight:bold; font-size:2em; color:#333; line-height:32px; padding:12px 0;}
.ps-txts .ip2 .box .txt,.ps-txts .ip2 .box .img{ width:50%; float:left;}
.ps-txts .ip2 .box .img img{ max-width:100%;}
.ip4{ background:#f5f5f5;}
.ps-txts .ip4 .box{ margin:0px auto; padding:100px 0; display:table; max-width:1000px; width:100%;}
.ps-txts .ip4 .box .img img{ max-width:100%;}
.ps-txts .ip4 .box .img{ text-align:center; margin-bottom:20px;}
.ps-txts .ip4 .box .img:first-child{ text-align:left;}
.ps-txts .ip4 .box>*{ display:table-cell; vertical-align:bottom;  width:50%;}
.ps-txts .ip3 .ip-box{ position:relative;}
.ps-txts .ip3 .ip-box .buy{transition:linear 0.2s all;-moz-transition: linear 0.2s all; -webkit-transition:linear 0.2s all; -o-transition: linear 0.2s all; position: absolute;   bottom: -10px;  right:-10px;  border-radius: 5px;  background:url(../images/product/lsd/btn-bg.png) center center no-repeat; background-size:contain; color: #fff; opacity:0;}
.ps-txts .ip3 .ip-box .buy a{  padding: 35px 80px; display:inline-block; font-size: 2em; letter-spacing: 2px; font-weight:bold;}
.ps-txts .ip3 .ip-box:hover .buy{ opacity:1; bottom: -26px;  right: -20px;}
.ps-txts .ip5{ text-align:center; max-width:790px; margin:0 auto;}
.ps-txts .ip5 img{ max-width:100%;}
.ps-txts .ip5 a{ display:block; text-align:right; font-size:2em; color:#333; line-height:24px; padding-bottom:15px;}
.ps-txts .ip5 a:hover{ text-decoration:underline;}

/*二级类别*/
.ps-tit2{ text-align:center;  margin-top: 15px;}
.ps-tit2 a{ font-size:1.8em; color:#333; padding:12px 15px;  border-bottom: 4px solid #bbb; margin:0 10px; display:inline-block; text-transform:uppercase;}
.ps-tit2 a:hover,.ps-tit2 a.ps-tl2{border-bottom: 4px solid #ee6d35;}

/*ip-kit*/
.ip-kit{ text-align:center;}
.ip-kit img{ max-width:100%;}
/*ip-gear*/
.ip-gear{ padding:40px 0; background:url(../images/bg-b.jpg);}
.ip-gear .warp{ max-width:1000px;}
.ip-gear .tit h3{ text-align:center; font-size:3.2em; font-weight:bold; margin-bottom:35px;}
.ip-gear .tit p{ font-size:2.4em; padding-left:20px; line-height:32px; letter-spacing:2px;}
.ip-gear .box{ background:#fff; padding:20px; float:left; width:calc(50% - 40px); margin:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.ip-gear .box img{ padding:20px; max-width:100%; padding:10px 0;}
.ip-gear .box h3{ text-align:center; font-size:2.4em; line-height:24px;}
.gear .box:nth-child(7){ opacity:0;}

/*点击放大图标*/
	.mfp-arrow:before, .mfp-arrow:after{ margin-left:10px !important;}
	.mfp-arrow:after { margin-left:14px !important;   border-top-width: 38px !important;   border-bottom-width: 38px !important;}
	.mfp-arrow:before {  border-top-width: 46px !important;  border-bottom-width: 46px !important;}
	.mfp-arrow-right:after {  border-left: 40px solid #FFF !important;}	
	.mfp-arrow-right:before {  border-left: 50px solid #3F3F3F !important;}
	.mfp-arrow-left:before {    margin-left: 16px !important;  border-right: 50px solid #3F3F3F !important;}
	.mfp-arrow-left:after { border-right: 40px solid #FFF !important;  margin-left: 22px !important;}
	.mfp-arrow,.mfp-bottom-bar{ display:none !important;}
	
  .proshow{ max-width: 800px; padding-bottom: 3% }
    .proshow h1{ font-size: 1.8rem; text-align: center; line-height: 3em}
  .proshow img{max-width: 100%}
  .proshow .btn a{ display:block; background:#f5f5f5; font-size:1.4em; color:#333333; line-height:24px; padding:16px 30px; margin-top:10px;}
  .proshow .btn a:hover{ background:#ee6022; color:#fff;}