*{margin:0; padding:0;}
*, ::after, ::before {-webkit-box-sizing:border-box;box-sizing:border-box;}
html{}
body{margin:0;color:#333; position: relative;font-family:Arial;font-size: 12px;word-break: break-word;background-color: #fff;transition: all .4s ease;}
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin:0px;padding:0px;border:none;list-style:none; font-weight: normal;line-height: 1.5}
a{text-decoration:none;text-shadow:none;font-weight:normal;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;color:#333;text-decoration:none;line-height: 1.5}
ul{list-style:none;}
textarea,input,button,select{outline:none;-webkit-appearance:none;/*font-family:Open Sans,PingFang SC,Microsoft YaHei,Helvetica Neue,Hiragino Sans GB,WenQuanYi Micro Hei,Arial,"sans-serif";*/}
img{border:none; display: block;max-width: 100%;}
span{margin:0; padding:0;}
span:focus,div:focus {outline: none;}
i{font-style: normal;}
button{border:none;background-color: transparent;cursor: pointer;}
input{background-color: transparent;border: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;}
.overF{overflow: hidden;}
.triangle{width: 0;height: 0;border-top: 8px solid var(--whiteColor);border-right: 6px solid transparent;border-left: 6px solid transparent;}
.rotate180 {transform: rotate(180deg);-webkit-transform: rotate(180deg);transition: all .3s;}
.overH{overflow:auto}
.overH::-webkit-scrollbar{width:3px;height:0;}/*滚动条整体样式*/
.overH::-webkit-scrollbar-thumb{background:#bbc9d5; border-radius:4px}/*滚动条里面小方块*/
.overH::-webkit-scrollbar-track{background:rgba(255,255,255,0.2);}/*滚动条里面轨道*/
.ward{margin: 0 auto;}
/*修改input默认颜色文字*/
input:-moz-placeholder,  
textarea:-moz-placeholder {  
    color: #969696;  
}  
input:-ms-input-placeholder,  
textarea:-ms-input-placeholder {  
    color: #969696;  
}  
input::-webkit-input-placeholder,  
textarea::-webkit-input-placeholder {  
    color: #969696;  
}

/*修改默认滚动条样式*/
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
  background: rgba(0,0,0,0.2);
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
  border-radius: 10px;
  background: #ededed;
}



/*top*/
.top{background:#f3f3f3;width:100%;}
.topF img{display: block;}
.topF p,.topF a{color:#1f1f1f;}
.topSea{border-radius:50%;display:block;margin-left:auto;background-position:center;background-repeat: no-repeat;background-image:url("../images/icon/search.png");background-color:#d3d3d3;}
/*header*/
.header{width:100%;background:#FFF; z-index:98; position:sticky; left:0;right:0; margin:0 auto; top:0;}
.headK{position:relative;margin:0 auto;}
.hdlogo img{display: block;width:100%;}
/*footer*/
footer {position: relative;}
.ftwx{position: absolute;transform: translate(-50%,0);left:50%;top:0%;background:#4aaa03;}
.ftwxI{display: block;}
.ftwxI img{width:100%;display: block;}
.ftwxN{width:100%;flex:1;color:#FFF;}
.ftwxa{text-align: center;display: block;background:#e7f1e0;color:#000;}
.ftK{width:100%;background:#000;}
.ftLoga{display: block;}
.ftLoga img{width:100%;display: block;}
.ftLogP{width:100%;}
.ftLogP img{display: block;}
.ftLogP p{color:#969696;width:100%;flex:1;}
.ftTit{color:#FFF;}
.ftEa{color:#7e7e7e;display: block;}
.ftMa{display: block;}
.ftMa img{width:100%;display: block;}
.ftC{color:#555555;}

.MenuB{width:100%; height:100%;position: fixed;z-index:90; display:none; background:rgba(255,255,255,0);}

@media  screen and ( min-width:1680px){
/*top*/
.topK{height:50px;}
.topF{margin-right:45px; }
.topF img{width: 18px; margin-right: 6px;}
.topF p,.topF a{line-height:24px;font-size:16px;}
.topF a:hover{text-decoration: underline;color:#5eba06;}
.topSea{width:33px;height:33px;background-size: 19px;}
.topSea:hover{background-color:#5eba06;}
/*header*/
.headK{width:1500px;height:100px;}
.hdlogo{width:87px;}
.hd_nav{display:none;}
/*header*/
.menu ul li{ margin-left:40px;position: relative;}
.menua{color:#1f1f1f; font-size: 20px; line-height:100px;}
.menu ul li .on,.menua:hover,.menu ul li .menuO{color:#5fb902;}
.MenuF{ position:absolute;z-index:9;background:#FFF;width:180px;border-radius:5px;box-shadow:0 3px 10px rgba(0,0,0,0.1);top:100%; padding:0 15px; display:none;transform: translate(-50%,0);left:50%;}
.MenuFa{width:100%;padding:0 9px; line-height:50px; display: block; color:#2d2d2d; font-size: 16px;border-bottom:1px solid #e5e5e5;}
.MenuFa:last-child{border-bottom:none;}
.MenuFo,.MenuFa:hover{color:#5fb902;}
.ward{width:1500px; margin:0 auto;}
/*footer*/
footer {padding:88px 35px 54px;}
.ftwx{padding:0 70px;height:176px;border-radius:20px;}
.ftwxI{width: 114px;}
.ftwxN{line-height:30px;padding:0 60px;}
.ftwxN h3{font-size:20px;}
.ftwxN p{font-size:24px; margin-top:5px;}
.ftwxa{width:185px;line-height:58px;border-radius:29px;font-size:20px;}
.ftwxa:hover{background:#c2dcaf;}
.ftK{padding:175px 0 25px;border-radius:40px;}
.ftLog{width:560px;}
.ftLoga{width:115px;}
.ftLogN{padding-top: 35px;}
.ftLogP{width:100%;padding:17px 0;}
.ftLogP img{width:25px; margin-right: 25px;margin-top: 3px;}
.ftLogP p{font-size: 18px;line-height:31px;}
.ftTit{font-size:18px;line-height:30px;}
.ftEN{ margin-top:20px;}
.ftEa{font-size:16px;line-height:28px;}
.ftEa:hover{text-decoration:underline;color:#FFF;}
.ftMa{width:155px;margin-top:25px;}
.ftC{line-height:22px; font-size:14px; padding:14px 0;}
}
@media screen and (max-width:1680px ) and ( min-width:1440px){
/*top*/
.topK{height:46px;}
.topF{margin-right:40px; }
.topF img{width: 17px; margin-right:5px;}
.topF p,.topF a{line-height:22px;font-size:15px;}
.topF a:hover{text-decoration: underline;color:#5eba06;}
.topSea{width:30px;height:30px;background-size: 16px;}
.topSea:hover{background-color:#5eba06;}
/*header*/
.headK{width:1280px;height:90px;}
.hdlogo{width:87px;}

.hd_nav{display:none;}
/*header*/
.menu{}
.menu ul{}
.menu ul li{ margin-left:35px;position: relative;}
.menua{color:#1f1f1f; font-size:18px; line-height:90px;}
.menu ul li .on,.menua:hover,.menu ul li .menuO{color:#5fb902;}
.MenuF{ position:absolute;z-index:9;background:#FFF;width:160px;border-radius:5px;box-shadow:0 3px 10px rgba(0,0,0,0.1);top:100%; padding:0 15px; display:none;transform: translate(-50%,0);left:50%;}
.MenuFa{width:100%;padding:0 9px; line-height:50px; display: block; color:#2d2d2d; font-size: 15px;border-bottom:1px solid #e5e5e5;}
.MenuFa:last-child{border-bottom:none;}
.MenuFo,.MenuFa:hover{color:#5fb902;}

.ward{width:1280px; margin:0 auto;}
/*footer*/
footer {padding:76px 30px 45px;}
.ftwx{padding:0 60px;height:156px;border-radius:18px;}
.ftwxI{width: 100px;}
.ftwxN{line-height:28px;padding:0 50px;}
.ftwxN h3{font-size:18px;}
.ftwxN p{font-size:22px; margin-top:4px;}
.ftwxa{width:180px;line-height:52px;border-radius:26px;font-size:18px;}
.ftwxa:hover{background:#c2dcaf;}
.ftK{padding:155px 0 22px;border-radius:35px;}
.ftN{}
.ftLog{width:500px;}
.ftLoga{width:115px;}
.ftLogN{padding-top: 30px;}
.ftLogP{width:100%;padding:15px 0;}
.ftLogP img{width:22px; margin-right: 20px;margin-top:3px;}
.ftLogP p{font-size: 16px;line-height:28px;}
.ftE{}
.ftTit{font-size:16px;line-height:28px;}
.ftEN{ margin-top:18px;}
.ftEa{font-size:14px;line-height:27px;}
.ftEa:hover{text-decoration:underline;color:#FFF;}
.ftM{}
.ftMa{width:140px;margin-top:22px;}
.ftC{line-height:20px; font-size:13px; padding:12px 0;}
}
@media screen and (max-width:1440px ) and ( min-width:1280px){
/*top*/
.topK{height:40px;}
.topF{margin-right:35px; }
.topF img{width: 16px; margin-right:4px;}
.topF p,.topF a{line-height:20px;font-size:14px;}
.topF a:hover{text-decoration: underline;color:#5eba06;}
.topSea{width:28px;height:28px;background-size:14px;}
.topSea:hover{background-color:#5eba06;}
/*header*/
.headK{width:1080px;height:80px;}
.hdlogo{width:87px;}

.hd_nav{display:none;}
/*header*/
.menu{}
.menu ul{}
.menu ul li{ margin-left:30px;position: relative;}
.menua{color:#1f1f1f; font-size:16px; line-height:80px;}
.menu ul li .on,.menua:hover,.menu ul li .menuO{color:#5fb902;}
.MenuF{ position:absolute;z-index:9;background:#FFF;width:140px;border-radius:5px;box-shadow:0 3px 10px rgba(0,0,0,0.1);top:100%; padding:0 14px; display:none;transform: translate(-50%,0);left:50%;}
.MenuFa{width:100%;padding:0 8px; line-height:50px; display: block; color:#2d2d2d; font-size: 14px;border-bottom:1px solid #e5e5e5;}
.MenuFa:last-child{border-bottom:none;}
.MenuFo,.MenuFa:hover{color:#5fb902;}

.ward{width:1080px; margin:0 auto;}
/*footer*/
footer {padding:68px 25px 35px;}
.ftwx{padding:0 45px;height:135px;border-radius:16px;}
.ftwxI{width:88px;}
.ftwxN{line-height:26px;padding:0 35px;}
.ftwxN h3{font-size:16px;}
.ftwxN p{font-size:20px; margin-top:3px;}
.ftwxa{width:155px;line-height:46px;border-radius:23px;font-size:16px;}
.ftwxa:hover{background:#c2dcaf;}
.ftK{padding:125px 0 20px;border-radius:30px;}
.ftN{}
.ftLog{width:450px;}
.ftLoga{width:115px;}
.ftLogN{padding-top: 30px;}
.ftLogP{width:100%;padding:12px 0;}
.ftLogP img{width:20px; margin-right:18px;margin-top:3px;}
.ftLogP p{font-size: 14px;line-height:26px;}
.ftE{}
.ftTit{font-size:14px;line-height:26px;}
.ftEN{ margin-top:12px;}
.ftEa{font-size:13px;line-height:25px;}
.ftEa:hover{text-decoration:underline;color:#FFF;}
.ftM{}
.ftMa{width:125px;margin-top:18px;}
.ftC{line-height:18px; font-size:12px; padding:10px 0;}
}
@media screen and (max-width:1280px ) and ( min-width:960px){
/*top*/
.topK{height:38px;}
.topF{margin-right:30px; }
.topF img{width: 14px; margin-right:4px;}
.topF p,.topF a{line-height:20px;font-size:12px;}
.topF a:hover{text-decoration: underline;color:#5eba06;}
.topSea{width:26px;height:26px;background-size:12px;}
.topSea:hover{background-color:#5eba06;}
/*header*/
.headK{width:880px;height:70px;}
.hdlogo{width:87px;}

.hd_nav{display:none;}
/*header*/
.menu{}
.menu ul{}
.menu ul li{ margin-left:25px;position: relative;}
.menua{color:#1f1f1f; font-size:14px; line-height:70px;}
.menu ul li .on,.menua:hover,.menu ul li .menuO{color:#5fb902;}
.MenuF{ position:absolute;z-index:9;background:#FFF;width:140px;border-radius:5px;box-shadow:0 3px 10px rgba(0,0,0,0.1);top:100%; padding:0 14px; display:none;transform: translate(-50%,0);left:50%;}
.MenuFa{width:100%;padding:0 8px; line-height:40px; display: block; color:#2d2d2d; font-size: 12px;border-bottom:1px solid #e5e5e5;}
.MenuFa:last-child{border-bottom:none;}
.MenuFo,.MenuFa:hover{color:#5fb902;}

.ward{width:880px; margin:0 auto;}
/*footer*/
footer {padding:55px 15px 28px;}
.ftwx{padding:0 35px;height:110px;border-radius:14px;}
.ftwxI{width:74px;}
.ftwxN{line-height:24px;padding:0 25px;}
.ftwxN h3{font-size:14px;}
.ftwxN p{font-size:18px; margin-top:2px;}
.ftwxa{width:140px;line-height:42px;border-radius:21px;font-size:14px;}
.ftwxa:hover{background:#c2dcaf;}
.ftK{padding:95px 0 18px;border-radius:25px;}
.ftN{}
.ftLog{width:380px;}
.ftLoga{width:115px;}
.ftLogN{padding-top: 30px;}
.ftLogP{width:100%;padding:10px 0;}
.ftLogP img{width:18px; margin-right:15px;margin-top:3px;}
.ftLogP p{font-size:12px;line-height:22px;}
.ftE{}
.ftTit{font-size:14px;line-height:24px;}
.ftEN{ margin-top:12px;}
.ftEa{font-size:12px;line-height:23px;}
.ftEa:hover{text-decoration:underline;color:#FFF;}
.ftM{}
.ftMa{width:110px;margin-top:15px;}
.ftC{line-height:18px; font-size:12px; padding:10px 0;}
}
@media screen and (max-width:960px ) and ( min-width:640px){
/*top*/
.topK{height:38px; display:none;}
.topF{margin-right:30px; }
.topF img{width: 14px; margin-right:4px;}
.topF p,.topF a{line-height:20px;font-size:12px;}
.topSea{width:26px;height:26px;background-size:12px;}
/*header*/
.headK{height:60px;padding:0 4%;}
.hdlogo{width:87px;}
.hd_nav{width:30px;height:30px;top:14px;right:4%;position:fixed; z-index:111;transition:0.5s;}
.hd_nav i{height:3px;width:100%;top:50%;margin-top:0;position:absolute;display:inline-block;background:#5fb902;border-radius:2px;}
.hd_nav:before,.hd_nav:after{content: '';position:absolute;top:50%;display:inline-block;background:#5fb902;transition:0.2s;;border-radius:2px;height:3px;width:100%;}
.hd_nav:before{margin-top: -10px;}
.hd_nav:after{margin-top:10px;}
.hd_nav.active{}
.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:#5fb902;}
.menu{width:100%;left:0;top:0; position:fixed;height:100%;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background-color:rgba(255,255,255,0.7);transition:0.5s;display:none;}
.menu ul{ padding:60px 0 50px;}
.menu ul li{ width: 100%;}
.menua{color:#000; font-size:16px; height:54px; position: relative; padding:0 50px; width: 100%;}
.menua:before{background:#4aaa03;width:100%;transition:0.5s;display:block;content:'';position: absolute;transform: translate(0,-50%);left:0;top:50%; width:0.04rem; height:0;}
.menu ul li .on:before{;height:100%;}
.menu ul li .on{background:rgba(74,170,3,0.3);}
.MenuF{background: rgba(255,255,255,0.2);width:100%;padding:10px 8%; display:none;}
.MenuFa{width:100%;line-height:45px; display: block; color:#000; font-size: 14px;}
.ward{width:600px; margin:0 auto;}

/*footer*/
footer {padding:45px 13px 20px;}
.ftwx{padding:0 22px;height:90px;border-radius:12px;}
.ftwxI{width:60px;}
.ftwxN{line-height:22px;padding:0 15px;}
.ftwxN h3{font-size:12px;}
.ftwxN p{font-size:16px; margin-top:2px;}
.ftwxa{width:110px;line-height:36px;border-radius:18px;font-size:12px;}
.ftK{padding:80px 25px 15px;border-radius:20px;}
.ftN{width: 100%;}
.ftLog{width:100%;}
.ftLoga{width:115px;}
.ftLogN{padding:20px 0 25px;}
.ftLogP{width:100%;padding:8px 0;}
.ftLogP img{width:18px; margin-right:13px;margin-top:3px;}
.ftLogP p{font-size:12px;line-height:22px;}
.ftE{}
.ftTit{font-size:14px;line-height:24px;}
.ftEN{ margin-top:12px;}
.ftEa{font-size:12px;line-height:23px;}
.ftM{}
.ftMa{width:110px;margin-top:15px;}
.ftC{line-height:18px; font-size:12px; padding:15px 0 10px;width: 100%;}
}
@media only screen and (max-width:640px){
/*top*/
.topK{height:38px; display:none;}
.topF{margin-right:30px; }
.topF img{width: 14px; margin-right:4px;}
.topF p,.topF a{line-height:20px;font-size:12px;}
.topSea{width:26px;height:26px;background-size:12px;} 

.headK{height:0.44rem;padding:0 4%;}
.hdlogo{width:0.56rem;}
.hdlogo img{width:100%}

.hd_nav{width:0.2rem;height:0.2rem;top:0.11rem;right:4%;position:fixed; z-index:111;transition:0.5s;}
.hd_nav i{height:0.02rem;width:100%;top:50%;margin-top:0;position:absolute;display:inline-block;background:#5fb902;border-radius:2px;}
.hd_nav:before,.hd_nav:after{content: '';position:absolute;top:50%;display:inline-block;background:#5fb902;transition:0.2s;;border-radius:2px;height:0.02rem;width:100%;}
.hd_nav:before{margin-top: -0.06rem;}
.hd_nav:after{margin-top:0.06rem;}
.hd_nav.active{}
.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:#5fb902;}
.menu{width:100%;left:0;top:0; position:fixed;height:100%;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background-color:rgba(255,255,255,0.7);transition:0.5s;display:none;}
.menu ul{ padding:60px 0 50px;}
.menu ul li{ width: 100%;}
.menua{color:#000; font-size:0.13rem; height:0.44rem; position: relative; padding:0 4%; width: 100%;}
.menua:before{background:#4aaa03;width:100%;transition:0.5s;display:block;content:'';position: absolute;transform: translate(0,-50%);left:0;top:50%; width:0.04rem; height:0;}
.menu ul li .on:before{;height:100%;}
.menu ul li .on{background:rgba(74,170,3,0.3);}
.MenuF{background: rgba(255,255,255,0.2);width:100%;padding:0.03rem 8%; display:none;}
.MenuFa{width:100%;line-height:0.35rem; display: block; color:#000; font-size: 0.12rem;}
/*footer*/
footer {padding:0.6rem 0 0}
.ftwx{padding:0 4%;height:0.8rem;border-radius:0.1rem;width:92%;}
.ftwxI{width:0.3rem;}
.ftwxN{line-height:0.16rem;padding:0 0.08rem;}
.ftwxN h3{font-size:0.1rem;}
.ftwxN p{font-size:0.11rem; margin-top:0.03rem;}
.ftwxa{width:0.76rem;line-height:0.24rem;border-radius:0.12rem;font-size:0.1rem;}
.ftK{padding:0.5rem 5% 0.1rem;}
.ftN{width: 100%;}
.ftLog{width:100%;}
.ftLoga{width:.8rem;}
.ftLogN{padding:0.15rem 0 0.2rem;}
.ftLogP{width:100%;padding:0.06rem 0;}
.ftLogP img{width:0.16rem; margin-right:0.1rem;margin-top:0.02rem;}
.ftLogP p{font-size:0.11rem;line-height:0.2rem;}
.ftE{min-width: 35%;}
.ftTit{font-size:0.13rem;line-height:0.2rem;}
.ftEN{ margin-top:0.1rem;}
.ftEa{font-size:0.11rem;line-height:0.2rem;}
.ftM{width:100%; margin-top:0.15rem;}
.ftM .ftTit{text-align:center;}
.ftMa{width:40%;margin:15px auto 0;}
.ftC{line-height:0.15rem; font-size:0.1rem; padding:0.15rem 0 0.1rem;width:100%;}
}




.enlarge img{transition:all 0.3s;}
.enlarge:hover img{-ms-transform:scale(.95);-moz-transform:scale(.95);-webkit-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);}
.enlarge1 img{transition:all 0.3s;}
.enlarge1: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);}
.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,-5px);-webkit-transform:translate(0,-5px);-moz-transform:translate(0,-5px);-o-transform:translate(0,-5px);-ms-transform:translate(0,-5px);}
.i1cw-item2 {-webkit-animation-name: i1cw2;animation-name: i1cw2;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;-webkit-animation-duration: 5s;animation-duration: 5s;}
@-webkit-keyframes i1cw2 {
0% { -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0); }
50% {-webkit-transform: translate3d(8px, -5px, -10px);transform: translate3d(8px, -5px, -10px); }
75% {-webkit-transform: translate3d(-2px, -10px, 0);transform: translate3d(-2px, -10px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}
@keyframes i1cw2 {
0% { -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0); }
50% {-webkit-transform: translate3d(8px, -5px, -10px);transform: translate3d(8px, -5px, -10px); }
75% {-webkit-transform: translate3d(-2px, -10px, 0);transform: translate3d(-2px, -10px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}
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%;}}
/*
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;}
*/

.pager{ box-sizing: border-box; clear: both; font-size: 14px; width:100%; height:auto; margin:40px 0 50px 0;padding:0 0px 0 0; text-align:center; }
.pager a{color:#666;font-size: 14px; text-decoration:none;border: solid 1px #ddd;display: inline-block;padding:6px 10px;margin: 2px 4px; border-radius: 3px;}
.pager a:visited { color: #666; text-decoration: none }
.pager a:active { color: #666;text-decoration: none }
.pager a:hover{color:#666;text-decoration:none;}
.pager a.cur{color: #fff;background:#4AAA03;border:solid 1px #4AAA03;}
.pager a.prev{}
.pager a.next{}
.pager a.off{ color: #4AAA03; border: solid 1px #4AAA03;}
.pager span{ float: right;}
.pager input{ outline: none; width: 40px; height: 29px; text-align: center; line-height: 28px; border: solid 1px #ccc;}
.pager button{ outline: none; width: 40px; height: 29px; line-height: 28px; border: solid 1px #ccc; border-left: none; cursor: pointer;}