.main{
	padding-top: 0.7rem;

}
.titlePic>img,.titleDis>img{
	display: block;
	margin: auto;
}
.title{
	text-align: center;
	font-size: .2rem!important;
	color: #666;
}
#shade{
	position: fixed;
	background-color: rgba(0,0,0,.8);
	width: 100%;
	height: 100%;
	z-index: 900;
	display: none;
	top: 0;
	left: 0;
}
#shade>.shadeBox{
	width: 70%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
#shade>.shadeBox>.clear{
	width: 7%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #00059f;
	z-index: 900;
	cursor: pointer;
}
#shade>.shadeBox>.clear>img{
	width: 100%;
}
#shade>.shadeBox>.img{
	width: 100%;
}
#shade>.shadeBox>.img>img{
	width: 100%;
}
#shade>.shadeBox>.img>video{
	width: 100%;
}
/*上*/
.top .box{
	margin: .1rem 0;
	position: relative;
}
/*上左侧*/
.top .box .tab{
	padding: 0;
}
.top .box .tab ul{
	width: 100%;
	border-left: 1px dashed #00059f;
	padding: 5px 0;
}
.top .box .tab ul li{
	width: 100%;
	margin: 0.07rem 0;
	border: 1px solid #ccc;
	border-left: none;
	border-top-right-radius: 2rem;
	border-bottom-right-radius: 2rem;
	overflow: hidden;
}
.top .box .tab ul li:hover{
	border: 1px solid #00059f;
	border-left: none;
	background-color: #eee;
}
.top .box .tab ul li img{
	width: 100%;
}
.toplight{
	background-color: #eee;
	border: 1px solid #00059f!important;
	border-left: none!important;
}
/*上右侧*/
.change{
	height: 100%;
}
.change>img{
	width: 100%;
	margin-top:.1rem;
	margin-bottom: .1rem;
}
.change>p{
	font:normal normal .1rem '微软雅黑';
	color: #666;
}
/*中*/
.middle{
	padding: .1rem 0;
}
.middle .tab{
	margin-top: .1rem;
	width: 100%;
}
.middle .tab ul{
	width: 70%;
	margin: auto;
}
.middle .tab ul li{
	float: left;
	height:.25rem;
	width: 20%;
	text-align: center;
	margin: 0 2.5%;
	border: 1px solid #ccc;
	font:normal normal .1rem '微软雅黑';
	line-height: .25rem;
	border-radius: 10px;
}
.middle .tab ul li:hover{
	border: 1px solid #00059f;
	background-color: #eee;
}
.middlelight{
	border: 1px solid #00059f!important;
	background-color: #eee!important;
}

/*盒子*/
.middle .box{
	width: 100%;
	/*overflow: hidden;*/
	position: relative;
}
.middle .box .page{
	padding: 0.1rem 0;
	display: none;
}
.middle .box .page:first-child{
	display: block;
}
.middle .box .col-md-6{
	margin:15px 0;
	overflow: hidden;
}
.middle .box .col-md-6>div{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.middle .box .col-md-6 img{
	width: 100%;
	cursor: pointer;
}
.middle .box .col-md-6 .name{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	/*height: .5rem;*/
	text-align: center;
	background-color: #00059f;
	filter:alpha(opacity=80);   
    -moz-opacity:0.8;   
    -khtml-opacity: 0.8;   
    opacity: 0.8;  
    font:normal normal .1rem '微软雅黑';
    /*line-height: .5rem;*/
    color: white;
	padding:0.05rem 0;
}

.box .page{
	/*background-color: rgb(245,245,245);*/
}

.box>.left,.box>.right{
	width: 0.3rem;
	height: 0.3rem;
	position: absolute;
	top: 50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	cursor: pointer;
	z-index:9;
	filter:alpha(opacity=60);   
    -moz-opacity:0.6;   
    -khtml-opacity: 0.6;   
    opacity: 0.6;
	background-size: 100% 100%;
}
.box>.left{
	background: url(../images/demoImg/ProjectResearch/button2.png) center no-repeat;
	background-size: 100% 100%;
	left: 0.075rem;
}
.box>.left:hover{
	background: url(../images/demoImg/ProjectResearch/button2_hover.png) center no-repeat;
	background-size: 100% 100%;
}
.box>.right{
	background: url(../images/demoImg/ProjectResearch/button.png) center no-repeat;
	background-size: 100% 100%;
	right: 0.075rem;
}
.box>.right:hover{
	background: url(../images/demoImg/ProjectResearch/button_hover.png) center no-repeat;
	background-size: 100% 100%;
}
/*下*/
.bottom .des p{
	/*height: .15rem;*/
	font:normal normal .1rem '微软雅黑';
	color: #666;
	margin-top: .05rem;
	line-height: .1.5rem;
	position: relative;
	padding-left: .1rem;
}
.bottom .des p>.circle{
	display: inline-block;
	width: .05rem;
	height: .05rem;
	border-radius: 50%;
	background-color: #00059f;
	position: absolute;
	top: .05rem;
	left: 0;
}
.bottom .title7700{
	background-color: #00059f;
	padding: .1rem;
	margin: .2rem 0;
}
.bottom .title7700 img{
	width: 100%;
}