/* Fonts */
/*currency*/
*{ margin:0; padding:0;}
html{}
body{margin:0;color:#252525; position: relative; font-family: "Arial"}
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;}

.Huans{-webkit-box-sizing: border-box;box-sizing: border-box;}
.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;}
.flexE{display:-webkit-box;display: -ms-flexbox;display:flex;align-items:flex-end; 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;}
/*header*/
.header{width:100%;z-index:99; position:fixed; top:0; left:0;right:0; margin:0 auto;}
.headerO{background:#120718;}
.headK{position:relative;}
.logo{display: block;}
.logo img{width:100%; display: block;}
.hdEN{ position:relative;}
.hdENa{color:#FFF;}
.hdENa img{display: block;}
.NavEN{ position: absolute;left:50%;top:100%;transform: translate(-50%,0);background:#471c5b;text-align: center; box-shadow:0 4px 10px rgba(255,255,255,0.3);display:none;}
.NavENa{color:#FFF;display: block;}
.HdJiao{transition:0.5s;width:0;height:0;border-style:solid;border-color:#FFF transparent transparent transparent;}
.hdEN .on .HdJiao{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);}
/*footer*/
footer { color:#FFF;background:#120718;}
.ftnavA{ color:#968f9a;display: block;}
.ftC{ color:#6d6d6d;text-align: center;}
.ftC a{color:#6d6d6d;}
@media  screen and ( min-width:1440px){
.ward{width:1200px; margin:0 auto;}
/*header*/
.header{}
.headK{height:90px;}
.menuK{ margin-right:90px;}
.nava{line-height:50px; font-size:16px; margin-left:70px; font-weight:700;display: block;color:#FFF; position: relative;}
.nava:before{display:block;content:'';position: absolute;transition:0.5s;left:50%;bottom:0;transform: translate(-50%,0); background:#FFF; width:0; height:2px;}
.menuK .on:before,.nava:hover:before{ width:100%;transition:0.5s;}
.wapNav {display:none;}
.hdEN{font-size:16px;}
.hdENa p{  line-height:20px;}
.hdENa{line-height:70px;height:70px;}
.hdENa img{ width:26px;}
.hdENa p{line-height:24px; margin:0 14px;}
.NavEN{width:140px;}
.NavENa{line-height:50px;}
.NavENa:hover{background: rgba(18,7,24,1);}
.HdJiao{border-width:7px 7px 0 7px;}
/*footer*/
.ftDH{padding-top:28px; height:80px;border-bottom:1px solid #544c58; margin-bottom:120px;}
.logo{width:60px;}
.ftnav{ }
.ftnavA{font-size:16px; line-height:30px; margin-left: 45px;}
.ftnavA:hover{color:#FFF;}
.ftC{ line-height:25px; padding:15px 0;font-size:14px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.ward{width:1080px; margin:0 auto;}
/*header*/
.header{}
.headK{height:82px;}
.menuK{ margin-right:80px;}
.nava{line-height:44px; font-size:15px; margin-left:60px; font-weight:700;display: block;color:#FFF; position: relative;}
.nava:before{display:block;content:'';position: absolute;transition:0.5s;left:50%;bottom:0;transform: translate(-50%,0); background:#FFF; width:0; height:2px;}
.menuK .on:before,.nava:hover:before{ width:100%;transition:0.5s;}
.wapNav {display:none;}
.hdEN{font-size:15px;}
.hdENa p{line-height:20px;}
.hdENa{line-height:60px;height:60px;}
.hdENa img{ width:22px;}
.hdENa p{line-height:24px; margin:0 12px;}
.NavEN{width:120px;}
.NavENa{line-height:44px;}
.NavENa:hover{background: rgba(18,7,24,1);}
.HdJiao{border-width:6px 6px 0 6px;}
/*footer*/
.ftDH{padding-top:24px; height:74px;border-bottom:1px solid #544c58; margin-bottom:100px;}
.logo{width:52px;}
.ftnav{ }
.ftnavA{font-size:15px; line-height:28px; margin-left: 40px;}
.ftnavA:hover{color:#FFF;}
.ftC{ line-height:24px; padding:14px 0;font-size:13px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.ward{width:900px; margin:0 auto;}
/*header*/
.header{}
.headK{height:74px;}
.menuK{ margin-right:70px;}
.nava{line-height:40px; font-size:14px; margin-left:52px; font-weight:700;display: block;color:#FFF; position: relative;}
.nava:before{display:block;content:'';position: absolute;transition:0.5s;left:50%;bottom:0;transform: translate(-50%,0); background:#FFF; width:0; height:2px;}
.menuK .on:before,.nava:hover:before{ width:100%;transition:0.5s;}
.wapNav {display:none;}
.hdEN{font-size:14px;}
.hdENa p{line-height:20px;}
.hdENa{line-height:56px;height:56px;}
.hdENa img{ width:20px;}
.hdENa p{line-height:24px; margin:0 10px;}
.NavEN{width:110px;}
.NavENa{line-height:40px;}
.NavENa:hover{background: rgba(18,7,24,1);}
.HdJiao{border-width:5px 5px 0 5px;}
/*footer*/
.ftDH{padding-top:20px; height:68px;border-bottom:1px solid #544c58; margin-bottom:80px;}
.logo{width:46px;}
.ftnav{ }
.ftnavA{font-size:14px; line-height:24px; margin-left:32px;}
.ftnavA:hover{color:#FFF;}
.ftC{ line-height:22px; padding:14px 0;font-size:12px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.ward{width: 600px; margin:0 auto;}
/*header*/
.header{}
.headK{height:60px; width:100%; padding:0 4%;}
.wapNav{width:28px;height:28px;background-size:100%;background-position:right center;background-repeat:no-repeat; background-image:url("../images/icon/sp_icon2.png");z-index:999; display: block;}
.wapNavO{background-image: url("../images/icon/sp_icon4.png")}
.menuK{display: block; position:fixed;top:0;right:-55%; z-index:998;width:52%; height:100%;background: rgba(18,7,24,1);transition:0.5s;}	
.MenuO{right:0}
.menu{ padding-top:60px;}	
.nava{font-weight:700;display: block;position: relative;font-size:16px; line-height:60px;padding-left:15%; width:85%; color:#FFF;}
.nava:before{display:block;content:'';position: absolute;transition:0.5s;left:0;top:50%;transform: translate(0,-50%); background:#FFF; width:3px; height:0;}
.menuK .on{background:rgba(130,57,162,0.2);}
.menuK .on:before{ height:100%;transition:0.5s;}
.hdEN{font-size:13px; margin-right:30px;}
.hdENa p{line-height:20px;}
.hdENa{line-height:40px;height:40px;}
.hdENa img{ width:16px;}
.hdENa p{line-height:22px; margin:0 8px;}
.NavEN{width:100px;}
.NavENa{line-height:35px;}
.HdJiao{border-width:4px 4px 0 4px;}
/*footer*/
.ftDH{padding-top:15px; height:60px;border-bottom:1px solid #544c58; margin-bottom:60px;}
.logo{width:40px;}
.ftnav{ }
.ftnavA{font-size:13px; line-height:20px; margin-left:26px;}
.ftnavA:hover{color:#FFF;}
.ftC{ line-height:20px; padding:14px 0;font-size:12px;}
}
@media only screen and (max-width:639px){
/*header*/
.header{}
.logo{width:0.5rem; margin:0 auto;}
.header .logo{width:0.32rem; margin:0;}
.headK{height:0.42rem; width:100%; padding:0 4%;}
.wapNav{display:block;width:0.2rem;height:0.2rem;background-size:0.2rem;background-position:right center;background-repeat:no-repeat; background-image:url("../images/icon/sp_icon2.png"); z-index:999;}
.wapNavO{background-image: url("../images/icon/sp_icon4.png")}
.menuK{display: block; position:fixed;top:0;right:-65%; z-index:998;width:62%; height:100%;background: rgba(18,7,24,1);transition:0.5s;}	
.MenuO{right:0}
.menu{ padding-top:0.42rem;}
.nava{font-weight:700;display: block;position: relative;font-size:0.13rem; line-height:0.4rem;padding-left:15%; width:85%; color:#FFF;}
.nava:before{display:block;content:'';position: absolute;transition:0.5s;left:0;top:50%;transform: translate(0,-50%); background:#FFF; width:3px; height:0;}
.menuK .on{background:rgba(130,57,162,0.2);}
.menuK .on:before{ height:100%;transition:0.5s;}
.hdEN{font-size:0.11rem; margin-right:0.14rem;}
.hdENa p{line-height:0.18rem;}
.hdENa{line-height:0.4rem;height:0.4rem;}
.hdENa img{ width:0.15rem;}
.hdENa p{line-height:0.2rem; margin:0 0.06rem;}
.NavEN{width:0.9rem;}
.NavENa{line-height:0.3rem;}
.HdJiao{border-width:4px 4px 0 4px;}
/*footer*/
.ftDH{padding:0.2rem 4% 0.05rem;border-bottom:0.01rem solid #544c58; margin-bottom:0.1rem;}
.ftnav{justify-content:space-between; width:100%; padding-top:0.15rem;}
.ftnavA{font-size:0.115rem; line-height:0.24rem;;}
.ftC{ line-height:0.15rem; padding:0.1rem 4%;font-size:0.09rem;}
.ftCIMa{ width: 1.2rem; position: absolute;left:50%;transform: translate(-50%,0);}
}

@media screen and (min-width:960px){
.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);}
.Run2 img{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;}
.Run2 img:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform: rotate(360deg);}
.Run1{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;}
.Run1:hover img{transform:rotatex(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform: rotateY(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,-25px);-webkit-transform:translate(0,-25px);-moz-transform:translate(0,-25px);-o-transform:translate(0,-25px);-ms-transform:translate(0,-25px);}
.Mover1{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;}
.Mover1:hover{transition:0.5s;ransform:translate(10px,0);-webkit-transform:translate(10px,0);-moz-transform:translate(10px,0);-o-transform:translate(10px,0);-ms-transform:translate(10px,0);}
.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;}

}

html {font-size: 625%; /*100 ÷ 16 × 100% = 625%*/}
/*出的各分辨率媒体查询换算：*/
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:703%;}}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait){html{font-size:732.4%;}}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html{font-size:750%; }}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait){html{font-size:781.25%;}}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:808.6%;}}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html {font-size:843.75%;}}



/*
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;

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