/* Fonts */
/*通用*/
*{ margin:0; padding:0;}
html{}
body{margin:0;color:#323232; position: relative;font-family: PingFangSC-Regular, sans-serif, "Arial"; min-width:1280px;}
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin:0px;padding:0px;border:none;list-style:none; font-weight: normal;}
a{text-decoration:none;  text-shadow:none;font-weight:normal;}
ul{list-style:none;}
textarea,input,button,select{outline:none;-webkit-appearance:none; font-family:Arial, Helvetica, sans-serif;}
a{color:#6c6c6c;text-decoration:none;}
img{border:none; display: block;}
span{margin:0; padding:0; cursor: auto;}
span:focus,div:focus {outline: none;}

.flex{display:-webkit-box;display: -ms-flexbox;display:flex;flex-wrap:wrap;align-items:flex-start;}
.flexC{display:-webkit-box;display: -ms-flexbox;display:flex;align-items:center; flex-wrap:wrap;}
.fl-bet{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;}
.fl-cen{-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;}
.fl-end{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:flex-end;}
.Huans {-webkit-box-sizing:border-box;box-sizing:border-box;}


/*header*/
.header{width:100%;background:#000; z-index:99; position:fixed; left:0;right:0; margin:0 auto; top:0;min-width:1200px; padding:0 4%;}
.hdlogo{display: block; position: relative; z-index:2;}
.hdlogo img{width:100%;}
/*导航*/
.Menu{ position: relative; z-index:2;}
.Menu ul{}
.Menu ul li{position: relative;}
.MenuA{color:#FFF; position: relative; display: block;}
.MenuA:before{display:block;content:'';position:absolute;background:#FFF;left:50%;bottom:0;transform: translate(-50%,0); width:0; height:2px;transition:0.5s;}
.Menu ul li .on:before,.Menu ul li .menuO:before,.Menu ul li .MenuA:hover:before{width:100%;transition:0.5s;}
.header .MenuB{ background:rgba(255,255,255,0.1); position: absolute; z-index:1;width:100%;top:0;left:50%;transform: translate(-50%,0); display: none}
.NavK{position:absolute;top:100%;display:none;left:0;z-index:99;}
.Nava{ color:#FFF;display: block;}
.Nava:hover{color:#0d9b83;text-decoration: underline;}
.headerO{background:none;}
.headF .MenuB{background:rgba(0,0,0,0.3);}
.HdR{ margin-left:auto;}
.HdRS{position:relative;}
.HdRa img{display: block;}
.HdRS .on{ background:#393939;}
input.searchI::-webkit-input-placeholder{color: #7f7f7f;} 
input.searchI:-moz-placeholder{color: #7f7f7f;} 
input.searchI::-moz-placeholder{color: #7f7f7f;} 
input.searchI:-ms-input-placeholder {color: #7f7f7f;}
.searchK{ position: absolute; display:none;top:100%;}
.HdRJ:before{display:block;content:'';position:absolute;width:0;height:0;border-style:solid;border-color:transparent transparent #bebebe transparent;}
.searchI{width:100%; flex:1;color:#000; border:none; background:none;}
.searchV{background:#cdced0; position: relative;}
.searcha{background-image: url("../images/icon/search01.png"); background-position: center; background-repeat: no-repeat;}
.searchI{border-left:2px solid #7f7f7f;}
.hdENa{}
.NavEN{ position: absolute;left:50%;top:100%;transform: translate(-50%,0);background:#FFF;text-align: center; box-shadow:0 4px 10px rgba(0,0,0,0.1);display:none;}
.NavENa{color:#323232;display: block;text-align: center;}
.NavEN:before{left:50%;transform: translate(-50%,0);}
.NavENa{width:100%; text-align: center; color:#000;}
.ward{margin:0 auto;}
/*footer*/
footer { color:#000;}
.ftN{width:100%; flex:1;}
.ftLog{width:156px; display: block;}
.ftLog img{width:100%; display: block;}
.ftNF{width:100%;}
.ftNFa{ color:#000; display: block;}
.ftNFa:hover{ text-decoration:underline; color:#666;}
.ftC{width:100%;}
.ftC a{ color:#787878;}
.ftC a:hover{ text-decoration:underline; color:#666;}
.ftMI{ overflow: hidden;margin:0 auto;}
.ftMI img{width:100%; display: block;}
.ftMt p{ text-align: center;}
@media  screen and ( min-width:1680px){
.ward{width:1500px;}
/*header*/
.header{height:120px;}
.hdlogo{width:206px;}
/*导航*/
.Menu{margin-left:45px;}
.Menu ul li{ padding:0 25px;}
.MenuA{ padding:0 7px; line-height:50px;font-size:20px;}
.header .MenuB{height:300px;}
.NavK{padding-top:45px;width:200px;height:180px;left:25px}
.Nava{font-size: 18px;line-height: 35px;}
.HdRS{height:120px; margin-left: 57px;}
.HdRa{width:43px; height: 43px; border-radius:5px;}
.HdRa img{width:29px;}
.searchK{right:-27px}
.HdRJ:before{bottom:61px;border-width: 0 13px 18px 13px;}
.searchK:before{right:32px;}
.searchV{width:556px;height:60px; background-size:8px; border-radius:8px;}
.searcha{width:70px; height: 40px;background-size:30px;}
.searchI{font-size:24px; line-height:32px;height:32px; padding-right: 20px;}
.NavEN{ border-radius:8px;}
.NavEN{width:180px;}
.NavENa{line-height:60px; font-size:24px;}
/*footer*/
.ftK{padding-top:35px; padding-bottom:30px;}
.ftN{margin-right: 20px;}
.ftLog{width:156px;}
.ftNF{height:30px; line-height:30px; margin-top:20px; font-size: 18px;}
.ftNF p{ padding:0 15px;}
.ftC{ font-size: 16px; line-height:24px; margin-top: 15px;}
.ftM{width:280px;}
.ftMt{width:118px;}
.ftMI{ width: 102px; height:102px; }
.ftMt p{line-height:22px; font-size:16px; margin-top:9px;}
}
@media screen and (max-width:1679px ) and ( min-width:1440px){
.ward{width:1350px;}
/*header*/
.header{height:102px;}
.hdlogo{width:186px;}
/*导航*/
.Menu{margin-left:40px;}
.Menu ul li{padding:0 22px;}
.MenuA{ padding:0 5px; line-height:48px;font-size:18px;}
.header .MenuB{height:260px;}
.NavK{padding-top:38px;width:180px;height:140px;left:22px}
.Nava{font-size: 16px;line-height: 32px;}
.HdRS{height:102px; margin-left:48px;}
.HdRa{width:40px; height: 40px; border-radius:5px;}
.HdRa img{width:26px;}
.searchK{right:-24px}
.HdRJ:before{bottom:57px;border-width: 0 11px 16px 11px;}
.searchK:before{right:32px;}
.searchV{width:520px;height:56px; border-radius:8px;}
.searcha{width:66px; height: 40px;background-size:28px;}
.searchI{font-size:22px; line-height:32px;height:32px; padding-right: 20px;}
.NavEN{ border-radius:8px;}
.NavEN{width:180px;}
.NavENa{line-height:56px; font-size:22px;}
/*footer*/
.ftK{padding-top:30px; padding-bottom:25px;}
.ftN{margin-right:15px;}
.ftLog{width:135px;}
.ftNF{height:28px; line-height:28px; margin-top:18px; font-size: 16px;}
.ftNF p{ padding:0 12px;}
.ftC{ font-size: 14px; line-height:22px; margin-top: 12px;}
.ftM{width:250px;}
.ftMt{width:100px;}
.ftMI{ width:90px; height:90px; }
.ftMt p{line-height:20px; font-size:14px; margin-top:7px;}
}
@media only screen and (max-width:1439px){
.ward{width:1200px;}
/*header*/
.header{height:86px;}
.hdlogo{width:160px;}
/*导航*/
.Menu{margin-left:35px;}
.Menu ul li{padding:0 20px;}
.MenuA{ padding:0 4px; line-height:44px;font-size:16px;}
.header .MenuB{height:220px;}
.NavK{padding-top:26px;width:150px;height:120px; left: 20px;}
.Nava{font-size: 14px;line-height:28px;}
.HdRS{height:86px; margin-left:35px;}
.HdRa{width:36px; height:36px; border-radius:4px;}
.HdRa img{width:22px;}
.searchK{right:-24px}
.HdRJ:before{bottom:51px;border-width: 0 9px 13px 9px;}
.searchK:before{right:32px;}
.searchV{width:470px;height:50px; border-radius:6px;}
.searcha{width:62px; height:40px;background-size:24px;}
.searchI{font-size:19px; line-height:28px;height:28px; padding-right: 15px;}
.NavEN{ border-radius:6px;}
.NavEN{width:180px;}
.NavENa{line-height:50px; font-size:19px;}
/*footer*/
.ftK{padding-top:25px; padding-bottom:20px;}
.ftN{margin-right:10px;}
.ftLog{width:120px;}
.ftNF{height:24px; line-height:24px; margin-top:15px; font-size: 14px;}
.ftNF p{ padding:0 9px;}
.ftC{ font-size: 12px; line-height:20px; margin-top:7px;}
.ftM{width:210px;}
.ftMt{width:90px;}
.ftMI{ width:80px; height:80px; }
.ftMt p{line-height:20px; font-size:12px; margin-top:5px;}
}




.Run{transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
.Run:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);}
.Mover{transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.Mover:hover{transition:0.5s;ransform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}
.enlarge img{ width:100%;transition:0.5s;}
.enlarge:hover img{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); transition:0.5s;}
.IndSupA{ width:100%;transition:0.5s;}
.IndSupA:hover{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); transition:0.5s;}



/*
display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center
|flex-start|flex-end|center|space-between|space-around

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

transform: translate(-50%,-50%);left:50%;top:50%;

transition:0.5s;
.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}
*/