/*通用*/
*{ margin:0; padding:0;}
html{}
body{margin:0;color:#252525; background-color:#f5f7f9; background-repeat:no-repeat; font-size: 0;background-attachment: fixed; position: relative;}
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:"微软雅黑";}
a{color:#6c6c6c;text-decoration:none;}
img{border:none; display: block;}
span{margin:0; padding:0; cursor: auto;}
span:focus,div:focus {outline: none;}
/*****************
-------首页-------
*****************/
.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;}
.top{ background:#eee;color:#838c94;}
.topL{ margin-right: auto;}
.topa img{display: block;}
.topa p{ color:#31404c;}
/*header*/
.header{width:100%;background:#FFF; z-index:99; position: relative}
.hdlogo img{height:100%;}
.hdlogo h3{background:#3a4d82; color:#FFF; text-align: center;}
/*phone*/
.hdphone{ color:#FFF;}
.hdphoneP h3{ color:#fe022f;}
.hdphoneP p{ color:#838c94;}
/*导航*/
.wapMenu,.wapNav{ display: none;}
.Menu{ display: block; margin-left:25px;}
.Menu ul{}
.Menu ul li{padding:0 20px; position: relative}
.MenuA{ line-height:60px;font-size:16px; color:#2c2d32; position: relative; display: block;}
.MenuA:before{display: block;content: '';position: absolute;left: 0;right:0; bottom:10px; margin:0 auto; width:0; height:4px;background: #c29a3a;transition:0.5s;}
.MenuA i{width: 0;height: 0;border-style: solid;border-width:5px 4px 0 4px;border-color:#000 transparent transparent transparent;transition:0.5s; display: block; position: absolute; top:50%;right:-16px; margin-top:-1px;}
.Menu ul li .on,.Menu ul li .MenuAO .Menu ul li .MenuA:hover{ color:#c29a3a;}
.Menu ul li .MenuAO i,.MenuA:hover i{transition:0.5s;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);}
.Menu ul li .on:before,.Menu ul li .MenuAO:before,.Menu ul li .MenuA:hover:before{ width:60px;transition:0.5s;}
.Nav{ z-index:999;top:60px;left:50%; margin-left:-65px; position:absolute; width:130px;background:rgba(6,24,63,0.9);box-shadow:0 0 5px rgba(0,0,0,0.1); display:none;}
.MenuS{font-size:14px; line-height:40px; text-align: center; display:block;color:#FFF; border-top:1px solid rgba(255,255,255,0.2);}
.MenuS:first-child{border-top:none;}
.MenuS:hover{ color:#FFF; background:#06183f;}
/*foot*/
.foot{color:#FFF;background:#102741;}
.ftNT{font-weight:550;}
.ftMaI img{width:100%; display: block;}
.ftNava{ color:#fff; display: block;}
.ftWa{ color:#FFF;text-align: center;display: block}
.ftC{ background:#0a1c31; color:#FFF; text-align: center;}
/*面包屑*/
.MianB{color:#9fa9b3;}
.MianB a{color:#9fa9b3;}
/*免责声明*/
.Inddis{ background:#f5f7f9;}
.InddisN img{ display: block;}
.InddisN p{color:#9c9c9c; text-align: justify}
@media screen and ( min-width:1440px){
.wark{width:1200px; margin:0 auto;}
.top{height: 40px;line-height: 40px; font-size:12px;}
.topa{ margin-left:20px;}
.topa img{width:18px;}
.topa p{line-height:20px; margin-left:10px;}
/*header*/
.headK{ height:95px; }
.hdlogo{height:38px;}
.hdlogo h3{height:38px; line-height:38px; border-radius:3px;width:100px; font-size:16px;}
/*phone*/
.hdphone{width:148px; height:50px;border-radius:3px; border:1px solid #fe022f;}
.hdphone img{width:49px; margin-right:5px; }
.hdphone h3{ font-size:14px; line-height:30px;}
.hdphoneP{width:75px;}
.hdphoneP h3{ font-size:18px; line-height:24px;}
.hdphoneP p{font-size:12px; line-height:18px;}
/*导航*/
.wapMenu,.wapNav{ display: none;}
.Menu{ display: block; margin-left:25px;background:#102741;}
.Menu ul{}
.Menu ul li{padding:0 20px; position: relative}
.MenuA{ line-height:60px;font-size:16px; color:#fff; position: relative; display: block;}
.MenuA:before{display: block;content: '';position: absolute;left: 0;right:0; bottom:10px; margin:0 auto; width:0; height:4px;background: #c29a3a;transition:0.5s;}
.MenuA i{width: 0;height: 0;border-style: solid;border-width:5px 4px 0 4px;border-color:#000 transparent transparent transparent;transition:0.5s; display: block; position: absolute; top:50%;right:-16px; margin-top:-1px;}
.Menu ul li .on,.Menu ul li .MenuAO .Menu ul li .MenuA:hover{ color:#c29a3a;}
.Menu ul li .MenuAO i,.MenuA:hover i{transition:0.5s;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);}
.Menu ul li .on:before,.Menu ul li .MenuAO:before,.Menu ul li .MenuA:hover:before{ width:100%;transition:0.5s;}
.Nav{ z-index:999;top:60px;left:50%; margin-left:-65px; position:absolute; width:130px;background:rgba(6,24,63,0.9);box-shadow:0 0 5px rgba(0,0,0,0.1); display:none;}
.MenuS{font-size:14px; line-height:40px; text-align: center; display:block;color:#FFF; border-top:1px solid rgba(255,255,255,0.2);}
.MenuS:first-child{border-top:none;}
.MenuS:hover{ color:#FFF; background:#06183f;}
/*foot*/
.ftK{padding:35px 0;}
.ftNT{ font-size:16px;line-height:30px; margin-bottom:7px;}
.ftMa{ width:105px;}
.ftMa .ftNT{ text-align:right;}
.ftMaI{width:105px; height:105px;}
.ftNav{ width: 110px;}
.ftNavN{}
.ftNava{font-size:14px; line-height:30px;}
.ftNava:hover{text-decoration:underline;}
.ftOnl{width:280px;}
.ftOnln{}
.ftOnln h3{ font-size:30px; line-height:30px; margin-bottom: 10px;}
.ftOnln p{ font-size:16px; line-height:20px;}
.ftW{width:260px;}
.ftWn p{ font-size:16px; line-height:26px;}
.ftWa{font-size:14px; width: 78px; height:24px; line-height:24px; border-radius:13px;border:1px solid #FFF; margin-top: 18px;}
.ftC{ font-size:14px; line-height:25px; padding:0.1rem 4% 1.1rem 4%;}
/*面包屑*/
.MianB{height:46px;font-size:12px;}
.MianB p,.MianB a{ line-height:20px;}
.MianB a:hover{ color:#102741; text-decoration: underline;}
/*免责声明*/
.InddisN{padding:25px 0;}
.InddisN img{ width:38px;}
.InddisN p{ width:1150px;font-size:14px; line-height:19px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.wark{width:1100px; margin:0 auto;}
.top{height:36px;line-height:36px; font-size:12px;}
.topa{ margin-left:20px;}
.topa img{width:16px;}
.topa p{line-height:20px; margin-left:9px;}
/*header*/
.headK{ height:80px;}
.hdlogo{height:32px;}
.hdlogo h3{height:32px; line-height:32px; border-radius:3px;width:90px; font-size:15px;}
/*phone*/
.hdphone{width:130px; height:44px;border-radius:3px; border:1px solid #fe022f;}
.hdphone img{width:38px; margin-right:3px; }
.hdphoneP{width:70px;}
.hdphoneP h3{ font-size:16px; line-height:20px;}
.hdphoneP p{font-size:12px; line-height:18px;}
/*导航*/
.wapMenu,.wapNav{ display: none;}
.Menu{ display: block; margin-left:20px;}
.Menu ul{}
.Menu ul li{padding:0 16px; position: relative}
.MenuA{ line-height:50px;font-size:15px; color:#2c2d32; position: relative; display: block;}
.MenuA:before{display: block;content: '';position: absolute;left: 0;right:0; bottom:6px; margin:0 auto; width:0; height:3px;background: #c29a3a;transition:0.5s;}
.MenuA i{width: 0;height: 0;border-style: solid;border-width:5px 4px 0 4px;border-color:#000 transparent transparent transparent;transition:0.5s; display: block; position: absolute; top:50%;right:-16px; margin-top:-1px;}
.Menu ul li .on,.Menu ul li .MenuAO .Menu ul li .MenuA:hover{ color:#c29a3a;}
.Menu ul li .MenuAO i,.MenuA:hover i{transition:0.5s;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);}
.Menu ul li .on:before,.Menu ul li .MenuAO:before,.Menu ul li .MenuA:hover:before{ width:100%;transition:0.5s;}
.Nav{ z-index:999;top:50px;left:50%; margin-left:-60px; position:absolute; width:120px;background:rgba(6,24,63,0.9);box-shadow:0 0 5px rgba(0,0,0,0.1); display:none;}
.MenuS{font-size:14px; line-height:40px; text-align: center; display:block;color:#FFF; border-top:1px solid rgba(255,255,255,0.2);}
.MenuS:first-child{border-top:none;}
.MenuS:hover{ color:#FFF; background:#06183f;}
/*foot*/
.ftK{padding:32px 0;}
.ftNT{ font-size:15px;line-height:30px; margin-bottom:5px;}
.ftMa{ width:98px;}
.ftMa .ftNT{ text-align:right;}
.ftMaI{width:98px; height:98px;}
.ftNav{ width: 100px;}
.ftNavN{}
.ftNava{font-size:13px; line-height:28px;}
.ftNava:hover{text-decoration:underline;}
.ftOnl{width:270px;}
.ftOnln{}
.ftOnln h3{ font-size:26px; line-height:28px; margin-bottom: 8px;}
.ftOnln p{ font-size:15px; line-height:20px;}
.ftW{width:250px;}
.ftWn p{ font-size:15px; line-height:26px;}
.ftWa{font-size:13px; width: 70px; height:24px; line-height:24px; border-radius:13px;border:1px solid #FFF; margin-top: 18px;}
.ftC{ font-size:13px; line-height:20px; padding:14px 0;}
/*面包屑*/
.MianB{height:40px;font-size:12px;}
.MianB p,.MianB a{ line-height:20px;}
.MianB a:hover{ color:#102741; text-decoration: underline;}
/*免责声明*/
.InddisN{padding:22px 0;}
.InddisN img{ width:36px;}
.InddisN p{ width:1050px;font-size:13px; line-height:18px;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.wark{width:900px; margin:0 auto;}
.top{height:32px;line-height:32px; font-size:12px;}
.topa{ margin-left:18px;}
.topa img{width:14px;}
.topa p{line-height:20px; margin-left:6px;}
/*header*/
.headK{ height:70px;}
.hdlogo{height:26px;}
.hdlogo h3{height:26px; line-height:26px; border-radius:3px;width:80px; font-size:14px;}
/*phone*/
.hdphone{width:110px; height:40px;border-radius:3px; border:1px solid #fe022f;}
.hdphone img{width:34px; margin-right:2px; }
.hdphoneP{width:70px;}
.hdphoneP h3{ font-size:14px; line-height:18px;}
.hdphoneP p{font-size:12px; line-height:16px;}
/*导航*/
.wapMenu,.wapNav{ display: none;}
.Menu{ display: block; margin-left:15px;}
.Menu ul{}
.Menu ul li{padding:0 15px; position: relative}
.MenuA{ line-height:46px;font-size:14px; color:#2c2d32; position: relative; display: block;}
.MenuA:before{display: block;content: '';position: absolute;left: 0;right:0; bottom:6px; margin:0 auto; width:0; height:2px;background: #c29a3a;transition:0.5s;}
.MenuA i{width: 0;height: 0;border-style: solid;border-width:4px 3px 0 3px;border-color:#000 transparent transparent transparent;transition:0.5s; display: block; position: absolute; top:50%;right:-12px; margin-top:-1px;}
.Menu ul li .on,.Menu ul li .MenuAO .Menu ul li .MenuA:hover{ color:#c29a3a;}
.Menu ul li .MenuAO i,.MenuA:hover i{transition:0.5s;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);}
.Menu ul li .on:before,.Menu ul li .MenuAO:before,.Menu ul li .MenuA:hover:before{width:100%;transition:0.5s;}
.Nav{ z-index:999;top:46px;left:50%; margin-left:-60px; position:absolute; width:120px;background:rgba(6,24,63,0.9);box-shadow:0 0 5px rgba(0,0,0,0.1); display:none;}
.MenuS{font-size:14px; line-height:40px; text-align: center; display:block;color:#FFF; border-top:1px solid rgba(255,255,255,0.2);}
.MenuS:first-child{border-top:none;}
.MenuS:hover{ color:#FFF; background:#06183f;}
/*foot*/
.ftK{padding:27px 0;}
.ftNT{ font-size:14px;line-height:27px; margin-bottom:4px;}
.ftMa{ width:90px;}
.ftMa .ftNT{ text-align:right;}
.ftMaI{width:90px; height:90px;}
.ftNav{ width:90px;}
.ftNavN{}
.ftNava{font-size:12px; line-height:25px;}
.ftNava:hover{text-decoration:underline;}
.ftOnl{width:250px;}
.ftOnln{}
.ftOnln h3{ font-size:22px; line-height:28px; margin-bottom:4px;}
.ftOnln p{ font-size:14px; line-height:20px;}
.ftW{width:230px;}
.ftWn p{ font-size:14px; line-height:22px;}
.ftWa{font-size:12px; width:65px; height:22px; line-height:22px; border-radius:14px;border:1px solid #FFF; margin-top: 15px;}
.ftC{ font-size:12px; line-height:20px; padding:12px 0;}
/*面包屑*/
.MianB{height:40px;font-size:12px;}
.MianB p,.MianB a{ line-height:20px;}
.MianB a:hover{ color:#102741; text-decoration: underline;}
/*免责声明*/
.InddisN{padding:18px 0;}
.InddisN img{ width:32px;}
.InddisN p{ width:855px;font-size:12px; line-height:17px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.top,.hdphone{ display: none;}
.wark{width:600px; margin:0 auto;}
.headK{ height:60px;width:92%; padding:0 4%;}
.hdlogo{height:30px;}
.hdlogo h3{height:30px; line-height:30px; border-radius:3px;width:80px; font-size:14px;}
.Menu{ display: none;}
/*wapNav*/
.wapNav{display:block;width:10%;height:34px;background-size:34px;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: none; position:fixed;top:0;left:0; z-index:8;width:100%; height:100%;background:rgba(6,24,63,0.9);}
.wapMenu ul{ padding-top:60px;}
.wapMenu ul li{padding:0 4%;}
.wapMenuA{ display: block; line-height:70px;font-size:16px; color:#FFF; text-align: center; border-top:1px solid rgba(255,255,255,0.4); position: relative;}
.wapMenuA:first-child(){border-top:none;}
.wapMenuA i{width: 0;height: 0;border-style: solid;border-width:8px 7px 0 7px;border-color: #fff transparent transparent transparent;transition:0.5s; display: block; position: absolute; top:50%;right:3%; margin-top:-1px;}
.wapMenu ul li .on i{transition:0.5s;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);}
.wapNavK{background:rgba(6,24,63,1);display: none;}
.wapNava{ line-height:50px; display: block; font-size: 14px; color:#FFF; border-top:1px dashed rgba(255,255,255,0.2); text-align: center;}
/*foot*/
.ftK{padding:24px 0;}
.ftNT{ font-size:14px;line-height:25px; margin-bottom:4px;}
.ftMa{ width:80px;}
.ftMa .ftNT{ text-align:right;}
.ftMaI{width:80px; height:80px;}
.ftNav{ width:60px;}
.ftNavN{}
.ftNava{font-size:12px; line-height:25px;}
.ftNava:hover{text-decoration:underline;}
.ftOnl{width:170px;}
.ftOnln{}
.ftOnln h3{ font-size:18px; line-height:24px; margin-bottom:2px;}
.ftOnln p{ font-size:12px; line-height:18px;}
.ftW{width:150px;}
.ftWn p{ font-size:12px; line-height:18px;}
.ftWa{font-size:12px; width:60px; height:18px; line-height:18px; border-radius:10px;border:1px solid #FFF; margin-top: 12px;}
.ftC{ font-size:12px; line-height:18px; padding:10px 0;}
/*面包屑*/
.MianB{height:40px;font-size:12px;}
.MianB p,.MianB a{ line-height:20px;}
.MianB a:hover{ color:#102741; text-decoration: underline;}
/*免责声明*/
.InddisN{padding:15px 0;}
.InddisN img{ width:28px;}
.InddisN p{ width:560px;font-size:12px; line-height:17px;}
}
@media only screen and (max-width: 639px) {
.top,.hdphone{ display: none;}
.headK{ height:0.44rem;width:92%; padding:0 4%;padding-bottom:.25rem;}
.hdlogo{height:0.2rem;}
.hdlogo h3{height:0.2rem; line-height:0.2rem; border-radius:0.03rem;width:0.62rem; font-size:0.1rem;}
/*导航*/
.Menu{ display: none;}
.wapMenu{ display: none; position:fixed;top:0;left:0; z-index:8;width:100%; height:100%;background:rgba(6,24,63,0.9);}
.wapMenu ul{ padding-top:0.44rem;}
.wapMenu ul li{padding:0 4%;}
.wapMenuA{ display: block; line-height:0.4rem;font-size:0.13rem; color:#FFF; text-align: center; border-top:0.01rem solid rgba(255,255,255,0.4); position: relative;}
.wapMenuA:first-child(){border-top:none;}
.wapMenuA i{width: 0;height: 0;border-style: solid;border-width:6px 5px 0 5px;border-color: #fff transparent transparent transparent;transition:0.5s; display: block; position: absolute; top:50%;right:3%; margin-top:-0.01rem;}
.wapMenu ul li .on i{transition:0.5s;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);}
.wapNavK{background:rgba(6,24,63,1);display: none;}
.wapNava{ line-height:0.36rem; display: block; font-size: 0.12rem; color:#FFF; border-top:0.01rem dashed rgba(255,255,255,0.2); text-align: center;}
/*header*/
.wapNav{ display: block;width:11%; height:0.24rem; background-size:0.22rem; 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")}
.newKK .wapMenu ul{ padding-top:0.74rem;}
/*foot*/
.ftK{padding:0.2rem 4%; display: none;}
.ftNT{ font-size:0.12rem;line-height:0.2rem; margin-bottom:0.06rem;}
.ftMa{ width:30%;}
.ftMaI{width:80%;}
.ftNav{ width:24%; margin-bottom:0.15rem}
.ftNavN{}
.ftNava{font-size:0.1rem; line-height:0.2rem;}
.ftOnl{width:46%;margin-bottom:0.15rem}
.ftOnln{}
.ftOnln h3{ font-size:0.15rem; line-height:0.2rem; margin-bottom:0.04rem;}
.ftOnln p{ font-size:0.1rem; line-height:0.18rem;}
.ftW{width:60%;}
.ftWn p{ font-size:0.11rem; line-height:0.18rem;}
.ftWa{font-size:0.1rem; width:0.5rem; height:0.18rem; line-height:0.18rem; border-radius:0.1rem;border:0.01rem solid #FFF; margin-top: 0.1rem;}
.ftC{line-height:0.18rem; padding:0.1rem 4% 0.3rem 4%; font-size:0.1rem; width:92%;}
.ftC span{ display:block;}
.ftC span.ftC1{ display:none;}
/*面包屑*/
.MianB{height:0.3rem;font-size:0.1rem; padding:0 4%; width: 92%;}
.MianB p,.MianB a{ line-height:0.2rem;}
/*免责声明*/
.InddisN{padding:0.1rem 4%;}
.InddisN img{ width:0.2rem;}
.InddisN p{ width:90%;font-size:0.1rem; line-height:0.16rem;}
}
@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{transform:rotateY(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;}
}
@-webkit-keyframes scale-three2{
0% {transform:scale(1);opacity:.6;}
100% {transform:scale(1.6);opacity:0;}
}
@-webkit-keyframes scale-three1{
0% {transform:scale(1);opacity:.6;}
100% {transform:scale(1.28);opacity:0;}
}
/*display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center*/
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%;}}
@media screen and (min-width:480px) and (max-width:539px) and (orientation:portrait){html {font-size:940%;}}
@media screen and (min-width:540px) and (max-width:639px) and (orientation:portrait){html {font-size:1040.75%;}}