﻿@charset "utf-8";
@media only screen and (max-width:1200px){
	body{
		width: 100%;
		background: #f5f5f5;
	}
	.container{
		width: 100%;
		padding: 0 0.3rem;
	}
	/*common*/
	.mshow{
		display: block;
	}
	.mhide{
		display: none;
	}
	.mf24{
		font-size: 0.24rem;
	}
	.mf26{
		font-size: 0.26rem;
	}
	.mf28{
		font-size: 0.28rem;
	}
	.mf36{
		font-size: 0.36rem;
	}
	.pdt10{
		padding-top: 0.1rem;
	}
	.pdt20{
		padding-top: 0.2rem;
	}
	.pdt30{
		padding-top: 0.3rem;
	}
	.pdt40{
		padding-top: 0.4rem;
	}
	.pbt20{
		padding-bottom: 0.2rem;
	}
	.pbt40{
		padding-bottom: 0.4rem;
	}
	.mtp10{
		margin-top: 0.1rem;
	}
	.mtp20{
		margin-top: 0.2rem;
	}
	.mtp30{
		margin-top: 0.3rem;
	}
	.mtp40{
		margin-top: 0.4rem;
	}
	.mtp60{
		margin-top: 0.6rem;
	}
	.mbt20{
		margin-bottom: 0.2rem;
	}
	.mbt30{
		margin-bottom: 0.3rem;
	}
	.mbt40{
		margin-bottom: 0.4rem;
	}
	.mbt50{
		margin-bottom: 0.5rem;
	}
	.mbt60{
		margin-bottom: 0.6rem;
	}
	.mbt70{
		margin-bottom: 0.2rem;
	}
	.mmbt0{
		margin-bottom: 0;
	}
	.mmbt20{
		margin-bottom: 0.2rem;
	}
	.mmbt40{
		margin-bottom: 0.4rem;
	}
	.backtop{
		width: 0.8rem;
		height: 0.8rem;
		background: url(top.png);
		background-size: 100% 100%;
		position: fixed;
		right: 0.2rem;
		bottom: 0.5rem;
		z-index: 1000;
		cursor: pointer;
	}
	.halfMo{
		width: 100%;
		background: #fff;
		padding: 0.2rem 0.1rem;
	}
	.halfMo:nth-of-type(1){
		margin-bottom: 0.2rem;
	}
	.TCs{
		display: none;
	}
	.headerTop .functions{
		display: none;
	}
	.headerTop{
		padding-top: 0.2rem;
		padding-bottom: 0.4rem;
	}
	.headerTop .logo .logoPic{
		height: 1.88rem;
	}
	.headerTop .logo{
		margin-bottom: 0.3rem;
	}
	.headerTop .searchBox{
		padding-right: 0.9rem;
		position: relative;
		min-height: 0.64rem;
	}
	.headerTop .searchForm{
		float: left;
		margin-right: 0;
		width: 100%;
		height: 0.64rem;
		padding-right: 0.7rem;
	}
	.headerTop .searchForm .serachInput{
		line-height: 0.44rem;
		padding: 0.1rem 0.2rem;
	}
	.headerTop .searchForm .serachSub{
		width: 0.7rem;
		background-size: 0.34rem;
	}
	.header .nav{
		position: fixed;
		right: 0;
		top: 0;
		width: 0;
		height: 100vh;
		background: rgba(0,0,0,0.7);
		z-index: 1005;
		overflow: hidden;
		padding-top: 0.5rem;
	}
	.header .nav.active{
		width: 4rem;
	}
	.header .nav .navClose{
		position: absolute;
		right: 0;
		top: 0.1rem;
		color: #fff;
		font-size: 0.4rem;
		font-weight: 200;
		line-height: 0.5rem;
		cursor: pointer;
		text-align: center;
		width: 0.8rem;
		background: url(nav-close-bg.png) no-repeat center;
		background-size: 0.4rem;
		height: 0.5rem;
	}
	.header .nav .navItem .line{
		display: none;
	}
	.header .nav .navList .navItem{
		width: 100%;
		border-bottom: 1px solid #fff;
	}
	.header .nav .navList .navItem.active{
		font-weight: bold;
		background: #19518C;
	}
	.headerTop .searchBox .menu{
		width: 0.64rem;
		height: 0.64rem;
		position: absolute;
		right: 0;
		top: 0;
		border-radius: 50%;
		cursor: pointer;
		background: url(01-menu.png) #fff center no-repeat;
		background-size: 0.36rem;
		box-shadow: 0px 0px 0.1rem 0px rgba(0, 34, 60, 0.2);
	}
	.header .nav .navItem a{
		height: 0.88rem;
		line-height: 0.88rem;
	}
	.position{
		margin-bottom: 0.2rem;
	}
	.moTitle .tabBar{
		line-height: 0.7rem;
	}
	.moTitle .moMenuChange,.moTitle .moMenuHref{
		position: absolute;
		right: 0.1rem;
		top: 0;
		height: 0.7rem;
	}
	.moTitle .moMenuChange .changeBtn,.moTitle .moMenuHref .hrefBtn{
		padding-right: 0.54rem;
		height: 0.7rem;
		line-height: 0.7rem;
		background: url(01-momenu.png) no-repeat right center;
		color: #19518C;
	}
	.moTitle .moMenuChange .menuList,.moTitle .moMenuHref .menuList{
		display: none;
		position: absolute;
		right: -0.1rem;
		top: 0.7rem;
		background: #f5f5f5;
		text-align: center;
		padding: 0 0.12rem;
		z-index: 10;
	}
	.moTitle .moMenuChange .menuList .menuItem,.moTitle .moMenuHref .menuList .menuItem a{
		display: block;
		border-bottom: 1px solid #e1e3e6;
		line-height: 0.9rem;
		height: 0.9rem;
		padding: 0 0.1rem;
		min-width: 2.9rem;
		white-space: nowrap;
	}
	.moTitle .moMenuChange .menuList .menuItem:last-of-type,.moTitle .moMenuHref .menuList .menuItem:last-of-type a{
		border-bottom: none;
	}
	.moTitle .moMenuChange .menuList .menuItem.active{
		color: #19518C;
	}
	.commonList .comItem a{
		line-height: 0.7rem;
		padding-right: 2rem;
	}
	.commonList .comItem a .icon{
		top: 50%;
		margin-top: -3px;
	}
	.seemore.mshow{
		line-height: 0.8rem;
	}
	.footer .box1{
		padding-left: 1.2rem;
		position: relative;
	}
	.footer .box1 .mapLink{
		float: none;
		position: absolute;
		left: 0;
		top: 0;
		line-height: 0.6rem;
	}
	.footer .box1 .links{
		float: none;
		width: 100%;
	}
	.footer .box1 .linkItem{
		width: 49%;
		margin-left: 1%;
		height: 0.6rem;
		line-height: 0.6rem;
	}
	.footer .box1 .linkItem .icon{
		top: 50%;
		margin-top: -4px;
	}
	.footer .box1 .linkItem .list{
		top: 0.6rem;
		max-height: 3.6rem;
		overflow: auto;
	}
	.footer .box2 .text{
		width: 100%;
	}
	.footer .box2 .text span{
		display: block;
	}
	.footer .box2 .otherlink{
		width: 50%;
		margin: 0;
		text-align: center;
		margin-bottom: 0.2rem;
	}
}

