@charset "utf-8";

@media screen and (min-width: 1024px){
		
	.bg_msk{
		width:0;
		height:0;
		display:none;
	}	

	.top{
		min-width:1120px;
		width:100%;
		height:80px;
		background:#fff;
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);	
		position:fixed;
		top:0px;
		left:0px;
		z-index:999;
		-moz-transition: all` 0.4s ease-in-out;
		-webkit-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;	
	}

	.tops{
		width:1080px;
		height:80px;
		margin:0 auto;
		position:relative;
		padding:0px 20px;
	}

	a.logo{
		width:221px;
		height:45px;
		display:block;
		float:left;
		background:url("../../img/logo.png")no-repeat center center;
		background-size:contain;
		margin:17px 0px 18px 0px;
		-moz-transition: all 0.4s ease-in-out;
		-webkit-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;

	}


	a.logo_s{
		width:147px;
		height:30px;
		display:block;
		float:left;
		background:url("../../img/logo.png")no-repeat center center;
		background-size:contain;
		margin:17px 0px 18px 0px;
		-moz-transition: all 0.4s ease-in-out;
		-webkit-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;

	}

	a.m,
	a.mx
	{
		width:0px;
		height:0px;
		display:none;
	}



	ul.mu a{	
		color:#000;
	}



	ul.mu{
		display:block;
		width:550px;
		height:80px;
		float:right;
		-moz-transition: all 0.4s ease-in-out;
		-webkit-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out	
		
	}

	ul.mu li.mus{
		display:block;
		height:20px;
		float:left;
		text-align:right;
		margin-left:50px;
		position:relative;
		padding:30px 0px 30px 0px;
		-moz-transition: all 0.4s ease-in-out;
		-webkit-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out	
	}

	ul.su{
		display:none;
		opacity:0;
	}

	ul.mu li.mus:hover ul.su{
		display:block;
		position:absolute;
		top:80px;
		left:0px;
		min-height:10px;
		width:300px;
		opacity:1;
		-moz-transition: all .4s ease-in-out;
		-webkit-transition:all .4s ease-in-out;
		transition:all .4s ease-in-out;	   
		padding:20px;
		border:1px #ccc solid;
		border-top: 3px solid #2EA3F2;
		text-align:left !important;
		background:#fff;
	}


	ul.su li.sus{
		height:20px;
		padding:10px;
	}

	ul.su li.sus:hover{
		background:#f5f5f5;
	}

	.pt-section {
		min-height:10px;
	}


	#ptsection-one{
		background-color: #fff;
	}

	#ptsection-two{
		background-color: #f8f8f8;
		padding:30px 0px;
	}

	#ptsection-three{
		background-color: #1e73be;
	}

	#ptsection-four{
		background-color: #fff;
	}



	.ptsection-three{
		width:1080px;
		min-height:10px;
		margin:0 auto;
		color:#fff;
		padding:40px 20px;
	}

	.ptsection-three div.tlt{
		font-size:18px;
		font-weight:bold;
		margin:0px 0px 20px 0px;
	}


	div.ixbr{
		display:block;
		height:700px;
		position:relative;
		-moz-transition: all 3s ease-in-out;
		-webkit-transition:all 3s ease-in-out;
		transition:all 3s ease-in-out;	  	
	}


	.wrap{
		width:1080px;
		min-height:1px;
		margin:50px auto 0px auto;
		padding:0px 20px;
	}

	.wrap2{
		width:1080px;
		min-height:1px;
		margin:130px auto 0px auto;
		padding:0px 20px;
	}


	.wrap:after,
	.wrap2:after
	{
		clear:both;
		content:" ";
		display:block;
	}

	a.lnk{
		color:#509ce4;
	}


	.ix_info{
		width:1080px;
		min-height:10px;
		margin:50px auto 0px auto;
	}

	.ix_info div{
		width:30%;
		min-height:10px;
		float:left;
	}

	.ix_info div.millde{
		margin:0px 50px;
	}


	.ix_info i{
		width:100px;
		height:100px;
		display:block;
		margin:0 auto 40px auto;
	}

	.ix_info div h3{
		font-size:18px;
		font-weight:bold;
		line-height:40px;
		display:block;
	}

	.ix_info div p{
		margin:10px 0px 20px 0px;
		line-height:25px;
	}


	.box_cirliful{
		width:1100px;
		height:300px;
		margin:0px auto;
		padding:160px 0px 100px 0px;
	}

	.box_cirliful .c{
		width:250px;
		height:300px;
		margin:0px 33px 0px 0px;
		float:left;
		position:relative;
	}

	.box_cirliful .c2{
		width:250px;
		height:300px;
		float:right;
		margin:0;
		position:relative;
	}



	.box_cirliful .c .nam,
	.box_cirliful .c2 .nam
	{
		height:20px;
		width:250px;
		text-align:center;
		position:absolute;
		bottom:0px;
		left:0px;
		z-index:1;
		font-size:25px;
	}

	.page_ins_nam{
		height:20px;
		font-size:27px;
		margin-bottom:40px;
		font-weight:bold;
	}

	.page_ins_nam2{
		height:20px;
		font-size:20px;
		font-weight:bold;
		margin:20px 0px;
		line-height:25px;
	}

	.page_fom{
		width:100%;
	}

	.page_fom50_r{
		width:49%;
		float:right;
	}

	.page_fom50_l{
		width:49%;
		float:left;
	}

	.page_fom100{
		width:100%;
		margin-top:20px;
	}


	.page_fom input[type=text].fom{
		box-sizing: border-box;
		height:50px;
		border:0;
		padding:0px 20px;
		background:#eee;
		width:100%;
	}


	.page_fom input[type=text].acode_input{
		box-sizing: border-box;
		height:50px;
		border:0;
		padding:0px 20px;
		background:#eee;
		width:60px;
		text-align:center;
		margin-left:10px;
	}

	.page_fom textarea.fom{
		box-sizing: border-box;
		height:150px;
		border:0;
		padding:20px;
		background:#eee;
		width:100%;
	}


	.acode_dpy{
		width:160px;
		height:20px;
		padding:0px 0px;
		text-align:center;
		float:right;
		margin:20px -9px 20px 20px;	
		font-size:16px;
	}



	.page_fom a.btn_send{
		width:150px;
		height:20px;
		border:2px #1e73be solid;
		border-radius:2px;
		color:#1e73be;
		text-align:center;
		float:right;
		margin:20px 0px;
		display:block;
		padding:13px 0px;
		font-weight:bold;
	}

	.page_fom a.btn_send:hover{
		width:150px;
		height:20px;
		border:2px #ddd solid;
		border-radius:2px;
		color:#000;
		text-align:center;
		float:right;
		margin:20px 0px;
		display:block;
		padding:13px 0px;
		-moz-transition: all .2s ease-in-out;
		-webkit-transition:all .2s ease-in-out;
		transition:all .2s ease-in-out;	
		background:#ddd;
		font-weight:bold;
	}


	.about_info{
		min-height:1px;
		margin:40px auto;
	}


	.map{
		width:1080px;
		height:600px;
		margin:30px auto 0 auto;
	}

	.box_news{
		width:1080px;
		margin:50px auto;
	}

	.box_news .news_ito{
		min-height:10px;
		margin:20px 0px 50px 0px;
	}


	.pds_img{
		width:400px;
		min-height:10px;
		float:left;
	}

	.pds_img2{
		width:400px;
		min-height:10px;
		margin:0 auto;
	}


	.pds_ito{
		width:600px;
		min-height:10px;
		float:right;
	}

	.pds_ito2{
		min-height:10px;
		margin:20px auto;
	}


	.mas_ito{
		font-size:14px;
		font-weight:bold;
		margin:20px auto;
	}






	.footer{
		width:100%;
		min-width:1080px;	
		min-height:10px;
		background:#222222;
		margin-top:60px;
	}


	.footers{
		width:1080px;
		margin:0 auto;
		padding:40px 0px;
		min-height:10px;
		color:#fff;
	}

	.footers div.tlt{
		font-size:18px;
		font-weight:bold;
		color:#2EA3F2;
		margin-bottom:20px;
	}

	.footers a{
		color:#2EA3F2;
	}

	.footers a:hover{
		color:#2EA3F2;
		text-decoration:underline;
	}



}