@charset "utf-8";
@font-face {
  font-family: "iconfont"; /* Project id 3474995 */
  src: url('../font/font_3474995_c57d9fbaf9.woff2?t=1698202148912') format('woff2'),
       url('../font/font_3474995_c57d9fbaf9.woff?t=1698202148912') format('woff'),
       url('../font/font_3474995_c57d9fbaf9.ttf?t=1698202148912') format('truetype');
}

.pw1100 {
	width: 1100px;
	margin: 0 auto;
}

.pw1200 {
	width: 1200px;
	margin: 0 auto;
}

.pw1450 {
	width: 1450px;
	margin: 0 auto;
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bofang1:before {
  content: "\e602";
}

.icon-shengyintianchong:before {
  content: "\e6b3";
}

.icon-jingyin:before {
  content: "\e65e";
}

.icon-bofang:before {
  content: "\e61e";
}

.icon-zantingtingzhi:before {
  content: "\e65a";
}

.icon-31dianhua:before {
  content: "\e601";
}

.icon-yonghu:before {
  content: "\e788";
}

.icon-shuaxin:before {
  content: "\ec08";
}

.icon-shejiguifan:before {
  content: "\e600";
}

.icon-anzhuanggongju:before {
  content: "\e60a";
}

.icon-chanpinfenxi:before {
  content: "\e612";
}

.icon-jiaoliu:before {
  content: "\e6b8";
}

.icon--pinpaiguanli:before {
  content: "\e6ac";
}

.icon-fuwu:before {
  content: "\e6f6";
}

.icon-gongxiang:before {
  content: "\e648";
}

.icon-dengpao:before {
  content: "\e603";
}

.icon-keting:before {
  content: "\e621";
}

.icon-zhuangxiushangjia-:before {
  content: "\e606";
}

.icon-yangtai:before {
  content: "\e622";
}

.icon-chufangdianshaguodianfanbao-:before {
  content: "\e604";
}

.icon-bedroom:before {
  content: "\e658";
}

.icon-goufangruhu:before {
  content: "\e653";
}

.icon-muqiang:before {
  content: "\e643";
}

.icon-shufang:before {
  content: "\e636";
}

.icon-shouye:before {
  content: "\e8b9";
}

.icon-close:before {
  content: "\e616";
}

.icon-xinlang:before {
  content: "\e61f";
}

.icon-weixin:before {
  content: "\e7e5";
}

.icon-up:before {
  content: "\e76e";
}

.icon-down:before {
  content: "\e772";
}

.icon-qq:before {
  content: "\e630";
}

.icon-right:before {
  content: "\e798";
}

.icon-left:before {
  content: "\e799";
}

.icon-zanwushuju:before {
  content: "\e660";
}

.icon-arrowLeft:before {
  content: "\e65d";
}

.icon-jiazaizhong:before {
  content: "\e64e";
}

.icon-arrowLeft-copy:before {
  content: "\e7e6";
}

.icon-dizhi:before {
  content: "\e620";
}

.icon-tianmaot:before {
  content: "\e79a";
}

.icon-dianhua:before {
  content: "\e61d";
}

.icon-douyin:before {
  content: "\e8db";
}



@font-face {
  font-family: "Century Gothic";
  src: url("../font/Century Gothic.woff2") format("woff2"),
       url("../font/Century Gothic.woff") format("woff"),
       url("../font/Century Gothic.ttf") format("truetype"),
       url("../font/Century Gothic.eot") format("embedded-opentype"),
       url("../font/Century Gothic.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "geometr";
  src: url("../font/Geometr415 Blk BT Black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "din-bold_";
  src: url("../font/din-bold_.woff2") format("woff2"),
       url("../font/din-bold_.woff") format("woff"),
       url("../font/din-bold_.ttf") format("truetype"),
       url("../font/din-bold_.eot") format("embedded-opentype"),
       url("../font/din-bold_.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.geometr{ font-family: "geometr";}
.century{font-family: "Century Gothic";}
.din{font-family: "din-bold_";}
:root{
	/*公用*/
	--font:'Helvetica Neue',Helvetica,Tahoma,Arial,'Microsoft YaHei','PingFang SC','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif;
	--transition:cubic-bezier(0.25,0.74,0.22,0.99) .65s;
	/*font*/
	--font-size:14px;
	/*color*/
	--color-dominant:#1f4ca6;
	--color-fill:#000;
	--color-white:#fff;
	--color-black:#000;
	--color-gray3:#333;
	--color-gray6:#666;
	--color-gray9:#999;
	--color-orange:#F5AB00;
	/*bg*/
	--body-color:#000;
	--bg-gray:#e6eaf1;
	--bg-scroll:#FED190;
	--bg-overlay:#000;
	/*input*/
	--placeholder:#dbdbdb;
	--input-border-color:#eee;
	--border-radius:0px;
	/*gradient*/
	--linear-gradient-shadow:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,0));
	--linear-gradient-blue:linear-gradient(90deg,#0171c1,#2097ed);
	--shadow:1px 0 27px rgba(0,0,0,.29);
	/*cursor*/
	--cursor-stroke:#000;
	/*img*/
	--aspect-ratio:1/1;
	/*size*/
	--size-10:clamp(5px,0.5208333333333333vw,10px);
	--size-15:clamp(7px,0.78125vw,15px);
	--size-20:clamp(10px,1.0416666666666665vw,20px);
	--size-25:clamp(12px,1.3020833333333335vw,25px);
	--size-30:clamp(15px,1.5625vw,30px);
	--size-35:clamp(17px,1.8229166666666667vw,35px);
	--size-40:clamp(20px,2.083333333333333vw,40px);
	--size-45:clamp(22px,2.34375vw,45px);
	--size-50:clamp(25px,2.604166666666667vw,50px);
	--size-55:clamp(25px,2.864583333333333vw,55px);
	--size-60:clamp(30px,3.125vw,60px);
	--size-65:clamp(32px,3.3854166666666665vw,65px);
	--size-70:clamp(35px,3.6458333333333335vw,70px);
	--size-75:clamp(37px,3.90625vw,75px);
	--size-80:clamp(40px,4.166666666666666vw,80px);
	--size-85:clamp(42px,4.427083333333334vw,85px);
	--size-90:clamp(45px,4.6875vw,90px);
	--size-95:clamp(47px,4.947916666666666vw,95px);
	--size-100:clamp(50px,5.208333333333334vw,100px);
	--size-110:clamp(55px,5.729166666666666vw,110px);
	--size-120:clamp(60px,6.25vw,120px);
	--size-130:clamp(65px,6.770833333333333vw,130px);
	--size-140:clamp(70px,7.291666666666667vw,140px);

	--size-10-:clamp(-10px,-0.5208333333333333vw,-5px);
	--size-15-:clamp(-15px,-0.78125vw,-7px);
	--size-20-:clamp(-20px,-1.0416666666666665vw,-10px);
	--size-25-:clamp(-25px,-1.3020833333333335vw,-12px);
	--size-30-:clamp(-30px,-1.5625vw,-15px);
	--size-35-:clamp(-35px,-1.8229166666666667vw,-17px);
	--size-40-:clamp(-40px,-2.083333333333333vw,-20px);
	--size-45-:clamp(-45px,-2.34375vw,-22px);
	--size-50-:clamp(-50px,-2.604166666666667vw,-25px);
	--size-55-:clamp(-55px,-2.864583333333333vw,-25px);
	--size-60-:clamp(-60px,-3.125vw,-30px);
	--size-65-:clamp(-65px,-3.3854166666666665vw,-32px);
	--size-70-:clamp(-70px,-3.6458333333333335vw,-35px);
	--size-75-:clamp(-75px,-3.90625vw,-37px);
	--size-80-:clamp(-80px,-4.166666666666666vw,-40px);
	--size-85-:clamp(-85px,-4.427083333333334vw,-42px);
	--size-90-:clamp(-90px,-4.6875vw,-45px);
	--size-95-:clamp(-95px,-4.947916666666666vw,-47px);
	--size-100-:clamp(-100px,-5.208333333333334vw,-50px);
	--size-110-:clamp(-110px,-5.729166666666666vw,-55px);
	--size-120-:clamp(-120px,-6.25vw,-60px);
	--size-130-:clamp(-130px,-6.770833333333333vw,-65px);
	--size-140-:clamp(-140px,-7.291666666666667vw,-70px);
}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block; padding:0; margin:0;}
*,:before,:after{box-sizing:border-box;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0; display:inline-block; width:auto; max-width:100%;vertical-align: middle;image-rendering: -moz-crisp-edges; /* Firefox */     image-rendering: -o-crisp-edges; /* Opera */      image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */image-rendering: crisp-edges; \-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;}
body{font-size:14px; color:#333;-webkit-tap-highlight-color:rgba(255,255,255,0); overflow-x:hidden;font-family: 'Microsoft YaHei';}
pre{font-family: 'Helvetica Neue',Helvetica,Tahoma,Arial,'Microsoft JhengHei','PingFang SC','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif; white-space:pre-wrap;word-wrap: break-word;}
a{text-decoration:none; color:#333; outline:none; transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.clearfix:after{content:"\200B"; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none;-webkit-appearance: none;border-radius: 0; font-size:14px;font-family:'Helvetica Neue',Helvetica,Tahoma,Arial,'Microsoft JhengHei','PingFang SC','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif; display:block; width:100%; border:none; border:1px solid #eee; height:38px; line-height:38px; padding:0 10px; transition:cubic-bezier(0.215,.61,.355,1) .45s; background:none;}
input::-webkit-input-placeholder,input:-moz-placeholder,input::-moz-placeholder,input:-ms-input-placeholder,textarea::-webkit-input-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder,textarea:-ms-input-placeholder{color: #999;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
.container{max-width:1280px; margin:auto; position:relative; padding:0 15px; width:100%; z-index:2;}
.container1400{max-width:1400px; margin:auto; position:relative; padding:0 15px; width:100%;}
.din{font-family: "din-bold_";}
/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical,::-webkit-scrollbar-button:horizontal{display:none}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{background-color:#555;border-radius:1.5625vw}
::-webkit-scrollbar-thumb:vertical:hover,::-webkit-scrollbar-thumb:horizontal:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical,::-webkit-scrollbar-corner:horizontal{background-color:#535353}
::-webkit-scrollbar-resizer:vertical,::-webkit-scrollbar-resizer:horizontal{background-color:#FF6E00}
/*config*/
.l-center{text-align:center;}
.l-relative{position:relative;}
.l-overflow{overflow:hidden;}
.l-bold{font-weight:bold;}
.l-normal{font-weight normal;}
.l-imgs{background-position:center; background-repeat:no-repeat; background-size:cover;}
.l-right{float:right;}
.l-lh18{line-height:18px;}
.l-lh20{line-height:20px;}
.l-lh22{line-height:22px;}
.l-lh24{line-height:24px;}
.l-lh26{line-height:26px;}
.l-lh28{line-height:28px;}
.l-lh30{line-height:30px;}
.l-lh32{line-height:32px;}
.l-lh34{line-height:34px;}
.l-lh36{line-height:36px;}
.l-lh38{line-height:38px;}
.l-lh40{line-height:40px;}
.l-font12{font-size:12px;}
.l-font16{font-size:16px; padding-bottom:20px;}
.l-font18{font-size:18px;}
.l-font20{font-size:20px;}
.l-font22{font-size:22px;}
.l-font24{font-size:24px;}
.l-font26{font-size:26px;}
.l-font28{font-size:28px;}
.l-font30{font-size:30px;}
.l-font32{font-size:32px;}
.l-font34{font-size:34px;}
.l-font36{font-size:36px;}
.l-font38{font-size:38px;}
.l-font40{font-size:40px;}
.l-font42{font-size:42px;}
.l-font56{font-size:56px;}
.l-font60{font-size:60px;}
.l-font72{font-size:72px;}
.l-font100{font-size:100px;}
.l-opacity8{opacity:.8;}
.l-opacity7{opacity:.7;}
.l-opacity5{opacity:.5;}
/*栅格化*/
.l-flex,.l-grid-2,.l-grid-3,.l-grid-4,.l-grid-5,.l-grid-6,.l-grid-7,.l-grid-8{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.l-col-1,.l-col-2,.l-col-3,.l-col-4,.l-col-5,.l-col-6,.l-col-7,.l-col-8,.l-col-9,.l-col-10,.l-col-11,.l-col-12,.l-left,.l-grid-2>*,.l-grid-3>*,.l-grid-4>*,.l-grid-5>*,.l-grid-6>*{float:left;}
/*均分*/
.l-grid-2>*{width:50%;}
.l-grid-3>*{width:33.333333333333336%;}
.l-grid-4>*{width:25%;}
.l-grid-5>*{width:20%;}
.l-grid-6>*{width:16.666666666666668%;}
.l-grid-7>*{width:14.285714285714286%;}
.l-grid-8>*{width:12.5%;}
/*均分/非均分*/
.l-col-1{width:8.333333333333332%;}
.l-col-2{width:16.666666666666664%;}
.l-col-3{width:25%;}
.l-col-4{width:33.333333333333336%;}
.l-col-5{width:41.66666666666667%;}
.l-col-6{width:50%;}
.l-col-7{width:58.333333333333336%;}
.l-col-8{width:66.66666666666666%;}
.l-col-9{width:75%;}
.l-col-10{width:83.33333333333334%;}
.l-col-11{width:91.66666666666666%;}
.l-col-12{width:100%;}
/*mt*/
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.l-col-mt10>*{margin-top:10px;}
.l-col-mt15>*{margin-top:15px;}
.l-col-mt20>*{margin-top:20px;}
.l-col-mt25>*{margin-top:25px;}
.l-col-mt30>*{margin-top:30px;}
.l-col-mt35>*{margin-top:35px;}
.l-col-mt40>*{margin-top:40px;}
.l-layer{display: flex;backdrop-filter: blur(5px); align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: fixed; left: 0; top: 0; z-index: 1000; opacity: 0; pointer-events: none; }
/*form*/
.l-form-label{width:110px; text-align:right; padding:0 15px;}
input:focus{border-color:#D2D2D2;}
.l-input-block{margin-left:110px; min-height:38px;}
.layui-input-inline{width:190px;}
.l-radio>div{float:left; position:relative; margin-left:20px;}
.l-radio>div:first-child{margin-left:0;}
.l-radio>div i{display:block; width:18px; height:18px; border:1px solid #c2c2c2; border-radius:50%; margin:0 6px 0 0; float:left; position:relative;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.l-radio>div i:before{content:''; display:block; width:8px; height:8px; border-radius:50%; background:#F5AB00; position:absolute; left:50%; top:50%; margin:-4px 0 0 -4px; transform:scale(0); visibility:hidden; opacity:0;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.l-radio>div.on i{border-color:#F5AB00;}
.l-radio>div.on i:before{transform:scale(1); visibility:visible; opacity:1;}
.l-radio>div input{position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;-webkit-appearance: radio; opacity:0; z-index:2;}
.l-checkbox>div i{border-radius:4px;}
.l-checkbox>div i:before{border-radius:4px;}
.l-lh60{line-height:60px;}
.l-font160{font-size:8.333333333333332vw;}
.l-hollowOut{-webkit-text-fill-color:transparent; -webkit-text-stroke:1px #000;}
/*btn*/
button.l-btn{-webkit-appearance: none; outline:none;}
.l-btn{height:38px; line-height:38px; padding:0 18px; cursor:pointer; border:1px solid transparent; color:#fff; white-space:nowrap; text-align:center; font-size:14px; border-radius:2px; background-color:#009688; display:inline-block; transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.l-btn-primary{border-color:#d2d2d2; background-color:inherit !important; color:#000;}
.l-btn:hover{opacity:.8;}
.l-btn-primary:hover{border-color:#007E74; color:#007E74;}
.l-btn-disabled{color:#d2d2d2; border-color:#eee; background-color:#fbfbfb; cursor:not-allowed;}
.l-btn-xl{height:50px; line-height:50px; padding:0 30px; font-size:18px;}
.l-btn-l{height:44px; line-height:44px; padding:0 25px; font-size:16px;}
.l-btn-s{height:30px; line-height:30px; padding:0 10px; font-size:12px;}
.l-btn-xs{height:22px; line-height:22px; padding:0 5px; font-size:12px;}
.l-btn-flex{display:block; width:100%;}
/*radius*/
.l-radius2{border-radius:2px;}
.l-radius4{border-radius:4px;}
.l-radius6{border-radius:6px;}
.l-radius8{border-radius:8px;}
.l-radius10{border-radius:10px;}
.l-radius20{border-radius:20px;}
.l-radius30{border-radius:30px;}
.l-radius50{border-radius:50%;}
/*border*/
.l-border1{border:1px solid #fafafa;}
.l-border2{border:2px solid #fafafa;}
.l-border3{border:3px solid #fafafa;}
.l-border-dashed{border-style:dashed;}
.l-border-dotted{border-style:dotted;}
.l-border-color1{border-color:#fafafa;}
.l-border-color2{border-color:#f6f6f6;}
.l-border-color3{border-color:#eee;}
.l-border-color4{border-color:#e2e2e2;}
.l-border-color5{border-color:#ddd;}
.l-border-color6{border-color:#d2d2d2;}
.l-border-color7{border-color:#ccc;}
.l-border-color8{border-color:#c2c2c2;}
.l-border-red{border-color:#FF5722;}
.l-border-orange{border-color:#FFB800;}
.l-border-green{border-color:#009688;}
.l-border-cyan{border-color:#2F4056;}
.l-border-blue{border-color:#1E9FFF;}
.l-border-black{border-color:#393D49;}
/*bg color*/
.l-bg-red{background-color:#FF5722;}
.l-bg-orange{background-color:#FFB800;}
.l-bg-green{background-color:#009688;}
.l-bg-cyan{background-color:#2F4056;}
.l-bg-blue{background-color:#1E9FFF;}
.l-bg-black{background-color:#393D49;}
.l-bg-gray{background-color:#FAFAFA;}
.l-bg-white{background-color:#fff;}
/*font color*/
.l-white{color:#fff;}
.l-red{color:#7e1b1b;}
.l-orange{color:#f5ab00;}
.l-green{color:#475622;}
.l-cyan{color:#2F4056;}
.l-blue{color:#1E9FFF;}
.l-black{color:#000;}
.l-gray3{color:#333;}
.l-gray6{color:#666;}
.l-gray9{color:#999;}

/*下拉*/
.l-select{position:relative; line-height:38px;}
.l-select-title{position:relative; height:38px; cursor:pointer;}
.l-select-title>input{cursor:pointer; position:relative; z-index:2;user-select: none;}
.l-select-title:after{content:''; display:block; width:0; height:0; border:6px solid transparent; border-top:6px solid #C2C2C2; position:absolute; right:10px; top:50%; margin-top:-3px;}
.l-select-upbit{position:absolute; left:0; top:110%; width:100%;border: 1px solid #eee; border-radius:2px; background:#fff; z-index:10; padding:5px 0; transform:translateY(20px); visibility:hidden; max-height:300px;overflow-y: auto;}
.l-select-upbit>*{padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.l-select-upbit>dd{cursor:pointer;}
.l-select-upbit>dd:hover{background:#f6f6f6;}
.l-select-upbit>dd.on{background:#5FB878; color:#fff;}
.l-select-tips{color:#999;}
.l-select.l-selected .l-select-upbit{transform:translateY(0); visibility:visible;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.l-select.l-selectup .l-select-upbit{top:inherit; bottom:110%;}
.l-disabled{background-color:#fff; color:#d2d2d2 !important; cursor:not-allowed !important;}
.l-disabled:hover{background:none !important;}
.l-select-group>dd{padding-left:20px;}
.l-select-group>dt{color:#999;}
.l-radio>.l-disabled i{border:1px solid #F0EEEE;}
.l-disabled>*{cursor:not-allowed !important;}
.l-hide{display:none !important;}
.l-select-none{text-align:center; color:#999;}
.l-switch{width:56px; height:24px; line-height:24px; border:1px solid #D2D2D2; position:relative; border-radius:30px; cursor:pointer;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.l-switch input{cursor:pointer;}
.l-switch input{width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; opacity:0;}
.l-switch em{font-size:12px; color:#999; position:absolute; right:4px; top:0;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.l-switch i{display:block; width:16px; height:16px; border-radius:50%; background:#D2D2D2; position:absolute; left:4px; top:50%; margin-top:-8px;transition:cubic-bezier(0.215,.61,.355,1) .45s; z-index:2;}
.l-switch.on em{transform:translateX(-20px); color:#fff;}
.l-switch.on i{transform:translateX(30px); background:#fff;}
.l-switch.on{border-color:#5FB878; background:#5FB878;}
.l-textarea{height:100px;resize:vertical; transition:0s; min-height:100px; max-height:300px;}
.l-textarea:focus{border-color:#D3D3D3;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.l-lh56{line-height:56px;}
.l-lh70{line-height:70px;}
.l-uppercase{text-transform:uppercase;}
.lh-cursor{pointer-events: none; position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center; z-index:10000; width:30px; height:30px; margin:-15px 0 0 -15px; opacity:0;}
.lh-cursor:before{content:'左右滑动切换'; position:absolute; left:50%;top:100%; transform:translateX(-50%); white-space:nowrap; color:#fff;}
.lh-cursor .left{position:absolute; right:110%; top:50%; transform:translateY(-50%);}
.lh-cursor .right{position:absolute; left:110%; top:50%; transform:translateY(-50%);}
.banner.lh-cursor{opacity:1;}
.proDetail-banner,.swiper-container-horizontal{cursor:grab;}
li .l-imgs{height:100%;}
.lh-banner .bd li{overflow:hidden;}
.l-font48{font-size:48px;}
.l-font52{font-size:52px;}
.new-top{background:#29166f; height:71px;position:fixed; left:0; top:0; right:0; z-index:100;opacity:0.9;}
.lh-header{}
.lh-logo{position:absolute; left:3.4375000000000004vw; top:20px; width:306px;}
.lh-logo>img{position:absolute; left:0; top:0;transition:cubic-bezier(0.215,.61,.355,1) .45s; opacity:0;}
.lh-logo>img.logo1{opacity:1;}
.header-r{position:absolute; right:3.4375000000000004vw; top:4px;}
.lh-nav-btn{margin-left:18px;margin-top:4px; display:flex; align-items:center; position:relative; z-index:100;}
.lh-nav-btn span{display:block; width:52px; height:52px; border-radius:50%; background:#da251d; margin-right:14px; position:relative;}
.lh-nav-btn span:before,.lh-nav-btn span:after{content:''; display:block; width:22px; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin:-7px 0 0 -11px;transition: all .8s cubic-bezier(.77,0,.175,1);}
.lh-nav-btn i:after{content:'';display:block; width:18px; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin:-1px 0 0 -11px; transform-origin:left center;transition: all .8s cubic-bezier(.77,0,.175,1);}
.Nav .lh-nav-btn i:after{transform:scaleX(0);}
.Nav .lh-nav-btn em{ color:#000;}
.Nav .lh-nav-btn span:before{transform:translate(0,6px) rotate(45deg);}
.Nav .lh-nav-btn span:after{transform:translate(0,-6px) rotate(-45deg);}
.lh-nav-btn span:after{margin:5px 0 0 -11px;}
.tab-bd>*{display:none;}
.banner-tip{position:absolute; left:50%; bottom:10px; transform:translateX(-50%); text-align:center; color:#fff; z-index:2;}
.banner-tip i{display:block; width:10px; height:10px; position:relative; border-radius:50%; border:1px solid #999; margin:0 auto 15px;}
.banner-tip i:before{content:''; display:block; width:1px; height:11px; background:#999; position:absolute; left:50%; top:100%; transform-origin:center top;animation: tip 2s infinite;}
.index-content{height:100vh; overflow:hidden;}
.lh-banner{height:100vh; margin-top:70px;}
.lh-banner .imgs{height:100%; position:relative;}
.lh-banner .l-imgs{position:absolute; left:0; top:0; right:0; bottom:0;transform: translateZ(0);}
.lh-banner .l-imgs:nth-child(2){animation-duration: 4s;animation-delay: 2s;animation-timing-function: linear;animation-iteration-count: infinite;animation-name: glitch-anim;}


.lh-banner1{height:100vh; margin-top:0px;}
.lh-banner1 .imgs{height:100%; position:relative;}
.lh-banner1 .l-imgs{position:absolute; left:0; top:0; right:0; bottom:0;transform: translateZ(0);}
.lh-banner1 .l-imgs:nth-child(2){animation-duration: 4s;animation-delay: 2s;animation-timing-function: linear;animation-iteration-count: infinite;animation-name: glitch-anim;}


.index-page{position:relative; height:100vh; padding:0 9.166666666666666vw;}
.index-content>.bd>.swiper-slide{overflow:hidden;}
.nav-layer{position:fixed; right:0; top:100px; bottom:0; z-index:101; padding:0 3.4375000000000004vw 0 0;pointer-events: none; opacity:0;transition:cubic-bezier(0.215,.61,.355,1) .45s; height:85vh;}
.Nav .nav-layer{opacity:1; transition-delay:.8s;pointer-events:initial;}
.lh-nav-btn b{width:52px; height:52px; position:absolute; left:0; top:0;}
.lh-nav-btn b:before{content:''; display:block; width:220vh; height:220vh; margin:-110vh 0 0 -53vh; background:#fff; z-index:-1; position:absolute; left:50%; top:50%;transition: all .8s cubic-bezier(.77,0,.175,1); transform:scale(0);}
.Nav .lh-nav-btn b:before{transform:scale(1);}
.layer-shadow{position:fixed; left:0; top:0; width:100vw; height:100vh; z-index:98; background:rgba(0,0,0,.7); opacity:0; visibility:hidden; transition: cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-home{display:flex; align-items:center; margin-right:46px; position:relative; top:18px; width:0px; margin-right:0px; opacity:0; white-space:nowrap; position:relative; z-index:101; visibility:hidden; transform:translateX(100%);}
.lh-home:hover{color:#da251d;}
.lh-home img{ padding-right:10px;}
.Nav .lh-home{ animation:home cubic-bezier(0.215,.61,.355,1) 1s forwards; animation-delay:.45s; visibility:visible;}
@keyframes home{
	0%{width:auto;margin-right:46px;}
	100%{width:auto;margin-right:46px;opacity:1;}
}
.lh-home i{margin-right:8px;}
.nav-item-box{text-align:right; height:calc(100vh - 250px); display:flex;flex-direction:column;}
.nav-item-box>*{flex:1; transform:translateY(60px); opacity:0;}
.Nav .nav-item-box>*{animation:navItem cubic-bezier(0.215,.61,.355,1) 1s forwards; animation-delay:.45s;}
@keyframes navItem{
	to{transform:translateY(0); opacity:1;}	
}
.Nav .nav-item-box>*:nth-child(1){animation-delay:.55s;}
.Nav .nav-item-box>*:nth-child(2){animation-delay:.65s;}
.Nav .nav-item-box>*:nth-child(3){animation-delay:.75s;}
.Nav .nav-item-box>*:nth-child(4){animation-delay:.85s;}
.Nav .nav-item-box>*:nth-child(5){animation-delay:.95s;}
.Nav .nav-item-box>*:nth-child(6){animation-delay:1.05s;}
.Nav .nav-item-box>*:nth-child(7){animation-delay:1.15s;}
.Nav .nav-item-box>*:nth-child(8){animation-delay:1.25s;}
.nav-item dt{margin-top:2vh;}
.nav-item dt:first-child{margin-top:0;}
.nav-item dt a{position:relative; white-space:nowrap; line-height:36px;}
.nav-item dt a:hover{color:#da251d;}
.nav-item dt a:before{content: ''; display: block; width: 110%; height: 3px; background: #344154; position: absolute; left: -5%; top: 50%; margin-top: -1px; transform-origin: left center; transition: transform .8s; transform: scaleX(0); z-index: 2;}
.nav-item dt a:hover:before{transform:scaleX(1); transition-duration: .3s;}
.nav-item dt a em{opacity:1;}
.nav-item dt span{position:absolute; left:0; top:0; width:100%; height:50%; overflow:hidden;transition: transform .8s;}
.nav-item dt a span,.nav-item dt a:before{display:none;}
.nav-item dt span:last-child{top:50%;}
.nav-item dt span:last-child:before{transform:translateY(-50%);display: block;}
.nav-item dt a:hover span:nth-child(2){transform: translateX(-5px) skew(-20deg);transition-duration: .3s;}
.nav-item dt a:hover span:nth-child(3){transform: translateX(5px) skew(-20deg);transition-duration: .3s;}
.nav-item dt span:before{content:attr(data-text);}
.nav-item dd{overflow:hidden;}
.nav-item dd>a{margin-left:1.043333333333333vw; position:relative; color:#666;margin-top:10px; z-index:1; display:inline-block;}
.nav-item dd>:hover{color:#da251d;}
.nav-item dd>a:hover:before{opacity:1; transform:translateX(0);}
.nav-item dd>a:first-child{margin-left:0;}
.nav-footer{position:absolute; right:3.4375000000000004vw; bottom:50px; display:flex; align-items:center; color:#666; transform:translateY(40px); opacity:0;}
.Nav .nav-footer{animation: navItem cubic-bezier(0.215,.61,.355,1) 1s forwards;animation-delay: 1.35s;}

.nav-footer .iconfont{font-size:20px;}
.nav-footer>a{display:flex; align-items:center;}
.nav-footer>a i{margin-left:16px;}
.lh-banner .text{position:absolute; left:0; top:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center; z-index:3;}
.lh-banner .text .name{letter-spacing:3px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}
.lh-banner .text .name>span{color:#f5ab00;}
.l-font46{font-size:46px;}
.l-font45{font-size:45px;}
.l-font55{font-size:55px; text-align:center;}
.more-btn{display:flex; align-items:center; justify-content:center; width:130px; height:40px; border:1px solid rgba(255,255,255,.5); color:#fff; font-size:18px; margin:20px auto 0;}

.index-page2{text-align:center; color:#fff;}
.index-page2 text {}
.index-page2 h2{font-size:40px;font-weight:bold;padding-top:140px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}
.index-page2 h3{font-size:36px;font-weight:normal;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}
.index-page2 h4{font-size:55px;font-weight:blod;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}
.video-layer{padding: 20%; opacity: 1; pointer-events: auto;}
.video-layer .icon-close{position: absolute; right: 0; bottom: calc(100% + var(--size-20));}
.video-layer>*{width: 100%; aspect-ratio: 1920/1080;}
.video-layer video{width: 100%; height: 100%; object-fit: cover;}
.index-page2 .text{transition-delay:1.2s;}
.index-page2 .name{margin-top:15px;}
.index-page2 .lh-more,.series-banner .bd .text .lh-more{margin-top:70px;}

.series-banner,.index-series{height:100vh;}
.series-banner .bd .text{position:absolute; left:0; top:0; right:0; bottom:0; color:#fff; z-index:2; display:flex; align-items:center; padding:0 9.166666666666666vw;transition-delay: 1s;}

.Page2 .lh-tm .tm,.Page3 .lh-tm .tm,.Page4 .lh-tm .tm,.Page5 .lh-tm .tm{opacity:0;transition: cubic-bezier(0.215,.61,.355,1) .45s;}
.Page2 .lh-tm .tm1,.Page3 .lh-tm .tm1{opacity:1;}
.lh-tm>.tm2{background:rgba(0,0,0,.1);}

.Justom7 .banner-tip{display:none;}
.lh-banner-hd{position:absolute; left:3.125vw !important; bottom:40px !important; z-index:2; width:auto !important;}
.lh-banner-hd li{opacity:1; width:10px; height:10px; border:1px solid #fff;transition:cubic-bezier(0.215,.61,.355,1) .45s; margin:0 4px!important; background:none;}
.lh-banner-hd li.on{background:#fff;}
input,button,select,textarea {
	outline: none;
	-webkit-appearance: none;
	border-radius: 0;
	border: none;
}
.logo {
	background: #29166f;
	padding-top: 110px;
	padding-bottom: 50px;
	display:none;
}

.logo .i1 {
  float: left;
  width:70%;
}

.logo1-box {
  height: 1px;
}

.selector {
  z-index: 99999;
}

.logo .i2 {
  float: left;
  margin-left: 20px;
  margin-top: 2px;
}

.header {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, .3) url('../images/close.png') no-repeat right 15px top 20px;
    background-size: 30px 30px;
    padding: 0;
    height: 100%;
    width: 100%;
  }
  .header>.container {
    position: absolute;
    left: -60%;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #B2B5B7;
    height: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    transition: all .5s;
    overflow-y: auto;
    padding-bottom: 80px;
  }
  .header>.container.in {
    left: 0;
  }
  .header-nav {
    float: none;
    margin: 20px 0 0;
  }
  .header-nav>li {
    float: none;
    border-bottom: 1px solid #ffffff;
    margin:0;
    font-size: 14px;
    line-height: 2.2;
    padding-left: 10px;
	font-weight:bold;
  }
  .header-nav>li a {
    display: block;
    color: #ffffff;
  }
  .header-nav .sub {
    display: block;
    position: static;
    width: 100%;
    background: none;
    box-shadow: none;
    text-align: left;
    font-size: 14px;
    line-height: 2.2;
  }
  .header-nav .sub li {
    padding-left: 0px;
  }
  .header-nav .sub a {
    color: #ffffff;
	font-weight: normal;
  }

.logo-menu {
  display: none;
  float: right;
  width: 34px;
  height: 34px;
  background: #29166f;
  border: 1px solid #cccccc;
  border-radius: 4px;
  margin-top: -4px;
  padding-top: 9px;
}

.logo-menu span {
  display: block;
  width: 20px;
  height: 2px;
  margin: 0 auto 4px;
  background: #ffffff;
  border-radius: 2px;
}
.header-search {
  float: left;
  width: 150px;
  height: 32px;
  position: relative;
  border-radius: 15px;
  margin-top:14px;
}

.header-search .i1 {
  width: 150px;
  height: 32px;
  border-radius: 15px;
  background: #C4C4C5;
  padding: 0 32px 0 10px;
  color: #ffffff;
}

.header-search .i1::-webkit-input-placeholder {
  color: #ffffff;
}

.header-search .i2 {
  position: absolute;
  width: 32px;
  height: 32px;
  right: 0;
  top: 0;
  background: url('../images/search.png') no-repeat center center;
  cursor: pointer;
}

.header-weixin {
  float: left;
  text-align: center;
  position: relative;
  color: #ffffff;
  font-size: 14px;
  width: 120px;
  line-height: 32px;
  cursor: pointer;
  padding-right:20px;
  margin-top:14px;
}

.header-weixin:before {
  position: absolute;
  content: "";
  display: block;
  width: 1px;
  height: 30px;
  top: 9px;
  left: 0;
}

.header-weixin:after {
  position: absolute;
  content: "";
  display: block;
  width: 1px;
  height: 30px;
  top: 2px;
  right: 0;
  background: #ffffff;
  margin-right:30px;
}

.header-weixin:hover .sub {
  display: block;
  margin-right:200px;
}

.header-weixin .sub {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 0 3px rgba(0, 0, 0, .3);
  text-align: center;
  line-height: 2;
  font-size: 14px;
}

.header-language {
  float: left;
  text-align: center;
  position: relative;
  color: #ffffff;
  font-size: 13px;
  line-height: 32px;
  padding-left:0px;
  cursor: pointer;
  margin-top:14px;
}

.header-language:hover .sub {
  display: block;
  width:80px;
  margin-left:-14px;
}

.header-language .sub {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 0 3px rgba(0, 0, 0, .3);
  text-align: center;
  line-height: 2;
  font-size: 14px;
}

.header-language .sub a {
  color: #332C2B;
}

.flash img{ width: 100%;}
.flash ul.bxslider{list-style:none;display:none;}
.flash div.bx-pager{bottom: 4%;}
.flash div.bx-controls-direction{ display:none; }

/*首页视频*/

.ivideo{
	padding: 70px 0;
	background: #cce3f3;
}

.ivideo01-title {
	display: block;
	text-align:center;
	padding-top:40px;
	color:#515b86;
}
.ivideo01-title h3{
	font-size: 28px;
	color:#515b86;
	font-weight: normal;
	padding-bottom:20px;
}

.ivideo01-title h2{
	font-size: 40px;
	font-weight:bold;
}

.ivideo01-title p{
	font-size: 19px;
	padding-bottom:20px;
}

.ivideo01{
	margin-bottom: 35px;
}
.ivideo01-con{
	margin: 0 auto;
	width: 831px;
	padding: 45px 69px 43px 70px;
}

.ivideo01-con01{
	width: 100%;
}
.ivideo01-con img{
	display: block;
	max-width: 100%;
}

/*首页视频2*/

.invideo{
	background: #cce3f3;
	display: none;
	padding-top: 70px;
	padding-bottom: 10px;
}

.invideo01-title {
	display: block;
	text-align:center;
	padding-top:40px;
	color:#515b86;
	padding-left:10px;
	padding-right:10px;
}
.invideo01-title h3{
	font-size: 28px;
	color:#000;
	font-weight: normal;
	padding-bottom:20px;
}

.invideo01-title h2{
	font-size: 40px;
	font-weight:bold;
}

.invideo01-title p{
	font-size: 19px;
	padding-bottom:20px;
}

.invideo01{
	margin-bottom: 35px;
}
.invideo01-con{
	margin: 0 auto;
}

.invideo01-con01{
	width: 100%;
}
.invideo01-con img{
	display: block;
	max-width: 100%;
}

/*技术视频*/

.tvideo{
	padding: 0px 0;
}

.tvideo01{
	margin-bottom: 35px;
}
.tvideo01-con{
	margin: 0 auto;
	width: 831px;
	padding: 45px 69px 43px 70px;
}

.tvideo01-con01{
	width: 100%;
}
.tvideo01-con img{
	display: block;
	max-width: 100%;
}

/*技术视频2*/

.atvideo{
	display: none;
	padding-top: 0px;
	padding-bottom: 10px;
}

.atvideo01-title {
	display: block;
	text-align:center;
	padding-top:40px;
	color:#515b86;
	padding-left:10px;
	padding-right:10px;
}

.atvideo01{
	margin-bottom: 35px;
}
.atvideo01-con{
	margin: 0 auto;
}

.atvideo01-con01{
	width: 100%;
}
.atvideo01-con img{
	display: block;
	max-width: 100%;
}

.ipic {
	margin: 0 auto;
	width:100%;
}

.ipic-item li {
	float: left;
	width:33.2%;
	margin-right: 2px;
	position: relative;
}

.ipic-item li:nth-child(3n) {
	margin-right: 0;
}

.ipic-item-img {
	overflow: hidden;
	position:relative;
	margin-bottom:2px;
}

.ipic-item-img:hover img{
	transform: scale(1.1);
	display: block;
object-fit: cover;
transition: all 0.5s ease;
	
}

.inpro {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align:center;
}

.inpro-title {
	display: block;
	text-align:center;
	padding-top:60px;
	color:#515b86;
}

.inpro-title h3{
	font-size: 28px;
	color:#515b86;
	font-weight: normal;
	padding-bottom:20px;
}

.inpro-title h2{
	font-size: 40px;
	font-weight:bold;
}

.inpro-title p{
	font-size: 19px;
	padding-bottom:20px;
}

.inpro h2 {
  padding-top:10px;
  font-size:21px;
  color:#000;
  font-weight: bold;
}

.inpro .item .more {
	padding-top:20px;
	padding-bottom:10px;
	margin: 0 auto;
}

.inpro .item {
  float: left;
  width: 396px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.inpro .item:hover img {
	background: #000;
	box-shadow: 5px 2px 6px #000;
	opacity: 0.6;
}

.inpro .item:nth-child(3n) {
  margin-right: 0;
}

.inpro  .more a{
	display: inline-block;
	color: #515b86;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 5px 18px;
	margin-top: 0px;
	margin-bottom: 30px;
	border: 1px solid #515b86;
}

.index01 {
  padding: 80px 0 50px;
  background: #fff;
  position: relative;
  text-align: center;
}

.index01 .title {
  padding-top:40px;
}

.index01 .title h2 {
  font-size: 34px;
  color:#515b86;
  font-weight:bold;
}

.index02 {
	position: relative;
	display: block;
}

.index03 {
	padding-top: 60px;
	background: #cce3f3;
	text-align: center;
	padding-bottom: 20px;
}

.one {
	height: 306px;
	width: 1280px;
	overflow: hidden;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
.one ul {
	height: 306px;
	width: 100000px;
	position: absolute;
	left: 0;
} /*ul width的宽不能过小*/
.one ul li {
	display: block;
	float: left;
	height: 306px;
	border-radius: 5px;
	position: relative;
	margin-right: 5px;
	margin-left: 5px;
}
.one ul li img {
	display: block;
}

.index04 {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	text-align: center;
	display: none;
	background: #EDEEEE;
	padding-top: 60px;
	padding-right: 6px;
	padding-left: 6px;
}
.index04-item li {
	float: left;
	width: 400px;
	margin-bottom: 10px;
	text-align: center;
	object-fit: cover;
	vertical-align: bottom;
	display: none;
}
.index04-item li:nth-child(3n) {
	margin-right: 0;
}
.index04-item img {
	display: block;
	width: 100%;
}

.index05 .con {
	position: absolute;
	z-index: 999;
	top: 0px;
	left: 50%;
	width: 1000px;
	margin-left: -516px;
	text-align:center;
}
.index05 .con h2 {
	font-size: 36px;
	color:#515b86;
	font-weight:bold;
}
.index05 .con h3 {
	font-size: 28px;
	font-weight: normal;
	color:#515b86;
}
.index05 .con p {
	font-size: 19px;
	padding-top:50px;
	padding-bottom:20px;
	color:#515b86;
}

.index06{
	margin: 0 auto;
	display: none;
	color:#515b86;
}
.index06 .title{
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
}
.index06 .title h2{
	font-size:22px;
	font-weight:bold;
	padding-bottom:10px;
}
.index06 .title h3{
	font-size:20px;
}
.index06 .title p{
	font-size:18px;
	padding-bottom:10px;
}
.index06 img {
	margin: 0 auto;
}

.index07 .con {
	position: absolute;
	z-index: 999;
	top: 0px;
	left: 46%;
	width: 1000px;
	margin-left: -516px;

}
.index07 .con h2 {
	font-size: 45px;
	color:#fff;
	font-weight:bold;
	padding-top:80px;
}
.index07 .con h3 {
	font-size: 32px;
	padding-top:20px;
	padding-bottom:20px;
	color:#fff;
}

.index08{
	margin: 0 auto;
	display: none;
}
.index08 img {
	margin: 0 auto;
}

.index09 .con {
	position: absolute;
	z-index: 999;
	top: 0px;
	left: 50%;
	width: 1060px;
	margin-left: -516px;
	text-align:center;
}
.index09 .con h2 {
	font-size: 38px;
	color:#515b86;
	font-weight:bold;
	padding-top:220px;
}
.index09 .con h3 {
	font-size: 28px;
	font-weight:bold;
	color:#515b86;
}
.index09 .con p {
	font-size: 19px;
	padding-top:40px;
	padding-bottom:20px;
	color:#515b86;
}

.index09  .more a{
	display: inline-block;
	color: #515b86;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 5px 18px;
	margin-top: 700px;
	margin-bottom: 30px;
	border: 1px solid #515b86;
}

.index10{
	margin: 0 auto;
	display: none;
	color:#515b86;
}
.index10 .title{
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
}
.index10 .title h2{
	font-size:22px;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:20px;
}
.index10 .title h3{
	font-size:20px;
	font-weight:bold;
	padding-bottom:10px;
}
.index10 .title p{
	font-size:16px;
}
.index10 .pic{
	margin: 0 auto;
}
.index10 .pic img{
	width:60%;
}
.index10 img {
	margin: 0 auto;
}

.index11 {
	margin: 0 auto;
	text-align:center;
	padding-bottom:60px;
	background: #cce3f3;
}

.index11 h2{
	font-size:40px;
	color:#515b86;
	font-weight:bold;
	padding-top:60px;
}

.index11 h3{
	font-size:28px;
	font-weight:bold;
	padding-bottom:50px;
	color:#515b86;
}

.index11 p{
	font-size:16px;
	line-height:30px;
}
.index11 .more a{
	display: inline-block;
	color: #515b86;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 5px 18px;
	margin-top: 0px;
	margin-bottom: 30px;
	border: 1px solid #515b86;
}

.two {
	height: 306px;
	width: 1260px;
	overflow: hidden;
	position: relative;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
.two ul {
	height: 306px;
	width: 100000px;
	position: absolute;
	left: 0;
} /*ul width的宽不能过小*/
.two ul li {
	display: block;
	float: left;
	height: 306px;
	border-radius: 5px;
	position: relative;
	margin-right: 5px;
	margin-left: 5px;
}
.two ul li img {
	display: block;
}

.index12 {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	text-align: center;
	display: none;
	padding-top: 0px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom:40px;
	background: #cce3f3;
}
.index12 h2{
	font-size:40px;
	color:#515b86;
	font-weight:bold;
	padding-top:60px;
}

.index12 h3{
	font-size:28px;
	font-weight:bold;
	padding-bottom:50px;
}

.index12 p{
	font-size:16px;
	padding-bottom:40px;
}
.index12-item li {
	float: left;
	width: 400px;
	margin-bottom: 10px;
	text-align: center;
	object-fit: cover;
	vertical-align: bottom;
	display: none;
}
.index12-item li:nth-child(3n) {
	margin-right: 0;
}
.index12-item img {
	display: block;
	width: 100%;
}
.index12 .more a{
	display: inline-block;
	color: #515b86;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 5px 18px;
	margin-top: 0px;
	margin-bottom: 30px;
	border: 1px solid #515b86;
}
.index13 .con {
	position: absolute;
	z-index: 999;
	top: 0px;
	left: 50%;
	width: 1000px;
	margin-left: -516px;
	text-align:center;
	color:#fff;
}
.index13 .con h2 {
	font-size: 40px;
	font-weight:bold;
	padding-top:80px;
}
.index13 .con h3 {
	font-size: 24px;
	font-weight: normal;
	padding-top:10px;
}
.index13 .con p {
	font-size: 16px;
	padding-top:70px;
	padding-bottom:20px;
	line-height:30px;
}
.index14{
	margin: 0 auto;
	display: none;
	color:#515b86;
}
.index14 .title{
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
}
.index14 .title h2{
	font-size:22px;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:20px;
}
.index14 .title h3{
	font-size:20px;
	font-weight:bold;
	padding-bottom:10px;
}
.index14 .title p{
	font-size:16px;
}
.index14 img {
	margin: 0 auto;
}

.index15 {
	padding-top: 40px;
	padding-bottom:40px;
	background:#fff;
}

.index15-title {
  text-align: center;
  font-size: 18px;
  padding-top:30px;
  padding-bottom:30px;
}

.index15-title h2 {
  font-size: 45px;
  color:#515b86;
  padding-bottom:20px;
  font-weight: bold;
}

.index15-title span{
	display: block;
	width: 50px;
	height: 2px;
	background: #515b86;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}

.index15 .list {
  margin-bottom: 60px;
}

.index15 .item {
  float: left;
  width: 340px;
  margin-right: 30px;
  position: relative;
  overflow: hidden;
}

.index15 .item:nth-child(4n) {
  margin-right: 0;
}

.index15 .item img {
  width: 100%;
  margin-bottom: 15px;
  transition: all 0.5s;
}

.index15 .item:hover img{
	transform: scale(1.1);
}

.index15 .item h2 {
  font-size: 18px;
  color: #5F5D5D;
  margin-bottom: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.index15 .item p {
  font-size: 14px;
  color: #5F5D5D;
  text-align: justify;
  line-height: 1.4;
  height: 4.2em;
  overflow: hidden;
}

.index15 .item .date {
  position: absolute;
  right: 25px;
  top: 15px;
  background: rgba(0, 0, 0, .5);
  color: #ffffff;
  width: 75px;
  text-align: right;
  padding: 10px;
  line-height: 1.2;
}

.index15 .item .date .s1 {
  font-size: 20px;
}

.index15 .item .date .s2 {
  font-size: 14px;
}

.index15 .item .date .d1 {
  font-size: 0;
  margin-top: 10px;
}

.index15 .item .date .s3 {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #ffffff;
  margin-left: 2px;
}
.index16{
	margin: 0 auto;
	display: none;
}
.index16 img {
	margin: 0 auto;
}

.ny{
	padding: 80px 0 90px;
}
/*内页面包屑*/
.ny-crumbs{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto 50px;
	text-align: left;
}
.ny-crumbs .ny-crumbs-img{
	display: block;
	margin: 0 auto 15px;
	max-width: 100%;
}
.ny-crumbs .s1{
	display: block;
	width: 100%;
	height: 1px;
	background: #8B8B8C;
}
.ny-crumbs .s2{
	display: block;
	width: 200px;
	height: 3px;
	background: #FDD100;
	position: relative;
	margin: -2px auto 0;
}
.ny-crumbs p{
	margin-top: 10px;
	color: #5F5D5D;
	font-size: 14px;
}

.ny-crumbs h1{
	color: #0093dd;
	font-size: 28px;
	padding-bottom:10px;
}
/*内页标题*/
.ny-title{
	text-align: left;
	color:#272E44;
	margin: 0 auto 0px;
}
.ny-title img{
	margin-top:80px;
}
.ny-title h2{
	font-size: 38px;
	margin-bottom: 4px;
	color:#515b86;
	font-weight: bold;
}
.ny-title h3{
	font-size: 22px;
	font-weight: normal;
	line-height: 1.5em;
}

.about {
  padding-top:0px;
  padding-bottom:30px;
}
.about h1{
	font-size: 18px;
	font-weight: normal;
	line-height: 50px;
}
.about h2{
	font-size: 32px;
	margin-bottom: 4px;
	color:#515b86;
	font-weight: bold;
}
.about h3{
	font-size: 28px;
	font-weight: normal;
	line-height: 1.5em;
}
.about .pic{
	padding-top:40px;
	padding-bottom:70px;
}
.about .pic img{
	width:356px;
	margin-right:15px;
}
.about .pic img:nth-child(3n) {
	margin-right:0px;
}
.about .pic1{
	padding-top:40px;
	padding-bottom:70px;
	display:none;
}
.about .pic1 img{
	width:356px;
	margin-right:15px;
}
.about .pic1 img:nth-child(3n) {
	margin-right:0px;
}
.about p{
	font-size:16px;
	line-height:30px;
}
.about .technology{
	padding-bottom:70px;
}
.about .technology img{
	width:366px;
}
.about .technology1{
	padding-top:40px;
	padding-bottom:30px;
}
.about .technology1 img{
	width:262px;
	margin-right:15px;
}
.about .technology1 img:nth-child(4n) {
	margin-right:0px;
}
.about .quality{
	padding-bottom:70px;
}
.about .quality1{
	padding-bottom:70px;
	display:none;
}
.about .contact{
	padding-bottom:10px;
}
.about .contact h2{
	font-size:26px;
	padding-bottom:10px;
}
.about .contact h3{
	font-size:24px;
	padding-top:20px
}
.about .contact p{
	font-size:20px;
}
.about-line {
	height:1px; background:#000;
}
.three {
	height: 306px;
	width: 1100px;
	overflow: hidden;
	position: relative;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
.three ul {
	height: 306px;
	width: 100000px;
	position: absolute;
	left: 0;
} /*ul width的宽不能过小*/
.three ul li {
	display: block;
	float: left;
	height: 306px;
	border-radius: 5px;
	position: relative;
	margin-right: 5px;
	margin-left: 5px;
}
.three ul li img {
	display: block;
}
.back a{
	display: inline-block;
	color: #515b86;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 5px 18px;
	margin-top: 100px;
	margin-bottom: 80px;
	border: 1px solid #515b86;
}
.quality-zs {
  padding-bottom: 40px;
  text-align:center;
}

.quality-zs h2 {
  padding-top:10px;
  font-size:20px;
  color:#000;
  font-weight: normal;
}

.quality-zs .item .more {
	padding-top:20px;
	padding-bottom:30px;
	margin: 0 auto;
}

.quality-zs .item {
  float: left;
  width: 352px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.quality-zs .item img {
  border: 1px solid #999;
}

.quality-zs .item:nth-child(3n) {
  margin-right: 0;
}

.quality-zs .more a{
	display: inline-block;
	color: #515b86;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 5px 18px;
	margin-top: 0px;
	margin-bottom: 30px;
	border: 1px solid #515b86;
}
.nypro {
  padding-bottom: 40px;
  text-align:center;
}

.nypro h2 {
  padding-top:10px;
  font-size:18px;
  color:#000;
  font-weight: bold;
}

.nypro h3 {
  padding-top:18px;
  font-size:26px;
  color:#515b86;
  font-weight: bold;
}

.nypro .item .more {
	padding-top:20px;
	padding-bottom:30px;
	margin: 0 auto;
}

.nypro .item .more img{
	width:106px;
}

.nypro .item {
  float: left;
  width: 352px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.nypro .item img{
	border: 1px solid #000;
}

.nypro .item:nth-child(3n) {
  margin-right: 0;
}

.nypro .more a{
	display: inline-block;
	color: #515b86;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 5px 18px;
	margin-top: 0px;
	margin-bottom: 30px;
	border: 1px solid #515b86;
}

/*新闻*/
.ny-news{
	padding: 3em 0;
}
.ny-news .list{
	margin-bottom: 2em;
}
.ny-news .list .item a{
	display: block;
	position: relative;
	border-bottom: 1px solid #e3e3e3;
}
.ny-news .list .item .time{
	position: absolute;
	left: 0;
	top: 0;
	width: 230px;
	height: 100%;
}
.ny-news .list .item a:hover .time{
	background: #da251d;
}
.ny-news .list .item .time .time01{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
}
.ny-news .list .item .time .time01 .s1{
	display: block;
	margin: 0 auto;
	font-family: impact;
	font-size: 1.8em;
	font-weight: normal;
	text-align: center;
	color: #999999;
}
.ny-news .list .item .time .time02{
	display:none;
}
.ny-news .list .item a:hover .time .time01 .s1{
	color: #FFFFFF;
}
.ny-news .list .item .time .time01 .s2{
	display: block;
	width: 4.5em;
	height: 1px;
	background: #999999;
	margin: 0.1em auto;
}
.ny-news .list .item a:hover .time .time01 .s2{
	background: #FFFFFF;
}
.ny-news .list .item .img{
	float: right;
	width: 320px;
	padding: 1.5em 0;
	transition: all 0.3s;
}
.ny-news .list .item a:hover .img{
	margin-right: 1em;
}
.ny-news .list .item .img img{
	display: block;
	width: 100%;
}
.ny-news .list .item .con{
	padding: 0 400px 0 300px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.ny-news .list .item .con h2{
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 0.5em;
}
.ny-news .list .item .con p{
	line-height: 1.8em;
	height: 3.6em;
	overflow: hidden;
}
.ny-newsx{
	padding: 3em 0;
}
.ny-newsx .title{
	text-align: center;
	margin-bottom: 2em;
}
.ny-newsx .title h2{
	font-size: 1.7em;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom: 5px;
}
.ny-newsx .title p{
	color: #999999;
}
.ny-newsx .title p .s1{
	margin: 0 1em;
}
.ny-newsx .con{
	line-height: 1.8em;
	margin-bottom: 3em;
}
.ny-newsx .con img{
	max-width: 100%;
}
.ny-newsx .conpage{
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	padding: 1em;
	text-align: center;
}
.ny-newsx .conpage a{
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.ny-newsx .conpage .prev{
	float: left;
	width: 40%;
	text-align: left;
}
.ny-newsx .conpage .next{
	float: right;
	width: 40%;
	text-align: right;
}
.page ul {
  font-size: 0;
  text-align: center;
}

.page ul li {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
  margin: 0 3px;
}

.page ul li a {
  display: block;
  width: 2.6em;
  line-height: 2.6em;
  height: 2.6em;
  border-radius: 5px;
  background-color: #dddddd;
  color: #666666;
}

.page ul li.prev a {
  background: #dddddd url(../images/page-l.png) no-repeat center center;
  background-size: auto 60%;
}

.page ul li.next a {
  background: #dddddd url(../images/page-r.png) no-repeat center center;
  background-size: auto 60%;
}

.page ul li a:hover, .page ul li.active a {
  background-color: #da251d;
  color: #ffffff;
}

.page ul li.no a:hover {
  background-color: #fff;
  color: #666666;
}

/*留言*/
.message {
	padding: 60px 0;
	color: #332C2B;
}
.message-con {
	width: 740px;
	margin: 0 auto;
	float: left;
}
.message-con h2{
	font-size:24px;
	color:#515b86;
	font-weight:normal;
}
.message-con p{
	font-size:16px;
	color:#000;
	padding-bottom:60px;
}
.message-con ::-webkit-input-placeholder {
 color: #332C2B;
}
.message-con ::-ms-input-placeholder {
 color: #332C2B;
}
.message-con .d1 {
	float: left;
	width: 350px;
}
.message-con .d2 {
	float: right;
	width: 350px;
}
.message-con .i1 {
	display: block;
	width: 100%;
	height: 46px;
	border: 1px solid #332C2B;
	background: none;
	margin-bottom: 20px;
	padding: 15px;
	font-size: 14px;
	color: #332C2B;
}
.message-con .i2 {
	width: 160px;
	cursor: pointer;
	padding-bottom:50px;
	background:#515b86;
	color:#fff;
}
.message-con textarea {
	display: block;
	width: 100%;
	height: 178px;
	border: 1px solid #2e2264;
	background: none;
	resize: none;
	font-size: 14px;
	color: #332C2B;
}

/*页尾*/
.footer{
	text-align: center;
	padding: 60px 10 10px;
}
.footer .image{
	padding-left:10px;
	padding-right:10px;
}
.footer .pic{
	text-align:center;
	padding-bottom:30px;
	margin-top:40px;
}
.footer .pic img{
	margin-right:10px;
	width:130px;
}
.footer .pic img:nth-child(2n) {
	margin-right:0px;
}

/*底部*/
.bottom{
	padding: 110px 0 50px;
	color: #332C2B;
	display:block;
}
.bottom01 ul{
	text-align: center;
	font-size: 0;
}
.bottom01 li{
	display: inline-block;
	font-size: 16px;
	margin: 0 15px 5px;
}
.bottom01 li a{
	color:#332C2B;
}
/*底部2*/
.foot{
	padding: 50px 0 50px;
	color: #332C2B;
	display:none;
}
.foot p{
	font-size:12px;
}
.foot01 ul{
	text-align: center;
	font-size: 0;
}
.foot01 li{
	display: inline-block;
	font-size: 16px;
	margin: 0 15px 5px;
}
.foot01 li a{
	color:#332C2B;
}

.index-page2 .lh-more{transition:none;}
.index-series::before{content:''; display:block; width:100%; height:20%; background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,0)); position:absolute; left:0; bottom:0; z-index:2;pointer-events: none;}
.l-font50{font-size:50px;}

/*手机*/
@media only screen and (min-width: 100px) and (max-width: 640px) {
.container {
    width: 100%;
  }
.pw1100{
		width: 100%;
		padding: 0 5px;
	}
.pw1200{
		width: 100%;
		padding: 0 5px;
	}
.pw1450{
		width: 100%;
		padding: 0 5px;
	}
.lh-header{display:none;}
.logo {
    display: none;
  }
  .logo1 {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
    background-color: rgba(41,22,111, 0); /*不影响其他元素全透明导航，0为完透明，1为不透明，0.1-0.9自行控制透明度*/
	z-index: 9998;
	padding-top: 30px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
  }
  .logo1-box {
    height: 71px;
  }
  .logo .i1 {
    height: auto;
  }
  .logo .i2 {
    display: none;
  }
  .logo-menu {
    display: block;
  }
.lh-banner{display: none;}
.flash img{ width: 100%;}
.flash ul.bxslider{list-style:none; display:block;}
.flash div.bx-pager{bottom: 4%;}
.flash div.bx-controls-direction{ display:none; }
.index-page{display:none;}
.ipic li {
	width: 50%;
	padding-right:2px;
		margin: 0 0 0px;
}
.ivideo{
	display:none;
}
.invideo{
	display:block;
}
.invideo01-title h3{
	font-size: 18px;
	padding-top:10px;
}

.invideo01-title h2{
	font-size: 22px;
}

.tvideo{
	display:none;
}
.atvideo{
	display:block;
}

.inpro-title h3{
	font-size: 18px;
}

.inpro-title h2{
	font-size: 26px;
}

.inpro h2 {
  font-size:18px;
}

.inpro .item {
    width: 100%;
    margin-right: 4%;
}
.inpro .item:nth-child(2n) {
    margin-right: 0;
  }

.quality-zs h2 {
  font-size:21px;
}

.quality-zs .item {
    width: 100%;
}
.nypro h2 {
  font-size:18px;
}

.nypro .item {
    width: 100%;
}
.ny-news .list .item .time{
		display: none;
	}
.ny-news .list .item .time .time02{
	display:block;
}
	.ny-news .list .item .con{
		padding: 0 32% 0 0;
	}
	.ny-news .list .item .img{
		width: 30%;
		padding: 0.5em 0;
	}
	.ny-news .list .item .con h2{
		font-size: 1.1em;
	}
	.ny-news .list .item .con p{
		display: none;
	}
	.ny-newsx .title h2{
		font-size: 1.4em;
	}
	.ny-newsx .title{
		margin-bottom: 1em;
	}
	.ny-newsx .con{
		margin-bottom: 1.5em;
	}
.index01 {
	padding-top:10px;
}
.index01 img{
	padding-left:10px;
	padding-right:10px;
}  
.index01 .title h2 {
  font-size: 18px;
} 
.index03 {
	display: none;
}
.index04 {
	display: block;
}
.index04-item li {
	width: 100%;
	padding: 0 5px;
	margin: 0 0 10px;
	display: block;
}
.index05 {
	display: none;
}
.index06 {
	display: block;
}
.index07 {
	display: none;
}
.index08 {
	display: block;
}
.index09 {
	display: none;
}
.index09 .con p {
	font-size: 16px;
}
.index10 {
	display: block;
}
.index10 .title p{
	font-size:16px;
}
.index11 {
	display: none;
}
.index12 {
	display: block;
}
.index12 h2{
	font-size:26px;
}

.index12 h3{
	font-size:18px;
}
.index12-item li {
	width: 100%;
	padding: 0 5px;
	margin: 0 0 10px;
	display: block;
}
.index12 .more a{
	margin-top: 30px;
}
.index13 {
	display: none;
}
.index14 {
	display: block;
}
.index15 {
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
  }
  .index15-title h2 {
    font-size: 28px;
  }
  .index15 .item {
    width: 100%;
    margin: 0 0 30px;
  }
  .index15 .list {
  margin-bottom: 0px;
}
.index16{
	display: block;
}
.ny{
	padding: 80px 0 0px;
}
.ny-title img{
	margin-bottom:0px;
	width:100%;
}
.ny-title h2{
	font-size: 24px;
}
.ny-title h3{
	font-size: 18px;
}
.about {
  padding-top:80px;
}
.about h1{
	font-size: 16px;
	line-height:30px;
}
.about h2{
	font-size: 20px;
}
.about h3{
	font-size: 18px;
}
.about .pic img{
	width:100%;
	margin-bottom:10px;
}
.about .pic1{
	display:block;
}
.about .pic1 img{
	width:100%;
	margin-bottom:10px;
}
.about .technology img{
	width:100%;
}
.about .technology1 img{
	width:100%;
	margin-bottom:10px;
}
.about .quality{
	display:none;
}
.about .quality1{
	display:block;
}
.about .contact h2{
	font-size:22px;
}
.about .contact h3{
	font-size:18px;
}
.about .contact p{
	font-size:16px;
}
.message-con h2{
	font-size:22px;
}
.message-con p{
	line-height:24px;
}
.message {
	padding: 30px 5px;
}
.message-con {
	width: 100%;
}
.message-con .d1 {
	width: 100%;
}
.message-con .d2 {
	width: 100%;
	margin-bottom: 15px;
}
.message-con .i1 {
	height: 36px;
	padding: 0 15px;
	font-size: 12px;
}
.message-con .i2 {
	width: 100%;
}
.message-con textarea {
	height: 120px;
	font-size: 12px;
}
.nypro {
  margin-top: 80px;
}
.back {
	padding-bottom:40px;
}
.three {
	display:none;
}
.footer{
		padding: 0px 0;
	}
.footer img{
	padding-top:40px;
}
	.bottom{
		display:none;
	}
	
	.foot{
		display:block;
	}
	.foot01 li{
		font-size: 14px;
	}
}