@charset "utf-8";
body,ul,li,a,h3,h2,p,h4{
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
			
a {
	text-decoration: none;
}	
input{
	border: 0;
	outline: none;
}
/*通用样式*/

*{ margin:0px; padding:0px;}
body{font-family:"微软雅黑","黑体"!important;outline-style:none;}
a{cursor:pointer;outline:none;blr:expression(this.onFocus=this.blur()); }

#dhang{
	width:1200px;
	margin:auto;
	height: 58px;
}
/*#logo{background:url(../images/bg.jpg) repeat-x}*/
.logos{width:1200px; margin:0 auto; height:70px; background:url(../images/top.gif): no-repeat center center;}
.kong1{height: 20px;}
/*导航栏*/
.nav{width:100%;height: 50px;margin: auto;}
.nav_items{height: 100%;text-align:center;background-color:#000;}
.nav_item{display: block;height: 50px;float: left;margin: 0; width:150px;}
.nav_text{font-size: 16px;color: #fff;line-height: 50px; vertical-align:middle;}
.nav_textspan{line-height:50px; vertical-align:middle;font-size: 16px;}
.nav_text:hover{background-color:#454444; color:#F30; width:150px;height:50px;cursor:pointer;}    
.now{color:#f30; background-color:#454444; width:150px;height:50px;cursor:pointer;}

.kong{height: 20px;}
.plan{width: 1200px;margin: auto;display: flex;;}
.plan_word{font-size: 26px;color:#008bcc;text-align: center;margin:-20px auto;}
.plan_content{width: 1200px;height: auto;margin: auto;}
.box{
    position: relative;
    perspective: 1200px;
}
.box img{
	width:90%;
	height:90%;
	margin-left:10px;
    opacity:1;
    transform: translateY(0) rotateX(0);
    transition: all 0.6s ease-in-out 0s;
}
.box:hover img{
    transform: translateY(-100%) rotateX(90deg);
    transform-origin: center bottom 0;
    opacity:0;
}
.box .over-layer{
    margin-left: 0px;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    background:#087699;
    text-align:center;
    padding: 26px 20px;
    transition: all 0.60s ease-in-out 0s;
	line-height:26px;
}
.box:hover .over-layer{
    opacity:1;
}
.box .title,
.box .description,
.box .social-links{
    position: relative;
    top: 10%;
    color: #E7E7E7;
}
.description
	{text-align:left;
	 text-indent:2em;}
.box .title{
    text-transform: capitalize;
}
.box .title:after,
.box .description:after{
	font-size:16px;
    content:"";
    width: 50%;
    display: block;
    margin: 10px auto 0;
    border-bottom: 1px solid #fff;
	color:#FFFFFF;
}
.box .social-links{
    padding:0;
    margin:0;
    list-style: none;
}
.box .social-links li{
    margin: 10px;
    display: inline-block;
}
.box .social-links li a{
    color: #fff;
    font-size: 20px;
}
.box .social-links li a:hover{
    color: #d3d3d3;
    text-decoration: none;
}
.gaoduan{
	/*width:100px;*/
	height:40px;
	font-size:18px;
	color:#133a7d;
	text-align:center;
	line-height:40px;
	margin-right:10px;
	margin-top:10px;
}
.over-layer:hover{
	cursor:pointer;
}
.gaoduan:hover{
	cursor:pointer;
}
@media only screen and (max-width: 990px){
    .box{  margin-bottom:20px; }
}

.league_p{
	width:800px;
	height:80px;
	font-size:14px;
	color:#133a7d;
	text-align:center;
	margin:0 auto;
}

.footer-bottom{background:#F3F3F3; color:#666;text-align:center; border-top:1px #999999 solid; height:50px; line-height:50px;font-size:14px;}