/* 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: absolute; top:0; left:0;right:0; margin:0 auto;}
.headK{position:relative; border-bottom:1px solid #FFF;}
.hdlogo img{height:100%;}
.menuK{}
.nava{display: block;color:#FFF}
.IndTop{ background:#001541; position: relative;z-index:999}
.IndTopP{ color:#FFF;}
.IndTopa{text-align: center; color:#FFF;background:#ff5c23; display: block;}
/*footer*/
footer { color:#FFF;background-image: url("../images/back/ftBack.jpg"); background-position:center; background-size:auto 100%; background-repeat: no-repeat;}
.ftDNZ{flex:1;}
.ftDNZLog{}
.ftDNZN{text-align: center;}
.ftDNa{display:block; color:#FFF;}
.ftDMI{ width:100%;}
.ftDMI img{ width:100%; display: block;}
.ftDM p{ width:100%; text-align: center;}
.ftC{ background:#001541; color:#fff;}
.ftCL a{color:#fff;}
.ftCI{display: block;}
.ftCI img{width:100%; display: block;}
.Ftop{position: fixed; z-index:100; background:#ff5c23;}
.Ftop img{width:100%; display: block;}

.ftCIM{position:relative;z-index:99}
.ftCIMa{ display:none; }
@media  screen and ( min-width:1280px){
/*header*/
.headK{height: 139px; border-bottom:1px solid #FFF;}
.hdlogo{height:50px;}
.menuK{}
.nava{line-height:60px; font-size:20px; margin-left: 45px;}
.menuK .on,.nava:hover{ color:#ff5c23;}
.wapNav {display:none;}
.IndTopK{ height: 80px;}
.IndTopN{}
.IndTopP{ margin-right:30px;}
.IndTopP img{width:24px;}
.IndTopP p{ font-size:16px; line-height:30px; margin-left:6px;}
.IndTopa{ width:120px;height:38px; line-height:38px;font-size:18px; margin-left: 22px;}
.ward{padding:0 60px; max-width: 1320px; margin:0 auto;}
/*footer*/
footer { height:450px; font-size:18px; background-size: 1920px;}
.ftDK{padding-top:66px;}
.ftDNZLog{}
.ftDNZLog img{height:44px;}
.ftDNZN{font-size:24px; margin:36px 0 25px; width:320px; height:25px; border:2px solid #ff5c23;}
.ftDNZP{ line-height:40px;}
.ftDN{margin-top: 40px;}
.ftDNr{ width:180px;}
.ftDNr h3{ font-size: 24px; line-height:40px;}
.ftDNp{ margin-top:10px;}
.ftDNa{line-height:38px;}
.ftDNa:hover{text-decoration: underline}
.ftDM{width:160px; margin-left: 20px; margin-top: 40px;}
.ftDM p{line-height:36px; letter-spacing:6px; margin-top: 8px;}
.ftCS{ padding-top:15px; padding-bottom: 15px; min-height:40px;}
.ftCL{ font-size:16px; line-height:30px;}
.ftCL a:hover{text-decoration: underline}
.ftCR{}
.ftCI{ width: 30px; height: 30px; border-radius: 50%; border:2px solid #FFF;margin-left:18px;}
.ftCI:hover{background:#013bb4;}
.Ftop{width:36px; height:36px;bottom:120px;right:40px;}
	
.ftCIMa{ width: 150px; position: absolute;left:50%;bottom:40px;transform: translate(-50%,0);}
.IndTop .ftCIMa{top:40px; bottom:auto;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
/*header*/
.headK{height:106px; border-bottom:1px solid #FFF;}
.hdlogo{height:44px;}
.menuK{}
.nava{line-height:40px; font-size:18px; margin-left:36px;}
.menuK .on,.nava:hover{ color:#ff5c23;}
.wapNav {display:none;}
.IndTopK{ height:65px;}
.IndTopN{}
.IndTopP{ margin-right:15px;}
.IndTopP img{width:22px;}
.IndTopP p{ font-size:15px; line-height:30px; margin-left:4px;}
.IndTopa{ width:90px;height:32px; line-height:32px;font-size:16px; margin-left:20px;}
.ward{padding:0 50px;}
/*footer*/
footer { height:342px; font-size:16px;}
.ftDK{padding:45px;}
.ftDNZLog{}
.ftDNZLog img{height:36px;}
.ftDNZN{font-size:18px; margin:22px 0 12px; width:230px; height:20px; border:1px solid #ff5c23;}
.ftDNZP{ line-height:34px;}
.ftDN{margin-top:26px;}
.ftDNr{ width:140px;}
.ftDNr h3{ font-size:18px; line-height:30px;}
.ftDNp{ margin-top:6px;}
.ftDNa{line-height:34px;}
.ftDNa:hover{text-decoration: underline}
.ftDM{width:130px; margin-left:10px; margin-top: 26px;}
.ftDM p{line-height:24px; letter-spacing:3px; margin-top:7px;}
.ftCS{padding-top:13px; padding-bottom: 13px; min-height:30px;}
.ftCL{ font-size:15px; line-height:22px;}
.ftCL a:hover{text-decoration: underline}
.ftCR{}
.ftCI{ width:28px; height: 28px; border-radius: 50%; border:1px solid #FFF;margin-left: 14px;}
.ftCI:hover{background:#013bb4;}
.Ftop{width:36px; height:36px;bottom:90px;right:20px;}
	
.ftCIMa{ width: 130px; position: absolute;left:50%;bottom:36px;transform: translate(-50%,0);}
}
@media screen and (max-width:959px ) and ( min-width:640px){
/*header*/
.headK{height:60px; border-bottom:1px solid #FFF;}
.hdlogo{height:30px;}
.wapNav{display:block;width:30px;height:30px;background-size:30px;background-position:right center;background-repeat:no-repeat; background-image:url("../images/icon/sp_icon2.png"); z-index:999;position: fixed;right:4%; top:15px;}
.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(9,16,56,0.9);transition:0.5s;}
.MenuO{right:0}
.menu{ padding-top:40px;}
.nava{font-size:16px; line-height:40px;padding-left:15%; width:85%; color:#FFF;}
.IndTopK{ height:50px; display: none;}
.IndTopN{}
.IndTopP{ margin-right:15px;}
.IndTopP img{width:20px;}
.IndTopP p{ font-size:14px; line-height:30px; margin-left:2px;}
.IndTopa{ width:90px;height:28px; line-height:28px;font-size:14px; margin-left: 14px;}
.ward{padding:0 30px;}
/*footer*/
footer { height:260px; font-size:14px;}
.ftDK{padding-top:30px;}
.ftDNZLog{}
.ftDNZLog img{height:28px;}
.ftDNZN{font-size:16px; margin:22px 0 12px; width:230px; height:20px; border:1px solid #ff5c23;}
.ftDNZP{ line-height:26px;}
.ftDN{margin-top:26px; display: none;}
.ftDNr{ width:140px;}
.ftDNr h3{ font-size:18px; line-height:30px;}
.ftDNp{ margin-top:6px;}
.ftDNa{line-height:30px;}
.ftDNa:hover{text-decoration: underline}
.ftDM{width:110px; margin-left:10px; margin-top: 26px;}
.ftDM p{line-height:24px; letter-spacing:3px; margin-top:7px;}
.ftCS{ padding-top:10px;padding-bottom:10px; min-height:20px;}
.ftCL{ font-size:12px; line-height:20px;}
.ftCR{}
.ftCI{ width:24px; height: 24px; border-radius: 50%; border:1px solid #FFF;margin-left: 10px;}
.Ftop{width:30px; height:30px;bottom:80px;right:10px;}
	
.ftCIMa{ width: 110px; position: absolute;left:50%;bottom:32px;transform: translate(-50%,0);}
}
@media only screen and (max-width:639px){
/*header*/
.headK{height:0.4rem; border-bottom:0.01rem solid #FFF;}
.hdlogo{height:0.2rem;}
.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:3; position: fixed;right:4%; top:0.1rem;}
.wapNavO{background-image: url("../images/icon/sp_icon4.png")}
.menuK{display: block; position:fixed;top:0;right:-65%; z-index:1;width:62%; height:100%;background:rgba(9,16,56,0.9);transition:0.5s;}
.MenuO{right:0}
.menu{ padding-top:0.5rem;}
.nava{font-size:0.13rem; line-height:0.4rem;padding-left:15%; width:85%; color:#FFF;}
.IndTopK{ height:50px; display: none;}
.IndTopN{}
.IndTopP{ margin-right:15px;}
.IndTopP img{width:20px;}
.IndTopP p{ font-size:14px; line-height:30px; margin-left:2px;}
.IndTopa{ width:90px;height:28px; line-height:28px;font-size:14px; margin-left: 14px;}
.ward{padding:0 4%;}
/*footer*/
footer {font-size:0.11rem;}
.ftDK{padding:0.2rem 4%;}
.ftDNZ{flex:1;}
.ftDNZLog{}
.ftDNZLog img{height:0.3rem;}
.ftDNZN{font-size:0.14rem; margin:0.15rem 0 0.08rem; width:90%; height:0.2rem; border:0.01rem solid #ff5c23;}
.ftDNZP{ line-height:0.2rem;}
.ftDN{margin-top:26px; display: none;}
.ftDNr{ width:140px;}
.ftDNr h3{ font-size:18px; line-height:30px;}
.ftDNp{ margin-top:6px;}
.ftDNa{line-height:30px;}
.ftDNa:hover{text-decoration: underline}
.ftDM{width:0.8rem; margin-top:0.45rem;}
.ftDM p{line-height:24px; letter-spacing:3px; margin-top:7px;}
.ftCS{ padding:0.08rem 0;}
.ftCL{ font-size:0.1rem; line-height:0.18rem; text-align: center;}
.ftCR{justify-content:center; width: 100%; margin-top: 0.08rem;}
.ftCI{ width:0.2rem; height: 0.2rem; border-radius: 50%; border:1px solid #FFF;margin:0 0.06rem;}
.Ftop{width:0.24rem; height:0.24rem;bottom:0.2rem;right:2%;}
	
.ftCIMa{ width: 1.2rem; position: absolute;left:50%;bottom:0.3rem;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,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}
.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;}
*/