/*pc main*/
.content_n{
	width: 1200px;
	margin: 0 auto;
}
.content01 {
	width: 100%;
	height: 650px;
	overflow: hidden;
	background: url("../imgs/banner.jpg");
	background-size: cover;
}
.f_log {
	width: 268px;
	height: 155px;
	margin: 0 auto;
	margin-top: 23px;
	overflow: hidden;
}
.f_log img {
	width: 100%;
}
.title01 {
	font-size: 50px;
	font-weight: 800;
	color: #f5c608;
	margin:17px 0px;
	letter-spacing:15px;
	text-align: center;
}
.txt_1 {
	font-size: 25px;
	color: white;
	text-align: center;
}
.code_i {
	width: 340px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 20px;
}
.code_i img {
	width: 100%;
}
.con_button {
	width: 518px;
	margin: 0 auto;
	height: 80px;
}
.button01,.button02{
  display: block;
  color: #fff;
  float: left;
  width: 33%;
}
.button01 span, .button02 span{
	display: block;
	width: 95%;
	height: 70px;
	line-height: 70px;
	text-align: center;
	margin: 0 auto;
	font-size: 20px;
	background-color: #1a4ab7;
	opacity:0.8;
	border: #fff solid 1px;
	border-radius: 5px;
}
/*content02*/
.content02 {
	width: 100%;
	height: 650px;
	background-color: #c1fbef;
	padding-top: 50px;
}
.content02 p {
	font-size: 30px;
	color: #0d58e1;
	
	font-weight: bold;
	margin-bottom: 56px;
}
.content02 ul {
  width: 100%;
}
.content02 ul li {
	width: 50%;
	float: left;
	height: 100px;
	font-size: 20px;

}
.content02 ul li span em {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
	text-align: center;
	color: white;
	background-color: #ff40ff;
	border-radius: 50%;
	float: left;
}
.content02 ul li span:last-child {
	display: inline-block;
	height: 100px;
	width: 100%;
	text-align: left;
}
.add_s {
	clear: both;
	margin-top: 0px !important;
	font-size: 36px;
	color: #0d58e1;
}

/*content03*/
.content03 {
	width: 100%;
	height: 650px;
	overflow: hidden;
}
.title_02{
	color: #0d58e1;
	margin-top: 64px;
	margin-bottom: 16px;
}
.title_02 span {
	display: inline-block;
	float: left;
	font-size: 30px;
	font-weight: bold;
}
.title_02 span:nth-child(2) {
	width: 60px;
	height: 60px;
	margin-top: -15px;
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
}
.title_02 span:nth-child(2) img {
	width: 100%;
}
.mianfei {
	color: #f5c608;
}


.computer_img {
	width: 980px;
	margin: 0 auto;
	text-align: center;
}
.computer_img img {
	width: 80%;
}
/*content04*/
.content04 {
	width: 100%;
	height: 650px;
   background-color: #d6fbe8;
}
.content04 ul li {
	float: left;
}
.content04 ul li {
	width: 25%;
    text-align: center;
    padding-top: 50px;
}
.test_03 {
	height: 80px;
}
.test_03 p {
	font-size: 20px;
	margin-bottom: 12px;
	/*color: #0d58e1;*/
}
.content04 ul li div img{
	width: 80%;
	margin-top: 20px;
}
/*content05*/
.add05 {
	background-color: #fff;
}
/*content06*/
.content06 {
   width: 100%;
   height: 760px;
   padding-top: 20px;
   background-color: #2c2e47;
}
.content06 p {
	font-size: 30px;
	color: #0d58e1;
	margin-bottom: 5px;
}

.content061 {
   width: 100%;
   padding-top: 20px;
   background-color: #fff;
}


.map_w {
	width: 100%;
}
.map_w img {
	width: 100%;
}
/*content07*/
.content07 {
	width: 100%;
	height: 550px;
	padding-top: 100px;
}
.content07 p {
	font-size: 30px;
	color: #0d58e1;
    margin-bottom: 40px;
}
.content07 ul {
	width: 100%;
	overflow: hidden;
	clear: both;
	margin-bottom: 30px;
}
.content07 ul li {
	float: left;
	width: 16%;
	height: 90px;
}
.content07 ul li span {
	display: inline-block;
	width: 150px;
	height: 75px;
	line-height: 75px;
	text-align: center;
    font-size: 18px;
    border-radius: 20px;
    border: #96d0d4 solid 2px;
}
.content07 ul li:nth-child(6n+1) span {
	color: #aa7942;
}
.content07 ul li:nth-child(6n+2) span {
	color: #00f900;
}
.content07 ul li:nth-child(6n+3) span {
	color: #ff9300;
}
.content07 ul li:nth-child(6n+4) span {
	color: #ff40ff;
}
.content07 ul li:nth-child(6n+5) span {
	color: #942192;
}
.content07 ul li:nth-child(6n+6) span {
	color: #f94830;
}
.sh_lue {
	font-size: 36px !important;
}
/*content08*/
.content08 {
	width: 100%;
	height: 550px;
	background-color: #2c2e47;
}
.content08 p {
	font-size: 30px;
	color: #0d58e1;
	padding-top:60px;
}
.code_img {
	width: 50%;
	float: left;
	text-align: center;
	padding-top: 40px;
}
.code_img h3 {
	color: #fff;
	text-align: center;
	font-size: 18px;
	margin-bottom: 30px;
}
.code_img img {
	width: 330px;
}
.phone_i {
	float: left;
	width: 50%;
	padding-top: 188px;
}
.phone_i span:first-child {
   display: inline-block;
   float: left;
   width: 60px;
   height: 60px;
   margin-right: 20px;
}
.phone_i span:first-child img {
	width: 100%;
}
.phone_i span:last-child {
   display: inline-block;
   height: 60px;
   float: left;
   line-height: 60px;
   font-size: 30px;
   color: #fff;
   letter-spacing: 7px;
}
@media screen and (min-width:300px) and (max-width:750px){
   .content_n{
	   width: 95%;
	   margin: 0 auto;
	}  
  .content01 {
  	 height: auto;
  	 overflow: hidden;
  	 padding-bottom: 20px;
  }
  .f_log {
  	width: 200px;
  	margin-top: 20px;
  }
  .title01 {
  	font-size: 24px;
  	letter-spacing: 5px;
  	margin-top: 10px;
  }
  .txt_1 {
  	font-size: 18px;
  }
  .code_i {
  	width: 250px;
  }
  .con_button {
    width: 80%;
  }
  .content02 {
	padding-top: 30px;
	height: auto;
	padding-bottom: 20px;
 }
	.content02 p {
		font-size: 18px;
		margin-bottom: 20px;
		text-align: center;
	}
	.content02 ul li {
		width: 100%;
		height: 45px;
		margin-bottom: 2px;
	}
	.content02 ul li span {
		  font-size: 15px;
		  line-height: 20px;
	}
	.add_s {
		font-size: 22px;
	}
	.content03 {
		height: auto;
		padding-bottom: 20px;
	}
	.title_02 {
		margin-top: 35px;
		font-size: 20px;
		text-align: center;
		margin-bottom: 20px;
	}
	.title_02 span {
		font-size: 18px;
		text-align: left;
	}
	.test_03 p {
       font-size: 17px;
       margin-bottom: 5px;
	}
	.content04 {
		height: auto;
		overflow: hidden;
		padding-bottom: 20px;
	}
	.content04 ul li {
		width: 50%;
		padding-top: 20px;
	}
	.content04 ul li div img {
      width: 95%;
	}
	.test_03 {
      height: 33px;
	}
	.title_02 span:nth-child(2) {
		width: 40px;
		height: 40px;
		vertical-align: center;
	}
	.title_02 span img {
		width: 100%;
	}
	.content06 {
		height: auto;
		overflow: hidden;
		padding-bottom: 30px;
	}
	.content06 p {
      font-size: 20px;
      text-align: center;
      margin-bottom: 10px;
	}
	.map_w {
		text-align: center;
		padding-top: 20px;
	}
	.map_w img {
		width: 90%;
		margin: 0 auto;
	}
	.content07 {
		height: auto;
		padding-top: 20px;
	}
	.content07 p {
		font-size: 20px;
		text-align: center;
	}
	.content07 ul li {
		width: 25%;
	}
	.content07 ul li span {
	    width: 80px;
	    height: 48px;
	    line-height: 50px;
	    border-radius: 15px;
	}
	.content07 ul li:nth-child(4n+1) span {
	color: #aa7942;
	}
	.content07 ul li:nth-child(4n+2) span {
		color: #00f900;
	}
	.content07 ul li:nth-child(4n+3) span {
		color: #ff9300;
	}
	.content07 ul li:nth-child(4n+4) span {
		color: #ff40ff;
	}
	.content07 ul {
		margin-bottom: 5px;
	}
	.sh_lue {
		font-size: 20px !important;
	}
	.content08 {
		height: auto;
		overflow: hidden;
		padding-bottom: 50px;
	}
	.content08 p {
		font-size: 20px;
		text-align: center;
		padding-top: 30px;
	}
	.code_img {
		clear: both
      float: none;
      width: 100%;
      padding-top: 17px;
	}
	.code_img h3 {
		font-size: 14px;
		text-align: center;
		color: #bfbfbf;
		margin-bottom: 13px;
		margin-top: 10px;
	} 
	.computer_img {
        width: 100%;
	}
	.code_img img {
         width: 60%;
	}
	.computer_img img {
		width: 90%;
		margin-top: 10px;
	}
	.phone_i {
		float: none;
		width: 70%;
		padding-top: 20px;
		margin: 0 auto;
		text-align: center;
	}
	.phone_i span:first-child {
		float: none;
		display: inline-block;
		width: 35px;
		height: 35px;
		margin-right: 5px;
	}
	.phone_i span:last-child {
		float: none;
		display: inline-block;
		vertical-align: top;	
		letter-spacing: 0px;
<<<<<<< HEAD
		height: 30px;
		line-height: 30px;
=======
		height: 40px;
		line-height: 40px;
   		color: #fff;
>>>>>>> 39e5fc71ce1e5d44ab401574ac58f9a81b2a39d3
	}
}