@charset "utf-8";




@media all and (max-width:1024px){
.logorx{ display: none; }
.logorx1{ display: none; }
.xwkuai{display: none;}	
.tdh{ display:none;}
.tban{ display:none;}
.top{ height: auto; }
.cen{ width: 98%; margin:0 auto; }
.logorx{ float: right; font-size: 16px; }
.logorx span{ font-size: 20px; }
.logorx1{ display: none; }
.logo{ width: 25%;border-right:none; }
.logo img{ }
.logo01{font-size: 18px; }
.logo01sp{ font-size: 20px; }
.nav1{ width: 100%; height: 54px; overflow: hidden; }
ul.menu li{width:12.5%;}
ul.menu .menulink{ font-size: 0.15rem; width:100%; padding: 0; margin: 0;  }
ul.menu ul li {width:12.5%; overflow: hidden;}
ul.menu ul li a { padding: 0; }
ul.menu a{ line-height: 54px; }
ul.menu .menulink:hover, ul.menu .menuhover{ background: none; height: 54px; }
.cp{ width: 100%; }
.cpznr{ display: none; }
.canpinbt{ float: left; width: 33%; text-align: center; margin-right: 0.3%; }
.right{ width: 100%;  }
.aboutb{ margin-top: 10px; }
.aboutnr{ padding: 1%; }
.canpinlb{ width: 29%; margin:1.5%; padding: 0 0 2%; height: auto; }
.canpinlbtp img{ width: 100%; }
.youshi01{  background-size: auto 75%; background-position: 550px 80px; padding-top:50px;}

.youshi001{ background-size: auto 60%; background-position: 10px 80px; padding-left: 45%;}
.khnr{ width: 98%; margin:0 auto; }
.khlb{ width: 48%; }
.khlb img{ width: 100%; }
.ggt img{ width: 100%; }
.fengcai{ display: none; }
.fwlcrx{ margin-top: 70px; }
.xwzx{ width: 100%; }
.tjxw{ width: 98%; margin:0 auto; }
.whb-mb2-xinwen{ width: 98%;  margin:0 auto;}
.whb-mb2-xinwen-1{ width: 45%; }
.wenda{ display: none; }
.fdlink{ display: none; }
.fdlink01{ display: none; }
.footer{ margin-bottom:20px; }
.footer01{ width: 100%;}
.footer01 a{ width: 12.5%; display: inline-block; padding: 0; margin: 0 }
.footer_nav01{ display: none; }
.f_nav02{ padding-left: 20px; }
.ceowz{ font-size:18px; color:#000; margin-left:30%; padding-top:30px; line-height:32px;text-align:justify;}
.khnrs{display: flex; flex-wrap: wrap; justify-content: space-between; width:100%; margin:auto; padding-top:40px;}

.nyaboutxw{ display:none;}
.nycpznr{ background:none; padding-bottom:20px; border:none;}
.nycpgd{ display:none;}
.nycanpinbt{ display:none;}

.right{ margin-top:30px;}
.nycplb a{ text-align:center; height:42px; width:49%; line-height:42px; background:#0A2D6D; font-size:14px; font-family:"微软雅黑"; color:#ffffff;  border-bottom:1px solid #FFF; float:left; border-right:1px solid #FFF;}
.sxw{display:none;}
.sousuo{ width:100%; height:42px; margin:auto;}
.f_nav03{ display:none;}
.cends{display:none;}
.xwkuai{display: block;}
.cenxw{ display: none;}


.whb-mb2-xinwen-1{ width:90%; height:32px; margin-left:5%; line-height:32px; overflow:hidden; border-bottom:1px dotted #CCC; color:#666; padding-left:2%; background:url(../images/btbj6.jpg) left center no-repeat;}
.whb-mb2-xinwen-1 a{ color:#666; font-size:14px;}
.aat img{max-width:90%!important; height:auto!important; height:80%;}
}







@media all and (max-width:768px){
.logorx{ display: none; }
.logorx1{ display: none; }
.xwkuai{display: none;}	
.tdh{ display:none;}
.tban{ display:none;}
.logorx{ display: none; }
.logo01{ height: auto; padding-bottom: 3%;}
.canpinbt{ font-size: 0.16rem; }
.aboutb{ font-size: 0.16rem; }
.youshibt{ padding:0; background-position: 11% 1% ; background-size: auto 82%; line-height: 0.6rem; font-size: 0.3rem; padding-left: 45%;  }
.youshibt1{ font-size: 0.19rem; }
.youshi01{ background: none; padding:5% 3% 1%; }
.youshi01btk{ width: 100%; }
.ysbh{ width: 0.7rem; height: 0.7rem; line-height: 0.7rem; font-size: 0.36rem; background-size: cover; }
.youshi01bt{ width: 80%;  margin-left: 5%;}
.youshism{ width: 85%; padding-left: 15%; }

.khnrs{display: flex; flex-wrap: wrap; justify-content: space-between; width:100%; margin:auto; padding-top:40px;}
.fwlc{ width:180px; height:188px; color:#FFF; background:url(../images/tbj1.png) no-repeat;}
.fwlcwz{ height:30px; text-align:center; padding-top:40px;  font-family: "微软雅黑"; font-size:30px;}
.fwlcwz1{ width:110px; height:30px; margin:auto; padding-top:20px; overflow:hidden; text-align:center;line-height:30px;  font-family: "微软雅黑"; font-size:22px; font-weight:bold;}

.nyaboutxw{ display:none;}
.f_nav03{ display:none;}
.cends{display:none;}
.xwkuai{display: block;}
.cenxw{ display: none;}
.f_nav02{ display: none;}
.aat img{max-width:90%!important; height:auto!important; height:80%;}
}



@media all and (max-width:500px){
.logo{ width: 100%; text-align:center; padding-bottom:20px; }
.logo img{ max-width: 100%; }
.logorx{ display: none; }
.logo01{ display: none;}
.ss{  display:none;}
.g_nav{ display:none;}
.tdh{ width:100%; background:#082E6C; display:block; padding-top:10px; padding-bottom:10px;}
.tban{ width:100%; height:200px; background:url(../images/sjb4.jpg) no-repeat center center; margin-bottom:20px; display:block;}
.banner{  display:none;}
.tdh a{ font-size:12px; color:#FFF; font-weight:bold; padding-left:20px;line-height:34px;}
.canpinlbjage01{  display:none;}

.canpinbt{ font-size: 0.16rem; }
.aboutb{ font-size: 0.16rem; }
.youshibt{ font-size:26px; color:#272727;padding-top:none; height:60px; background:none; text-align:center; padding-left:0px;font-weight:bold;  border-bottom:1px solid #D4D4D4;}
.youshibt1{ text-align:center; font-size:14px; padding-top:10px; color:#4C4C4C;}
.youshi01{ background: none; padding:5% 3% 1%; }
.youshi01btk{ width: 100%; }
.ysbh{ width: 0.7rem; height: 0.7rem; line-height: 0.7rem; font-size: 0.36rem; background-size: cover; }
.youshi01bt{ width: 80%;  margin-left: 5%;}
.youshism{ width: 85%; padding-left: 15%; }
.youshi0001{width:100%; background:none;}
.canpinlb{ width:45%; margin-top:10px; float:left;}
.youshi01bt{ font-size: 16px; line-height:24px; }
.youshi01bt p{ font-size: 14px; }
.youshism ul li{ font-size: 14px; line-height:22px; padding-right:20%;}
.youshism{ width:100%;}
.youshismrx{  display:none;}

.khnrs{display: flex; flex-wrap: wrap; justify-content: space-between; width:100%; margin:auto; padding-top:40px;}
.fwlc{ width:180px; height:188px; color:#FFF; background:url(../images/tbj1.png) no-repeat;}
.fwlcwz{ height:30px; text-align:center; padding-top:40px;  font-family: "微软雅黑"; font-size:30px;}
.fwlcwz1{ width:110px; height:30px; margin:auto; padding-top:20px; overflow:hidden; text-align:center;line-height:30px;  font-family: "微软雅黑"; font-size:22px; font-weight:bold;}

.nyaboutxw{ display:none;}
.f_nav03{ display:none;}
.cends{display:none;}
.xwkuai{display: block;}
.cenxw{ display: none;}
.f_nav02{ display: none;}
.aat img{max-width:90%!important; height:auto!important; height:80%;}
}











@media all and (max-width:480px){
.logo{ width: 100%; text-align:center; padding-bottom:20px; }
.logo img{ max-width: 100%; }
.logorx{ display: none; }
.ss{  display:none;}
.g_nav{ display:none;}
.tdh{ width:100%; background:#082E6C; display:block; padding-top:10px; padding-bottom:10px;}
.tban{ width:100%; height:200px; background:url(../images/sjb4.jpg) no-repeat center center; margin-bottom:20px; display:block;}

.tdh a{ font-size:12px; color:#FFF;  font-weight:bold; padding-left:20px;line-height:34px; display:block; float:left;}
.canpinlbjage01{  display:none;}
.banner{  display:none;}
.logo01{ height: auto; padding-bottom: 3%; display: none;}

.canpinbt a{ font-size: 12px; font-weight:normal; display:block; }
.canpinbt a:visited{color:#fff;}
.canpinbt a:hover{background:#FAA200; color:#ffffff;}
.canpinbt a:active{color:#ffffff;}


.canpinlbmc{ font-size:12px; font-weight:normal;}
.aboutb{ font-size: 14px; }
.youshibt{ font-size:26px; color:#272727;padding-top:none; height:60px; background:none; text-align:center; padding-left:0px;font-weight:bold;  border-bottom:1px solid #D4D4D4;}
.youshibt1{ text-align:center; font-size:14px; padding-top:10px; color:#4C4C4C;}
.youshi01{ background: none; padding:5% 3% 1%; width:100%;}
.youshi01btk{ width: 100%; }
.ysbh{ width: 3.0rem; height: 3.0rem; line-height: 3.0rem; font-size: 1.36rem; background-size: cover; }

.youshi01bt{ width: 80%;  margin-left: 5%;}
.youshism{ width: 85%; padding-left: 15%; }
.youshi0001{width:100%; background:none;}
.canpinlb{ width:45%; margin-top:10px; float:left;}
.youshi01bt{ font-size: 16px; line-height:24px; }
.youshi01bt p{ font-size: 14px; }
.youshism ul li{ font-size: 12px; line-height:22px; padding-right:20%;}
.youshism{ width:100%;}
.youshismrx{  display:none;}
.khlb{ width:45%; height:120px; margin-top:20px;}
.khlbtp{ margin:auto;}
.khlbtp img{ width:100%; height:100%;}
.khlbmc{ margin:auto;line-height:20px;  color:#626262; font-size:12px; font-weight:normal; padding-top:0px; text-align:center;}
.khlbmc a{color:#626262;}
.khlbmc a:hover{color:#FF0000;}
.khnr{display: flex; flex-wrap: wrap; justify-content: space-between; margin:auto; padding-top:10px; background:none;}
.khnrs{display: none;}
.gsjswz{ text-align:center; font-size:20px; color:#272727; padding-top:15px; padding-bottom:20px; background:url(../images/03.png) center bottom no-repeat; margin-bottom:5px; font-weight:bold;}
.gsjswz1{ text-align:center; font-size:14px; color:#4C4C4C;}
.gsjswz span{color:#D70000;}
.ceo{ display: none;}
.ggt{ display: none;}
.fengcai{ display: none;}
.lcbtwz{ display: none;}
.gsjswzs{ display: none;}
.fwlcrx{ display: none;}
.fwlc{ display: none;}
.fwlc01{ display: none;}
.youshi1{ display: none;}
.btgg{ display: none;}
.cenxw{ display: none;}
.fdlink{display: none;}
.fdlink01{display: none;}
.footer{display: none;}
.footer_nav01{display: none;}
.cends{ display: none;}
.f_nav01{ display: none;}
.f_nav03{ display: none;}

.f_nav04{ display:none;}


.whb-mb2-xinwen-1{ width:90%; height:32px; line-height:32px; overflow:hidden; border-bottom:1px dotted #CCC; color:#666; padding-left:2%; background:url(../images/btbj6.jpg) left center no-repeat; margin-left:5%;}
.whb-mb2-xinwen-1 a{ color:#666; font-size:12px;}
.whb-mb2-xinwen-1 a:hover{ color:#FF5A00;}

.nycplb a{ height:40px; font-size:14px; width:49%; text-align:center; line-height:40px; margin:auto; font-family:"微软雅黑"; color:#fff; display:block; text-decoration:none; border-bottom:1px solid #D4D4D4;}
.nycplb a:visited{color:#fff;}
.nycplb a:hover{background:#FAA200; color:#ffffff;}
.nycplb a:active{color:#ffffff;}
.nybanner{ height:250px; width:100%; margin-bottom:20px;}

.nytuk{margin-top:20px; width:50%; text-align:center; }
.nytuk img{width:90%; height:80%;}
.nytuk a{ font-size:12px;}

.nyceo{background:url(../images/nyceo.jpg) -170px top no-repeat; width:100%;}
.nyceo01{width:90%; padding-top:5%; margin:auto;}
.aat img{max-width:90%!important; height:auto!important; height:80%;}
.aaly{ display:none;}
.aaly1{ display:block;}
.c_maindetail{ margin:10px 10px 0; background:#fff; padding:2px 0 0;}
.c_maindetail dd{ padding:10px 0; border-bottom:1px solid #dedede; height:40px;}

.c_maindetail dd .txtshllist{ padding-left:15px; line-height:22px;}
.c_maindetail dd .pic{ width:4px; height:40px; float:left; background-color:#09C;border-radius:2px 2px 2px 2px;}
dl.message2{
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 96%;
}

dl.message2 dd{
	margin: 0 0 6px 0;
	padding: 0px;
	float: left;
	width: 100%;
}	
	
	
	.round1li2 input {
	border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
	line-height: 23px;
	height: 23px;
	width: 95%;
	padding-left: 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	font-size:1.2em;
}
.round1li2 textarea {
border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
line-height: 23px;
height: 68px;
width: 95%;
padding-left: 5px;
border: 1px solid;
border-color: #CCC #EEE #EEE #CCC;
background: whiteSmoke;
font-size:1.2em;
}
.round1li3 input {
	border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
	line-height: 23px;
	height: 23px;
	width: 150px;
	padding-left: 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	float:left;
	margin-right:10px;
	font-size:1.2em;
}
.round1li4 { margin: 0 auto; width: 96%; float:left; text-align:center;}
.round1li4:after { clear: both; content: " "; display: block; }
.round1li4 input.button { margin:0 auto;
	 font-size: 15px;
	 color:#ffffff;
	 font-weight: bold;
	  display:block;width: 100px; height: 35px; border-radius: 3px; -moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px; border: #b83930 1px solid;  
background:-moz-linear-gradient(top,#da4c42,#9a3129);/*Mozilla*/
background:-webkit-linear-gradient(top,#da4c42,#9a3129);/*new gradient for Webkit*/
background:-o-linear-gradient(top,#da4c42,#9a3129); /*Opera11*/}
.cen{ width:100%;}

.sjlxdb{ padding-left:10px; padding-top:20px; font-size:12px; line-height:26px; color:#414141; font-family:'微软雅黑'; border-top:2px solid #CCC; margin-top:20px; display:block;}
.sjlxdb span{ font-size:14px; color:#414141; font-weight:bold; display:block; font-family:'微软雅黑'; padding-top:10px;}
.sjlxdb strong{ font-size:23px; color:#D30102;}
#abc{ display:none;}

.sjys{ padding-left:10px; padding-top:10px; padding-bottom:20px; font-size:12px; line-height:26px; color:#414141; font-family:'微软雅黑'; border-top:1px solid #CCC; margin-top:10px; display:block;}
.sjys span{ font-size:14px; color:#414141; font-weight:bold; display:block; font-family:'微软雅黑';}
.sjys strong{ font-size:18px; color:#D30102;}
}


@media all and (max-width:370px){
.logo{ width: 100%; text-align:center; padding-bottom:20px; }
.logo img{ max-width: 100%; }
.logorx{ display: none; }
.ss{  display:none;}
.g_nav{ display:none;}
.tdh{ width:100%; background:#082E6C; display:block; padding-top:10px; padding-bottom:10px;}
.tban{ width:100%; height:200px; background:url(../images/sjb4.jpg) no-repeat center center; margin-bottom:20px; display:block;}

.tdh a{ font-size:12px; color:#FFF;  font-weight:bold; padding-left:20px;line-height:34px; display:block; float:left;}
.canpinlbjage01{  display:none;}
.banner{  display:none;}
.logo01{ height: auto; padding-bottom: 3%; display: none;}

.canpinbt a{ font-size: 12px; font-weight:normal; display:block; }
.canpinbt a:visited{color:#fff;}
.canpinbt a:hover{background:#FAA200; color:#ffffff;}
.canpinbt a:active{color:#ffffff;}


.canpinlbmc{ font-size:12px; font-weight:normal;}
.aboutb{ font-size: 14px; }
.youshibt{ font-size:26px; color:#272727;padding-top:none; height:60px; background:none; text-align:center; padding-left:0px;font-weight:bold;  border-bottom:1px solid #D4D4D4;}
.youshibt1{ text-align:center; font-size:14px; padding-top:10px; color:#4C4C4C;}
.youshi01{ background: none; padding:5% 3% 1%; width:100%;}
.youshi01btk{ width: 100%; }
.ysbh{ width: 3.0rem; height: 3.0rem; line-height: 3.0rem; font-size: 1.36rem; background-size: cover; }

.youshi01bt{ width: 80%;  margin-left: 5%;}
.youshism{ width: 85%; padding-left: 15%; }
.youshi0001{width:100%; background:none;}
.canpinlb{ width:45%; margin-top:10px; float:left;}
.youshi01bt{ font-size: 16px; line-height:24px; }
.youshi01bt p{ font-size: 14px; }
.youshism ul li{ font-size: 12px; line-height:22px; padding-right:20%;}
.youshism{ width:100%;}
.youshismrx{  display:none;}
.khlb{ width:45%; height:120px; margin-top:20px;}
.khlbtp{ margin:auto;}
.khlbtp img{ width:100%; height:100%;}
.khlbmc{ margin:auto;line-height:20px;  color:#626262; font-size:12px; font-weight:normal; padding-top:0px; text-align:center;}
.khlbmc a{color:#626262;}
.khlbmc a:hover{color:#FF0000;}
.khnr{display: flex; flex-wrap: wrap; justify-content: space-between; margin:auto; padding-top:10px; background:none;}
.khnrs{display: none;}
.gsjswz{ text-align:center; font-size:20px; color:#272727; padding-top:15px; padding-bottom:20px; background:url(../images/03.png) center bottom no-repeat; margin-bottom:5px; font-weight:bold;}
.gsjswz1{ text-align:center; font-size:14px; color:#4C4C4C;}
.gsjswz span{color:#D70000;}
.ceo{ display: none;}
.ggt{ display: none;}
.fengcai{ display: none;}
.lcbtwz{ display: none;}
.gsjswzs{ display: none;}
.fwlcrx{ display: none;}
.fwlc{ display: none;}
.fwlc01{ display: none;}
.youshi1{ display: none;}
.btgg{ display: none;}
.cenxw{ display: none;}
.fdlink{display: none;}
.fdlink01{display: none;}
.footer{display: none;}
.footer_nav01{display: none;}
.cends{ display: none;}
.f_nav01{ display: none;}
.f_nav03{ display: none;}

.f_nav04{ display:none;}


.whb-mb2-xinwen-1{ width:90%; height:32px; line-height:32px; overflow:hidden; border-bottom:1px dotted #CCC; color:#666; padding-left:2%; background:url(../images/btbj6.jpg) left center no-repeat; margin-left:5%;}
.whb-mb2-xinwen-1 a{ color:#666; font-size:12px;}
.whb-mb2-xinwen-1 a:hover{ color:#FF5A00;}

.nycplb a{ height:40px; font-size:14px; width:49%; text-align:center; line-height:40px; margin:auto; font-family:"微软雅黑"; color:#fff; display:block; text-decoration:none; border-bottom:1px solid #D4D4D4;}
.nycplb a:visited{color:#fff;}
.nycplb a:hover{background:#FAA200; color:#ffffff;}
.nycplb a:active{color:#ffffff;}
.nybanner{ height:250px; width:100%; margin-bottom:20px;}

.nytuk{margin-top:20px; width:50%; text-align:center; }
.nytuk img{width:90%; height:80%;}
.nytuk a{ font-size:12px;}

.nyceo{background:url(../images/nyceo.jpg) -170px top no-repeat; width:100%;}
.nyceo01{width:90%; padding-top:5%; margin:auto;}
.aat img{max-width:90%!important; height:auto!important; height:80%;}
.aaly{ display:none;}
.aaly1{ display:block;}
.c_maindetail{ margin:10px 10px 0; background:#fff; padding:2px 0 0;}
.c_maindetail dd{ padding:10px 0; border-bottom:1px solid #dedede; height:40px;}

.c_maindetail dd .txtshllist{ padding-left:15px; line-height:22px;}
.c_maindetail dd .pic{ width:4px; height:40px; float:left; background-color:#09C;border-radius:2px 2px 2px 2px;}
dl.message2{
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 96%;
}

dl.message2 dd{
	margin: 0 0 6px 0;
	padding: 0px;
	float: left;
	width: 100%;
}	
	
	
	.round1li2 input {
	border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
	line-height: 23px;
	height: 23px;
	width: 95%;
	padding-left: 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	font-size:1.2em;
}
.round1li2 textarea {
border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
line-height: 23px;
height: 68px;
width: 95%;
padding-left: 5px;
border: 1px solid;
border-color: #CCC #EEE #EEE #CCC;
background: whiteSmoke;
font-size:1.2em;
}
.round1li3 input {
	border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
	line-height: 23px;
	height: 23px;
	width: 150px;
	padding-left: 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	float:left;
	margin-right:10px;
	font-size:1.2em;
}
.round1li4 { margin: 0 auto; width: 96%; float:left; text-align:center;}
.round1li4:after { clear: both; content: " "; display: block; }
.round1li4 input.button { margin:0 auto;
	 font-size: 15px;
	 color:#ffffff;
	 font-weight: bold;
	  display:block;width: 100px; height: 35px; border-radius: 3px; -moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px; border: #b83930 1px solid;  
background:-moz-linear-gradient(top,#da4c42,#9a3129);/*Mozilla*/
background:-webkit-linear-gradient(top,#da4c42,#9a3129);/*new gradient for Webkit*/
background:-o-linear-gradient(top,#da4c42,#9a3129); /*Opera11*/}
.cen{ width:100%;}

.sjlxdb{ padding-left:10px; padding-top:20px; font-size:12px; line-height:26px; color:#414141; font-family:'微软雅黑'; border-top:2px solid #CCC; margin-top:20px; display:block;}
.sjlxdb span{ font-size:14px; color:#414141; font-weight:bold; display:block; font-family:'微软雅黑'; padding-top:10px;}
.sjlxdb strong{ font-size:23px; color:#D30102;}
#abc{ display:none;}

.sjys{ padding-left:10px; padding-top:10px; padding-bottom:20px; font-size:12px; line-height:26px; color:#414141; font-family:'微软雅黑'; border-top:1px solid #CCC; margin-top:10px; display:block;}
.sjys span{ font-size:14px; color:#414141; font-weight:bold; display:block; font-family:'微软雅黑';}
.sjys strong{ font-size:18px; color:#D30102;}
}





/*@media only screen and (max-width: 479px) and (min-width: 321px) {
    html{font-size: 70px;}
}
@media only screen and (max-width: 320px) {
    html{font-size: 60px;}
}
*/