﻿/*banner开始*/
.Mbanner{display:none;}
.slideBox{ width:100%; overflow:hidden; position:relative;}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute;/* right:600px;*/bottom:35px; z-index:1;}
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; position: relative;}
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:32px; height:4px;background:#9d9d9d; cursor:pointer;}
		.slideBox .hd ul li.on{ background:#3050b8;}
		.slideBox .bd{ position:relative; height:100%; z-index:0;}
		.slideBox .bd li{ zoom:1; vertical-align:middle;}
		.slideBox .bd img{ width:100%; max-height:540px; display:block;}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px;}
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
		.slideBox .prevStop{ display:none;}
		.slideBox .nextStop{ display:none;}
        .slideBox .prev{background: url(../images/prev.png) no-repeat left center;}
        .slideBox .next{background: url(../images/next.png) no-repeat right center;}
/*banner结束*/

/*领域概括开始 */
.main_top{width: 100%;height: 550px;background: url(../images/bg_1.png) no-repeat center center;/*background-size:100% 100%;*/padding-top:26px;height: 524px;}
.area{width: 100%;}
.area>span{display: block;width: 269px;height: 60px;line-height: 60px;text-align: center;background:#4588e4;margin: 0 auto; font-size: 20px;color: white;}
.area_con{width: 100%;}
.area_con ul{margin: 20px auto;overflow: hidden;width: 1000px;position: relative;}
.area_con ul li{float: left;margin-right:90px;width: 270px;position: relative;z-index: 99;height: 375px;}
.area_con>ul>li>a{display: block;overflow: hidden;background: #fff;width: 270px;height: 365px;}

.div1{width: 210px;height: 42px;overflow: hidden;padding: 64px 30px;}
.div1>span{display: block;width: 205px;height: 48px;border:1px solid #999ac9;line-height: 48px;text-align: center;color: #17285e;box-shadow: 0px 0px 10px -2px #999ac9 inset;font-size:18px;}
.area_con>ul>li>a>.div2{width: 270px;height: 195px;overflow: hidden;}
.area_con>ul>li>a>.div2>img{width:270px;height: 195px;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
.area_con>ul>li:hover>a>.div2>img{
 -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);}
.area_more{text-align: center;}
.area_more a{font-size: 16px;color: #17285e;}
.area_con>ul>li>span{z-index: -1;display: block;width: 270px;height: 375px;position: absolute;left: 10px;top: 10px;background: #adadad;}
.Mpic{display:none;}
/*领域概括结束*/

/*研究进展开始*/
.main_middle{width: 100%;height: 620px;overflow: hidden;}
.content{width: 1000px;margin: 35px auto;}
.diamond{width: 310px;height: 550px;float: left;margin-right: 35px;position: relative;overflow: hidden;}
.research{background: url(../images/yanjiu.jpg) no-repeat center top #f8f8f8;}
.word{position: absolute;top: 270px;}
.title1{position: absolute;top: 182px;background: url(../images/diamond.png) no-repeat;width: 100%;height: 70px;text-align: center;line-height: 55px;font-size: 20px;color: white;}
.timu{font-size: 20px;color: #17285e;display: block;margin-bottom: 30px;width: 235px;padding-left: 30px;margin-top: 30px;}
.neirong{font-size: 14px;color: #3050b8;display: block;width: 235px;padding-left: 30px;}
a.more{display: block;width: 235px;padding-left: 30px;margin-top: 25px;color: #17285e;}
.research:hover{background: url(../images/yanjiu.jpg) no-repeat center top #e0e0e0;cursor: pointer;}
/*研究进展结束*/

/*新闻动态开始*/
.news{background: url(../images/news.jpg) no-repeat center bottom #f8f8f8;}
.news:hover{background: url(../images/news.jpg) no-repeat center bottom #e0e0e0;cursor: pointer;}
.title2{position: absolute;top: 298px;background: url(../images/diamond2.png) no-repeat;width: 100%;height: 70px;text-align: center;line-height: 80px;font-size: 20px;color: white;}
/*新闻动态结束*/

/*项目支持开始*/
.project{background: url(../images/xiangmu.jpg) no-repeat center top #f8f8f8;}
.project:hover{background: url(../images/xiangmu.jpg) no-repeat center top #e0e0e0;cursor: pointer;}
.project ul{width: 90%;overflow: hidden;padding-left: 30px;margin-top: 18px;}
.project ul li{float: left;margin-right: 55px;width:86px;margin-bottom: 20px;}
.project ul>li>a{display: block;}
.project ul li img{width: 100%;height: 78px;}
/*项目支持结束*/

/*关于我们开始*/
.main_bottom{width: 100%;height: 456px;background: url(../images/main_bottom.png) center center no-repeat;}
.main_bottom .contact_all{width: 1000px;margin: 0px auto;overflow: hidden;padding-top: 80px;}
.main_bottom ul li{padding-left: 15px;margin-bottom: 20px;background:url(../images/icon.png) no-repeat left center;color: #3050b8;font-size: 16px;}
.contact{font-size: 28px;color: #17285e;margin-bottom: 30px;}
.main_bottom ul{margin-bottom: 55px;}
.main_bottom a{color: #17285e;font-size: 16px;}
/*关于我们结束*/


/******************************************移动端开始***************************************************************/
@media screen and (max-width:768px){
.slideBox{display:none;}
.Mbanner{display:block;width:100%;overflow:hidden;}
.Mbanner .bx-wrapper{margin:0px;}
.Mbanner .bx-wrapper .bx-viewport{box-shadow:none;border:none;left:0px;background:none;-webkit-box-shadow:none;}
.Mbanner .slider8 .slide{margin-right:0px !important;}
.Mbanner .slider8{width:100%;}
.Mbanner .slider8 .slide a{display:block;}
.Mbanner .slider8 .slide a img{display:block;width:100%;}
.Mbanner .bx-wrapper .bx-pager{bottom:3px;}
.Mbanner .bx-wrapper .bx-pager.bx-default-pager a{width:16px;height:2px;background:#9d9d9d;border-radius:0px;}
.Mbanner .bx-wrapper .bx-pager.bx-default-pager a:hover,.Mbanner .bx-wrapper .bx-pager.bx-default-pager a.active
{width:16px;height:2px;background:#3050b8;border-radius:0px;}
.container{width:100%;overflow:hidden;}
.main_top{height:auto;background:#fff;}
.area>span{width:238px;height:46px;line-height:46px;}
.area_con>ul>li>span{display:none;}
.area_con>ul>li>a>.div2{display:none;}
.area_con{overflow:hidden;}
.area_con ul{width:46%;float:left;margin:0px;padding: 10px 0px;}
.area_con ul li{width:100%;height:auto;}
.div1{width:100%;padding:3px 0px;}
.area_con>ul>li>a{height:auto;width:100%;background:none;}
.div1>span{width:96%;height: 38px;font-size: 14px;line-height: 38px;}
.Mpic{float:right;width:53%;padding-top: 12px;display:block;}
.Mpic img{display:block;width:100%;height:136px;}
.area_more{display:none;}
.main_middle{height:auto;}
.content{width:100%;margin:15px 0px;}
.main_bottom{height:308px;width:100%;background:url(../images/mbg2.jpg) no-repeat center center;}
.main_bottom .contact_all{padding: 25px 0px 0px 10px;width: 97%;}
.main_bottom ul li{font-size: 14px;    margin-bottom: 10px;}
.contact{margin-bottom: 20px;}
.main_bottom ul{margin-bottom: 25px;}
.research{background: url(../images/mbg3.jpg) no-repeat center top #f8f8f8;}
.diamond{width:100%;    margin-bottom: 20px;}
.title1,.title2{background: url(../images/mbg6.png) no-repeat center center;top: 264px;z-index: 9;}
.word{top: 320px;width:100%;background:#f8f8f8;}
.timu{margin-bottom: 15px;}
a.more{    margin-top: 20px;}
.news{background: url(../images/mbg4.jpg) no-repeat center top #f8f8f8;}
.title2{line-height: 60px;}
.wenzi{margin-top: 340px;}
.project{background: url(../images/mbg5.jpg) no-repeat center top #f8f8f8;}
.project ul{padding:0px 5px;width: 97%;margin-top: 40px;}
.project ul li{margin-right: 15px;width: 21%;}
.project ul li img{height: 70px;}

}

@media screen and (max-width:360px){
.div1>span{font-size:12px;}
.list span{font-size:14px;}
.list{margin-right:10px;}
}

@media screen and (max-width:320px){
.list span{font-size:12px;}
.list{margin-right:6px;}

}





