body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,pre,ul,ol,menu,map,kbd,samp,var,object,tt,figure{margin:0;}
ul,ol,th,td,button,fieldset,legend,input,textarea{padding:0;}
body,button,input,select,textarea{font-family:"Microsoft YaHei";}
ul,ol{list-style:none;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace;}
small{font-size:12px;}
a{text-decoration:none;outline:none;transition:all ease-out 0.3s;}
li,img{transition:all ease-out 0.3s;}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help;}
q:before,q:after{content:'';}
legend{color:#000;}
fieldset,img,input,button{border:none;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
hr{border:none;height:1px;}
html{overflow-y:scroll;}
ul:after{content:'';display:block;clear:both;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
input,select{vertical-align:middle;} 
object{max-width:100%;}
input[type=search]{-webkit-appearance:none;outline:none;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{display:none;}
.clearfix:before,.clearfix:after{content:"";display:table;}.clearfix:after{clear:both;}.clearfix{*zoom:1;/*IE/7/6*/}

body{color:#333;line-height:20px;}
a{color:#333;}
a:hover{color:#002f6f;}

::selection {background: #182fa3;color: #fff;}

@media (min-width:1201px){
body{font-size:14px;}
.mainwidth{margin:0 auto;width:1200px;}
.mainwidth:after{content:'';display:block;clear:both;}
header{background:#f1f1f1;}
header .mainwidth{width:100%;}
	.topbarbox{background:#fff;font-size:12px;line-height:40px;box-shadow:0 0 3px rgba(0,0,0,0.1);padding:0 20px;color:#999;}
		.topbarbox a{}
		.topbar{overflow:hidden;}
			.welcome{float:left;}
			.toplink{float:right;}
			.toplink a{margin-left:15px;}
	.headbox{padding:0 20px;}
		.head{}
			.logo{float:left;padding:20px 0;margin-right:20px;}
				.logo img{height:50px;}
			.companyname{float:left;margin:20px 20px 20px 0;border-right:1px solid #ddd;padding-right:20px;}
				.companyname h3{font-size:16px;line-height:30px;}
				.companyname p{text-transform:uppercase;color:#999;font-size:12px;}
			.slogen{float:left;padding:20px 0;margin-right:20px;}
				.slogen p{color:#999;line-height:20px;}
				.slogen h3{font-size:16px;color:#00b0e3;line-height:30px;}
			.hottel{float:right;}
				.hottel dl{padding:20px 0 20px 50px;background:url(../img/headtelicon.png) no-repeat 0 center;}
				.hottel dt{color:#999;}
				.hottel dd{font-size:24px;line-height:30px;font-weight:bold;color:#e31f2b;}
	nav{border-top:1px solid #ddd;background:#0071bf;position:relative;}
	nav:before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#3d5291 0%,#3d5291 4px,#5d89ea 4px,#5d89ea 5px,#2d6be4 5px,#3d5291 58px,#5d89ea 58px,#5d89ea 59px,#3d5291 60px);}
		nav span{position:relative;z-index:1;display:none;}
		nav ul{}
		nav li{float:left;position:relative;border-right:1px solid rgba(255,255,255,0.1);}
		nav li a{display:block;line-height:60px;font-size:16px;padding:0 40px;color:#fff;}
		nav li a:hover,nav li a.on,nav li.on a{background:linear-gradient(to top,#719122 0%,#719122 4px,#a2c545 4px,#a2c545 5px,#9cc03c 5px,#719122 58px,#a2c545 58px,#a2c545 59px,#719122 60px);color:#fff;}
		nav li div{display:none;position:absolute;z-index:5;top:60px;left:0;width:240px;background:#00b0e3;}
		nav li ul{}
		nav li ul li{float:none;}
		nav li li a{font-size:13px;line-height:40px;white-space:nowrap;color:#fff;}
		nav li li a:hover{background:#3dc3ea;padding:0 50px;}	

footer{background:#033c89;color:#fff;line-height:30px;}
footer .mainwidth{width:100%;}
footer a{color:#fff;}
	.foot{padding:20px;}
		.footnav{float:left;}
			.footnav dl{float:left;margin-right:80px;}
			.footnav dd{}
			.footnav dd a{color:rgba(255,255,255,0.7);}
			.footnav dd a:hover{color:rgba(255,255,255,1);}
		.footcontact{float:left;margin-right:100px;}
			.footcontact p{background-position:0 center;background-size:20px 20px;padding-left:30px;background-repeat:no-repeat;}
			.footcontact p:nth-of-type(1){background-image:url(../img/footcontact1.png);}
			.footcontact p:nth-of-type(2){background-image:url(../img/footcontact2.png);}
			.footcontact p:nth-of-type(3){background-image:url(../img/footcontact5.png);}
			.footcontact p:nth-of-type(4){background-image:url(../img/footcontact4.png);}
			.footcontact p:nth-of-type(5){background-image:url(../img/footcontact5.png);}
		.footqrcode{float:right;width:240px;}
			.footqrcode figure{}
			.footqrcode img{float:left;margin-right:20px;width:100px;}
			.footqrcode figcaption{}
	.copy{padding:20px;border-top:1px solid rgba(255,255,255,0.1);font-size:12px;}
		.copyright{float:left;color:#fff;}
			.copyright a{margin:0 10px;color:#fff;}
			.support{float:right;}
			.support a{margin-left:10px;color:#fff;}

.toolbar{position:fixed;z-index:2;bottom:210px;right:40px;}
	.toolbar ul{}
	.toolbar li{display:block;width:40px;height:40px;background-size:30px 30px;background-position:center center;background-repeat:no-repeat;background-color:rgba(0,0,0,0.5);margin-top:1px;cursor:pointer;}
	.toolbar li a{display:block;width:100%;height:100%;}
	.toolbar li:nth-of-type(1){background-image:url(../img/toola.png);}
	.toolbar li:nth-of-type(2){background-image:url(../img/toolb.png);}
	.toolbar li:nth-of-type(3){background-image:url(../img/toolc.png);}
	.toolbar li:nth-of-type(4){background-image:url(../img/toold.png);}

.popwechat{display:none;position:fixed;z-index:2;background:#fff;left:50%;top:50%;transform:translate(-50%,50%);box-shadow:0 0 0 1920px rgba(0,0,0,0.7);transform:translate(-50%, -50%) scale(1.2);padding:5px;border-radius:10px;}
	.popwechat dl{text-align:center;}
	.popwechat dt{font-size:12px;margin-bottom:10px;position:relative;}
	.popwechat dt span{position:absolute;top:0;right:0;display:block;width:20px;height:20px;text-align:center;background:#f00 url(../img/iconclose.png) no-repeat center center;border-radius:20px;cursor:pointer;}
	.popwechat dd{}
	.popwechat dd img{}
}
@media (min-width:769px) and (max-width:1200px){
body{font-size:12px;}

}
@media (max-width:768px){
body{font-size:12px;}

}