@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 992px) {
	* {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; overflow-x:hidden; text-align:center; min-width:1200px;}
	a {text-decoration: none; color:#444; cursor:pointer;}
	a:hover {text-decoration: none; color:#777}
	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;}
	.pagehead {margin:0 auto; width:100%;}
	.pagehead p {display:none;}
	.pagehead .logo {padding:0; float:left; line-height:94px; font-size:36px; font-weight:bold;}
	.pagehead .logo font {display:none;}
	.pagehead .logo img {width:auto; height:100px; float:left;}
	.pagehead .logo h1,.pagehead #logo p {display:none;}
	.pagehead .headbody {width:1200px; margin:0 auto; height:100px;}
	.pagehead .slogan {float:left; border:2px solid #38a3e7; line-height:24px; font-size:21.4px; padding:3px 8px; margin-top:22px; margin-left:30px; font-weight:bold; color:#38a3e7;}
	.pagehead .slogan i {color:#bb2e1c; font-style:normal;}
	.pagehead .slogan font {font-size:16px; color:#9a9a9a; display:block; font-weight:normal;}
	.pagehead .tel {float:right; width:280px; margin-top:20px; background:url(../images/tel.jpg) left no-repeat; padding-left:75px;}
	.pagehead .tel i {font-size:54px; color:#898989; float:left; margin-right:8px;}
	.pagehead .tel span {font-size:16px; color:#606060;}
	.pagehead .tel span font {color:#38a3e7; font-size:24px; margin-top:8px; font-weight:bold; display:block;}

	.nav {width:100%; text-align:center; background-color:#38a3e7; height:50px;}
	.nav > ul {width:1200px !important; margin: 0 auto;}
	.nav>ul>li {height:50px; line-height:50px;}
	.nav::before {display:none;}
	.nav,
	.nav ul,
	.nav ul li,
	.nav ul li a {margin: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.nav>ul {width:100%; margin:0 auto;}
	.nav:after,
	.nav > ul:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
	.nav > ul > li {float: left;}
	.nav > ul > li > a {display:block; text-align:center; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; width:170px; line-height:32px; color:#fff; font-size:16px; line-height:50px;}

	.nav>ul>li.active,.nav>ul>li:hover {background-color:#2885c0;}

	.nav ul ul {position: absolute; left: -9999px; z-index:10001; background-color:#2885c0; width:100%;}
	.nav li:hover > ul {left: auto;}
	.nav ul ul li {height: 0; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease;}
	.nav ul li:hover > ul > li {height: 40px;}
	.nav ul ul li a {padding: 14px 0; text-align:center; font-size:12px; width: 100%; text-decoration: none; color: #fff; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;}
	.nav ul ul li:hover > a,
	.nav ul ul li a:hover {background-color: #38a3e7;}
	.nav>ul ul {margin-top:-1px;}


	.pagebody {text-align:center;}

	.pagefoot {width:100%; margin-top:30px; background-color:#008bd6; text-align:center; color:#fff; font-size:14px; padding-top:45px;}
	.pagefoot .footmain {width:1200px; margin:0 auto; height:220px;}
	.pagefoot dl {width:135px; float:left; text-align:left;}
	.pagefoot dl dt {padding-bottom:10px;}
	.pagefoot dl dt a {color:#fff; font-size:16px;}
	.pagefoot dl dd {line-height:32px;}
	.pagefoot dl dd a {color:#fff;}
	.pagefoot dl dd font {display:block;}
	.pagefoot dl dd span {display:block; font-size:20px; padding:5px 0 10px 0;}
	.pagefoot dl dd a.icon-qq {font-size:28px;}
	.pagefoot dl.bcontact {width:220px; margin-left:15px;}
	.pagefoot dl.bcontact a {margin-right:10px;}
	.pagefoot dl.bcontact a img.icoewm {display:none; position:absolute; margin-top:-260px; margin-left:66px;}
	.pagefoot dl.bcontact a:hover img.icoewm {display:block;}
	.pagefoot .ewm {float:right; width:270px;}
	.pagefoot .ewm font {float:left; width:115px; color:#a5e878; margin-left:20px; }
	.pagefoot .ewm font img {margin-bottom:10px; width:150px; height:150px;}
	.pagefoot .icpnumber {float:left; width:350px; line-height:32px; text-align:left;}
	.pagefoot .icpnumber a {color:#fff;}
	.pagefoot .flink {width:100%; background-color:#1f2024;}
	.pagefoot .flink .links {width:1200px; margin:0 auto; line-height:200%; padding:15px 0; text-align:left;}
	.pagefoot .flink .links a {margin-left:5px; margin-right:10px; color:#888;}

	.pagefoot .micpnumber {display:none;}
	.pagefoot .botbar {display:none;}

	/*在线客服*/
	.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; }

}


@media only screen and (max-width: 991px) {
	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;}
	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;}
	.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;}
	.pagehead {margin:0 auto; width:100%; height:1.8rem; position:relative;}
	.pagehead .logo {padding:0; text-align:center; text-align:left; line-height:1.6rem; font-size:0.55rem; color:#fff; float:left; margin-left:0.3rem;}
	.pagehead .logo img {height:1.6rem; margin:0.1rem; width:auto;}
	.pagehead .logo h1,.pagehead .logo p {display:none;}
	.pagehead .slogan,.pagehead .tel {display:none;}
	.pagehead p {display:none;}

	.pagehead .nav {}
	.pagehead .nav::before {position: absolute;right: 0.3rem; top:0.45rem; color:#333; font-size:0.9rem;}

	.pagehead .nav a {font-size:0.8rem;}
	.pagehead .nav>ul {width:100%; position:absolute; display:none; padding:0; right:0; top:1.8rem; z-index:10001; background:#666;}
	.pagehead .nav ul li {text-align:center; border-bottom:1px solid #fff; position:relative;}
	.pagehead .nav ul li span {display:none;}
	.pagehead .nav ul li a {display:block; line-height:0.5rem; padding:0.4rem 0.5rem; font-size:0.38rem; color:#fff;}
	.pagehead .nav ul li a i {margin-right:0.1rem;}
	.pagehead .nav ul li.active a {background-color:#333;}
	.pagehead .nav ul li.ico {display:none;}
	.pagehead .nav ul li ul {display:none; background:#777;}
	.pagehead .nav ul li ul li {border-top:1px solid #fff; border-bottom:none;}

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

	.pagefoot {width:100%; text-align:center; height:2rem;}
	.pagefoot .micpnumber {height:1rem; line-height:1rem; background-color:#eee; color:#333; font-size:0.35rem;}
	.pagefoot .footmain,.pagefoot .flink {display:none;}
	.pagefoot .botbar {width:100%; position:fixed; bottom:0; height:1rem; background:#008bd6; opacity:0.9; z-index:121;}
	.pagefoot .botbar ul {margin:0;}
	.pagefoot .botbar ul li {width:calc(25% - 1px); border-right:1px solid #33a1dd; float:left; height:1rem; line-height:1rem; overflow:hidden;}
	.pagefoot .botbar ul li a {display:block; text-align:center; color:#fff; font-size:0.36rem;}

	.main-im {display:none;}
}