@charset "utf-8";
*{
	
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
button{ border-radius: 0;-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
   border-radius:none; } 
input{
	-webkit-appearance: none;
    -moz-appearance: none;
     appearance: none;
	border-radius:none; 
}
/* html{
	width: 100%;
    height: 100%;
} */
body{
    width: 100%;
    height: 100%;
}

.box_top{
	display: flex;
	display: -webkit-flex; 
	justify-content: space-between ;
    width: 100%;
    height: 10vh;
    background-color: #ffffff;
}
.box_top_img{
	width: 40%;
    margin-left: 3%;
    margin-top: 10px;
	
}
.box_top_img img{
    height: 90%;
}
.box_top_right{
	margin-top: 17px;
	margin-right: 13%;
 	align-self: flex-start;
    font-size: 0.9em;
    font-family: 微软雅黑;
    color:#2974b6;
}
.box_top_right ul li{
    float: left;
    margin-top: 4.5%;

}
.box_top_right ul li a:hover{
    color:#358ccc ;

}
.box_center{
    width: 100%;
    height: 75vh;
    background: -webkit-linear-gradient(#358ccc, #a4d6f6); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#358ccc, #a4d6f6); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#358ccc, #a4d6f6); /* Firefox 3.6 - 15 */
    background: linear-gradient(#358ccc, #a4d6f6); /* 标准的语法 */

}
.box_center_img{
    width: 40%;
    height: 100%;

    float: left;
    margin-left: 14%;

}
.box_center_img .div1{
	width: 49.9%;
    height: 40%;
    float: left;
     margin-top: 4%;
	
}
.box_center_img .div2{
	 width: 49.9%;
    height: 40%;
    float: right;
   margin-top: 9%;
	
}
.box_center_img .div3{
	
	 width: 49.9%;
    height: 40%;
    float: left;
}
.box_center_img .div4{
	width: 49.9%;
    height: 40%;
    float: right;
	
}
.box_center_img .div1 .img1{
    display: block;
    width:100%;
    height:100%;
    -webkit-box-shadow: #3A5FCD 0px 0px 10px;
    -moz-box-shadow: #3A5FCD 0px 0px 10px;
    box-shadow: #3A5FCD 0px 0px 10px;
    border-radius: 5px;
    border:2px solid #FFFFFF;

}
.box_center_img .div2 .img2{
    display: block;
   width:100%;
    height:100%;
    -webkit-box-shadow: #3A5FCD 0px 0px 10px;
    -moz-box-shadow: #3A5FCD 0px 0px 10px;
    box-shadow: #3A5FCD 0px 0px 10px;
    border-radius: 5px;
      border:2px solid #FFFFFF;
}
.box_center_img .div3 .img3{
    display: block;
   width:100%;
    height:100%;
    -webkit-box-shadow: #3A5FCD 0px 0px 10px;
    -moz-box-shadow: #3A5FCD 0px 0px 10px;
    box-shadow: #3A5FCD 0px 0px 10px;
    border-radius: 5px;
      border:2px solid #FFFFFF;
}
.box_center_img .div4 .img4{
    display: block;
    width:100%;
    height:100%;
    -webkit-box-shadow: #3A5FCD 0px 0px 10px;
    -moz-box-shadow: #3A5FCD 0px 0px 10px;
    box-shadow: #3A5FCD 0px 0px 10px;
    border-radius: 5px;
      border:2px solid #FFFFFF;


}
.box_center_right{
    width: 22%;
    height: 90%;

    margin-top: 1%;
   	float: right;
    margin-right: 14%;
    background-color: #edfafd;
    border-radius: 7px;
    -webkit-box-shadow: #666 0px 0px 10px;
    -moz-box-shadow: #666 0px 0px 10px;
    box-shadow: #666 0px 0px 10px;
}
.box_center_right form{
    width: 100%;
    height: 60%;
    border:1px solid #edfafd;
}
.box_center_right .p1{
    width: 100%;
    display:block;

    display: flex;
    align-items: center;
    margin-top: 5%;

}
.box_center_right .p1 img {
	display: block;
	width: 13%;
	float: left;
	margin-left: 5%;

}
.box_center_right .p1 span{
    display: block;

    font-size: 1.5vw;
    color: #123c8c;
    font-weight: bold;

}
.box_center_right .p1 a{
    float: right;
    font-size: 0.8em;


}
.box_center_right-input1 i{

    width: 15%;
    height: 100%;
    float: left;

}
.box_center_right-input1 i img{
    display: block;
    height: 100%;
    margin: auto;
}
.box_center_right-input1{
    width: 90%;
    height: 40px;
    background-color: #f9fcfd;
    margin: auto;
    border: 1px solid #e7e7e7;
    margin-top: 5%;
}

.box_center_right-input1 input{
    width: 83.5%;
    height: 38px;
    float: right;

    color:#AAAAAA ;
    font-family: "幼圆";



}
.box_center_right-input2{

    width: 90%;
    height: 40px;
    margin: auto;
    border: 1px solid #e7e7e7;
    margin-top: 3%;
    background-color: #f9fcfd;

}
.box_center_right-input2 input{
    width: 83.5%;
    height: 38px;
    float: right;

    color:#AAAAAA ;
    font-family: "幼圆";
}
.box_center_right-input3{
	 width: 90%;
    height: 40px;
    margin: auto;
    border: 1px solid #e7e7e7;
    margin-top: 3%;
    background-color: #ffffff;
}
.box_center_right-input3 input{
	
	 width: 47%;
    height: 38px;
    float: right;

    color:#AAAAAA ;
    font-family: "幼圆";
}
.box_center_right-input3 img{
	  float:left;
	 display: block;
    width: 50%;
    height: 100%;
    border-right:1px solid #e7e7e7;
	
}


.box_center_right-input2 i{

    width: 15%;
    height: 100%;
    float: left;

}
.box_center_right-input2 i img{
  
    display: block;
    height: 100%;
    margin: auto;
}
.box_center_right .p2{
    display: block;
    width: 90%;
    height: 5%;
    margin-top: 5%;

}
.box_center_right .p2 a{
    float: right;
    font-size: 0.8em;


}
.submit{
    display: block;

    width: 90%;
    height: 13%;
    margin: auto;
    margin-top: 5%;
    background-color: #2592e0;
    font-size: 1.3em;
    font-family: "幼圆";
    color: #ffffff;
    border-radius: 3px;


}
.box_center_right_botton{
    /* margin-top: 10%; */
    width: 100%;
    height: 30%;

    border-top: 1px dashed #CCCCCC;

}
.box_center_right_botton .p1{
    display: block;
    margin-top:5%;
    width: 90%;
    margin-left: 5%;
    font-size: 0.8em;
    color: #5b7e9b;
    font-family: "幼圆";

}
.box_center_right_botton  a{

    display: block;
    width: 80%;
    border: 1px solid #9cc7ed;
    margin: auto;
    text-align: center;
    margin-top:5%;
    border-radius: 3px;
    padding: 6%;

}
.box_center_right_botton  a p{
    color: #97badb;

}
.box_botton{
    width: 100%;
    height: 13%;


}
.box_botton .p1{
    display: block;
    width: 50%;
    height: 30%;
    color: red;
    font-size: 0.9em;
    margin-left: 3%;
    margin-top: 10px;
}
.box_botton .p2{
    display: block;
    width: 90%;
    height: 25%;
    font-size: 0.9em;
    margin-left: 3%;
    margin-top: 5px;
}

.box_botton .p3{

    font-size: 0.9em;
    color: #3c3c3c;
    font-family: 微软雅黑;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 20px;

}
#userspans{
	display:block;
	width:90%;
	height:15px;
	margin:auto;
	
}
#userspan{
	
	color:red;
}
.mobile{
		display:none;
	}
@media ( max-width : 600px) {
	.mobile {
		display: block;
	}
	body {
	    background: linear-gradient(#358ccc, #a4d6f6);
	}
	.box_top_img {
		/* display:none; */
		
		width: 50%;
	}
	.box_top_img img{
		/* display:none; */
		width: 100%;
		height: auto;
	}
	.box_top_right {
		margin-top: 17px;
		margin-right: 5%;
	}
	.PC {
		display:none;
	}
	.p1 img {
		display: none;
	}
	.box_center_img {
		display: none;
	}
	.box_center_right {
		float: none;
		width: 94%;
		height: 500px;
		margin: auto;
		box-shadow: none;
		padding: 0px;
		border: 1px solid #e7e7e7;
		border-radius: 7px;
		box-shadow: #666 0px 0px 10px;
		margin-top: 7%;
	}
	.box_center {
		background: none;
	}
	.box_botton {
		display: none;
	}
	.box_center_right form {
		border: none;
	}
	.box_center_right .p1 {
		margin-top: 0;
		padding-top: 5%;
	}
	.box_center_right .p1 img {
		margin-top: 10px;
		display: none;
	}
	.box_center_right .p1 span {
		margin-top: 0%;
		margin-left: 5%;
		font-size: 20px;
		line-height: 50px;
	}
}