.logo {
    margin-left: 50px;
}
.nav_content ul{
	height: 75px;
	float: left;
	padding-left: 50px;
	padding-top: 20px;
}
.nav_content ul li{
	list-style: none;
	float: left;
	width: 110px;
	line-height: 20px;
	text-align: center;
}
.nav_content ul li a{
	text-decoration: none;
	color: white;
	font-size: 18px;
}


/*轮播图*/
.swiper{
    height: 800px;
    /*margin-bottom: 100px;*/
    position: relative;
}

.swiper img{
	display: inline-block;
	width:100% ;
	height: 800px !important;
	margin: 0 auto;
}

canvas{
	display: inline-block;
    vertical-align: baseline;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.3;
}

/*操作内容*/
.content{
	z-index: 999;
	height: 600px;
}
.content_logo{
    text-align: center;
	width: 100%;
	height: 80px;
    line-height: 80px;
}
.circle{
	width: 100px;
	height: 100px;
	-webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
}

.circle:hover{
	transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
}

.center{
	width: 80px;
	height: 96px;
	position: absolute;
	left: 50%;
	margin-left: -40px;
}
.content_title{
	text-align: center;
	width: 100%;
	font-size: 20px;
	margin: 30px 0 14px;
}

.haveLeft{
	margin-left: 10px;
}

/*优势*/
.advantageBox{
	background: url(../img/youshibig.jpg);
	height: 548px;
	width: 100%;
	min-width: 1200px;
	background-color: transparent;
    background-repeat: repeat-x;
    background-position: 50% 50%;
    box-shadow: 0 0 0 transparent;  
    margin: 100px 0 0 0; 
    /*opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);*/
}
.advantageBox .opacityBox{
	background:rgba(0,0,0,0.3);
	width: 100%;
	height: 100%;
	/*opacity:0.5;*/
	/*-moz-opacity:0.1;
	filter:alpha(opacity=10);*/
	z-index: 1;
	position: relative;
}
.advantageBox .opacityBox .title{
	position: relative;
	color: #fff;
	text-align: center;
	padding-top: 30px;
}
.advantageBox .opacityBox .title h4{
	font-size: 36px;
    position: relative;
    text-align: center;
    height: 36px;
    padding-bottom: 20px;
}
.advantageBox .opacityBox .title p{
	text-align: center;
    font-size: 18px;
    padding: 25px 0;
}
.advantageBox ul{
	display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 70px auto 0;
    width: 1000px;
}
.advantageBox ul li{
	width: 165px;
    height: 220px;
}
.advantageBox ul li .icon-w{
	width: 90px;
    height: 90px;
    margin: 0 auto;
    transition: all .2s ease-in-out;
}
.advantageBox ul li .icon-w img {
    display: block;
    width: 100%;
}
.advantageBox ul li .icon-w img:hover{
	transform: scale(1.1);
}
.advantageBox ul li h5 {
    font-size: 24px;
    color: #fff;
    margin: 40px 0 30px;
    text-align: center;
}
.advantageBox ul li p{
	line-height: 26px;
    font-size: 15px;
    color: #fff;
position: relative;
    left: 30px;

}
/*登录框*/
.modal-content {
    font-size: 28px;
    color: #333;
    text-align: center;
    width: 237px;
    position: absolute;
    top: 150px;
}

.modal-content input{
	background: #FFFFFF;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    height: 48px;
    line-height: 48px;
    border-radius: 4px;
    width: 237px;
    padding: 5px 12px;
    font-size: 16px;
    box-sizing: border-box;
}
.login{
	background: #FFFFFF;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    height: 48px;
    line-height: 48px;
    border-radius: 4px;
    width: 115px;
    padding: 5px 12px;
    font-size: 28px;
    box-sizing: border-box;

}

.loginBtn{
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    height: 48px;
    line-height: 48px;
    border-radius: 4px;
    width: 115px;
    padding: 5px 12px;
    font-size: 28px;
    box-sizing: border-box;
	background-color: #1CA6FC;
	margin: 10px 0 10px 0;
	color: #fff;
}
.creat_user{
	background: #EDEDED;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    height: 48px;
    line-height: 48px;
    border-radius: 4px;
    width: 115px;
    padding: 5px 12px;
    font-size: 28px;
    box-sizing: border-box;
}
#username{
	margin:8
}
#password{
	margin: 10px 0 10px 0;
}

.close{
	position: absolute;
	right: 8px;
	top: 5px;
}

.nav_content .englishText{
	color: white;
	font-size: 14px;
}
			

			
			/*@keyframes fadeInUp
			{
			    0%   {left:0px; top:0px;opacity: 0;}
			    50%  {left:0px; top:400px;opacity: 1;}
			    100% {left:0px; top:0px;}
			}
			@-webkit-keyframes fadeInUp 
			{
			    0%   {left:0px; top:0px;opacity: 0;}
			    50%  {left:0px; top:400px;opacity: 1;}
			    100% {left:0px; top:0px;}
			}
			.animated {
			    -webkit-animation-duration: 1s;
			    animation-duration: 1s;
			    -webkit-animation-fill-mode: both;
			    animation-fill-mode: both;
			}
			.fadeInUp {
			    -webkit-animation-name: fadeInUp;
			    animation-name: fadeInUp;
			}*/

/*动画*/
@keyframes fadeInUp
{
	1% { opacity: 0; top:100px;}			    	
	100%{opacity: 1;top:0px;}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
    1% { opacity: 0; top:100px;}			    	
	100%{opacity: 1;top:0px;}
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}