/*@charset "UTF-8";*/

:root *,body *{
	-webkit-touch-callout:none;
	-webkit-text-size-adjust:none;
	-webkit-appearance:none;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-drag:none;
	/*-webkit-user-select: none;*/
}

@media screen and (max-width: 1000px) {
	.width-con{
		width: 100%;
	}
}
@media screen and (max-width: 800px) {
	html,body{
		background-color: #fff;
	}

	.xz_pc img{
		display: none;
		border:none;
	}
	.xz_mobile img{
		display: block;
		border:none;
	}
	.width-con{
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.swiper-slide{
		background-size: cover;
	}
	.alertBox .alertBoxContent{
		width: 90%;
		margin-left: -45%;
	}
	/* mobile  header */
	.headers .head-nav .xz-nav,
	.headers .login .xz-nav{
		margin: 0;
	}
	#header .fff{
		opacity: 1;
	}
	.news .newsList .newsTitle{
		line-height: 2rem;
	}
	.news .newsList .newsDes{
		line-height: 1.5rem;
	}
	.headers div.head-nav,
	.headers div.login{
		display: none;
	}
	.headers .ico-nav{
		display: block;
		float: left;
		width: 3.5rem;
		height: 4rem;
		padding: 1.4375rem 1rem 1.4375rem 1rem;
		box-sizing: border-box;
	}
	.headers .ico-nav i{
		width: 100%;
		margin-bottom: 0.3125rem;
		height: 0.1875rem;
		background: #666;
		display: block;
		border-radius: 2px;
	}
	.headers .ico-nav.act i{
		background: #000;
	}
	.mo-header{
		display: block;
		width: 80%;
		margin-top: 3.9375rem;
		position: fixed;
		left: -80%;
		top: 0;
		bottom: 0;
		z-index: 999;
		padding:1.25rem 0 0 0;
		background: #fff;
		box-sizing: border-box;
		transition: all .5s ease;
		-webkit-transition: all .5s ease;
	}
	.mo-header.open{
		left: 0;
		transition: all .5s ease;
		-webkit-transition: all .5s ease;

	}
	.mo-header span.mNav{
		display: block;
		line-height: 2.75rem;
		font-size: 1rem;
	}
	.mo-header span.mNav > a{
		display: block;
		padding-left: 2.5rem;
		cursor: pointer;
		color: #4a4a4a;
	}
	.mo-header span.mNav a:active{
		color: #f05a23;
	}
	.mo-header span.mNav .nav-a{
		padding-left: 3.125rem;
		color: #9e9e9e;
		display: block;
	}
	.imgLogo img{
		margin: 0 auto;
	}
	.blackBg{
		display: block;
		position: fixed;
		width: 100%;
		top: 4rem;
		right: -100%;
		bottom: 0;
		background: #000;
		z-index: 900;
		opacity: 0;
		filter: alpha(opacity=0);
		transition: opacity 0.5s ease;
		-webkit-transition: opacity 0.5s ease;
	}
	.blackBg.dis{
		opacity: 0.3;
		right: 0;
		filter: alpha(opacity=30);
		transition: opacity 0.5s ease;
		-webkit-transition: opacity 0.5s ease;
	}
	/* mobile banner*/
	.swiper-container{
		height: 200px;
	}
	.button-prev,
	.button-next{
		display: none;
	}
	/* mobile aLink */
	#aLink{
		margin: 1.5625rem 19% 0.625rem;
	}
	.aLink div.part{
		width: 100%;
	}
	.aLink div.part .w140:hover .imgBg{
		box-shadow: 0px 0px 10px 3px #ddd;
		-webkit-box-shadow: 0px 0px 10px 3px #ddd;
		background: #fff;
	}
	.aLink div.part .w140 a:active .imgBg{
		box-shadow: 0px 0px 10px 3px #ddd;
		-webkit-box-shadow: 0px 0px 10px 3px #ddd;
		background: #fff;
	}
	.aLink div.part span{
		padding: 0.75rem 0 1.3125rem 0;
	}

	/*float box*/
	#fl_menu{
		position: fixed;
		top:auto!important;
		bottom: 1rem;
		right: 0.5rem;
		display: none;
	}

	/* mobile inbanner*/
	#inbanner{
		min-height: auto;
	}
	.inBanner{
		height: 9.375rem;
	}
	.inBanner .rightBg{
		width: 50%;
		height: 9.375rem;
		background-size: cover;
	}
	.inBanner .rightBg.enterprise,
	.inBanner .rightBg.center{
		width: 65%;
	}
	.inBanner .leftText{
		left: 1rem;
		background-size: contain;
		width: 10.8125rem;
		height: 3.3125rem;
	}
	#footer{
		font-size: 0.875rem;
		padding-bottom: 0.25rem;
	}
	#footer p{
		line-height: 1.125rem;
		font-size: 0.75rem;
	}
	#footer p span{
		display: block;
	}
	/* mobile leftNav */
	.leftNav{
		width: 100%;
		padding: 0;
		line-height: 2rem;
		margin-bottom: 0;
		position: absolute;
		z-index: 3;
		background: #fff url(../images/m_up_1.png) no-repeat 96% 1.25rem;
		background-size: 1rem;
		display: none;
	}
	.leftNav .leftMenu{
		margin-bottom: 0;
		padding-left: 0;
		line-height: 3rem;
		height: auto;
	}
	.leftNav .leftMenu span.l-icon{
		display: none;
	}
	.leftNav .leftMenu a.l-text{
		color: #7e7e7e;
		padding-left: 1rem;
		box-sizing:border-box;
		width: 75%;
	}

	/* mobile main */
	#mainContent{
		width: 100%;
		padding:0;
	}
	#mainContent .title{
		padding-bottom: 0;
		line-height: 3rem;
		font-size: 1rem;
		padding-left: 1rem;
		background: url(../images/m_down_1.png) no-repeat 96% 1.25rem;
		background-size: 1rem;
	}
	.productContent,
	.aboutus,
	.joinus,
	.contact,
	.blacklist,
	.check,
	.objection,
	.report,
	.news,
	.news-detail{
		padding: 2rem 1rem 1.5rem 1rem;
	}

	.errorTip{
		left: 0!important;
		width: 100%!important;
	}
	.title{
		display: block!important;
	}
	.productContent .imgLogo{
		background-position: center;
		width: 100%;
	}
	.productContent .description{
		width: 100%;
		padding-top:2rem!important;
	}
	.contact .contactInfo{
		width: 100%;
	}
	.input label,
	.textarea label{
		text-align: left!important;
		line-height: 1.25rem!important;
		height: 1.25rem!important;
	}
	.textarea textarea{
		width: 100%!important;
	}
	.input input{
		width: 100%!important;
	}
	/*.contact .contactInfo .input.vailCode input{
		width: 80%!important;
	}*/
	.input.vailCode{
		width: 65%!important;
	}
	.contact .contactInfo .input.vailCode img,
	.formInfo .input.vailCode img,
	.report .input.vailCode img{
		margin-left: 0;
	    position: absolute;
	    right: -6.25rem;
	}
	.formInfo .cusPhone{
		left: 0;
		bottom: -1rem;
	}
	.formInfo .input, .formInfo .textarea{
		margin-bottom: 1.5rem;
	}
	.submitBtn{
		margin-bottom: 0;
	}
	#mainform .formInfo .input{
		width: 100%;
	}
	.report .reportPart label{
		width: 100%;
		text-align: left;

	}
	.report .reportPart .reportType{
		width: 100%;
		padding-left:0;
	}
	.report .input, .report .select{
		width: 100%;
		padding-left:0;
	}
	.report .reportPart{
		margin:1rem 0 0.5rem 0;
	}
	.report .reportPart .errorTips{
		left:0;
	}
	.phone-tips{
		text-align: center;
		margin-top:2rem;
	}
	.positionName{
		height: auto;
	}
	.positionName b{
		display: block;
	}
	.positionName span.level{
		margin-left: 1.5rem;
	}
	.positionName span.location{
		margin-left: 0;
	}


	/*by suluhe502 --2016.12.30*/
	.content-nav,.content-news-box{background-color: #fff;margin-bottom: 0.625rem;}
	.content-nav{padding: 0.9375rem 0;margin-top: 0.625rem;}
	.content-nav li{
		float: left;
		width: 25%;
	}
	.content-nav li:nth-child(4){
		margin-bottom: 1.875rem;
	}
	.content-nav li a{
		display: block;
		margin: 0 auto;
		width: 2.5rem;
		height: 2.5rem;
		background-size: cover;
		margin-bottom: 0.6875rem;
	}
	.content-nav li .navBg01{
		background-image: url("../images/nva-link-icon1.png");
	}
	.content-nav li .navBg02{
		background-image: url("../images/nva-link-icon2.png");
	}
	.content-nav li .navBg03{
		background-image: url("../images/nva-link-icon3.png");
	}
	.content-nav li .navBg04{
		background-image: url("../images/nva-link-icon4.png");
	}
	.content-nav li .navBg05{
		background-image: url("../images/nva-link-icon5.png");
	}
	.content-nav li .navBg06{
		background-image: url("../images/nva-link-icon6.png");
	}
	.content-nav li .navBg07{
		background-image: url("../images/nva-link-icon7.png");
	}
	.content-nav li .navBg08{
		background-image: url("../images/nva-link-icon8.png");
	}
	.content-nav li span{
		display: block;
		text-align: center;
		font-size: 0.8125rem;
		line-height: 0.8125rem;
		color:#4a4a4a;
	}


	.content-news-box{

	}
	.content-news-box .title{
		display: none!important;
	}
	.content-news-box h1{
		height: 2.5rem;
		line-height: 2.5rem;
		padding-left: 0.9375rem;
		font-size: 1rem;
		color: #4a4a4a;
		font-weight: normal;
		border-bottom: 1px solid #f2f2f2;
	}
	.content-news-box h1:before{
		content: "";
		display: inline-block;
		width: 1.03125rem;
		height: 1rem;
		background-image: url("../images/new-tip.png");
		background-size: cover;
		vertical-align: middle;;
		margin-right: 0.5rem;
	}
	.content-news-box .news-more{
		display: block;
		text-align: center;
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 0.875rem;
		color: #7e7e7e;
		border-top: 1px solid #f2f2f2;
	}
	.content-news-box .news{
		padding: 0;
	}
	.content-news-box .newsList{
		margin:0 0.9375rem;
		padding: 1.3rem 0 1.4375rem 0;
	}
	.content-news-box .newsList:last-child{
		border-bottom:none;
	}
	.content-news-box .newsList .newsDate{
		margin-bottom: 0;
		line-height: 0.75rem;
	}
	.news .newsList .newsTitle{
		line-height: 1.5rem;
		font-size: 1rem;
		color:#4a4a4a;
		margin-bottom: 0px;
	}
	.content-news-box .newsList .newsDes{
		font-size: 0.875rem;
		color: #7e7e7e;
		width: 100%;
		text-overflow:ellipsis;
		overflow:hidden;
		white-space:nowrap;
		margin: 3px 0 1rem 0;
	}
	.content-news-box .phone-tips{ display: none!important;}



	.aLink div.part span{
		font-size: 0.8125rem;
		line-height: 0.8125rem;
		padding: 0 0 0.75rem 0;
		color:#7e7e7e;
	}
	.aLink div.part .imgBg{
		width: 100%;
		border-radius:0;
		height: auto;
		background-color: #fff;
	}
	#aLink{
		margin: 0;
		width: 100%;
	}
	.part-box{
		padding: 0.625rem 0.625rem 0.9375rem 0.625rem;
		background: #fff;
	}
	.aLink div.part{
		width: 33%;
		margin:0 auto;
	}
	.aLink div.part .w140{
		padding: 0 0.15rem;
		width: auto;
	}
	.aLink div.part .w140 a .el1{
		width:3.25rem;height:2.0625rem;margin:0.75rem auto 0.65625rem auto;
	}
	.aLink div.part .w140 a .el2{
		height:2.1875rem;margin:0.6875rem auto 0.625rem auto;
	}
	.aLink div.part .w140 a .el3{
		width:2.09375rem;height:2.1875rem;margin:0.6875rem auto 0.625rem auto;
	}
	.aLink div.part .w140 a .el4{
		height: 2.5875rem;margin: 0.4875rem auto 0.425rem auto;
	}
}