@charset "utf-8";

*{margin: 0;padding: 0;}
ul{list-style: none;}
a{text-decoration: none;color: #333;}
img{border: none;}
button{outline: none;border: none;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;font-weight: normal;}
html,body{font-size: 14px;font-family: "microsoft yahei";}

/*导航*/
.nav{width: 100%;height: 60px;border-bottom: 1px solid #fff;box-sizing: border-box;position: absolute;left: 0;top: 0;z-index: 999;}
.nav .logo{display: block;width: 210px;float: left;}
.nav .logo img{width: 100%;margin-top: 11px;margin-left: 10px;}
.nav .nav-toggle{float: right;margin-right: 10px;margin-top: 15px;background: none;cursor: pointer;}
.nav .nav-toggle span{display: block;width: 22px;height: 1px;background: #fff;margin: 7px 0;transition: all 0.5s;}
.nav-toggle .b{transition: all 0.5s;margin-left: -20px !important;opacity: 0;}
.nav-toggle .a{transform: rotate(-45deg);transform-origin: right top;}
.nav-toggle .c{transform: rotate(45deg);transform-origin: right bottom;margin-top: 0;margin-top: -1px !important;}
.nav .yw{float: right;margin-top: 17px;margin-right: 20px;}

.nav-menu{width: 100%;height: 100%;position: fixed;top: 0;z-index: 100;display: none;}
.sub{width: 90%;margin: 0 auto;}
.sub>li{border-bottom: 1px solid #fff;}
.sub>li:nth-child(1){margin-top: 60px;}
.sub li .t{line-height: 50px;position: relative;}
.sub li .t{font-size: 14px;padding-left: 15px;line-height: 46px;}
.sub li .t .label{display: block;background:no-repeat;color: #fff;font-weight: none;text-decoration:none;}
.sub li .t .arrow{display:block;width:10px;height:10px;background:no-repeat center;transition: all 0.3s;position: absolute;right: 10px;top: 15px;}
.sub li div.t .arrow.up{background-image:url(../img/jian.png);transform: rotate(180deg);}
.sub li div.t .arrow.down{background-image:url(../img/jian.png);}
.sub li .menu{display:none;}
.sub li .menu li a{display: block;color: #fff;font-size: 12px;line-height: 34px;padding-left: 28px;}
/*导航*/

/*news*/
.news{width: 100%;height: auto;margin-top: 80px;position: relative;}
.news .bd{width: 96%;height:auto;margin: 0 auto;background: #f2f2f2;box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.2);}
.news .bd ul li{width: 100%;height: auto;}
.news .bd ul li a{display: block;width: 100%;height: auto;}
.news .bd ul li a img{width: 100%;border-bottom: 2px solid #919191;}
.news .bd ul li .word h3{font-size: 16px;font-weight: bold;color: #000;padding: 10px;}
.news .bd ul li .word p{padding: 0 10px 20px 10px;font-size: 14px;color: #333;}
.news .hd{position: absolute;z-index: 10;}
.news .hd ul li{width: 10px;height: 10px;background: #f2f2f2;float: left;margin-left: 8px;font-size: 0;}
.news .hd ul li.on{background: #002d86;}
/*news*/

.title{width: 100%;height: 50px;position: relative;margin-bottom: 15px;}
.title h3{font-size: 18px;font-weight: bold;color: #000;text-align: center;}
.title .xian{width: 220px;height: 2px;background: url(../img/title-x.png);margin: 15px auto;}
.title span{position: absolute;bottom: 0;color: #c0c0c0;}

/*学术讲座*/
.xsjz{width: 100%;height: auto;position: relative;margin: 20px 0;}
.xsjz .nr .hd a{display: block;font-size: 34px;font-family: '宋体';width: 26px;height: 50px;background: #cecfd0;color: #fff;text-align: center;line-height: 50px;border-radius: 5px;position: absolute;;top: 50%;}
.xsjz .nr .hd .prev{left: 15px;}
.xsjz .nr .hd .next{right: 15px;}
.xsjz .nr{height: auto;}
.xsjz .nr .bd{width: 75%;height: auto;background: blue;margin: 0 auto;}
.xsjz .nr .bd ul li{text-align: center;background: #f2f2f2;padding: 15px 0;}
.xsjz .nr .bd ul li .down{width: 90%;margin: 10px auto;}
.xsjz .nr .bd ul li .down p{text-align: left;font-size: 12px;line-height: 24px;}
/*学术讲座*/

/*通知公告*/
.tzgg{width: 100%;height: auto;position: relative;}
.tzgg .nr .bd{width: 96%;margin: 0 auto;}
.tzgg .nr .bd ul li{width: 100%;height: auto;}
.tzgg .nr .bd ul li img{width: 100%;}
/*通知公告*/


/*foot*/
.foot{width: 100%;height: auto;margin-bottom: 60px;padding: 20px 0;border-bottom: 1px solid #fff;margin-top: 10px;}
.foot .logo{width: 60%;margin: 0 auto;}
.foot .logo img{width: 100%;}
.foot .one{width: 200px;margin: 20px auto;}
.foot dl dt{color: #fff;border-bottom: 2px solid #fff;text-align: center;padding-bottom: 5px;}
.foot .one dd a{display: block;width: 50%;display: inline-block;text-align: center;color: #fff;background: url(../img/foot-dd.png) no-repeat 10px center;font-size: 12px;}
.foot .two{width: 200px;margin: 0 auto;}
.foot .two dd{font-size: 12px;color: #fff;line-height: 24px;text-align: center;}
.foot .two dd span{display: block;}
.foota{color: #fff;display: block;text-align: center;background: url(../img/foot-dd.png) no-repeat 10px center;font-size: 12px;line-height: 24px;}
.foot .ewm .bb{display: inline-block;margin-left: 10px;}
.foot .ewm{text-align: center;margin-top: 20px;}
.foot .ewm .bb p{color: #fff;text-align: center;}
/*foot*/


/* 底部导航 */
.foot-nav{width: 100%;height: 60px;position: fixed;left: 0;bottom: 0;font-size: 0;z-index: 999;}
.foot-nav a{display: inline-block;width: 25%;height: 60px;box-sizing: border-box;}
.foot-nav a .icon{width: 26px;height: 26px;overflow: hidden;margin: 8px auto 0 auto;}
.foot-nav a .icon img{width: 100%;}
.foot-nav a p{font-size: 15px;color: #fff;text-align: center;}
/* 底部导航 */

.foot-nav-ewm{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;top: 0;display: none;z-index: 99;}
.foot-nav-ewm .img{font-size: 0;position: absolute;left: 50%;margin-left: -110px;top: 50%;margin-top: -64.5px;}
.foot-nav-ewm .img .tp{display: inline-block;text-align: center;margin: 0 5px;}
.foot-nav-ewm .img .tp p{font-size: 14px;color: #fff;padding: 5px 0;}

.hda{float: left;color:#fff;line-height: 9px;margin-left: 10px;font-size: 12px;}
.hda:hover {color:#002d86;}
.xsa{width: 80%;display: inline-block;}


@media screen and (max-width: 400px){
	.news .hd{top: 36%;right: 20px;}
	.title span{left: 45%;}
	.foot .logo{width: 60%;margin: 0 auto;}

}

@media screen and (min-width:400px) and (max-width:520px){
	.news .hd{top: 42%;right: 20px;}
	.title span{left: 45%;}
	.foot .logo{width: 60%;margin: 0 auto;}

}

@media screen and (min-width:520px) and (max-width:780px){
	.news .hd{top: 65%;right: 30px;}
	.title span{left: 47.5%;}
	.foot .logo{width: 32%;margin: 0 auto;}

}

