body {    margin: 0;    font-size: 16px;    color: #666;    background: #fff;       margin: auto; font-family: "Nitti Grotesk", Icons;}
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
ul,form {margin:0px;padding:0px;}
form {margin:0px;}
td {font-size:14px;}
img {border:none;}
h1,h2,h3,h4,p,div{margin:0;}
a:link,a:visited,a:active,{color:#666;text-decoration:none;}
a.b:link,a.b:visited,a.b:active,a.b:hover{text-decoration:none;color:#007AFF;}
input,textarea,select {outline:none;}
a {color: rgba(0, 0, 0, 0.85); outline:none}

a:hover {    color: red; text-decoration:none;}
@font-face {
  font-display: block;
  font-family: "Nitti Grotesk";
  src: url("../font/NittiGrotesk-Light.woff") format("woff");
  font-style: normal;
  font-weight: 200;
  unicode-range: U+0000-DFFF, U+F900-FFFD;
}
@font-face {
  font-display: block;
  font-family: "Nitti Grotesk";
  src: url("../font/NittiGrotesk-LightItalic.woff") format("woff");
  font-style: italic;
  font-weight: 200;
  unicode-range: U+0000-DFFF, U+F900-FFFD;
}
@font-face {
  font-display: block;
  font-family: "Nitti Grotesk";
  src: url("../font/NittiGrotesk-Normal.woff") format("woff");
  font-style: normal;
  font-weight: normal;
  unicode-range: U+0000-DFFF, U+F900-FFFD;
}
@font-face {
  font-display: block;
  font-family: "Nitti Grotesk";
  src: url("../font/NittiGrotesk-Italic.woff") format("woff");
  font-style: italic;
  font-weight: normal;
  unicode-range: U+0000-DFFF, U+F900-FFFD;
}
@font-face {
  font-display: block;
  font-family: "Nitti Grotesk";
  src: url("../font/NittiGrotesk-Bold.woff") format("woff");
  font-style: normal;
  font-weight: bold;
  unicode-range: U+0000-DFFF, U+F900-FFFD;
}
@font-face {
  font-display: block;
  font-family: "Nitti Grotesk";
  src: url("../font/NittiGrotesk-BoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: bold;
  unicode-range: U+0000-DFFF, U+F900-FFFD;
}

/*.m { width:1500px; margin:0 auto; overflow:hidden;}*/
.m { width:90%; margin:0 auto; overflow:hidden;}


.top { position:fixed; width:100%; margin:0 auto;  z-index:999; background: rgba(255, 255, 255, 0.5);
    height: 53px;}
	
	
	.top,.top .m{display:flex;align-items: center;
    justify-content: space-between;flex-wrap:wrap}
    
.top .logo {     float: left;
    margin-left: 50px;}
.top .logo h2 { color:#000;font-size:28px; }
.top .dh { float: right;
  
    margin-right: 42px;}

.top .dh ul li {     float: left;
    /*width: 144px;*/
    padding: 0 30px;
    font-size: 20px;}
	
	
	.foot { margin-top:76px;}
	
	.foot .d1 { float:left; font-size:16px; width:20%; font-size:20px;}
	.foot .d2 { float:left; font-size:16px; width:20%; font-size:20px;}
	.foot .d3 { float:left; font-size:16px; width:32%; font-size:20px;}
	.foot .d3 input { width: 100%;
    height: 33px; margin-top:8px; font-size:20px;}
	
	.foot .d3 button
	{display: block;
    margin: 0 auto;
    border: 0;
    width: 228px;
    line-height: 40px;
    margin-top: 10px;
    background: #777;
    color: #fff;
    border-radius: 10px;}
	
	
	.foot .d4 { float: right; font-size:16px; width:7%; font-size:20px;}
	
	#qw p { text-align: right;
    line-height: 100px;}
	
	.ac { color:red;}
	
	#zs { padding-top:150px;}
	#zs ul li  { float:left; width:calc(50% - 60px); margin:30px;  height: 800px;}
	#zs ul li img { width:100%; margin-bottom:15px; }
	#zs ul li b { color:#000; font-size:20px;}
	#zs ul li small { font-size:18px;}
	
	#zs .tit {    font-size: 22px;
    color: #000; margin-bottom:40px;}
	
	.mc b { color:#000; font-size:20px;}
	.nr { margin-top:50px;}
	
	
	
	#as .tit {
    font-size: 22px;
    color: #000;
    margin-bottom: 8px;
}

#as { padding-top:150px;}

#as ul li { float: left;
    /*width: 456px;*/
    width: calc(100% / 3 - 45px);
    margin: 15px;}
#as ul li img { width:100%; height:600px;}

#as .zuo {    width: 48%;
    float: left;
    margin-top: 26px;}
#as .zuo img { width:100%}


#as .you {     margin-left: 46px;
    width: 48%;
    float: left;
    margin-top: 26px;
    font-size: 20px;
    word-break: break-all;
    line-height: 31px;}
	
	hr {
    background: rgba(0, 0, 0, .11);
    border: 0;
    height: 1px;
        margin-top: 40px;
		margin-bottom:40px;
}


#gl { margin-top:50px;}

#gl ul li { float:left; width:calc(100% / 3 - 1px);}
#gl ul li img { width:100%}
#gl ul li p { font-size:20px;}

#pub { padding-top:150px;}

#pub .title {     text-align: center;
    font-size: 28px;
    color: #000;
    margin-bottom: 60px;}
	
	
	#pub .zuo
	{    float: left;
    width: 44%;}
	
	#pub .zuo img { width:100%}
	
	
	#pub .you
	{       float: left;
    width: 44%;
    margin-left: 90px;}
	
	#pub .you b
	{   font-size: 28px;
    color: #000;     float: left;
    width: 100%;
    margin-bottom: 28px;}
	
	#pub .you p
	{font-size: 23px;}
	
	#pub .you a { font-size:20px; font-weight:bold; color:red;}
	
	#xg { margin-top:100px;}
	#xg .title { text-align:center; font-size:26px; color:#000; margin-bottom:90px}
	
	#xg ul li { float: left;
    width: 330px;
    margin: 22px;}
	#xg ul li img { width:100%}
	
	
	#xg ul li .mc{    text-align: center;
    font-size: 21px;
    font-weight: bold;
    color: #000;
    line-height: 47px;}
	
	#xg ul li .ms
	{    font-size: 20px;
    word-break: break-all;
    line-height: 22px;}
	
	#mag .zuo { float: left;
    width: 600px;}
	
	
	#mag .zuo img { width:100%}
	
	#mag { padding-top:150px;}
	
	
	#mag .you {     float: left;
    width: 600px;
    margin-left: 56px;
    margin-top: 83px;}
	#mag .you .tit
	{font-size: 25px;
    font-weight: bold;
    color: #000;     margin-bottom: 16px;}
	
	#mag .you div
	{    font-size: 21px;
    line-height: 31px;}
	
	
	#con { padding-top:150px;}
	
	#con .zuo { width:49%; float:left}
	#con .zuo img { width:100%}
	#con .you {     width: 45%;
    float: left;
    margin-left: 90px;}
	#con .tit { font-weight:bold; font-size:20px; font-weight:bold; color:#000; margin-bottom: 34px;}
	
	#con .ms {     font-size: 20px;
    line-height: 31px;}
	
	#zs .fl {     width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
    box-sizing: border-box;
    flex-wrap:wrap;
    overflow: hidden;}
	#zs .fl a {     float: left;
    text-align: center;
    /*width: 157px;*/
	    font-size: 24px;
	}
	
	
	#shop { padding-top:150px;}
	
	#shop .zuo { width:650px; float:left}
	
	#shop .you {    width: 498px;
    float: left;
    margin-left: 85px;}
	
	#shop .you .tit {     font-size: 45px;
    font-weight: bold;
    color: #000; margin-bottom: 20px;}
	
	#shop .you .jg {font-size: 37px;     margin-bottom: 50px;}
	
	#shop .you .ms {     word-break: break-all;
  
    line-height: 40px;
    font-size: 23px;}
	
	#shop .you .sl
	{font-size: 26px;
    color: #000;
    font-weight: bold;}
	#shop .you .sl input
	{    width: 150px;
	font-size: 28px;
    height: 63px;
    margin-left: 28px;}
	
	#shop .you .gm { width: 100%;
    border: 3px solid #000;
    font-size: 18px;
    background: #FFF;
    border-radius: 27px;
    line-height: 47px;
    font-weight: bold;
    text-align: center;
    margin-top: 49px;}
	
	#shop .you .gm:hover { background:#000; color:#FFF;}
	
	
	
	
	@media screen and (max-width: 1400px) {
   #con .you { width:43%}
}