@charset "utf-8";
/* CSS Document */

body{ background: #f9f9f9;}
.clear{ clear: both; }
.Wrapbanner{ width: 100%; background: #eaeaea;height: 0;padding-bottom: 25%;overflow: hidden;}
.Wrapbanner img{width: 100%;}

.subbanner{ max-width:1200px; margin: 0 auto; position: relative; }
.subbanner .articleTitle { color: #fff; display: inline-block; position: absolute; left: 28px; bottom: 18px;}
.subbanner .articleTitle a{ font-size: 2.4em; color: #fff;}



.subPage{width:100%;padding:40px 0;position:relative;overflow:hidden; background: url(../images/modebg.png) no-repeat center; background-size: cover;}
.sub_banner{width:100%;position:relative; margin: 10px 0 0 0;z-index: 2}

.subPage_con{ max-width:1200px;  margin:55px auto auto auto;}




/*关于我们*/
.aboutUs{ margin-left: -25px; margin-right: -25px; }
.aboutUs ul li{ width:33.3%; float:left;}
.aboutUs ul li img{ -webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.aboutUs ul li > a{ display: block; margin:0 28px 28px 28px; background:#fff;box-shadow:0 2px 6px #e7e7e7;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.aboutUs ul li > a:hover{box-shadow:0 2px 6px #b7b7b7;}
.aboutUs ul li > a:hover img,.aboutUs ul li .aboutFirst:hover img{opacity: 1;transform: scale(1.1);}
.aboutUs ul li > a:hover{}

.aboutUs ul li a span.slideImg02,.aboutUs ul li .aboutFirst span.slideImg02{ display:block; height:0; padding-bottom:56%; overflow:hidden; position: relative;}
.aboutUs ul li a span.slideImg02 img,.aboutUs ul li .aboutFirst span.slideImg02 img{ width: 100%; }
.aboutUs ul li a span.slideTxt02{ display: block; padding:19px 25px;  overflow: hidden; -webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.aboutUs ul li a span.slideTxt02 font,.aboutUs ul li .aboutFirst span.slideTxt02 font{ display: block; height: 24px; overflow: hidden; margin-bottom: 5px; color: #3298f0; font-size: 1.6em; line-height: 24px; }
.aboutUs ul li a span.slideTxt02 p{ display:block; height:54px;color: #999; font-size: 1.2em; line-height: 18px; overflow: hidden; }

/*研究成果*/
.aboutUs ul li .aboutFirst{margin:0 28px 28px 28px; background:#fff;box-shadow:0 2px 6px #e7e7e7; overflow:hidden;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.aboutUs ul li .aboutFirst:hover{ box-shadow:0 2px 6px #b7b7b7;}
.aboutUs ul li .aboutFirst span.slideTxt02{ display: block; padding:19px 25px 7px 25px;  overflow: hidden;}
.aboutUs ul li .aboutFirst span.slideTxt02 p{ display: block; height: 66px; overflow: hidden; }
.aboutUs ul li .aboutFirst span.slideTxt02 p a{ display: inline-block; width: 43%; float: left; font-style: normal; font-size: 1.2em; color: #333; margin: 3px 0; background: url(../images/libg04.png) no-repeat center right; }
.aboutUs ul li .aboutFirst span.slideTxt02 p a:nth-child(even){ float: right; }
.aboutUs ul li .aboutFirst span.slideTxt02 p a:hover{ color: #4ba6a4; }


.subPgeTitle{ display: block; max-width: 1200px; margin: 0 auto; margin-top: -48px;color: #fff; position: relative; z-index: 9;}
.subPgeTitle span{ padding-left: 30px; display: inline-block; }
.subPgeTitle a{ font-size: 2.4em; color: #fff; } 
.subPgeTitle span a:before{ content:'';display: inline-block;width: 8px; height: 2px; background: #fff; margin:7px 1px;}
.subPgeTitle span a:first-child:before{ width: 0; height: 0; }

/*左侧*/
.sbu_leftWrap{width:235px;float:left;position:relative;overflow:hidden; margin-left: -10px;}
.sub_left{width: 235px;  float: left; position: relative;}
.sub_left .title {width:240px; height: 40px; line-height: 40px; text-align:left;}
.sub_left h2 a{color:#fff;font-size:20px;}
.sub_left ul{ width: 210px; margin:30px auto; background:#fff; box-shadow: 0 2px 6px #e7e7e7; padding-top: 40px;}

.sub_left li { font-size: 14px; position:relative }
.sub_left li a{font-size: 16px; padding:20px 55px 20px 10px; border-bottom:1px solid #ccc; display:block; margin-left: 30px; background: url(../images/subli.png) no-repeat  right 33px center;}
.sub_left li a:hover,.sub_left li a.active{color: #3298f0; background: url(../images/subli02.png) no-repeat  right 33px center;}
.sub_left li:last-child a{ border-bottom: 0; }


.sub_left li strong.arrow{display:block;height:53px;line-height:53px;width:33px;text-align:center;font-size:20px;font-weight:bold;position:absolute;right:0;top:0;color:#4ba6a4;z-index:33;cursor:pointer;transition:all 0.3s ease-in-out}
.sub_left li strong.arrow:hover{background-color:#fafafa;}

.sub_left li .toggles{position:absolute;right: 21px;top:0;height: 60px;display:block;width:40px;cursor:pointer;z-index:999;font-size:28px;color:#bfbfbf;text-align: center;line-height: 60px;background: #fff;}
.twoJ_menu{background-color:#fff;display:none;}
.sub_left .twoJ_menu dd a{padding: 8px 22px 8px 28px;font-size:14px;background: none;}
.sub_title{width:160px;overflow:hidden;height:70px; background: #3298f0; text-align:center; position: absolute; top: 0; left: 11px;}

.sub_t01 h2{height:70px;background-color:#3298f0;line-height:70px;color:#fff;font-size:2.4em; padding-left: 15px; font-weight:normal; display: inline; position: relative; }
.sub_t01 h2:before{ content: ''; display: inline-block; width: 3px; height: 24px; border-radius: 5px; background: #fff; position: absolute; top: 5px; left: 0; }
.sub_t01 h2:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; transition: all 1s ease 0s; }

.sub_mbtn{width:100%;height:40px;background:url(../images/sub-mbtn02.png) no-repeat center center;background-color:#e9e9e9;cursor:pointer;display:none; margin-bottom: 10px;}
.open{background:url(../images/sub-mbtn.png) no-repeat center center;background-color:#4ba6a4;}
.sub_navm{ width:100%; overflow: hidden;display: none;}
.sub_navm h2{width:100%;height:48px;line-height:48px;background-color:#4ba6a4;}
.sub_navm h2 a{padding-left:13px;font-size:20px;font-family:Tahoma;display:block;color:#fff;}
.sub_navm ul{}
.sub_navm li{position:relative}
.sub_navm li a{ font-size: 14px; color:#282828; padding-left:13px;height:35px;line-height:35px;border-bottom:1px solid #dedede;display:block;}
.sub_navm li a:hover{color:#4ba6a4;}
.sub_navm li.sub_has span{ margin-left: 10px;}
.sub_navm li.on a{ color:#4ba6a4; display:block; width:100%;}
.sub_navm dl{ display: none; background-color:#cac9c9; padding:0px 0px 5px;}
.sub_navm dl{ display: none; background-color:#fff; padding:0px 0px 5px;}
.sub_navm dl dd{ padding-left: 30px;  height:30px;line-height:30px;border-bottom:1px dotted #ddd;}
.sub_navm li.on dl dd a{ font-size: 14px; color:#282828;font-weight:normal;display:inline; border:none; padding:0px;height:30px;line-height:30px;}
.sub_navm li dl dd a{ font-size: 14px; color:#282828; font-weight:normal; display:inline;  border:none; padding:0px;}
.sub_navm li dl dd a:hover{ color:#a70510}
.sub_navm li strong.phone_arrow{width:40px;height:40px;line-height:40px;text-align:center;font-weight:bold;font-size:18px;display:block;position:absolute;right:0;top:0;z-index:999;
	color:#4ba6a4;cursor:pointer;}
.sub_navm li .phone_toggle{position:absolute;right:0;top:0;width:36px;height:36px;text-align:center;line-height:36px;font-size:22px;cursor:pointer;}


/*右侧*/
.sub_right{ margin-left: 265px; }

.pageTitle{ border-bottom: #ddd 1px solid; padding: 13px 0; margin-bottom: 20px; overflow: hidden; }
.pageTitle span{ font-size: 2.4em; color: #333333; background: url(../images/titlebg02.png) no-repeat left center; padding-left: 24px; }

/*研究团队*/
.Team{}
.Team .lf{ width: 12%; float: left; }
.Team .rt{ width: 79%; margin: 0 4%; float: right; margin-bottom: 55px; }
.TeamTitle { height: 42px; line-height: 42px; }
.TeamTitle span{ color: #3298f0; font-size: 1.8em; }
.TeamTitle span:before{ content: ''; display: block; width: 20px; height: 2px; background: #3298f0; }

.TeamList01 ul li{ display: block; width: 25%; float: left; position: relative; }
.TeamList01 ul li a{ display: block; margin: 12px;box-shadow:0 2px 6px #ddd;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.TeamList01 ul li a:hover{box-shadow: 0 2px 6px #bababa;}
.TeamList01 ul li .TeamList_img{ display: block; height: 0; padding-bottom: 56.5%; }
.TeamList01 ul li .TeamList_img img{ width: 100%; }
.TeamList01 ul li .TeamList_txt{display: none; position: absolute; width:auto; left: 0; top:80%; background: #fff; z-index: 999;box-shadow:0 2px 6px #ddd;
 padding:15px 20px;}
.TeamList01 ul li .TeamList_txt h2{ font-size: 1.6em; text-align: center; font-weight: normal; margin-bottom: 10px; }
.TeamList01 ul li .TeamList_txt p{ font-size: 1.2em; color: #999; line-height: 18px; }
.TeamList01 ul li.on .TeamList_txt{ display: block; }


.team02 .rt{ margin-top: 100px; }
.TeamList02{ background: #fff;box-shadow: 0 2px 6px #ddd; padding: 25px 38px; margin:0 12px; }
.TeamList02 .TeamList02_img{ width: 44%; float: left; margin-top: -125px; }
.TeamList02_img a{ display: block; height: 0; padding-bottom:75%; overflow: hidden;}
.TeamList02_img a img{ width:100%;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.TeamList02_img a:hover img{opacity: 1;transform: scale(1.1);}
.TeamList02_img span{ display: block; font-size: 1.8em;text-align: center; margin-top: 25px; }
.TeamList02 .TeamList02_txt{ width: 51%; float: right; }
.TeamList02_txt h2{ font-weight: normal; font-size: 1.6em; }
.TeamList02_txt i{ display: block; width: 30px; height: 1px;background: #dddddd; margin: 14px 0; }
.TeamList02_txt p{ font-size: 1.2em; line-height: 18px; color: #999; }


.team03 .rt{ margin-top: 40px; margin-bottom: 0; }
.TeamList03 ul li{ display: block;width: 33.3%; float: left; margin-bottom: 67px; }
.TeamList03 ul li a{ display: block; margin: 12px; background: #fff; padding:0 12px 32px 12px; box-shadow: 0 2px 6px #ddd; text-align: center;
-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.TeamList03 ul li a span{ display: inline-block; width: 100px; height: 100px; border-radius: 50%; overflow: hidden; text-align: center; margin: -50px 0 20px 0; }
.TeamList03 ul li a h2{ font-size: 1.8em; font-weight: normal; }
.TeamList03 ul li a font{font-size: 1.4em;}
.TeamList03 ul li a i{ display: block; height: 1px; background: #ddd; margin: 12px 0;}
.TeamList03 ul li a p{ display: block; height: 32px; font-size: 1.2em; color: #999; padding: 0 7px; overflow: hidden;}
.TeamList03 ul li a:hover{box-shadow: 0 2px 6px #bababa;}
.TeamList03 ul li a span img{-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.TeamList03 ul li a:hover span img{opacity: 1;transform: scale(1.1);}


.team04 .rt{ margin-bottom: 0; }
.TeamList04{ margin: 12px -80px 12px 12px;}
.TeamList04 ul li{ display: block; width: 14%; float: left; margin-bottom: 20px;}
.TeamList04 ul li a{ display: block; height: 22px; line-height: 22px; font-size: 1.8em;  }




/*中心简介*/
.pageArticle.lf{ width: 71.7%; float: left; }
.pageArticle .article01{ overflow: hidden;margin-bottom: 20px;}
.pageArticle .article01 p{ font-size: 1.5em; line-height: 24px; text-indent: 2em; }
.artclePage{ display: block; text-align: center; font-size: 1.4em; margin: 10px 0; }
.friendLink.rt{ width: 23.6%; float: right; }
.friendLink h2{  background: #3298f0; display: block; height: 40px; line-height: 40px; }
.friendLink h2 span{font-size: 1.8em; color: #fff; font-weight:normal; padding: 0 25px;}
.friendLink ul.link01{ padding: 0 25px; }
.friendLink ul.link01 li{ height: 40px; line-height: 40px; background: url(../images/libg04.png) no-repeat center right;}
.friendLink ul.link01 li a{ display: block; font-size: 1.2em; }


/*学术会议*/
.article02{ position: relative;}

.artMeeting .Banner .flexslider { width:100%; background: #fff;  position: relative; zoom: 1; overflow:hidden; }
.artMeeting .Banner .flexslider ul li{ list-style:none;}
.artMeeting .Banner .flexslider ul li .slideImg{ display:block; height:0; padding-bottom:56%; overflow:hidden;}
.artMeeting .Banner .flexslider ul li img{ border:none; width:100%;}
.artMeeting .Banner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.artMeeting .Banner .loading .flex-viewport {  }
.artMeeting .Banner .flexslider .slides { zoom: 1; width:100%;  padding:0;}
.artMeeting .Banner .carousel li { margin-right: 5px; }
/*icon小点*/
.artMeeting .Banner .flex-control-nav {width:auto; position: absolute; top:8%; right:5%; height:21px; line-height:21px;text-align:center;z-index:99999;background: #000; border-radius: 20px; padding: 0 6px;
filter:alpha(Opacity=35);-moz-opacity:0.35;opacity:0.35;}
.artMeeting .Banner .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.artMeeting .Banner .flex-control-paging li a {  float:left; width: 10px; height: 10px; display: block; background:#393532; border-radius:50%; cursor: pointer;text-indent: -9999px; }
.artMeeting .Banner .flex-control-paging li a:hover {background:#fff; border:none; }
.artMeeting .Banner .flex-control-paging li a.flex-active {background:#fff; border:none; }
.artMeeting .Banner .slides h4 a{color:#fff;opacity: 1.0;font-size:14px; text-decoration:none;}
.artMeeting .Banner .slides h4 a:hover{color:#fff;font-size:14px;}
.flex-direction-nav{ display:none;}
.artMeeting .Banner .flexslider ul li .slideTxt{position:absolute; bottom:0px; right:0; width:100%; height:100px;color:#fff; text-align: center;
background: #000000;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(transparent), to(#212121));
background: -webkit-linear-gradient(transparent, #212121);
background: -moz-linear-gradient(transparent, #212121);
background: -ms-linear-gradient(transparent, #212121);
background: -o-linear-gradient(transparent, #212121);
background: linear-gradient(transparent, #212121);
z-index:9999999;}
.artMeeting .Banner .flexslider ul li .slideTxt a{ display: block; font-size:1.6em; height: 30px; line-height: 30px; overflow: hidden; color:#fff; margin-top: 8%;}





.meetingList ul li a{ display: block; background: #fff; padding: 32px 0; box-shadow:0 2px 6px #e7e7e7; margin:20px 0; overflow: hidden;
-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.meetingList ul li a:hover{box-shadow:0 2px 6px #b7b7b7;}
.meetingList ul li .ml_lf{ width: 48%; float: left; height: 0; padding-bottom: 27%; overflow: hidden;}
.meetingList ul li .ml_lf img{ width: 100%; -webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.meetingList ul li a:hover .ml_lf img{opacity: 1;transform: scale(1.1);}
.meetingList ul li .ml_rt{ width:44%; float: right; margin: 0 4%;  }
.meetingList ul li .ml_rt p{ font-size: 1.6em; line-height: 24px;  display:block;height: 0; padding-bottom: 55%; overflow: hidden;}
.meetingList ul li a:hover .ml_rt p{ color: #3298f0; }
.meetingList ul li .ml_rt span{display: block; font-size: 1.2em; color: #999999; background: url(../images/datebg02.png) no-repeat left center; padding-left: 20px; }
.artclePage02 a{ display: block; width: 128px; height: 28px; color: #3298f0; font-size: 1.2em; border:#3298f0 1px solid; text-align: center; line-height: 28px; margin: 10px auto;
-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.artclePage02 a:hover{ background: #3298f0; color: #fff; }
.friendLink ul.link02{ padding:10px 25px; margin-top: 10px; background: #fff;box-shadow:0 2px 6px #e7e7e7; }
.friendLink ul.link02 li{ padding: 15px 0; border-bottom: #dddddd 1px solid;}
.friendLink ul.link02 li:last-child{ border-bottom: none; }
.friendLink ul.link02 li span{ font-size: 1.2em; color: #999999; display: block; background: url(../images/datebg02.png) no-repeat left center; padding-left: 20px; }
.friendLink ul.link02 li a{ font-size: 1.4em; line-height: 24px; }



/*专家观点*/
.expertList { margin-top: 22px; overflow: hidden; }
.expertList ul li a{ display: block; background: #fff; padding: 24px 20px 50px 20px; box-shadow:0 2px 6px #e7e7e7; margin:20px 0 40px 0;
-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;  }
.expertList ul li a:hover{box-shadow:0 2px 6px #b7b7b7;}
.expertList ul li .ml_lf{ width: 25.4%; float: left; margin-top: -7%;}
.expertList ul li .ml_lf span{ display: block; height: 0; padding-bottom: 75%; overflow: hidden;}
.expertList ul li .ml_lf font{ display: block; font-size: 1.4em; text-align: center; margin: 8px 0; }
.expertList ul li .ml_lf img{ width: 100%;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.expertList ul li a:hover .ml_lf img{opacity: 1;transform: scale(1.1);}
.expertList ul li .ml_rt{ width:62%; float: right; margin: 0 6%;  }
.expertList ul li .ml_rt p{ font-size: 1.4em; line-height: 24px;color: #999999;   display:block;overflow: hidden;}
.expertList ul li .ml_rt h2{display: block; font-size: 1.6em; font-weight:normal; margin-bottom: 10px; }


/*学术会议内容*/
.article03{ background: #fff; overflow: hidden;box-shadow: 0 2px 6px #e7e7e7; }
.Conference{ padding: 30px 37px; }
.ConferenceTitle{ overflow: hidden; margin-bottom: 18px; }
.ConferenceTitle h2{ font-size: 2.0em; color: #3298f0; font-weight: normal; line-height: 30px; border-bottom: #dddddd 1px solid; padding-bottom: 8px; }
.ConTitle{background: #3298f0; display: inline-block; padding: 4px 15px 4px 40px;margin: 0 0 10px -37px; }
.ConTitle span{ color: #fff; font-size: 1.6em; }
.ConText{ margin-bottom: 25px; }
.ConText p{ font-size: 1.4em; color: #333; line-height: 24px; }

.ConTextSpeaker{ overflow: hidden; }
.ConTextSpeaker ul li{ width: 17%; float: left; text-align: center; margin-right: 5%; }
.ConTextSpeaker ul li a{height: 0;display: block;padding-bottom: 70%;}
.ConTextSpeaker ul li font{ font-size: 1.8em; margin: 13px 0 0 0; display: block;}
.ConTextSpeaker ul li p{ font-size: 1.4em; }

.Sponsor ul li{ width: 19%; float: left; margin:0 5% 3% 0;}
.Sponsor ul li a{display: block;height: 0;padding-bottom: 18%; overflow: hidden;}
.annexes{ display: block; overflow: hidden; clear: both;border-top: #dddddd 1px solid; }
.annexes a{ font-size: 1.6em; background: url(../images/link.png) no-repeat left center; padding-left: 25px; margin: 10px 0 0 0; display: inline-block;}



/*通知公告*/
.list01{width:100%;overflow:hidden;}
.list01 li{border-bottom: #e4e4e4 1px solid; overflow:hidden;position:relative;}
.list01 li a{display:block;padding: 17px 0 17px 15px;/* width: 82%; */line-height:22px;color:#333;/* float:left; */font-family: "微软雅黑";font-size:1.6em;position: relative;white-space:  nowrap;overflow:  hidden;text-overflow:  ellipsis;}
.list01 li a:before{content: '';display:inline-block;width: 5px;height: 5px;background: #d1d1d1;border-radius: 50%;margin-right: 10px;position:  absolute;left: 0;top: 26px;}
.list01 li a:hover{color:#3298f0;}
.list01 li .rightDate{float:right;font-size: 1.2em;color: #999;padding: 17px 0;margin-left: 10px;}


/*新闻中心*/
.newsList{margin-left: -26px; margin-right: -26px; overflow: hidden; }
.newsList .newsFirst{ overflow: hidden; margin-bottom:24px;}
.newsList .newsFirst a{ display: block; background: #fff; margin: 26px; overflow: hidden; box-shadow: 0 2px 6px #e7e7e7;
	-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.newsList .newsFirst a:hover{box-shadow:0 2px 6px #b7b7b7;}
.newsFirst_img{width:45%;float:right; display: block; height: 0; padding-bottom: 25.5%; overflow: hidden;}
.newsFirst_img img{-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.newsList .newsFirst a:hover .newsFirst_img img{opacity: 1;transform: scale(1.1);}
.newsFirst_con{padding:3% 6%; width:43%; float: left; overflow:hidden;}
.newsFirst_con h2{ font-size: 1.6em; color: #333; font-weight: normal;height: 45px; line-height: 24px; overflow: hidden;
-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.newsFirst_con p{ font-size:1.2em; height: 92px; line-height:24px; color:#999; margin:13px 0 16px 0; overflow: hidden;}
.newsList .newsFirst a:hover .newsFirst_con h2{ color: #3298f0; }
.newsFirst_con font{ font-size: 1.2em; color: #3298f0; }
.newsFirst_con font:before{ content: ''; display: inline-block; width: 22px; height: 2px; background: #e5e5e5; margin: 0 13px 4px 0; }

.newsList ul { }
.newsList ul li{ width:33.3%; float: left; margin-bottom: 50px; }
.newsList ul li a{ display: block; background: #fff; box-shadow: 0 2px 10px #dbdbdb; margin: 0 25px;
-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.newsList ul li a:hover{box-shadow: 0 2px 10px #b7b7b7;}
.newsImg{ height: 0 ; padding-bottom: 56%; overflow: hidden; }
.newsList ul li a .newsImg img{ width:100%;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.newsList ul li a:hover .newsImg img{opacity: 1;transform: scale(1.1);}

.newsTxt{ padding:16px 20px 20px 25px; }
.newsTxt h2{ font-size: 1.6em; color: #333; font-weight: normal; height: 45px; line-height: 24px; overflow: hidden;
-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.newsList ul li a:hover .newsTxt h2{ color: #3298f0; }
.newsTxt p{ font-size:1.2em; height: 110px; line-height:24px; color:#999; padding:13px 0 16px 0; overflow: hidden;}
.newsList .newsFirst a:hover .newsFirst_con h2{ color: #3298f0; }
.newsTxt font{ font-size: 1.2em; color: #3298f0; }
.newsTxt font:before{ content: ''; display: inline-block; width: 22px; height: 2px; background: #e5e5e5; margin: 0 13px 4px 0; }


/*加入我们*/
.joinUs ul li{ overflow: hidden; }
.joinUs ul li a{ display: block; padding: 22px 45px 33px 45px; margin-bottom: 20px;border-top: #fff 8px solid; background: #fff;box-shadow:0 2px 6px #e7e7e7;
	-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;  }
.joinUs ul li  a:hover{box-shadow:0 2px 6px #b7b7b7; border-top: #3298f0 8px solid;}
.joinUs ul li a h2{ font-size: 1.6em; margin-bottom: 25px;}
.joinUs ul li a span{ font-size: 1.4em; color: #333; display: inline-block; width: 20%; }
.joinUs ul li a span font{ color: #999; }


/*专利*/
.article04{ overflow: hidden; }
.article04 h2{ font-size: 2.2em; color: #333; font-weight: normal; border-bottom: #ddd 1px solid;padding:0 0 20px 0; margin-bottom: 20px; line-height: 24px; text-align: center; }
.article04 p span{ font-size: 1.6em; display: inline-block; width: 48%; padding-bottom: 17px; position: relative;}
.article04 p span font{ color: #666; margin-left: 15px;}
.article04 p span font:before,.article04_zy font:before{ content: ''; background: #c6c6c6; display:inline-block; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 8px; left: 0;}
.article04 p.p02 span{ width: 100%; }

.article04 p.article04_zy font{ display: block;font-size: 1.6em;  color: #666; position: relative; padding-left: 15px; margin-bottom: 17px; }
.article04 p.article04_zy span{margin-left: 15px; font-size: 1.5em; line-height: 24px; color: #333; width:auto; }
.articleLink{ overflow: hidden; border-top: #ddd 1px solid; padding: 20px 0;}
.articleLink a{ display: inline-block; color: #666; font-size: 1.4em; position: relative; padding-left: 15px; margin-right: 20px;}
.articleLink a:before{content: ''; background: #c6c6c6; display:inline-block; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 8px; left: 0;}
.articleLink a:hover{ color: #3298f0; }


/*分页*/
.pages{ text-align:center; height:40px; font-size: 1.4em; line-height:40px; margin: 25px 0 0 0; overflow: hidden;}
.pages img{vertical-align: middle; display: inline-block;}
.pages span{ color:#4ba6a4; padding:0 20px 0 0px; font-size:16PX;}
.pages a{ display: inline-block; width:38px; height: 38px; text-align: center; line-height: 38px; border: #cdcdcd 1px solid; color: #666666; margin: 0 5px;}
.pages a.prev{ background: url(../images/prev02.png) no-repeat center; }
.pages a.next{ background: url(../images/next02.png) no-repeat center; }
.pages a.prev:hover{ background: url(../images/prev022.png) no-repeat center #3298f0; }
.pages a.next:hover{ background: url(../images/next022.png) no-repeat center #3298f0; }
.pages a:hover{ background: #3298f0; color: #fff;}
.pages a.on_pages{ background: #3298f0;color:#fff;}
.pages a.home,.pages a.last{ width: 58px; }


.pages_min{ display: none; margin: 20px 0; font-size:1.2em;overflow: hidden; }
.pages_min a.prev_min,.pages_min a.next_min{ display: block; width:70px; height: 30px; float:left; border: #cdcdcd 1px solid; color: #666666; line-height: 30px; text-align: center;}
.pages_min a.next_min{ float:right;}
.pages_min a:hover{ background:#3298f0; color:#fff; transition:0.5s;}



/*实验平台*/
.ImgList { overflow: hidden; }
.ImgList ul li { width: 43%; float: left; margin:0 0 77px 0; position: relative;}
.ImgList ul li:nth-child(odd){ margin-right: 13%; }
 
.ImgList ul li a{ display: block; box-shadow:0 2px 6px 2px #e7e7e7; margin: 10px;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;  }
.ImgList ul li a:hover{box-shadow:0 2px 6px 2px #c9c9c9;}
.ImgList ul li .listImg{ display: block; height: 0; padding-bottom: 54%; overflow: hidden; }
.ImgList ul li .listImg img{-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.ImgList ul li .listImg:hover img{opacity: 1;transform: scale(1.1);}
.ImgList ul li .listTxt{ position: absolute; bottom: -23px; left:14%; display: block; width: 70%; padding: 4% 1%; line-height: 37px;  text-align: center; font-size: 1.6em; color: #fff; 
	background: #000; filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

.ImgList ul li .listTxt font{ display: block; height: 45px; overflow: hidden; }
.ImgList ul li .listTxt i{ display:block; width: 45px; height: 1px; background: #fff; margin:0 auto;}


/*工程应用*/
/*FlexSlider默认样式*/
.ImgList02 .flexslider { position: relative; zoom: 1; }
.ImgList02 .flexslider ul li{ list-style:none; }
.ImgList02 .flexslider ul li img{ display:block;}
.ImgList02 .flex-viewport { max-height: 2000px; max-width: 750px; margin:0 auto; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.ImgList02 .loading .flex-viewport { max-height: 300px; }
.ImgList02 .flexslider .slides { zoom: 1; padding:0;}
.ImgList02 .carousel li { margin-right: 5px; }
/*icon小点*/
.ImgList02 .flex-control-nav{ display:none;}

.ImgList02 .flex-direction-nav{ display:block;}
.ImgList02 .flex-direction-nav {}
.ImgList02 .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1;}
.ImgList02 .flex-direction-nav a{ width:40px;height:92%;text-align: center;display: inline-block; position: absolute; text-indent: -999em;cursor: pointer;overflow: hidden;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.ImgList02 .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;}
.ImgList02 .flex-direction-nav a.flex-prev{ float:left;background:url(../images/prev.png) no-repeat center #21719e; left: 0; top: 5px;}
.ImgList02 .flex-direction-nav a.flex-next{  background:url(../images/next.png) no-repeat center #3298f0; right: 0; top: 5px;}


.ImgList02 ul li{ width:20%; float:left;}
.ImgList02 ul.slides li a{ display: block; margin:0 25px;}
.ImgList02 ul.slides li a .slideImg03{ display: block; height: 0; padding-bottom: 100%;  border-radius: 50%; overflow: hidden;
box-shadow:0 2px 6px #e4e4e4;}
.ImgList02 ul.slides li a img{-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.ImgList02 ul.slides li a:hover img{opacity: 1;transform: scale(1.1);}
.ImgList02 ul.slides li a  .slideTxt03{ display: block; font-size: 1.6em; text-align: center; margin-top: 27px; height: 30px; line-height: 30px; overflow: hidden; }


/*学术成果*/

.article_row{ overflow: hidden; }
.article_row .lf{ width: 47.5%; float: left; }
.article_row .rt{ width: 47.5%; float: right; }
.article01 .articleTitle { height: 32px; line-height: 32px; position: relative; overflow: hidden; margin-bottom: 9px; }
.article01 .articleTitle .title{ float: left;  }
.article01 .articleTitle .title:before{content: ''; display:inline-block; width: 4px; height: 20px; background: #3298f0; border-radius: 5px; position: absolute; top: 8px; left: 0;}
.article01 .articleTitle .title font{font-size: 2.4em; color: #3298f0; padding-left: 10px;}
.article01 .articleTitle .more{ float: right; font-size: 1.6em; }
.article01 .articleTitle .more a{color: #999; }
.article01 .articleTitle .more a:hover{ color: #3298f0; }

.article01 .line{ width: 100%; height: 1px; background: #dddddd; clear: both; }
.article_row .lf ul li,.article_row .rt ul li{ border-bottom: #dddddd 1px solid; overflow: hidden; }
.article_row .lf ul li:last-child,.article_row .rt ul li:last-child{ border-bottom: none; }
.article_row .lf ul li a,.article_row .rt ul li a{ display: block; font-size: 1.6em; color: #333; margin:24px 0; height: 48px; line-height: 24px; overflow: hidden; }
.article_row .rt ul li a span{ display: block; color: #333; height: 24px; line-height: 24px; overflow: hidden; }
.article_row .rt ul li a i{ display: block; color: #999; font-size: 14px;  font-style: normal;}
.article_row .lf ul li a:hover,.article_row .rt ul li a:hover span{ color: #3298f0; }


.article_row,.article_row02,.article_row03{ margin-bottom: 30px; overflow: hidden; }
.article_row02 ul li{ height: 30px; line-height: 30px; padding: 10px 0; }
.article_row02 ul li a{ font-size: 1.6em; } 

/*专著*/
/*FlexSlider默认样式*/
.article_row03 .flexslider { position: relative; zoom: 1; margin-bottom: 33px; }
.article_row03 .flexslider ul li{ list-style:none; }
.article_row03 .flexslider ul li img{ display:block;}
.article_row03 .flex-viewport { max-height: 2000px; max-width: 795px; margin:0 auto; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.article_row03 .loading .flex-viewport { max-height: 300px; }
.article_row03 .flexslider .slides { zoom: 1; padding:0;}
.article_row03 .carousel li { margin-right: 5px; }
/*icon小点*/
.article_row03 .flex-control-nav{ display:none;}

.article_row03 .flex-direction-nav{ display:block;}
.article_row03 .flex-direction-nav {}
.article_row03 .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1;}
.article_row03 .flex-direction-nav a{ width:40px;height:100%;text-align: center;display: inline-block; position: absolute; text-indent: -999em;cursor: pointer;overflow: hidden;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.article_row03 .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;}
.article_row03 .flex-direction-nav a.flex-prev{ float:left;background:url(../images/prev.png) no-repeat center #21719e; left: 0; top: 0;}
.article_row03 .flex-direction-nav a.flex-next{  background:url(../images/next.png) no-repeat center #3298f0; right: 0; top: 0;}


.article_row03 ul li{ width:25%; float:left;}
.article_row03 ul.slides li a{ display: block; margin:0 9px;box-shadow:0 2px 6px #e4e4e4; background: #fff;}
.article_row03 ul.slides li a .slideImg03{ display: block; height: 0; padding-bottom: 75%; overflow: hidden;}
.article_row03 ul.slides li a img{-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.article_row03 ul.slides li a:hover img{opacity: 1;transform: scale(1.1);}
.article_row03 ul.slides li a  .slideTxt03{ display: block; font-size: 1.4em; padding: 15px; height: 47px; line-height: 22px; overflow: hidden; }

.article_row03 ul.slides li a .slideImg03.show{ display: block; height: 0; padding-bottom: 75%; overflow: hidden; }


.SubArticleTitle{text-align: center;overflow: hidden;border-bottom: 1px solid #eeeeee;padding-bottom: 10px;margin-bottom: 10px;}

.SubArticleTitle h2{font-size: 22px;margin-bottom: 20px}
.SubArticleTitle .detail{overflow: hidden;}
.SubArticleTitle .detail span{display: inline-block;color:#999;font-size: 14px;margin:0 14px;}




/* 图片列表页 */
.pictureList ul{margin: 0 5px;overflow: hidden;*margin-bottom: 30px;}
.pictureList ul li{width: 33.33333%;float: left;display: block;margin-bottom: 30px;overflow: hidden;}
.pictureList ul li a{display: block;margin: 0 20px;position: relative;overflow: hidden;}
.pictureList ul li a .img{width: 100%;height: 0;display: block;overflow: hidden;padding-bottom: 75%;background: #666666;}
.pictureList ul li a .img img{width: 100%;display: block;transition: all ease-in 0.3s;}
.pictureList ul li a p{font-size: 16px;font-weight: bold;line-height: 24px;height: 24px;overflow: hidden;text-align: center;}
@media screen  and (max-width:640px){
	.pictureList ul li{width:50%;}
}
@media screen  and (max-width:320px){
	.pictureList ul li{width:80%;margin: 0 auto 20px;float: none;}
}

/* 文章页 */
.articleTitle{width:auto;overflow:hidden;}
.articleTitle h2{width:100%;text-align:center;color:#3298f0;font-size:20px;font-weight:bold;}
.articleAuthor{text-align:center; text-align: center; line-height: 30px; margin: 10px;background: #f5f5f5; color:#777; }
.articleAuthor p{ color:#505050; font-size:1.2em;color:#787878; }
.articleAuthor p span{ margin-right:15px;color:#787878;}
.annex{ margin-top:30px;padding:0 15px;}
.annex .Side_tit h2 a{font-size:16px;color:#3298f0;}
.annex ul{ margin-top:20px;}
.annex ul li{ padding:5px 0;padding-left:12px;position: relative;}
.annex ul li:before{content: '';width:4px;height: 4px;border-radius: 50%;left:0;top:12px;background-color:#3298f0;display:block;position: absolute;}
.annex ul li a{ font-size:13px;}
.article{line-height:25px; padding:15px;}
.article i{font-style: italic;}
.article strong{font-weight: bold;}
@media screen  and (max-width:767px){
	.article img{width:auto !important;height:auto !important;}
	.article video{width:auto !important;}
	.article table{width:100% !important; }
}





@media screen  and (max-width:1200px) {
 .subPage{width:100%;}
 .subPage_con{width:auto;padding:10px 20px; margin: 20px auto auto auto;}



}


@media screen  and (max-width:800px) {
  .subPage{ padding: 25px 0; }
.subbanner .articleTitle a{ font-size: 2.0em; }
.aboutUs{ margin: 0 -10px; }
.aboutUs ul li{ width: 50%; }
.aboutUs ul li a{ margin: 0 10px 20px 10px; }

.sbu_leftWrap{ display: none; }
.sub_mbtn{ display: block; margin: 0; }
.sub_right{ margin: 0; }
.subPgeTitle{ margin-top: 10px; color: #666;}
.subPgeTitle a{ color: #666; font-size: 1.6em;}
.subPgeTitle span{ padding: 0 20px; }
.subPgeTitle span a:before{ background: #666; margin: 4px 1px;}
.subPage_con{ margin: 0; } 
.pageTitle span{ font-size: 1.8em; }
.joinUs ul li a span{ width: 48%; margin-bottom: 5px; }
.ImgList ul li{ margin:30px 0; }
.Team .lf{ width: auto; float: none; }
.Team .rt{ width: auto; float: none;}
.TeamList03 ul li{ margin: 35px 0; }
.team02 { margin-top: 35px; }
.team03 .rt{ margin: 0; }
}

@media screen and (max-width:710px) {
  .pageArticle.lf{ width: 100%; float: none;}
  .friendLink.rt{ width: 100%; float: none; margin-top: 20px; }
.friendLink ul.link01 li{ width: 48%; float: left; margin: 1%; }
.newsList ul li{ width: 50%; }
.list01 li .rightDate{/* padding-bottom:0; *//* padding-top: 5px; */}


}

@media screen and (max-width:640px) {
  .subbanner .articleTitle a{ font-size: 1.6em; }
.aboutUs ul li{ width: 100%; }

.subPage_con{ padding:13px 20px; }
.pageTitle span,.subPgeTitle a,.friendLink h2 span{ font-size: 1.6em; }
.artMeeting .Banner .flexslider ul li .slideTxt a{ font-size: 1.4em; margin-top: 10%; }
.meetingList ul li .ml_rt p{ font-size: 1.4em; }
.ConferenceTitle h2{ font-size: 1.6em; }
.ConTitle span{ font-size: 1.4em; } 
.list01 li a{ font-size: 1.4em; }
.newsFirst_con h2,.newsTxt h2{ font-size: 1.4em; }
.pages{ display: none; }
.pages_min { display: block; }
.article04 h2{ font-size: 1.8em; }
.article04 p span{ width: 100%; font-size: 1.4em; padding-bottom: 10px; }
.article04 p.article04_zy span{ font-size: 1.4em; }
.ImgList ul li .listTxt{ font-size: 1.4em; }
.ImgList02 .flex-direction-nav a,.article_row03 .flex-direction-nav a{ height: 30%; }
.ImgList02 .flex-direction-nav a.flex-prev,.article_row03 .flex-direction-nav a.flex-prev{ top: 20%; }
.ImgList02 .flex-direction-nav a.flex-next,.article_row03 .flex-direction-nav a.flex-next{ top: 20%; } 
.article01 .articleTitle .title font{ font-size: 1.6em; }
.article01 .articleTitle .more{ font-size: 1.4em; }
.article_row .lf ul li a, .article_row .rt ul li a{ font-size: 1.4em; margin: 10px 0; }
.article_row02 ul li{ padding: 0; }
.article_row02 ul li a{ font-size: 1.4em; }
.TeamList01 ul li{ width: 33.3%; }
.TeamList02 .TeamList02_img{ margin: 0; }
.team02 .rt{ margin-top: 0; }

}


@media screen and (max-width:550px) {
.TeamList01 ul li{ width: 50%; }
   .TeamList02 .TeamList02_img,.TeamList02 .TeamList02_txt{ width:auto; float: none; }
   .TeamList03 ul li{ width: 50%; }
   .TeamList04{ margin: 12px; } 
   .TeamList04 ul li{ width: 25%; }

}


@media screen and (max-width:480px) {
	.subPgeTitle a{ font-size: 1.4em; }
	.artMeeting .Banner .flexslider ul li .slideTxt a{ margin-top: 14%; }
	.meetingList ul li a{ padding: 20px 0; }
	.meetingList ul li .ml_lf,.meetingList ul li .ml_rt{ width: auto; float: none; }
	.meetingList ul li .ml_lf{ padding-bottom: 56%; }
	.meetingList ul li .ml_rt{ margin: 4%; }
	.meetingList ul li .ml_rt p{ height: auto; padding-bottom: 0; }

	.expertList ul li .ml_lf,.expertList ul li .ml_rt{ width:auto; float: none; margin: 0;}
	.expertList ul li a{ padding: 24px 20px; margin: 20px 0; }
	.ConTextSpeaker ul li,.Sponsor ul li{ width: 28%; }
   .list01 li a{ padding:10px 0; }
   .list01 li .rightDate{ padding:14px 0; }
   .newsList .newsFirst{ margin-bottom: 20px; }
   .newsList ul li{ width: auto; margin-bottom: 20px;}
   .newsFirst_img,.newsFirst_con{ float: none; width: auto;}
   .newsFirst_img{ height: auto; padding-bottom: 0; }
   .newsTxt h2,.newsTxt p{ height: auto; }
   .joinUs ul li a span{ width: 100%; }
   .joinUs ul li a h2{ font-size: 1.5em; margin-bottom: 13px; }
   .ImgList ul li{ width: 100%; margin: 15px 0; }
   .ImgList ul li:nth-child(2n+1){ margin:15px 0; }
   .ImgList ul li .listTxt{ position: static; left: 0; bottom: 0; width: auto; padding: 1%; }
   .ImgList ul li .listTxt font{ height: 30px; line-height: 25px; }
   .article_row .lf,.article_row .rt{ width: auto; float: none; }
    .TeamList03 ul li{ width: auto; margin: 20px 0; }
    .TeamList04 ul li{ width: 50%; }

    .friendLink ul.link01 li{ width: 100%; float: none; height: 30px; line-height: 30px; }
   
}

@media screen /*and (min-width:320px)*/ and (max-width:360px) {

}