@charset "utf-8";
/* CSS Document */
img{max-width: 100%;}
.bannerbox{ width: 100%; background: url(../images/banner.jpg) no-repeat center top #fff;;}
.rowbox{ max-width:1260px; margin:0 auto;width:95%;}
.rowbox:after,.titbox:after{visibility:hidden; display:block; content:""; clear:both}
.head{width:92%;max-width: 1300px; margin:0 auto; display: table;}
.logo{padding:20px 0;transition: .3s; display: table-cell;}
.logo img{ display:inline-block;vertical-align:middle}
.logo span{ display:inline-block; margin-left:15px; padding-left:15px; border-left:1px solid #fff; vertical-align:middle; color:#fff; font-size:38px;margin-top: 16px;}
.logo span p{ font-size: 12px; font-weight: normal;color: #fff; font-family: "华文中宋";}
.headr{ display: table-cell;vertical-align: middle;width:90px;}
.headr a{ padding: 8px 20px; border-radius: 50px;-moz-border-radius: 50px;-webkit-border-radius: 50px;-o-border-radius: 50px; border: 1px solid #e5e5e5; color: #fff; display: inline-block;}
.headr span{display: inline-block;vertical-align: middle; margin-left: 15px; display: none; cursor: pointer;}

/*PC导航*/
.navbox{ border-top:1px solid rgba(255,255,255, 0.4);  border-bottom:1px solid rgba(255,255,255, 0.4);height:60px; }
.nav{width:92%;max-width: 1300px; margin:0 auto;}
/*导航*/
li.yiji_nav {float: left;  position: relative; left: 0px;top: 0px;height:58px; line-height:58px;}
li.yiji_nav.cur{ background: #5c17b6;} 
li.yiji_nav .jt{ display:none}
a.yiji_nav {display:block; padding:0 35px; color:#fff; height:58px; line-height:58px; text-align:center; float:left; margin-left:0px; font-size:16px;text-decoration:none;}
li.yiji_nav:hover a.yiji_nav, a.yiji_nav:hover,.on,.on a {background:#5c17b6; color:#fff; }
.select_box li.yiji_nav,.select_box .more_ul li a,.select_box a.yiji_nav{height:auto!important; padding:10px; line-height:30px!important; }
.select_box li.yiji_nav{border-bottom: 1px solid #7738c3;padding:0;}
.select_box li.yiji_nav a:hover{background-image: -webkit-gradient(linear, left top, right top, from(#8e18e9),  to(#7018e9));
background-image: linear-gradient(to right, #8e18e9, #7018e9);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e18e9', endColorstr='#7018e9',GradientType=1 );}
li.erji_nav:hover a.erji_nav, a.erji_nav:hover {color: #fff;background-image: -webkit-gradient(linear, left top, right top, from(#8e18e9),  to(#7018e9));
background-image: linear-gradient(to right, #8e18e9, #7018e9);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e18e9', endColorstr='#7018e9',GradientType=1 ); }

/* 这是控制菜单显示与隐藏的重点 */
a.yiji_nav:hover ul.erji_nav, li.yiji_nav:hover ul.erji_nav {visibility: visible;}
a.erji_nav {display: block; text-align: center;min-height: 40px;line-height: 40px;color: #fff;text-decoration:none;font-size:14px;}
#menu{width:calc(100% - 40px);  float:left;}      
#menu ul {width:100%;}
ul.erji_nav {visibility: hidden;position: absolute;left: 0px;top:58px;width:100%!important; background:#5c17b6; z-index:999}
li.erji_nav {position: relative; /* 这里把第二级菜单项设成相对定位，以使得它包含的三级菜单相对它自己定位 */left: 0px;top: 0px;}
.more_ul{/* width:130px; */height:auto;position:absolute!important;position:absolute;z-index:9999;top:58px;left: -95px;background: #5e28a0;text-align:center;}
.more_ul li{width:100%;}
.more_ul li a{display:block;line-height:58px;width:100%; float:left;cursor:pointer;color:#fff;}
.more_ul li a:hover{background:#5c17b6; color:#fff;}
.select_box{position:relative; width:40px; height:58px; text-align:center; float:right}
.select_box i{display:block; line-height:70px;  width:80px; float:left; color:#3156a3; font-size:18px;}
.select_box span{width:40px;height:58px;float:left;line-height:58px;color:#fff;cursor:pointer; display:block; font-size:18px;}
.select_box span svg{ margin-top: 11px;}

/*手机导航*/
.nav-icon{}
#navbg{ position:fixed; width:100%; height:100%;background:rgba(0, 0, 0, 0.3); left:0; top:0;display:none; z-index:999 }
.navlist{position:fixed;right:-50%;top:0;background: #542283;width: 50%;height:100%;z-index:9999;overflow-y:auto;}
.navlist li{line-height: 60px;font-size:16px;text-indent:20px;position:relative;cursor:pointer;/* background:#0c60a9; */border-bottom: 1px solid #5d3484;}
.navlist li:active,.navlist li:link,.navlist li:visited,.navlist li:hover{background:#7133ab;}
.navlist li a{ color:#fff;  width:85%; display:block}
.navlist li i{ display:block; width:17px; height:17px; z-index:122; position:absolute; right:10px; top:17px;  background:url(../images/jtx.png) center center no-repeat; background-size:17px}
.navlist li i.icon{background:url(../images/jts.png) center 10px no-repeat; background-size:17px}
.navlist li .ejnav{ display:none}
.navlist li .ejnav li{width:100%;border:0;line-height:45px;/* font-size:14px; */background: #7133ab;}
.navlist li .ejnav li a{ width:100%;}
.open{right:0}

.jbbg{ background:url(../images/zzbg.png) repeat-x top; position:absolute; top:0; width:100%; height:190px; z-index:99}

/*首页课题组简介*/
.introbox{ margin-top: 50px;}
.introbox .rowbox{position: relative;}
.sytitpic { width: 60%; height: 480px; background: #f5f5f5;border-radius: 10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; overflow: hidden; }
.sytitpic .slick-slider{ position: relative;}
.sytitpic .slick-slide {height: 480px; line-height: 480px; width: 100%; }
.sytitpic .slick-slide a{ display: block;height: 480px; line-height: 480px; width: 100%;  text-align: center;}
.sytitpic .slick-slide img{ max-width: 100%; max-height: 100%; vertical-align: middle; display: inline-block;}
.sytitpic .slick-dots{position: absolute; bottom: 17px; left: 0; text-align: center; width: 100%;}
.sytitpic .slick-dots li{ display: inline-block; margin: 0 5px; width: 15px; cursor: pointer;  }
.sytitpic .slick-dots li button{ background: #fff;width: 15px; height: 15px; font-size: 0;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius: 50%;-o-border-radius: 50%;cursor: pointer; }
.sytitpic .slick-dots li.slick-active button{background: #994be7;}
.sytext{ width: 50%; height:414px; background:url(../images/sybg1.png) no-repeat right bottom #fff;border-radius: 10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; position: absolute ; right: 0;top:0; bottom: 0; margin: auto 0; padding:30px;-moz-box-shadow:0px 2px 8px #afafaf; -webkit-box-shadow:0px 2px 8px #afafaf; box-shadow:0px 2px 8px #afafaf}
.sytext h1{ font-size:24px; font-weight: bold;background:url(../images/syico.png) no-repeat left center; padding-left: 30px; margin-bottom: 15px; }
.sytext p{ font-size: 14px; color: #383838; line-height: 30px; text-indent: 2em;}
.sytext a{ border:1px solid #994be7; padding: 8px 30px; border-radius:25px;-moz-border-radius: 25px;-webkit-border-radius: 25px;-o-border-radius: 25px; color:#994be7;margin-top: 20px ; display: inline-block; position: relative;overflow: hidden;}
.sytext a i{ position: relative; z-index: 3; display: block;}
.sytext a:before{ background:#994be7; content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0;transform: translateX(-100%);transition: transform 0.3s cubic-bezier(0.19,1,0.22,1);}
.sytext a:hover i{color: #fff;}
.sytext a:hover:before{transform: translateX(0);}

/*首页新闻动态*/
.conbox{ padding-bottom: 50px;}
.news{ width:63%; float: left;}
.bt{background: url(../images/line.jpg) repeat-x left center; margin-bottom: 20px; margin-top: 40px;}
.bt h1{ font-size:24px; font-weight: bold; background: #fff;float: left; padding-right: 20px;}
.bt .more{ float: right; font-size: 14px; color: #994be7;background: url(../images/jtgd.png) no-repeat 5px center #fff; padding-left: 30px; line-height: 30px;transition: .3s; }
.bt .more:hover{padding-left:40px;}
.news li{ padding:17px 20px; cursor: pointer;}
.news li:after{visibility:hidden; display:block; content:""; clear:both}
.news li:nth-child(even){ background: #f8f8f8;}
.news li:hover{background-image: -webkit-gradient(linear, left top, right top, from(#8e18e9),  to(#7018e9));
background-image: linear-gradient(to right, #8e18e9, #7018e9);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e18e9', endColorstr='#7018e9',GradientType=1 );   /*兼容IE5-IE9*/
}
.news li .pic{ width: 116px; height: 89px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px; background: #f5f5f5; float: left; line-height: 89px; text-align: center; overflow: hidden;}
.news li .pic img{width: 100%; height: 100%;}
.news li .xwtext{ width: calc(100% - 116px); float: left; padding-left: 20px;}
.news li .xwtext h2{ font-size:18px; width: 100%; margin-bottom: 13 px; line-height:38px;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;}
.news li .xwtext .date{background: url(../images/dateico.png) no-repeat 0 4px; font-size: 14px; color: #666; padding-left: 30px; line-height: 30px; }
.news li:hover .xwtext h2 a{ color: #fff;}
.news li:hover .xwtext .date{background: url(../images/dateico.png) no-repeat 0 -46px; color: #fff;}

/*首页通知公告*/
.notice{ width:32%; float: right;}
.tzlist{ background:url(../images/tzbg.jpg) no-repeat #652ea7; background-size: cover;}
.tzlist li{ height: 122px; background:rgba(0, 0, 0, 0.25); padding: 10px 20px; overflow:hidden; }
.tzlist li:nth-child(even){ background: rgba(0, 0, 0, 0.15);}
.tzlist li:hover{ background: transparent;}
.tzlist li .date{background: url(../images/dateico.png) no-repeat 0 -43px; font-size: 14px; color: #fff; padding-left: 30px; line-height: 35px; height: 35px; }
.tzlist li a{color: #fff; font-size:16px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; line-height: 26px;}

/*首页仪器设备*/
.inst{ clear: both; width: 100%; margin-top: 35px;}
.inst li{ background: #f8f8f8; padding: 15px;}
.inst li span{ height: 195px; line-height: 195px; text-align: center; display: block; background: #fff; }
.inst li span img{ max-width: 100%; max-height: 100%; vertical-align: middle; display: inline;}
.inst li p{ line-height: 35px; text-align: center; font-size: 16px;}
/*首页友情链接*/
.links{ width: 100%; padding: 10px; line-height: 35px; background:#3a1260; font-size: 16px ;}
.links span{ font-weight: bold;color: #fff;}
.links a{ color: #fff; padding: 0 20px;}


.footer{background: url(../images/footbg.jpg) no-repeat center bottom #542283; width: 100%; padding: 30px;}
.contact{ float: left; width:40%;}
.contact h1,.copy h1{ color: #fff; font-weight: bold; font-size: 16px; line-height: 45px;}
.contact p,.copy p{ color: #e3e3e3;  font-size: 14px; line-height: 30px;}
.copy{ width:40%; float: left;}



.contain{ background: #fff;-moz-box-shadow:0px 2px 8px #afafaf; -webkit-box-shadow:0px 2px 8px #afafaf; box-shadow:0px 2px 8px #afafaf;  border-radius: 10px; -moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;padding:15px 30px; margin:50px 0; min-height:450px;}
.column{ line-height:60px; font-size: 24px; border-bottom: 1px solid #d4d3d5;}
.substance{ padding: 30px 0;}
.sunbox p{ line-height: 30px; font-size: 16px; text-indent: 2em;}
.subtit{ font-size: 24px; text-align: center; font-weight: bold; margin-bottom: 25px;}
.subpic { width:40%; height:335px; background: #f5f5f5; overflow: hidden; float: left; margin-right: 25px; }
.subpic .slick-slider{ position: relative;}
.subpic .slick-slide {height: 335px; line-height: 335px; width: 100%; text-align: center; }
.subpic .slick-slide a{ display: block;height: 335px; line-height: 335px; width: 100%;  text-align: center;}
.subpic .slick-slide img{ max-width: 100%; max-height: 100%; vertical-align: middle; display: inline-block;}
.subpic .slick-dots{position: absolute; bottom: 17px; left: 0; text-align: center; width: 100%;}
.subpic .slick-dots li{ display: inline-block; margin: 0 5px; width: 15px; cursor: pointer;  }
.subpic .slick-dots li button{ background: #fff;width: 15px; height: 15px; font-size: 0;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius: 50%;-o-border-radius: 50%;cursor: pointer; }
.subpic .slick-dots li.slick-active button{background: #994be7;}

/*新闻动态页面*/
.newlist li{ margin-top:40px;}
.newlist li .newimg{ float: left; width:20%; height: 145px; line-height: 145px; text-align: center; overflow: hidden; background: #f5f5f5; margin-right:2%;}
.newlist li .newimg img{ max-width: 100%; max-height: 100%; vertical-align: middle;}
.newlist li.clearfix{margin-top: 0; margin-bottom:0;}
.newlist li:after{visibility:hidden; display:block; content:""; clear:both}
.newlist li h1{ font-size: 16px; font-weight: bold; line-height: 30px;margin: 5px 0 20px 0;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.newlist li p.date{ font-size:16px; color: #bcbcbc;font-weight: bold;}
.newlist li p.abstract{ font-size: 14px; color: #545353; line-height: 24px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; margin-top: 18px;}
.newlist li .hlist{float: left; width: calc(100% - 22%);}
.newlist li.qsan{ float: left; width:348px; margin-right:2%; margin-left: 2%; margin-top: 0; margin-bottom:0;}
.newlist li.qsan:last-child{ margin-right: 0;}
.newlist li.qsan .newimg{ width: 100%; border: 1px solid #e5e5e5; height: 238px; line-height: 238px; text-align: center; overflow: hidden; float: none;    margin-left: 0;}
.newlist li.qsan .newimg img{ max-width: 100%; max-height: 100%; vertical-align: middle;}
.newlist li.qsan h1{ font-size: 16px; font-weight: bold; line-height: 30px; height:60px; margin: 15px 0;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.newlist li.qsan p.date{ font-size:16px; color: #bcbcbc;font-weight: bold;}
.newlist li.qsan p.abstract{ font-size: 14px; color: #545353; line-height: 24px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; margin-top: 10px;}

.titile{ padding:10px 0; margin-bottom:10px;margin-top: 20px;}
.titile:after,.tuto_box:after{visibility:hidden; display:block; content:""; clear:both}
.titile h1{ font-size:22px; float:left; display: inline-block; background: url(../images/xzfx.png) no-repeat 20px center #7018e9; height: 48px; line-height: 48px; font-size:18px; font-weight: bold; padding: 0 40px; color: #fff;}
.titile a{ float: right; font-size: 14px; color: #994be7;background: url(../images/jtgd.png) no-repeat 5px center #fff; padding-left: 30px; line-height: 30px;transition: .3s; }
.titile a:hover{padding-left:40px;}
.titile a i{margin-left:10px; display:inline-block}
.field p{ font-size: 14px; line-height: 30px; text-indent: 2em;}

/*图片列表页*/
.piclist li{width:calc(25% - 2%); margin:15px 1% 15px 1%;background:#f5f5f5; padding: 1%; float:left; overflow:hidden; }
.piclist li a.tp{display:block; height:183px; text-align:center; line-height:183px;background:#fff; overflow: hidden;}
.piclist li a.tp img{ max-width:100%; max-height:100%; vertical-align:middle; -webkit-transition: all .5s;transition: all .5s;}
.piclist li a.tp:hover img{transform:scale(1.05);}
.piclist li p{ text-align:center; line-height:45px;}

/*标题列表页*/
.List li{ padding:10px 0 10px 15px; position:relative;line-height:28px;background:url(../images/listico.png) no-repeat left 20px; cursor:pointer; border-bottom: 1px dotted #bdbdbd;}
.List li:hover a{ color:#7018e9;}
.List li i{ position:absolute; left:-18.5px; top:50%; margin-top:-18.5px; padding-left:17px; line-height:38px; width:39px; height:39px; background:url(../images/xhbj.png) no-repeat}

/*研究方向*/
.study dt{ font-size:16px; font-weight:bold; background:url(../images/xzfxz.png) left 12px no-repeat;padding-left:15px; line-height:32px; margin-top:10px}
.study dd{ padding:10px 25px 10px 15px; display: inline-block; margin-top:15px; margin:15px 15px; background:#f5f8fc; line-height:26px;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;  }
.study dd i{ display: inline-block; width: 11px; height: 2px; background: #7018e9; margin-right: 10px; vertical-align: middle;}


/*团队信息*/
.sort{ margin: 15px 0; text-align: center;}
.sort span{ display: inline-block; padding:10px 30px; background: #751ff0; color: #fff; font-size:24px;}
.member:after{visibility:hidden; display:block; content:""; clear:both}
.member li{ float:left; width:calc(25% - 2%); margin:10px 1% 20px 1%; overflow:hidden; background: #fff;}
.member li .pic{ text-align:center;display: block;border:1px solid #e5e5e5; padding: 10px;   }
.member li .pic a{ display: block; line-height:320px; height:320px; background: #f5f5f5; }
.member .pic img,.cypic span img{ max-width:100%; max-height:100%; vertical-align:middle }
.member .title{height:60px; line-height: 60px; background:#f5f5f5; text-align:center; font-size:18px; margin-top: 8px;  }
/*学生信息页面*/
.stud li{padding:10px;width: calc(25% - 2%); float: left; margin:15px 1%; border: 1px solid #e5e5e5;}
.tdimg{ float: left; width: 96px; height: 98px;  overflow: hidden; text-align: center; line-height: 98px;}
.tdimg img{ vertical-align: middle; max-width:100%; max-height: 100%;}
.name_t{ float: left; width: calc(100% - 123px); margin-left:15px; }
.name_t h1{line-height: 30px; font-size: 18px; text-align: left;}
.name_t p{ line-height: 30px; font-size: 14px; color: #7e7e7e;}

/*团队成员内容页*/
.tdcyxx{ padding: 30px 0;}
.cypic{ width: 265px; float: left;}
.cypic span{ width: 100%; padding: 10px;border:1px solid #e5e5e5; display: block;}
.cypic span a{ display: block; line-height:320px; height:320px; background: #f5f5f5; }
.cypic p{height:60px; line-height: 60px; background:#f5f5f5; text-align:center; font-size:18px; margin-top: 8px; }
.cycontent{ width: calc(100% - 285px); float: right; background: #f5f5f5; padding: 30px;}
.cycontent img{max-width:90%}

/*联系方式页面*/
.contact_t{ text-align: left;}
.conlist{ display: table; margin: 40px 3%; font-size: 16px; float: left;}
.conlist span{ display:table-cell; vertical-align: middle; padding-left: 10px;}
.conlist span em{ font-weight: bold;}
.conlist i{  display:table-cell; vertical-align: middle;margin-right: 15px;}
.conlist i em{ display: inline-block;width:52px; height: 52px; line-height: 52px; text-align: center;border-radius:26px;-moz-border-radius:26px;-webkit-border-radius:26px;-o-border-radius:26px;background-image: -webkit-gradient(linear, left top, right top, from(#8e18e9),  to(#7018e9));
background-image: linear-gradient(to right, #8e18e9, #7018e9);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e18e9', endColorstr='#7018e9',GradientType=1 );}
.conlist i img{ vertical-align: middle;}

/*内容页*/
.content{margin-top:10px; margin-bottom: 25px;}
.content h1{ font-size:26px; line-height:30px; text-align:center; padding:15px 25px;}
.content .Subtitle{background: #f5f5f5;text-align: center;}
.content .Subtitle .time{ display:inline-block; padding:10px 20px 10px 50px;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px; }
.content .Subtitle .click{ display:inline-block;padding:10px 20px 10px 50px;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;  }
.content .subs{ margin:25px 0; line-height:28px;}
.content .subs p img{max-width:90%; margin:0 auto}
.enclosure{ border:1px solid #e5e5e5; padding:20px;}
.enclosure h3{ font-size:18px;display:inline-block; color:#8b18e9; line-height:35px; font-weight:bold  }
.enclosure .wzlist{ padding-left:7px;}
.enclosure .wzlist li{background:url(../images/listico.png) no-repeat left 9px;line-height:28px; margin:5px 0; padding-left:14px;font-size: 18px;}
.enclosure .imglist{ margin-top:10px;}
.enclosure .imglist li{ float:left;width:calc(25% - 2%); height:150px; vertical-align:top; margin:10px 1% 10px 1%; background:#f5f5f5; float:left;}
.enclosure .imglist li span{ display:block; line-height:150px; text-align:center; vertical-align:middle}
.enclosure .imglist li span img{ max-width:100%; max-height:100%; vertical-align:middle;}
.flip{ margin-top:10px;}
.flip li{ width:100%; padding:10px;display:table;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;font-size: 18px;}
.flip li span{ display:table-cell; width:92px;padding-right:10px; padding-left:10px; font-weight:bold}
.flip li a:hover{ text-decoration:underline; color:#0D357A }

/*结构化内容页*/
.structure{ margin:20px 0;}
.structure dl{ display:table; width:100%;padding: 20px;}
.structure dl:after{visibility:hidden; display:block; content:""; clear:both}
.structure dl:nth-child(even){background:#f5f8fc}
.structure dl dt{ width:20%; display:table-cell; line-height:28px; padding:10px 0; padding-left:5%; font-weight:bold}
.structure dl dd{display:table-cell; line-height:28px; padding:10px 0}




@media only screen and (max-width:1100px){
	.navbox{ display: none;}
	.logo span{ font-size: 30px;}
	.logo span p{transform: scale(0.5)}
	.stud li{ width: calc(33.333% - 2%);}
	
	}
@media only screen and (max-width:1024px){
           .head{ overflow: auto; }
	.headr{ width: 150px;}
	.headr span{ display: inline-block;}
           .logo a{ width:50%}
           .logo span{ font-size:25px}
           .logo img{ width:100%}
	.navbox{ display: none;}
	.sytext{ height: auto;}
	.substance{ padding: 0 0 30px 0;}
	.subtit{ margin-top: 25px;}
	.subpic{ width: 80%; margin: 0 auto 15px auto; float: none;}
	.newlist li{ margin-top:24px;}
	.newlist li.qsan .newimg{ height: 158px; line-height: 158px;}
	.piclist li a.tp{ height: 140px; line-height: 140px;}
	.member li{width:calc(33.333% - 2%);}
	.enclosure .imglist li{width:calc(33.33333% - 2%); height:150px; }
	}
@media only screen and (max-width:959px){
	.sytitpic{ width: 100%;}
	.sytext{ position: relative; width: 100%; margin-top:15px}
	.piclist li{ width: calc(33.333% - 2%);} 
	.member li .pic a{height: 270px; line-height: 270px}
	.enclosure .imglist li span{ line-height:120px;}
           .logo{ display: block; margin-top: 38px;}
          .headr{ position: absolute;padding: 0 15px; height: 45px; top: 0; left: 0;width: 100%; display: block; text-align: right; border-bottom: 1px solid rgba(255,255,255, 0.4);}
	.headr a{ line-height: 24px; padding: 3px 20px;}
	.headr span{ height: 45px; padding-top: 3px;}
	}
@media only screen and (max-width:768px){
	.newlist li .newimg{ height: 105px; line-height: 105px;}
	.newlist li h1{ margin: 0;}
	.newlist li p.abstract{ margin-top: 0;}
	.stud li{ width: calc(50% - 2%);}
	.enclosure .imglist li{width:calc(33.3333% - 2%); height:120px; }
	.enclosure .imglist li span{ line-height:120px;}
        .cypic{ float:none;    margin: 0 auto;}
        .cycontent{ width:100%;float:none; margin-top:15px;padding: 20px;}
	}
@media only screen and (max-width:640px){
           .logo span{ font-size:18px}
	.news,.notice{ float: none; width: auto;}
        .footer{paddinh:13px}
	.contact,.copy{ float: none;width: auto;}
        .erweima{float:none !important; margin:0 auto}
	.head{ display: block;}
	.head img{ width: 100%;}
	.piclist li{ width: calc(50% - 2%);} 
	.contain{ padding: 15px 15px;    margin-top: 18px;}
	.study dd{ display: block;}
	.member li{ width: calc(50% - 2%);}
	.stud li{ width:100%; margin:15px 0 ;}
	.structure dl dt{ width:100%; display:block; background:#f5f8fc;}
	.structure dl dd{display:block; padding-left:5%; background:#fff;}
}
@media only screen and (max-width:414px){
	
	
          .logo a{ width:100%}
          .logo span{ border-left:none;display: block;text-align: center;font-size:20px}
	.logo img{ width: 100%;}
	
	.introbox{ margin-top: 10px;}
	.sytitpic{ height: 280px;}
          
	.sytitpic .slick-slide a,.sytitpic .slick-slide{height: 280px; line-height: 280px;}
	.newlist li .newimg{ height:65px; line-height: 65px;}
	.newlist li p.abstract{ display: none;}
	.newlist li h1{ font-size: 14px; line-height: 24px;}
	.newlist li p.date{font-size: 14px;}
	.subpic{ height: 235px;}
	.subpic .slick-slide{ height: 235px; line-height: 235px;}
	.member li .pic a{ height: 180px; line-height: 180px;}
	.conlist{ margin: 20px 3%;}
	.enclosure .imglist li{width:calc(50% - 2%); height:120px; }
	.enclosure .imglist li span{ line-height:120px;}
	
	}
@media only screen and (max-width:380px){
	
	}
@media only screen and (max-width:320px){
	.enclosure .imglist li{width:calc(50% - 2%); height:100px; }
	.enclosure .imglist li span{ line-height:100px;}
	}

#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}