@charset "utf-8";
/* CSS Document */
html {font-size: 100px;height: 100%}
*{font-family: /*Roboto-Regular,*/ Arial, Helvetica, sans-serif; }
body {margin: 0 auto; font-size:0.16rem;/*height: 100%;*/background: #fff;width:100%;max-width:1920px;margin:0 auto; overflow-x:hidden; color:#666; }
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;}
img{ max-width: 100%;max-width:100%;max-height:100%;aspect-ratio:auto;height: auto}
a {text-decoration: none;color: #666;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
a:hover, button:hover ,.green{color: #2da741;}

h1,h2 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea, select {font-family: Roboto-Regular, Arial, Helvetica, sans-serif; font-size: 12px;font-size: 1.2rem;color:#999999;border: none;outline: none;}
input, textarea { border: none; background: none; }
input[type="submit"], textarea[type="submit"] { cursor: pointer; }
input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }
input[type="radio"], textarea[type="radio"] { cursor: pointer; }
input:focus, textarea:focus { outline: none; }
textarea { resize: none; }

.pull-left { float: left; }
.pull-right { float: right; }
.clear { clear: both; }
.fix { *zoom: 1; }

.fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
::selection { color: #fff; background:  #367436;}
* { margin: 0px; padding: 0px; -moz-box-sizing: border-box; box-sizing: border-box; }
.wrap{position: relative;width: 100%;padding: 0 15px;margin: 0 auto;}
@media (min-width:768px){.wrap{width:750px; width:90%}}
@media (min-width:992px){.wrap{width:980px;}}
@media (min-width:1260px){.wrap{width:1200px;}}
@media (min-width:1460px){.wrap{width:1400px;}}

.wrap{position: relative;width: 100%;margin: 0 auto;}
@media (min-width:768px){.wrap{width:750px;width:96%}}
@media (min-width:992px){.wrap{width:980px;}}
@media (min-width:1260px){.wrap{width:1200px;}}

@media (min-width:1460px){.wrap{width:1400px;}}