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

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%;}}

.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{width:100%; z-index:99; position:fixed; left:0;right:0; margin:0 auto;background:#fafbfc;box-shadow:0 2px 5px rgba(0,0,0,0.1); top:0;}
.hdlogo{ margin-right: auto; display: block;}
.hdlogo img{display: block;}
.MenuA{color:#242424;position: relative;display:-webkit-box;display: -ms-flexbox;display:flex;align-items:center; flex-wrap:wrap; text-transform: uppercase;}
.MenuA i{width:0;height:0;border-style: solid;border-color:#fff transparent transparent transparent; display: block;}
.hdFcK{position:relative;}
.hdFc{color:#FFF; background:#eba612;}
.hdFc i{width:0;height:0;border-style: solid;border-color:#FFF transparent transparent transparent; display: block;transition:0.5s;}
.hdFcK .on i{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);transition:0.5s;}
.hdFcN{top:100%;left:0;right:0; margin:0 auto;position: absolute;  background:#686868; display:none;}
.hdFcN a{width:100%; color:#FFF;display: block; text-align: center;}
.Wsehd{background:rgba(255,255,255,0);}
.WseMen .MenuA {color:#242424;}
.WseMen .MenuA i{border-color:#000 transparent transparent transparent;}
.headerO{background:rgba(255,255,255,0);box-shadow:0 2px 5px rgba(0,0,0,0);}
.headerO .WseMen .MenuA {color:#FFF;}
.headerO .WseMen .MenuA i{border-color:#FFF transparent transparent transparent;}
/*footer*/
footer { color:#FFF;background-color:#181544; background-image: url("../image/ftB.png"); background-repeat: no-repeat; background-size: auto 100%; background-position:center;}
.ftNH{font-weight:700;}
.ftNa{display: block; color:#FFF; opacity:0.7}
.ftNaM{display:flex;}
.ftZ a{ display: block;}
.ftZ a img{height:100%;}
.ftC{text-align:center;}
@media  screen and ( min-width:1440px){
.ward{width:1200px; margin:0 auto}
/*header*/	
.headK{ padding-top: 9px;}
.hdlogo img{ height:34px;}
.wapNav{ display: none;}
.Menu{display:block; margin-top:10px;}
.Menu ul{}
.Menu ul li{ margin-left:30px;}
.MenuA{font-size:18px; line-height:30px;}
.MenuA:hover{ color:#3d347c;}
.MenuA i{border-width:8px 6px 0 6px;margin-left: 10px;}
.hdFcK{margin-left:24px;margin-top:10px;}
.hdFc{padding:0 9px; height:25px; border-radius:13px; }
.hdFc img{width:21px;}
.hdFc p{padding:0 5px; font-size:14px; line-height:20px;}
.hdFc i{border-width:8px 6px 0 6px;}
.hdFcN{ padding:10px 0; width:90%;}
.hdFcN a{font-size:13px; line-height:22px;}

/*footer*/	
.ftN{ padding:45px 70px 50px;}
.ftNr{}
.ftNH{ font-size:22px; line-height:50px; margin-bottom:12px;}
.ftNa{ font-size:18px; line-height:44px;}
.ftNa:hover{text-decoration:underline;opacity:1}
.ftZ{}
.ftZ a{height:50px; margin-left: 30px;}	
.ftNaM img{width:27px; margin-right:12px;}
.ftC{font-size:18px; line-height:28px; padding-bottom:16px;}
.ftC p{ margin-bottom:16px;}
.ftC p span{ display:inline-block; margin-right:25px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.ward{width:1080px; margin:0 auto}
/*header*/	
.headK{ padding-top: 8px;}
.hdlogo img{ height:30px;}
.wapNav{ display: none;}
.Menu{display:block; margin-top: 10px;}
.Menu ul{}
.Menu ul li{ margin-left:28px;}
.MenuA{font-size:17px; line-height:30px;}
.MenuA:hover{ color:#3d347c;}
.MenuA i{border-width:8px 6px 0 6px;margin-left: 10px;}
.hdFcK{margin-left:24px;margin-top:10px;}
.hdFc{padding:0 9px; height:25px; border-radius:13px; }
.hdFc img{width:21px;}
.hdFc p{padding:0 5px; font-size:14px; line-height:20px;}
.hdFc i{border-width:8px 6px 0 6px;}
.hdFcN{ padding:10px 0; width:90%;}
.hdFcN a{font-size:13px; line-height:22px;}
/*footer*/		
.ftN{ padding:38px 60px 45px;}
.ftNr{}
.ftNH{ font-size:20px; line-height:45px; margin-bottom:10px;}
.ftNa{ font-size:17px; line-height:40px;}
.ftNa:hover{text-decoration:underline;opacity:1}
.ftZ{}
.ftZ a{height:46px; margin-left:26px;}	
.ftNaM img{width:24px; margin-right:10px;}
.ftC{font-size:16px; line-height:24px; padding-bottom:17px;}
.ftC p{ margin-bottom:9px;}
.ftC p span{ display:inline-block; margin-right:22px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.ward{width:900px; margin:0 auto}
/*header*/	
.headK{ padding-top: 8px;}
.hdlogo img{ height:25px;}
.wapNav{ display: none;}
.Menu{display:block; margin-top: 9px;}
.Menu ul{}
.Menu ul li{ margin-left:25px;}
.MenuA{font-size:16px; line-height:28px;}
.MenuA:hover{ color:#3d347c;}
.MenuA i{border-width:7px 5px 0 5px;margin-left:8px;}
.hdFcK{margin-left:20px;margin-top: 9px;}
.hdFc{padding:0 9px; height:23px; border-radius:12px;}
.hdFc img{width:19px;}
.hdFc p{padding:0 3px; font-size:13px; line-height:20px;}
.hdFc i{border-width:7px 5px 0 5px;}
.hdFcN{ padding:7px 0; width:90%;}
.hdFcN a{font-size:12px; line-height:20px;}
/*footer*/
.ftN{ padding:30px 55px 30px;}
.ftNr{}
.ftNH{ font-size:18px; line-height:40px; margin-bottom:6px;}
.ftNa{ font-size:15px; line-height:35px;}
.ftNa:hover{text-decoration:underline;opacity:1}
.ftZ{}
.ftZ a{height:35px; margin-left:22px;}	
.ftNaM img{width:20px; margin-right:8px;}
.ftC{font-size:14px; line-height:24px; padding-bottom:14px;}
.ftC p{ margin-bottom:6px;}
.ftC p span{ display:inline-block; margin-right:22px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.ward{width:600px; margin:0 auto}
/*header*/
.headK{height:50px;width:92%; padding:0 4%}
.hdlogo img{ height:22px;}
.hdFcK{margin-right:20px;}
.hdFc{padding:0 9px; height:20px; border-radius:10px; }
.hdFc img{width:16px;}
.hdFc p{padding:0 1px; font-size:12px; line-height:20px;}
.hdFc i{border-width:6px 4px 0 4px;}
.wapNav{display:block;width:26px;height:26px;background-size:26px;background-position:right center;background-repeat:no-repeat; background-image:url("../image/sp_icon2.png"); z-index:3}
.wapNavO{background-image: url("../image/sp_icon4.png")}
.Menu{display: block; position:fixed;top:0;right:-55%; z-index:1;width:52%; height:100%;background:rgba(9,16,56,0.9);transition:0.5s;}
.MenuO{right:0}
.Menu ul{ padding-top:40px;}
.Menu ul li{ width: 100%;}
.MenuA{font-size:20px; line-height:40px;padding-left:15%; width:85%; color:#FFF;}
.MenuA i{border-width:8px 6px 0 6px;margin-left: 10px;}
.hdFcN{ padding:7px 0; width:90%;}
.hdFcN a{font-size:12px; line-height:20px;}
.WseMen .MenuA {color:#FFF;}
.WseMen .MenuA i{border-color:#FFF transparent transparent transparent;}	
/*footer*/
.ftN{ padding:25px 15px 25px;}
.ftNr{}
.ftNH{ font-size:15px; line-height:30px; margin-bottom:6px;}
.ftNa{ font-size:13px; line-height:28px;}
.ftNa:hover{text-decoration:underline;opacity:1}
.ftZ{}
.ftZ a{height:35px;}	
.ftNaM img{width:18px; margin-right:5px;}
.ftC{font-size:12px; line-height:24px; padding-bottom:15px}
.ftC p span{ display:block;}
}
@media only screen and (max-width:639px){
/*header*/
.header{}
.headK{height:0.42rem;width:100%; padding:0 4%}
.hdlogo img{ height:0.16rem;}
.hdFcK{margin-right:0.15rem;}
.hdFc{padding:0 0.05rem; height:0.2rem; border-radius:0.1rem;}
.hdFc img{width:0.14rem;}
.hdFc p{padding:0 0.05rem; font-size:12px; line-height:20px;}
.hdFc i{border-width:6px 4px 0 4px;}
.hdFcN{ padding:0.05rem 0; width:90%;}
.hdFcN a{font-size:0.1rem; line-height:0.18rem;}
.wapNav{display:block;width:0.2rem;height:0.2rem;background-size:0.2rem;background-position:right center;background-repeat:no-repeat; background-image:url("../image/sp_icon2.png"); z-index:3}
.wapNavO{background-image: url("../image/sp_icon4.png")}
.Menu{display: block; position:fixed;top:0;right:-55%; z-index:1;width:52%; height:100%;background:rgba(9,16,56,0.9);transition:0.5s;}
.MenuO{right:0}
.Menu ul{ padding-top:0.5rem;}
.Menu ul li{ width: 100%;}
.MenuA{font-size:0.13rem; line-height:0.38rem;  padding-left:15%; width:85%; color:#FFF;}
.MenuA:before{width:0.04rem; height:0;left:0; top:50%; background:#6255ce}
.Menu ul li .on:before{height: 100%;top:0%;}
.WseMen .MenuA {color:#FFF;}
.WseMen .MenuA i{border-color:#FFF transparent transparent transparent;}	
/*footer*/
.ftN{ padding:0.15rem 4.8% 0.01rem;}
.ftNr{ width:49.5%; margin-bottom:0.15rem;}
.ftNH{ font-size:0.115rem; line-height:0.2rem; margin-bottom:0.05rem;}
.ftNz{display:flex;justify-content:space-between;align-items:flex-start; flex-wrap:wrap;}
.ftNa{ font-size:0.09rem; line-height:0.18rem; width:50%}
.ftNzW .ftNa{ width: 33%;}
.ftNzW .ftNa:nth-child(2n+1){width:67%}
.ftZ a{height:0.24rem;}	
.ftNaM img{width:0.14rem; margin-right:0.03rem;}
.ftC{font-size:0.09rem; line-height:0.16rem; padding-bottom:0.08rem}
.ftC p span{ display:block;}
}


@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;}

}

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