@charset "utf-8";
/* CSS Document */
@import url("font/iconfont.css");

@media only screen and (min-width: 641px) {
	html {font-size: 10vw;}
	html, body {
		position: relative;
		height: 100%;
	}
	* {list-style:none; margin:0; padding:0;outline:none;font-family:'Micorsoft Yahei', '微软雅黑',Arial, Helvetica, sans-serif;}
	body {font-size: 14px; color:#1A1A1A; margin:0; padding:0; background:#fff; background-size:auto 800%; overflow-x:hidden; text-align:center;}
	a {text-decoration: none; color:#444; cursor:pointer;}
	img {vertical-align: middle; border: 0px none;}
	.clear {clear:both; height:1px; margin:0; padding:0; overflow:hidden;}
	#container {text-align:center; width:100%; margin:0 auto; text-align:left;}
	ul {list-style:none;}
	.hide {display:none;}
	.topbox {transition: all 0.3s ease-out;}
	.pagehead {width:100%; height:115px; background-size:auto 100%; position:fixed; top:0; left:0; z-index:100006;transition: all 0.3s ease-out; background:rgba(170,1,22,0);}

	.pagehead .logo {float:left; margin-left:5vw; margin-top:27px; transition: all 0.3s ease-out;}
	.pagehead .logo h1,.pagehead #logo p {display:none;}
	.pagehead .logo img {height:60px; width:auto; transition: all 0.3s ease-out;}
	
	.pagehead .pagenav {float:left; margin-left:13vw; margin-top:40px; transition: all 0.3s ease-out 0s; display:none;}
	.topbox:not(.topi) .pagehead .pagenav {display:none;}
	.pagehead .pagenav a {font-size:18px; color:#fff; padding:0 2vw; font-weight:bold;}
	

	.pagehead .navicon {float:right; width:15vw; margin-top:34px; text-align:right;transition: all 0.3s ease-out;}
	.pagehead .navicon a {font-size:2vw; color:#fff; position:relative; position:relative; display:inline-block; margin-right:2vw;}
	.pagehead .navicon a.icon-douyin {font-size:1.6vw;display: inline-block;width: 1.6vw;height: 1.6vw;}
	.pagehead .navicon a.icon-douyin::before {position:absolute; left:0; top:0;}
	.pagehead .navicon img {width:120px; height:0; position:absolute; top:3vw; left:calc(-60px + 1vw); opacity:0; transition: all 0.3s ease-out 0s;}
	.pagehead .navicon a:hover img {opacity:1; height:120px;}
	.pagehead .nav {float:right; margin-right:5vw; margin-top:27px; position:relative; width:4.8vh; height:4.8vh; cursor:pointer;transition: all 0.3s ease-out 0s; background:url(../images/btn_nav.png) no-repeat; background-size:auto 100%;}
	.pagehead- .nav::after {position: absolute;top: 3.5vh; left:1vh;display: block;width: 1.65vw;height: 2px;content: "";transition: all 0.3s ease-out 0s;background: #fff;}
	.pagehead- .nav::before {position: absolute; top: 1.5vh; left:1vh;display: block;width: 1.65vw;height: 2px;content: "";transition: all 0.3s ease-out 0s;background: #fff;}
	.pagehead- .nav:hover::after {top: 2.5vh;transform: rotate(45deg); background:#fff;}
	.pagehead- .nav:hover::before {top: 2.5vh;transform: rotate(-45deg); background:#fff;}
	.pagehead- .nav.active::after {top: 2.5vh;transform: rotate(45deg); background:#fff;}
	.pagehead- .nav.active::before {top: 2.5vh;transform: rotate(-45deg); background:#fff;}

	.navbox {width:100%; position:fixed; text-align:center; left:0; height:0; overflow:hidden; top:0; padding-top:0; z-index:10005; transition: all 0.3s ease-out;}
	.navul {width:780px; padding:0 calc(50% - 375px); border-top:1px solid #bb2d39; display:none;}
	.navul li {text-align:center; float:left; width:130px;}
	.navul li span {display:none;}
	.navul li a {display:block; line-height:60px; font-weight:bold; font-size:21px; color:#fff; text-align:center;}
	.navul li a img {display:block; margin:0 auto 20px auto;}
	.navul li ul {margin-top:20px;}
	.navul li ul li a {font-weight:normal; line-height:40px; color:#ffa9b1; font-size:16px;}
	.navul li ul li a:hover {color:#fff;}
	
	.topbox.headbg .pagehead {background:rgba(0,0,0,0.1); transition: all 0.3s ease-out;}
	.topbox.headsct .pagehead {height:90px;}
	.topbox.headsct .pagehead .logo {margin-top:20px;}
	.topbox.headsct .pagehead .logo img {height:50px; width:auto;}
	.topbox.headsct .pagehead .navicon {margin-top:27px;}
	.topbox.headsct .pagehead .nav {margin-top:20px;}
	.topbox.headsct .pagehead .pagenav {margin-top:30px;}
	
	.topbox.shownav .pagehead {background:none !important;}
	.topbox.shownav .navbox {height:auto; padding:115px 0 50px 0; transition: all 0.3s ease-out; background:rgba(170,1,22,0.9);}
	.topbox.shownav .navbox .navul {display:block; padding-top:50px;}
	.topbox.shownav .pagehead .pagenav {display:none;}
	.topbox.headsct .navbox {padding-top:90px !important;}


	.pagebody {text-align:center; padding-top:6.4vh; padding-bottom:40px;}

	.pagefoot {background:#262626 !important; width:100%;}
	.pagefoot .contactinfo {width:calc(100% - 10vw);  margin:0 auto; padding-top:80px; text-align:left;}
	.pagefoot .contactinfo .info {float:left; width:320px;}
	.pagefoot .contactinfo .info>font {display:block; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #555; font-size:13px; color:#fff; line-height:200%; margin-top:50px;}
	.pagefoot .contactinfo .info span img {float:left; margin-right:20px;}
	.pagefoot .contactinfo .info span {color:#fff; font-size:14px;}
	.pagefoot .contactinfo .info span i {font-size:28px; font-weight:bold; color:#de2020; display:block;}
	.pagefoot .contactinfo .botnav {float:left; width:calc(100% - 600px); max-width:750px; margin-left:calc(50% - 675px);}
	.pagefoot .contactinfo .botnav ul {float:left; width:33.33%; max-width:250px; text-align:center; color:#fff; font-size:14px;}
	.pagefoot .contactinfo .botnav li a {color:#aaa; display:inline-block; margin-bottom:20px;}
	.pagefoot .contactinfo .botnav li a.tit {font-size:18px; color:#fff; margin-bottom:30px; border-bottom:2px solid #fff; padding-bottom:25px;}
	.pagefoot .contactinfo .botewm {float:right; width:300px; text-align:right;}
	.pagefoot .contactinfo .botewm img {width:auto; height:120px;}
	.pagefoot .icpnumber {padding:50px 0 20px 0; color:#aaa; font-size:15px;}
	.pagefoot .icpnumber a {color:#aaa;}
	.pagefoot .micpnumber {display:none;}
	.pagefoot .flink {width:95%; margin:0 auto; text-align:left; font-size:14px; color:#666;}
	.pagefoot .flink a {padding-right:15px; color:#666;}
	
	.keifu{ position:fixed; top:10%; left:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	 z-index:990;}
	.keifu_tab{ width:160px;}
	.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
	.keifu_box{ float:left; width:131px;}
	.keifu_tab img{ display:block;}
	.keifu_head{ width:131px; height:41px; background:url(../images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
	.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
	.keifu_close:hover{ background-position:-60px 0;}
	.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb; padding-top:15px; background:#fbfbfb;}
	.keifu_con li{height:33px; padding-left:12px;}
	.keifu_con .weixin{ height:96px;}
	.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
	.keifu_bot{ width:131px; height:119px; background:url(../images/keifu.png); background-position:0 -149px; }
	
	.side{position:fixed;width:54px; right:0;bottom:154px;z-index:10000;}
	.side ul li{width:54px;height:54px;float:left; margin-top:5px; position:relative;}
	.side ul li .sidebox {position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000; color:#fff;font:14px/54px "寰蒋闆呴粦";overflow:hidden;line-height:27px;}
	.side ul li font {display:none; float:left;}
	.side ul li a.hold {width:54px;display:inline-block;background:#000;transition:all 0.3s;}
	.side ul li a.hold:hover{background:#ae1c1c;}
	.side ul li a{display:block;height:54px; color:#fff;}
	.side ul li img {position:absolute; right:-100px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
	.side ul li a:hover img{right:60px; display:none;}
	.side ul li i {font-size:28px; float:left; width:54px; line-height:54px; display:inline-block;}
	.side ul li a.hold  i {position: absolute;right: 0;z-index: 100;background: #000;}
	.side ul li a.hold:hover i{background:#ae1c1c;}
	.side .ph {display:none;}
}


@media only screen and (max-width: 640px) {
	html {font-size: 10vw;}
	* {list-style:none; margin:0; padding:0;outline:none; font-family:'Micorsoft Yahei', '微软雅黑',Arial, Helvetica, sans-serif;}
	body {font-size: 14px; color:#1A1A1A; margin:0; padding:0; background:#fff; width:100%;}
	a {text-decoration: none; outline:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
	img {vertical-align: middle; border: 0px none;}
	.clear {clear:both; height:1px; margin:0; padding:0; overflow:hidden;}
	.mhide {display:none !important;}
	.mshow {display:inline-block !important;}
	#container {text-align:center; width:100%; margin:0 auto;}
	ul {list-style:none;}
	.hide,.mhid {display:none;}
	.topbox {width:100%; overflow-x:hidden; position:fixed; top:0; left:0; z-index:11000; height:1.6rem;}
	.pagehead {background:rgba(170,1,22,0.9); width:100%; height:1.6rem; background-size:auto 100%; position:fixed; top:0; left:0; z-index:100000;}

	.pagehead .logo {float:left; margin-left:0.4rem; margin-top:0.3rem;}
	.pagehead .logo h1,.pagehead #logo p {display:none;}
	.pagehead .logo img {height:1rem; width:auto;}
	.pagehead .navicon {display:none;}
	.pagehead .pagenav {display:none;}

	.pagehead .nav {float:right; margin-right:0.4rem; margin-top:0.4rem; position:relative; width:0.8rem; height:0.8rem; cursor:pointer;transition: all 0.3s ease-out 0s; background:url(../images/btn_nav.png) no-repeat; background-size:auto 100%;}
	.pagehead- .nav::after {position: absolute;top: 0.54rem;; left:0.1rem;display: block;width: 0.6rem;height: 2px;content: "";transition: all 0.3s ease-out 0s;background: #FFF;}
	.pagehead- .nav::before {position: absolute; top: 0.22rem;; left:0.1rem;display: block;width: 0.6rem;;height: 2px;content: "";transition: all 0.3s ease-out 0s;background: #FFF;}
	.pagehead- .nav.active::after {top: 0.38rem; transform: rotate(45deg); background:#fff;}
	.pagehead- .nav.active::before {top: 0.38rem; transform: rotate(-45deg); background:#fff;}

	.navul {width:100%; padding:0; margin-left:100%; margin-top:1.3rem; padding-top:1.2rem; height:100%; position:fixed; background:rgba(169,2,22,0.9); z-index:10005; transition: all 0.3s ease-out;}
	.navul li {text-align:center; position:relative;}
	.navul li img {width:0.9rem; height:auto; margin-right:0.2rem;}
	.navul li span {display:none;}
	.navul li a {display:block; line-height:2.3rem; padding:0.1rem 0; font-size:0.45rem; color:#fff;}
	.navul li ul {z-index:10011; padding-bottom:0; min-height:0; max-height:0; height:0; overflow:hidden; transition: all 0.3s ease-out;}
	.navul li ul.show {height:auto; max-height:10rem; min-height:1rem; padding-bottom:0.3rem; transition: all 0.3s ease-out;}
	.navul li ul li {border:none; text-align:center;}
	.navul li ul li a {line-height:1rem; padding:0; font-size:0.35rem;}
	.navul.show {margin-left:0;}
	.navul li.color {background-color:#F9F9F9;}

	.pagebody {padding:1.6rem 0 0.8rem 0; text-align:center;}

	.pagefoot {background:#262626 !important; width:100%; height:100%; overflow:hidden; color:#fff;}
	.pagefoot .contactinfo {width:100%;}
	.pagefoot .contactinfo .info {padding-top:1.2rem; text-align:center; width:100%;}
	.pagefoot .contactinfo .info font {display:block; font-size:0.35rem; padding:0.5rem 1.5rem ; text-align:left; line-height:200%;}
	.pagefoot .contactinfo .info>img {width:4rem; height:auto; margin-bottom:0.3rem;}
	.pagefoot .contactinfo .info span img {width:1.6rem; height:auto; float:left; margin-right:0.5rem;}
	.pagefoot .contactinfo .info span {color: #fff;font-size: 0.4rem;width: 7rem;display: block;margin:0.2rem auto 0 auto;text-align: left;}
	.pagefoot .contactinfo .info span i {font-size: 0.6rem;font-weight: bold;color: #de2020;display: block;margin-top: 0.2rem;}
	.pagefoot .contactinfo .botnav {display:none;}
	.pagefoot .contactinfo .botewm {display:none;}
	.pagefoot .icpnumber {display:none;}
	.pagefoot .micpnumber {font-size:0.4rem; text-align:center; padding:0.5rem 0; margin-top:0.5rem; background-color:#444;}
	.pagefoot .micpnumber a {color:#fff; padding: 0 15px;}
	.pagefoot .flink {width:90%; display:block; margin:20px auto; text-align:left; font-size:14px; color:#666;}
	.pagefoot .flink a {padding-right:15px; color:#666;}
	
	.side {position:fixed;width:1.5rem; right:0;bottom:1rem;z-index:10000;}
	.side ul li{width:1.5rem; text-align:center; height:1.5rem;float:left; margin-top:0.3rem; position:relative;}
	.side ul li .sidebox {position:absolute;width:1.5rem;height:1.5rem;top:0;right:0;transition:all 0.3s;background:#000; color:#fff;font:14px/54px "寰蒋闆呴粦";line-height:0.5rem;}
	.side ul li font {display:none; float:left;}
	.side ul li a.hold {width:1.5rem;display:inline-block;background:#000;transition:all 0.3s;}
	.side ul li a.hold:hover{background:#ae1c1c;}
	.side ul li a{display:block;height:1.5rem; color:#fff;}
	.side ul li i {font-size:0.8rem; float:left; width:1.5rem; line-height:1.5rem; display:inline-block;}
	.side ul li a.hold  i {position: absolute;right: 0;z-index: 100;background: #000;}
	.side ul li a.hold:hover i{background:#ae1c1c;}
	
	.side ul li img {position:absolute; right:1.6rem; top:0; width:4rem; height:4rem; display:none;}
	.side ul li.on img {display:block;}
	.side ul li.khide {display:none;}
	.side .wh {display:none;}
}