/* Fonts */
/*currency*/
*{ margin:0; padding:0;}
html{}
body{margin:0;color:#252525; position: relative;font:0.1rem "microsoft yahei", Arial, Helvetica, sans-serif; background:#FFF;}
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:199; position:sticky; top:0; left:0;right:0; margin:0 auto; background:#FFF; box-shadow:0 3px 10px rgba(0,0,0,0.1);}
.logo{color:#010101; margin-right: auto;}
.logo img{display: block;}
.logo p{ font-weight:600;}
/**/
.seaA{background-color:#000; background-image: url("../images/icon/search.png"); background-position:center;background-repeat: no-repeat;display: block;border-radius: 50%;}

/*
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(0,-50%);left:0;top:50%;

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

@media  screen and ( min-width:1680px){
.ward{width:1400px; margin:0 auto;}
/*header*/
.headK{height:136px; width:1400px; margin:0 auto;}
.logo img{width:300px;}
.logo p{ font-size: 24px; line-height:30px; margin-top:45px; margin-left: 10px;}
.hd_nav{ display: none;}
.Menu{ display: block; margin-right: 78px;}
.MenuU li{ margin-left:44px; position: relative}
.MenuU li:first-child{margin-left:0;}
.MenuA{ line-height:36px;height:36px;font-size:18px; color:#252525; position: relative; display: block;}
.MenuU li .on,.MenuU li .MenuA:hover{font-weight:700;}
.MenuA:before{display:block;content:'';position: absolute;transition:0.5s; background:#252525; width:0; height:1px; transform: translate(-50%,0);left:50%; bottom:0;}
.MenuU li .on:before,.MenuU li .MenuA:hover:before{ transition:0.5s;  width:100%;}
/**/
.seaA{background-size: 18px;width: 40px; height: 40px;  border-radius: 50%;}
.seaA:hover{box-shadow:0 0 5px rgba(0,0,0,0.8);}
}
@media screen and (max-width:1679px ) and ( min-width:1440px){
.ward{width:1280px; margin:0 auto;}
/*header*/
.headK{height:108px; width:1280px; margin:0 auto;}
.logo img{width:230px;}
.logo p{ font-size: 20px; line-height:26px; margin-top:38px; margin-left:8px;}
.hd_nav{ display: none;}
.Menu{ display: block; margin-right:66px;}
.MenuU li{ margin-left:38px; position: relative}
.MenuU li:first-child{margin-left:0;}
.MenuA{ line-height:32px;height:32px;font-size:16px; color:#252525; position: relative; display: block;}
.MenuU li .on,.MenuU li .MenuA:hover{font-weight:700;}
.MenuA:before{display:block;content:'';position: absolute;transition:0.5s; background:#252525; width:0; height:1px; transform: translate(-50%,0);left:50%; bottom:0;}
.MenuU li .on:before,.MenuU li .MenuA:hover:before{ transition:0.5s;  width:100%;}
/**/
.seaA{background-size: 16px;width:36px; height: 36px;  border-radius: 50%;}
.seaA:hover{box-shadow:0 0 5px rgba(0,0,0,0.8);}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.ward{width:1080px; margin:0 auto;}
/*header*/
.headK{height:88px; width:1080px; margin:0 auto;}
.logo img{width:200px;}
.logo p{ font-size:17px; line-height:22px; margin-top:32px; margin-left:8px;}
.hd_nav{ display: none;}
.Menu{ display: block; margin-right:55px;}
.MenuU li{ margin-left:32px; position: relative}
.MenuU li:first-child{margin-left:0;}
.MenuA{ line-height:30px;height:30px;font-size:15px; color:#252525; position: relative; display: block;}
.MenuU li .on,.MenuU li .MenuA:hover{font-weight:700;}
.MenuA:before{display:block;content:'';position: absolute;transition:0.5s; background:#252525; width:0; height:1px; transform: translate(-50%,0);left:50%; bottom:0;}
.MenuU li .on:before,.MenuU li .MenuA:hover:before{ transition:0.5s;  width:100%;}
/**/
.seaA{background-size: 14px;width:34px; height: 34px;  border-radius: 50%;}
.seaA:hover{box-shadow:0 0 5px rgba(0,0,0,0.8);}
}
@media screen and (max-width:1279px ) and ( min-width:1080px){
.ward{width:1000px; margin:0 auto;}
/*header*/
.headK{height:78px; width:1000px; margin:0 auto;}
.logo img{width:170px;}
.logo p{ font-size:16px; line-height:20px; margin-top:30px; margin-left:6px;}
.hd_nav{ display: none;}
.Menu{ display: block; margin-right:48px;}
.MenuU li{ margin-left:28px; position: relative}
.MenuU li:first-child{margin-left:0;}
.MenuA{ line-height:28px;height:28px;font-size:14px; color:#252525; position: relative; display: block;}
.MenuU li .on,.MenuU li .MenuA:hover{font-weight:700;}
.MenuA:before{display:block;content:'';position: absolute;transition:0.5s; background:#252525; width:0; height:1px; transform: translate(-50%,0);left:50%; bottom:0;}
.MenuU li .on:before,.MenuU li .MenuA:hover:before{ transition:0.5s;  width:100%;}
/**/
.seaA{background-size: 14px;width:32px; height: 32px;  border-radius: 50%;}
.seaA:hover{box-shadow:0 0 5px rgba(0,0,0,0.8);}
}
@media screen and (max-width:1079px ) and ( min-width:960px){
.ward{width:860px; margin:0 auto;}
/*header*/
.headK{height:68px; width:860px; margin:0 auto;}
.logo img{width:130px;}
.logo p{ font-size:15px; line-height:20px; margin-top:26px; margin-left:6px;}
.hd_nav{ display: none;}
.Menu{ display: block; margin-right:38px;}
.MenuU li{ margin-left:25px; position: relative}
.MenuU li:first-child{margin-left:0;}
.MenuA{ line-height:26px;height:26px;font-size:14px; color:#252525; position: relative; display: block;}
.MenuU li .on,.MenuU li .MenuA:hover{font-weight:700;}
.MenuA:before{display:block;content:'';position: absolute;transition:0.5s; background:#252525; width:0; height:1px; transform: translate(-50%,0);left:50%; bottom:0;}
.MenuU li .on:before,.MenuU li .MenuA:hover:before{ transition:0.5s;  width:100%;}
/**/
.seaA{background-size: 12px;width:28px; height: 28px;  border-radius: 50%;}
.seaA:hover{box-shadow:0 0 5px rgba(0,0,0,0.8);}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.ward{width:600px; margin:0 auto;}
/*header*/
.headK{height:58px; width:92%;padding:0 4%}
.logo img{width:100px;}
.logo p{ font-size:14px; line-height:20px; margin-top:20px; margin-left:4px;}
.hd_nav{width:26px;height:26px; position:relative; z-index:999;}
.hd_nav i{top:50%;margin-top:-1px;position:absolute;display:inline-block;height:3px;width:26px;border-radius:2px;background:#f59520;}
.hd_nav:before{margin-top: -8px;}
.hd_nav:after{margin-top:8px;}
.hd_nav:before,.hd_nav:after{content: '';position:absolute;top:50%;display:inline-block;height:3px;width:26px;border-radius:2rem;background:#f59520;transition:0.2s;}
.hd_nav.active i{display:none;}
.hd_nav.active:before{transform: rotate(45deg);}
.hd_nav.active:after{transform: rotate(-45deg);}
.hd_nav.active:before,.hd_nav.active:after{margin-top:0;background:#ffffff;}
.Menu{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0, 0, 0, 0.9);z-index:997;display:none;}
.MenuU{padding-top:60px;}
.MenuU li{width:100%; position: relative}
.MenuA{ line-height:60px;font-size:16px; color:#FFF; position: relative; display: block; font-weight:700; padding:0 4%;}
.MenuA:before{display:block;content:'';position: absolute;transition:0.5s; background:#f59520; width:2px; height:0; left:0;top:50%;transform: translate(0,-50%);}
.MenuU li .on,.MenuU li .menuO{ color:#f59520;}
.MenuU li .on:before,.MenuU li .menuO:before{ transition:0.5s;  height:100%;}
.seaA{background-size: 12px;width:28px; height: 28px;  border-radius: 50%; margin-right: 20px;}
.seaA:hover{box-shadow:0 0 5px rgba(0,0,0,0.8);}
}
@media only screen and (max-width:639px){
/*header*/
.headK{height:0.44rem; width:92%;padding:0 4%}
.logo img{width:0.38rem;}
.logo p{ font-size:0.11rem; line-height:0.16rem; margin-top:0.17rem; margin-left:0.04rem;}
/*header*/
.hd_nav{width:0.22rem;height:0.2rem; position:relative; z-index:999;}
.hd_nav i{top:50%;margin-top:-0.01rem;position:absolute;display:inline-block;height:0.02rem;width:100%;border-radius:2px;background:#f59520;}
.hd_nav:before{margin-top:-0.07rem;}
.hd_nav:after{margin-top:0.05rem;}
.hd_nav:before,.hd_nav:after{content: '';position:absolute;display:inline-block;height:3px;width:100%;border-radius:2rem;background:#f59520;transition:0.2s; top:50%}
.hd_nav.active i{display:none;}
.hd_nav.active:before{transform: rotate(45deg);}
.hd_nav.active:after{transform: rotate(-45deg);}
.hd_nav.active:before,.hd_nav.active:after{margin-top:0;background:#ffffff;}
.headR{ width:60%}
.Menu{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0, 0, 0, 0.8);z-index:997;display:none;}
.MenuU{padding-top:0.44rem;}
.MenuU li{width:100%; position: relative}
.MenuA{ line-height:0.44rem;font-size:0.14rem; color:#FFF; position: relative; display: block; font-weight:700; padding:0 5%;}
.MenuA:before{display:block;content:'';position: absolute;transition:0.5s; background:#f59520; width:0.03rem; height:0; left:0;top:50%;transform: translate(0,-50%);}
.MenuU li .on,.MenuU li .menuO{ color:#f59520;}
.MenuU li .on:before,.MenuU li .menuO:before{ transition:0.5s;  height:100%;}
.seaA{background-size:0.1rem;width:0.24rem; height:0.24rem;  border-radius: 50%; margin-right:0.15rem;}
}



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

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;

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

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