/* Fonts */
/*通用*/
*{ margin:0; padding:0;}
html{}
body{margin:0;color:#252525; position: relative; font-family: "Arial"; font-size:0;}
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;}
.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%;background:#FFF; z-index:99; position:fixed; left:0;right:0; margin:0 auto; top:0; box-shadow:0 0 5px rgba(0,0,0,0.1)}
.headK{position:relative;}

/*footer*/
footer { color:#FFF; background:#232323;}
.ftLog img{width:100%; display: block;}
.ftDH{color:#fff;}
.ftDn{color:#b0b0b0;}
.ftDza{ color:#b0b0b0; display: block;}
.ftDdI{display: block; background-image: url("../images/icon/IconI01.png"); background-repeat: no-repeat;}
.ftDdI1{background-position: 0 0;}
.ftDM{display: block;}
.ftDM img{width:100%;}
.ftC a{color:#FFF; font-weight:600;}
.ftCma{display: block;}
.ftCma img{width:100%; display: block;}
@media  screen and ( min-width:1280px){
/*header*/
.headK{ height:100px; width: 1200px; margin:0 auto;}
.hdlogo{}
.hdlogo1{ height:70px; margin-right: 36px;}
.hdlogo2{ height:28px; margin-top: 10px;}
.wapMenu,.wapNav{ display: none;}
.Menu{ display: block;}
.Menu ul{}
.Menu ul li{position: relative; margin-left:80px;}
.MenuA{ line-height:50px;font-size:16px; color:#1e1e1e; position: relative; display: block;}
.Menu ul li .on,.Menu ul li .MenuA:hover{ color:#007a4c;}
.NavK{position:absolute;left:50%; margin-left:-65px; top:100%; width:130px; background:#FFF; display:none;box-shadow:0 2px 8px rgba(0,0,0,0.1); padding:0 12px;}
.NavK a{ color:#242424;font-size:14px; line-height:50px;border-top:1px solid #e5e5e5; display:block; text-align:center}
.NavK a:first-child{border-top:none;}
.NavK a:hover{ color:#007a4c;}
/*footer*/
footer {font-size:14px;}
.ftD{padding:25px 0;}
.ftLog{width:117px; margin-left: 45px;}
.ftDn{ margin-top: 20px;}
.ftDH{ font-size:18px;line-height:30px;}
.ftDz{ margin-top:8px;}
.ftDza{line-height:24px;}
.ftDza:hover{color:#FFF; text-decoration: underline;}

.ftDdp{line-height:24px; margin-bottom: 15px;}
.ftDdI{ width:30px; height: 20px;background-size:20px; margin-top: 2px;}
.ftDdI2{background-position: 0 -20px;}
.ftDdI3{background-position: 0 -40px;}
.ftDdp p{width:205px; padding-right:10px;}
.ftDM{width:104px; margin-right: 30px;}
.ftC{border-top:1px solid #393939; }
.ftCB{padding:15px 0;}
.ftCp{line-height:30px;}
.ftCm{ margin-right: 30px;}
.ftCma{width:30px; height: 30px; margin-left: 18px;}
.paddingTop{padding-top:100px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
/*header*/
.headK{ height:86px; width:900px; margin:0 auto;}
.hdlogo{}
.hdlogo1{ height:60px; margin-right:28px;}
.hdlogo2{ height:23px; margin-top: 10px;}
.wapMenu,.wapNav{ display: none;}
.Menu{ display: block;}
.Menu ul{}
.Menu ul li{position: relative; margin-left:60px;}
.MenuA{ line-height:44px;font-size:15px; color:#1e1e1e; position: relative; display: block;}
.Menu ul li .on,.Menu ul li .MenuA:hover{ color:#007a4c;}
.NavK{position:absolute;left:50%; margin-left:-60px; top:100%; width:120px; background:#FFF; display:none;box-shadow:0 2px 8px rgba(0,0,0,0.1); padding:0 12px;}
.NavK a{ color:#242424;font-size:13px; line-height:45px;border-top:1px solid #e5e5e5; display:block; text-align:center}
.NavK a:first-child{border-top:none;}
.NavK a:hover{ color:#007a4c;}
/*footer*/
footer {font-size:12px;}
.ftD{padding:20px 0;}
.ftLog{width:100px; margin-left:30px;}
.ftDn{ margin-top: 15px;}
.ftDH{ font-size:16px;line-height:28px;}
.ftDz{ margin-top:7px;}
.ftDza{line-height:22px;}
.ftDza:hover{color:#FFF; text-decoration: underline;}
.ftDdp{line-height:22px; margin-bottom: 10px;}
.ftDdI{ width:26px; height:18px;background-size:18px; margin-top: 2px;}
.ftDdI2{background-position: 0 -18px;}
.ftDdI3{background-position: 0 -36px;}
.ftDdp p{width:180px; margin-right:10px;}
.ftDM{width:90px; margin-right:22px;}
.ftC{border-top:1px solid #393939; }
.ftCB{padding:12px 0;}
.ftCp{line-height:26px;}
.ftCm{ margin-right: 22px;}
.ftCma{width:26px; height:26px; margin-left: 15px;}
.paddingTop{padding-top:86px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
/*header*/
.headK{ height:65px; width:92%; margin:0 auto;}
.hdlogo{}
.hdlogo1{ height:48px; margin-right:20px;}
.hdlogo2{ height:20px; margin-top:8px;}
.Menu{ display: none;}
/*wapNav*/
.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"); margin-left:20px;}
.wapNavO{background-image: url("../images/icon/sp_icon4.png")}
.wapMenu{ display: block; position:fixed;top:0;right:-290px; z-index:98;width:280px; height:100%;background:rgba(0,0,0,0.9);transition:0.5s;}
.wapMenuO{right:0;transition:0.5s;}
.wapMenu ul{ padding-top:65px;}
.wapMenu ul li{}
.wapMenuA{ display: block; line-height:60px;font-size:16px; color:#FFF;position: relative;padding:0 35px;}
.wapMenuA:before{display:block;content:'';position: absolute;transition:0.5s; top:50%;width:9px; left:0; background:#007a4c; height:0;}
.wapMenu ul li .on{background:rgba(49,49,49,0.9);}
.wapMenu ul li .on:before{height:100%; top:0;transition:0.5s;}
.NavK{ width:100%;display:none}
.NavK a{ color:#FFF;font-size:14px; line-height:45px;border-top:1px solid rgba(255,255,255,0.1); display:block;padding:0 35px;}
.NavK a:first-child{border-top:none;}

/*footer*/
footer {font-size:12px;}
.ftD{padding:18px 0;}
.ftLog{width:65px;}
.ftDn{ margin-top:5px;}
.ftDH{ font-size:14px;line-height:25px;}
.ftDz{ margin-top:7px;}
.ftDza{line-height:19px;}
.ftDza:hover{color:#FFF; text-decoration: underline;}
.ftDnw{}

.ftDdp{line-height:20px; margin-bottom:5px;}
.ftDdI{ width:20px; height:16px;background-size:16px; margin-top: 2px;}
.ftDdI2{background-position: 0 -16px;}
.ftDdI3{background-position: 0 -32px;}
.ftDdp p{width:170px; margin-right: 10px;}
.ftDM{width:60px;}
.ftC{border-top:1px solid #393939; }
.ftCB{padding:10px 0;}
.ftCp{line-height:26px;}
.ftCm{}
.ftCma{width:22px; height:22px; margin-left: 12px;}
.paddingTop{padding-top:65px;}
}
@media only screen and (max-width:639px){
/*header*/
.headK{ height:0.44rem; width:92%; margin:0 auto;}
/*header*/
.hdlogo{}
.hdlogo1{ height:0.32rem; margin-right:0.1rem;}
.hdlogo2{ height:0.13rem; margin-top:0.05rem;}
.Menu{ display: none;}
/*wapNav*/
.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");}
.wapNavO{background-image: url("../images/icon/sp_icon4.png")}
.wapMenu{ display: block; position:fixed;top:0;right:-55%; z-index:98;width:54%; height:100%;background:rgba(0,0,0,0.9);transition:0.5s;}
.wapMenuO{right:0;transition:0.5s;}
.wapMenu ul{ padding-top:0.44rem;}
.wapMenu ul li{}
.wapMenuA{ display: block; line-height:0.44rem;font-size:0.13rem; color:#FFF;position: relative;padding:0 15%;}
.wapMenuA:before{display:block;content:'';position: absolute;transition:0.5s; top:50%;width:0.05rem; left:0; background:#007a4c; height: 0;}
.wapMenu ul li .on{background:rgba(49,49,49,0.9);}
.wapMenu ul li .on:before{height:100%; top:0;transition:0.5s;}
.NavK{ width:100%;display:none}
.NavK a{ color:#FFF;font-size:0.13rem; line-height:0.4rem;border-top:0.01rem solid rgba(255,255,255,0.1); display:block;padding:0 15%;}
.NavK a:first-child{border-top:none;}
/*footer*/
footer {font-size:0.1rem;}
.ftD{padding:0.1rem 4% 0.15rem;}
.ftLog{ display: none;}
.ftDn{ margin-top:0.1rem;}
.ftDH{ font-size:0.12rem;line-height:0.2rem;}
.ftDz{ margin-top:0.06rem;}
.ftDza{line-height:0.16rem;}
.ftDnw{ width: 100%}
.ftDd{width:76%;}
.ftDdp{line-height:0.16rem; margin-bottom:0.06rem;}
.ftDdI{ width:9%; height:0.14rem;background-size:0.14rem; margin-top:0.01rem;}
.ftDdI2{background-position: 0 -0.14rem;}
.ftDdI3{background-position: 0 -0.28rem;}
.ftDdp p{width:91%;}
.ftDM{width:23%;}
.ftC{border-top:0.01rem solid #393939;}
.ftCB{padding:0.08rem 4%;}
.ftCp{line-height:26px;}
.ftCm{}
.ftCma{width:0.2rem; height:0.2rem; margin-left:0.1rem;}
.paddingTop{padding-top:0.44rem;}
}


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