﻿@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;}
html{background:#ddd;}
body{/*font-size:64.5%;*//*font-family:"\5FAE\8F6F\96C5\9ED1", SimSun;*/background-color:#fff;color: #000;font-family:'Arial',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
body{font-family:"微软雅黑","Microsoft Yahei","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}

html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px;color: #000; -webkit-font-smoothing: subpixel-antialiased;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
fieldset,img{border:0;}
a{outline:none;text-decoration:none;color: #000;}
input{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
input::placeholder{color:#efefef;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}
ul,ol,li{list-style:none outside none;}
.tc{text-align:center !important;}
.tl{text-align:left  !important;}
.tr{text-align:right  !important;}
.fwn{font-weight:normal;}
.fwb{font-weight:bold;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';content:none;}
input,textarea,select{font-weight:inherit;}
input,select,textarea,button {vertical-align:middle}
.pa{position:absolute;}
.pr{position:relative;}
/* 页面颜色全局定义 */
:root {
  --primary-color: #0259B2;
}

a:hover{color: var(--primary-color);}

.topicInfo li{transtion:all 1s ease 0s}
/*头部样式*/
.wraq_header{  width:100%;height:200px;top:0;left:0;position:relative;
z-index:9999;background-color: var(--primary-color);}
.header{ width:1420px; height:136px; margin:0 auto;position:relative;display: flex;justify-content: space-between;}
.logo{ height:73px;padding-top:31px;padding-left:13px;position:relative;}
.logo2{ width:145px; height:73px;padding-top:31px;position:relative;}

.topWrap{width: 300px;height: 100%;align-items: center;display: flex;}
.top{margin-top: 14px;height: 36px;}
.logo img{max-width:100%;/*height:auto;*/width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;}
.logo2 img{max-width:100%;/*height:auto;*/width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;}
.top .cur{overflow:hidden;width:230px;}
.top .links01{float:right;}
.top .links01{float:right;margin-top:15px;}
.top .homeTop {overflow: hidden;}
.top .homeTop a{float: right;color:#fff;font-size: 14px;padding:2px 8px;font-family: "微软雅黑";}
.top .homeTop a:hover{opacity: 0.8}
.top ul li .subTop{position: absolute;top: 39px;left: -17px;display:none;z-index: 100000000000;}
.top ul li.on .subTop{display:block;}
.btn_ser{ display: inline-block; width:34px; height: 31px;cursor: pointer;}
.btn_ser img{ vertical-align: middle;}
.ser{width:100%; height:38px; line-height:30px;border-radius:29px;border:1px solid #d0d0d0; z-index:9999994; }
.search{width:100%; padding-left:20px;height: 38px;position:relative;}
.search input{position:absolute;  height: 36px;line-height:30px; color:#fff;border:none;padding-left:0px; font-family: "Arial";}
.search input.notxt{color:#fff; width: 240px;background-color:var(--primary-color);}   
.search button.notxt1 {position: absolute;width: 18px;height:19px;top: 9px;right:35px;cursor:pointer; overflow: hidden;
  background: none;
  border: none;
  color: #fff;
  font-size: 20px;}
.search button.notxt1:hover{opacity: 0.8}
.top .home{margin-bottom:10px;}
.nser{display:block;width:80%;float:right;}
.nser .search{width:100%;}
.nser .search input.notxt{width: 80%;color:#fff;background-color:#096bdb;left: 0;padding-left: 13px;border-radius: 30px;}
.nser .search input.notxt1{background:url(jwc20200528_search.png) no-repeat center center;right:30px;}
/*导航*/
.navbg{width:100%;height:1px;background-color:#999;}
.nav{max-width:1420px;margin:0 auto;line-height:63px;height:63px;text-align:center;}
.nav ul {max-width:1420px;height:63px;font-size:16px;
    display: flex;
    justify-content: space-between;}
.nav ul li{position: relative;display: flex;justify-content: center;}
.nav ul li:hover span{font-weight: bold;}
.nav ul li a{color:#000;flex-wrap: nowrap;justify-content: center;align-items: center;    display: flex;}
.nav ul li a span{color:#fff;}

.nav ul li .subNav{ position:absolute; left:0;top:42px;padding-top:8px;display:none; background: #096bdb; overflow:hidden;}
.nav ul li .subNavr{left:auto;right:0;}
.nav ul li.on{height:50px;border-bottom:3px solid #fff;color:#fff;}
.nav ul li.on a{color:#fff;}
.nav ul li.on .subNav {display:block;border-top:#096bdb solid 0px;}
.nav ul li.on .subNav dl{overflow:hidden;}
.nav ul li.on .subNav dl dd{height:auto;line-height:25px;text-align:left;}
.nav ul li.on .subNav dl dd a{ display: block; line-height:25px; font-weight:normal; color:#fff;
	padding:8px 10px 8px 20px;}
.nav ul li.on .subNav dl dd a:hover{ color:#fff;background-color:#999;}
.nav .nav-ico{background: url(../pic_jwc/rrop.png) center no-repeat;margin-left: 5px;width: 1vw;height: 1vw;background-size: 1vw;transition: all .5s linear;}
.nav-son-list-a{display: block!important;
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  min-width: 100px;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
    .nav-son-list-a:first-child{border-top: solid #FFC763;}
.nav-son-list{position: absolute;
  background: #fff;
  box-sizing: border-box;
  display: block;
  top: 100%;overflow: hidden;max-height: 0px;transition: all .5s linear;box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.5);}
  .nav-son-list-a:hover{background-color: #e4f1ff;}
  .nav ul li:hover .nav-son-list{
    transition: all 1s linear;
    max-height: 500px;
  }
  .nav ul li:hover .nav-ico{
    transform: rotate(180deg);
    transition: all .5s ease;
  }
  .nav-son-list-wrap{padding: 10px 0;}

.ksdh{float:left;width:240px;text-align:center;height:100px;line-height:100px;}
/*footer*/
.mFoot{
  display: none;
}
#con_6 {
	width:100%; 
	margin-left: auto; 
	margin-right: auto; 
	text-align:center;
	background-color:var(--primary-color);
	clear:both;
}
#con_6_nr {
  width: 1420px;
  height: 160px;
  background-size: 100% 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  margin-top: 27px;
}
#con_6_nr_left {
	width:685px;
	color:#fff;
	font-size:14px;
	margin-top:30px;
	text-align:left;
	padding-left:7px;
  line-height: 20px;
}
#con_6_nr_left a {
	color:#fff;
}


.sy-content-1 {
  POSITION: relative;
  PADDING-BOTTOM: 1px;
  WIDTH: 360px;
  PADDING-TOP: 1px;
}

.sy-content-1 DD A {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}
.codeImg{
  height: 85px;
  overflow: hidden;
  margin-bottom: 8px;
}
.codeImg img{width: 85px;}
.sy-content-2 DD A {
	LINE-HEIGHT: 32px; COLOR: #bed2c6
}
.sy-content-1 DL {
  display: flex;
  width: 360px;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.sy-content-2 DL {
	POSITION: absolute; MARGIN-TOP: 25px; WIDTH: 240px; BOTTOM: -96px; FLOAT: right; RIGHT: 50px
}
.sy-content-1 DD {
  text-align: center;
  width: 85px;
  MARGIN-LEFT: 13px;
}
.sy-content-2 DD {
	TEXT-ALIGN: center; LINE-HEIGHT: 32px; WIDTH: 56px; FLOAT: right; MARGIN-LEFT: 18px
}


.copy_wrap{width:100%; text-align:center;line-height: 22px;border-top:1px solid #fff;padding:10px 0;}
.copy_wrap p{color:#fff;font-size:14px;}
.goTop {position: absolute;bottom: 0;right: 30px;z-index: 99;color:#F44336;;text-align: center;font-size: 16px;transition: none;}
.goTop i {color: #F44336;display: block;margin-bottom: 8px;transition: all 0.3s ease;}
.goTop:hover{color: var(--primary-color);}
.goTop:hover i {transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px);}
@keyframes rotate{
    from{
        transform: rotateX(90deg) translateY(0%);
        top:43px;
    }
    to{
        transform: rotateX(0deg) translateY(0%);
        top:43px;
    }
}
@-moz-keyframes rotate{
    from{
        -moz-transform: rotateX(90deg) translateY(0%);
        top:43px;
    }
    to{
        -moz-transform: rotateX(0deg) translateY(0%);
        top:43px;
    }
}
@-webkit-keyframes rotate{
    from{
        -webkit-transform: rotateX(90deg) translateY(0%);
        top:43px;
    }
    to{
        -webkit-transform: rotateX(0deg) translateY(0%);
        top:43px;
    }
}
/*手机端导航*/
.snav{display: none;height: 30px;right:0px; top:33px;z-index: 1002; width:100%;}
.mbtn{display: block;width:30px;height: 30px; right:15px; top:0;z-index: 1002;cursor:pointer;}
#Index_mbtn{
  margin: 0 auto;
  width: 20px;
  height: 20px;
  display: block;
  margin-top: 10px;
  color: #fff;
  font-size: 20px;}
.mbtn .m{font-size: 12px;font-weight:400;font-family:Arial;color:#fff;text-align:center;width:100%;display:block;height:20px;}
.navm{ width:100%;z-index: 9999; line-height: 30px; background-color:#fff;overflow: hidden; text-align: left; display: none;top:67px;left:0;border-top:1px solid #E1D9F7;box-shadow: 0px 0px 7px 0px rgba(4, 0, 0, 0.4);}
.navm li{width:100%;overflow:hidden;position: relative;}
.navm li:not(:has(p)){border-bottom:1px solid #eee;}
.navm li a{ font-size: 14px; line-height:18px; padding:10px; color:#000; padding-left:13px;display:flex;width: 100%;box-sizing: border-box;justify-content:space-between;align-items: center;}
.navm li p{ font-size: 14px; line-height:18px; color:#fff; display:flex;width: 100%;box-sizing: border-box;justify-content:space-between;align-items: center;    border-bottom: 1px solid #eee;}
.navm li a:hover{color:#000;}
.navm li span{margin-right:10px;color: #fff;cursor: pointer;}
.navm dl{ background-color:#fff;color:#004489;padding-left:20px;}
.navm dl dd{width:100%;height:30px;line-height:30px;border-bottom:1px solid #ddd;}
.navm li.on dl dd a{ display:block;font-size: 14px; color:#333; line-height:30px;height:30px;}
.navm li dl dd a{ font-size: 14px; color:var(--primary-color); font-weight:normal; display:inline; display:block; border:none; padding:0px;}
.navm li dl dd a:hover{ color:#ee931d;}
.subNavs{width:100%;overflow:hidden;display: none; }
/* .nlinks{width:97%;overflow:hidden;margin:4px auto;} */
.nlinks{overflow: hidden;display: flex;align-items: center;justify-content: center;padding: 20px 0;}
.nlinks span{float:left;padding:0;height:30px;line-height: 30px;}
.nlinks span a{color:#fff;font-size: 14px;}
.mnav-ico{background: url(../images/drop-black.png) center no-repeat;margin-right: 10px;width: 16px;height: 16px;background-size: 16px;transition: all .5s ease;}
.mnav-son-list-a{display: block!important;
  padding: 0 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.mnav-son-list{
  box-sizing: border-box;
  display: block;
  top: 100%;overflow: hidden;max-height: 0px;transition: all .5s linear;width: 100%;}
  .sub_has a{font-weight: bold;}
  .mnav-son-list-con a{font-weight:normal;border-bottom: 1px solid #eee;}

@media screen  and (max-width:1440px) {
 .header{width:98%;}
 .nav{max-width:1200px;}
 .nav ul {max-width:1200px;font-size:16px;}
 .nav ul li{float:left;padding:0 23px;position: relative;}
 .footer{max-width:1200px;}
 #con_6_nr {
	width:1200px;margin-top: 27px;
}
}

@media screen  and (max-width:1280px) {
 .nav{max-width:980px;}
 .nav ul {max-width:980px;font-size:16px;}
 .nav ul li{float:left;padding:0 13px;position: relative;}
 .footer{max-width:1000px;}
 .footerRt{margin-left:10%;}
 #con_6_nr {
	width:1000px;margin-top: 27px;
}
}

@media screen  and (max-width:1000px) {
 .top{margin-left:10px;}
 .top li.cur .in_cur{width:238px;}
 .footer{width:95%;}
 .goTop{right:10px;}
 .wraq_header{background: none;background-color:var(--primary-color);height:75px; }
 .header{width:98%;height:100px;}
  .topWrap{display:none;}
  .snav{display:block;top: 22px;}
   .mbtn{display:block;}
   .navbg,.nav{display:none;}
   .logo{padding-top: 17px;padding-left: 25px;width: 300px;height: 65px;padding-left: 15px;}
   .logo2{padding-top:15px;}
   .fooer_wrap{background: none; background-color: var(--primary-color);}
   .footerLf{width:40%;}
	.footerL{width:40%;}
   .footerRt{width:40%;margin-left:0;margin-top:30px;float: left;overflow: hidden;border-right: 0px solid #2c74c7;}
	.footerRt ul li{line-height: 40px;padding-right:20px;}	
	.footerR{width:40%;float: left;margin-top:50px;overflow: hidden;}
	.footerR ul li{line-height:20px;font-size:14px;}
	.navm{top:53px;}
  .pingtaiList a{margin-right: 0px!important;}
}

@media screen  and (max-width:800px) {
   .header_logo{height:83px;}
   .logo{
    width: 300px;
    height: 65px;padding-left:15px;}
    .logo a{display: inline-block; text-align: center;}
	.logo2{width:99px;height:50px;}
    .logo2 a{display: inline-block; text-align: center;}
  .wraq_nav{height:35px;}
  .pingtaiList a{margin-right: 0px!important;}
}

@media screen and (max-width:640px) {
  .copy_wrap p{width:95%;line-height:22px;height:21px;text-align:center;margin:0 auto;}
  
  .header_logo{height:60px;}
 
  .footerLf{width:100%;border:0px;padding-left:5px;}  
  .footerL{width:100%;border:0px;padding-left:5px;margin-top:30px;}  
   .footerRt{width:100%;padding-left:5px;float: left;overflow: hidden;border-left:0;}
	.footerRt ul li{line-height: 28px;font-size:14px;}	
	.footerR{width:100%;float: left;margin-top:30px;overflow: hidden;}
	
	
  .copy_wrap{width:100%;text-align: center;margin:0px auto;}
  .copy_wrap p{font-size: 10px;}
  .logo{
    width: 300px;
    height: 65px;}
  .logo2{width:79px;height:40px;}
  .snav{top:19px;}
  .navm{top:56px;}
  .ksdh{float:left;width:45%;padding:0 2.5%;text-align:center;height:100px;line-height:100px;}
}
@media screen /*and (min-width:320px)*/ and (max-width:360px)  {
  .copy_wrap p{line-height:16px;}

}

/* CSS Document */
.banner{ width:100%;  overflow: hidden; position: relative;}
.Banner img{
  width: 100%;height: 100%;
  object-fit: cover;
}
#main{width:100%;overflow:hidden;}
body{overflow-x:hidden;}
/* Browser Resets
*********************************/

.Banner{ float:left;}
.Banner .flexslider { width:100%; background: #fff;  position: relative; zoom: 1; overflow:hidden; }
.Banner .flexslider ul li{ list-style:none;height: 0;padding-bottom: 70%;overflow: hidden;height: auto;padding-bottom: 0;}
.Banner .flexslider ul li img{ border:none;width:100%;}
.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; }

.Banner .flexslider .slides { zoom: 1; width:100%;  padding:0;}
.Banner .carousel li { margin-right: 5px; }
/*icon小点*/
.Banner .flex-control-nav {width:99px; position: absolute; bottom:9px; right:0;text-align:center;z-index:99;}
.Banner .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1;display: inline;}
.Banner .flex-control-paging li a {  float:left; width: 17px; height: 17px; display: block;background:url(jwc20200528_con1.png) no-repeat; cursor: pointer;text-indent: -9999px; }
.Banner .flex-control-paging li a:hover {background:url(jwc20200528_con1.png) no-repeat; }
.Banner .flex-control-paging li a.flex-active {background:url(jwc20200528_con2.png) no-repeat;}
.Banner .slides h4 a{color:#fff;opacity: 1.0;font-size:14px; text-decoration:none;}
.Banner .slides h4 a:hover{color:#fff;font-size:14px;}
.Banner .flexslider ul li>div{position:absolute; bottom:0px; right:0; width:100%; height:47px;color:#fff;background:rgba(0, 0, 0, 0.6);line-height:47px;overflow: hidden; text-indent:20px; z-index:9999;}
.Banner .flexslider ul li>div a{display:block;font-size:18px; color:#fff;width:80%;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}

/* Direction Nav */
.flex-direction-nav {height: 100px;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 48px; margin: -50px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8);  text-indent:-999em }
.flex-direction-nav .flex-prev { left: -50px; background:url(jwc20200528_lf.png) no-repeat center center; }
.flex-direction-nav .flex-next { right: -50px;  background:url(jwc20200528_rt.png) no-repeat center center;}
.flexslider:hover .flex-prev { opacity: 0.7; left: 0px;}
.flexslider:hover .flex-next { opacity: 0.7; right: 0px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }


.Banner{width:690px;height: 410px;}
.zhuanti{width:690px;}
.xiaoli{width:202px;padding-left:47px;float:left;}
.xinwen{width:450px;padding-top:37px;}
.tongzhi{width:450px;padding-top:37px;}
.jianbao{width:450px;padding-top:37px;}
.pingtai{width:1420px;margin-top:37px;}

.tongzhi-m,.xiaoli-m,.zhuanti-m{display:none;}

.title-box{ height:48px; line-height:48px; border-bottom:1px solid #003770; overflow: hidden;display: flex;justify-content: space-between;}
.title-box .title{ color:var(--primary-color); height:38px; 
	line-height:30px; padding:0 14px; 
	border-left: 6px solid #ffc763;font-size: 20px;}

.more{  font-size:16px;line-height:30px;}
.more a{ color:#003770;}
.rightDate{font-family:"Cambria"; float:right; padding-left:10px; font-size:14px; color:#999999; font-family:'Arial';}
.zhuantiImg{width:100%;margin-top:7px;}
.zhuantiList ul{margin-top:5px; }
.zhuantiList ul li{font-size:14px; background:url(../pic_jwc/arrow.png) no-repeat 2px 14px;  padding-left:23px; height:35px;line-height:35px; white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}


.xinwenList ul{margin-top: 5px;}
.xinwenList ul li{font-size:14px; background:url(../pic_jwc/arrow.png) no-repeat 2px 14px;  padding-left:23px; height:35px;line-height:35px; white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}

.tongzhiList ul{margin-top:5px; }
.tongzhiList ul li{font-size:14px; background:url(../pic_jwc/arrow.png) no-repeat 2px 14px;  padding-left:23px; height:35px;line-height:35px; white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}

.jianbaoList ul{margin-top:5px; }
.jianbaoList ul li{font-size:14px; background:url(../pic_jwc/arrow.png) no-repeat 2px 14px;  padding-left:23px; height:35px;line-height:35px; white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}

.pingtaiList ul{display: flex;flex-wrap: wrap;justify-content: center;}	
	.pingtaiList ul li{
    font-size: 22px;
    letter-spacing: 0px;
    height: 50px;
    line-height: 50px;
    border-radius: 10px;
    overflow: hidden;display: flex;
    align-items: center;width: 180px;justify-content: center;}
    .pingtaiList ul li span{
      font-size: 24px;
      margin-right: 10px;
    }
	.pingtaiList ul li.btn1{background-color:#E79146;}
	.pingtaiList ul li.btn2{background-color:#8FD8F8;}
	.pingtaiList ul li.btn3{background-color:#51C4D1;}
	.pingtaiList ul li.btn4{background-color:#FFD55C;}
	.pingtaiList ul li.btn5{background-color:#B9D773;}
	.pingtaiList ul li.btn6{background-color:#F09090;}
	.pingtaiList ul li.btn7{background-color:#BADCFF;}
	.pingtaiList a{display: inline-block;margin-top: 20px;margin-right: 20px;}
  .pingtaiList a:last-child{margin-right: 0px;}
.content{width:100%;overflow:hidden;margin:0px auto;}
.mode01{max-width:1420px;margin:37px auto;overflow:hidden;}
.mode01 .lf{width:58.25%;float:left;overflow: hidden;}
.mode01 .rt{width:38.5%;float:right;overflow: hidden;}

.articleTitle{border-bottom: 1px solid #6510AD;padding-bottom:5px;}
.articleTitle .more{float: right;margin-top:10px;color:#6510AD;}
.articleTitle h2{font-size: 1.7em;color:#6510AD;}
/*News*/
.NewsList{margin-top:30px;overflow: hidden;}
.TopNews{overflow: hidden;padding-bottom:30px;border-bottom: 1px solid #ddd;}
.TopImg{float: left;width: 50.92%;overflow: hidden;}
.TopImg a{display: block;width: 100%;height: 0;padding-bottom: 56.489%;overflow: hidden;}
.TopCon{float:right;width: 46.06%;overflow: hidden;}
.TopCon a{display: block;}
.TopCon a h2 {margin-bottom:30px;font-size: 18px;color: #464646;max-height: 45px;overflow:hidden;}
.TopCon a:hover h2 {text-decoration: underline;}
.leftDate{color:#888;}
.TopCon p{margin-top:30px;font-size: 14px;color:#666;line-height: 22px; max-height:80px;overflow: hidden;}


/*Lectures & Events*/
.articleTitle01{border:0;}
.EventsList{background:#F5EEF7;padding-bottom:10px;}
.EventsList li{border-bottom: 1px solid #ddd;overflow: hidden;}
.EventsList li a{padding:17px 0;}
.EventsList li:last-child{border-bottom: none;}
.EventsList li .leftDate{float: left;overflow: hidden;width:16.73%;background: #6510AD;text-align: center;font-family: "Book Antiqua"; padding: 2px 0;}
.EventsList li .leftDate i{margin:3px 0; font-size: 17px; color:#fff;border-bottom: 1px solid #fff;font-style: normal;padding-bottom: 4px;}
.EventsList li .leftDate strong{ font-weight: normal; color:#fff;display: block;font-size: 40px;}
.EvensCon{float: right;overflow: hidden;width:77%;padding-right:10px;}
.EvensCon h2{padding-bottom:15px;font-size: 18px;color: #464646;font-weight: normal;min-height: 43px;}
.EvensCon p{color:#888;font-size: 14px;margin-bottom:3px;}
.EventsList li a{display: block;overflow: hidden;}
.EventsList li a:hover{background-color:#fafafa;}
.EventsList li a:hover h2{color:#6510AD;text-decoration:underline;}

.WrapMode02{width: 100%;overflow: hidden;background: #e9edf2;margin:50px 0;padding-left:15px;padding-right:15px;}
.mode02{max-width:1200px;margin:30px auto;overflow:hidden;}
.mode02 .lf{width:100%;float:left;overflow: hidden;}
/*Research*/
.ResearchList{margin-top:3%;}
.ResearchList li{float: left;width: 31.33%;margin-right:1.5%;}
.ResearchList li a{display: block;}
.ResearchList li a img{display: block;}
.ResearchList li a h2{font-size: 18px;color: #464646;    font-weight: normal; margin-top:3%;min-height: 42px;margin-bottom: 3%;}
.ResearchList li a:hover h2{color:#6510AD;text-decoration:underline;}
.ResearchList li.NomarginRight{margin-right: 0;}
.Ritem-img{width: 100%;display: block;height:0;padding-bottom: 50%;overflow: hidden;}

.mode03{max-width:1200px;margin:40px auto;margin-top:20px;padding-left:15px;padding-right:15px;overflow:hidden;}
.mode03 .lf{width:58.25%;float:left;overflow: hidden;}
.mode03 .rt{width:38.5%;float:right;overflow: hidden;}
.EmployList{margin-top:4%;overflow: hidden;}
.EmployList li{border-right: 1px solid #ddd;float: left;width: 48%;}
.EmployList li a{display: block;padding-right: 10%;}
.EmployList li a h2{font-size: 18px;color: #464646;    font-weight: normal; min-height: 57px;margin-bottom: 3%;}

.EmployList li a:hover h2{text-decoration: underline;color:#6510AD;}
.EmployList li a p{margin-top: 4%;font-size: 12px;color:#666;max-height: 60px;}
.EmployList li.EmployNoBorder{border-right: none;float: right;width: 51%;}
.EmployList li.EmployNoBorder a{padding-left:10%;padding-right: 0;}

/*Alumni*/
.AlumniList{margin-top:7%;overflow: hidden;background: #6510AD;}
.AlumniList a{display: block;overflow: hidden;}
.AlumniList  a .alumniImg{width: 64.93%;float: left;}
.AlumniList  a img{display: block;width: 100%;}
.AlumniList a h2{float: right;width:33.67%;font-weight: normal;margin:3% 0;line-height: 24px;}
.AlumniList a h2 p{color:#fff;padding:0 5px;text-align: left;}
.AlumniList a:hover h2 p{text-decoration: underline;}

.WrapMode04{width: 100%;overflow: hidden;background: #e9edf2;margin:50px 0 0 0;}
.mode04{max-width:1200px;margin:30px auto 50px;padding-left:15px;padding-right:15px;overflow:hidden;}
.mode04 .lf{width:100%;float:left;overflow: hidden;}
.LinksList{margin-top:3%;}
.LinksList li{float: left;width: 23.5%;margin-right:1.5%;}
.LinksList li a{display: block;position: relative;width: 100%;}
.LinksList li a img{display: block;}
.LinksList li a h2{ font-size: 18px;font-weight: bold; min-height: 42px;max-height:42px;position: absolute;bottom:0px;background: url(jwc20200528_links_bg.png) repeat; padding:10px 0;width:100%;overflow: hidden;line-height: 24px;}
.LinksList li a h2 p{padding:0 10px;color: #6510AD;}
.LinksList li a:hover h2{color:#6510AD;text-decoration:underline;}
.LinksList li.NomarginRight{margin-right: 0;}





@media screen  and (max-width:1440px) {
	.mode01,.mode02,.mode03,.mode04,.WrapMode02,.WrapMode04{width: 1200px;}
	.WrapMode02,.WrapMode04{width: 100%;}
	.TopCon a h2{margin-bottom:0;font-size: 16px;}
	
	.Banner{width:580px;height: 375px;}
	.zhuanti{width:580px;}
	.pingtai{width:1200px;margin-top:37px;}
	.zhuantiList ul{max-height:315px;overflow:hidden;}
	
	.xinwen{width:370px;}
	.tongzhi{width:370px;}
	.jianbao{width:370px;}

}

@media screen  and (max-width:1280px) {
	.mode01,.mode02,.mode03,.mode04,.WrapMode02,.WrapMode04{width: 980px;}
	.WrapMode02,.WrapMode04{width: 100%;}
	.TopCon a h2{margin-bottom:0;font-size: 16px;}
	
	.Banner{width:480px;height: 310px;}
	.zhuanti{width:480px;}
	.pingtai{width:980px;margin-top:37px;}
	
	.Banner .flexslider ul li>div{height:35px;line-height:35px;}
	.Banner .flexslider ul li>div a{font-size:14px;width:75%;}
	.Banner .flex-control-nav{bottom:4px;}

	.title-box{height:35px;}
	.title-box .title{height:30px;line-height:30px;}
	.more{font-size:14px;}
	
	.xinwen{width:310px;}
	.tongzhi{width:310px;}
	.jianbao{width:310px;}

	.zhuantiList ul{max-height:270px;overflow:hidden;}
	.zhuantiList ul li,.xinwenList ul li,.tongzhiList ul li,.jianbaoList ul li{height:30px;line-height:30px;padding-left:20px;background:url(../images/arrow.png) no-repeat 2px 11px;}
	
}

@media screen and (max-width:1000px){
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
		background-image: none !important;
		display: block!important;
	  }
	  .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
		background-image: none !important;
		display: block!important;
	  }
	.mode01,.mode02,.mode03,.mode04,.WrapMode02,.WrapMode04{width: 100%;margin:0px;}
	.title-box{ height:48px; line-height:48px;margin-left: 10px;margin-right: 10px;}
	.title-box .title{ color:#003770;float: left; height:38px; 
	line-height:38px; padding:0 20px;font-size: 20px;}
	
	.xinwen,.jianbao,.tongzhi,.zhuanti{width:100%;padding-left: 10px;padding-top: 20px;padding-right: 10px;box-sizing: border-box;}
	.Banner{width:100%;height: 200px;}
	.Banner .flexslider ul li>div{height:47px;line-height:47px;}
.Banner .flexslider ul li>div a{font-size:18px;}
.Banner .flex-control-nav{bottom:9px;}
.tongzhiList ul{margin-top:5px; }
.tongzhiList ul li{font-size:14px; padding-left:23px; height:35px;line-height:35px; white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.pingtaiList a{display: flex;width: 100%;align-items: center;justify-content: center;}
.pingtaiList ul li{width: 95%;}
	.jianbaoList .rightDate{display:block;}
	.pingtai{width:100%;margin-top:20px;margin-bottom:20px;}
	#con_6_nr{
    display: none;
  }
	.mFoot{
    display: block;
    color: #FFF;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
	margin-top: 20px;
  }
}

@media screen and (max-width: 800px) {
  .flex-direction-nav .flex-prev { opacity: 0; left: 0px;}
  .flex-direction-nav .flex-next { opacity: 0; right: 0px;}
  .flex-direction-nav a{top:65%;}
  .mode01 .lf{width:98%;float: none;}
	.mode01 .rt{width:98%;float: none;margin-top:20px;}
	.TopImg{width: 33.92%;}
	.TopCon{width: 62.02%;}
	.articleTitle h2{font-size: 1.3em;}
	.articleTitle .more{font-size: 14px;}
	.TopCon a h2{font-size: 16px;min-height: 30px;}
	.leftDate{font-size: 12px;}
	.TopCon p{margin-top: 9px;}
	.LinksList li a h2{font-size: 16px;line-height:24px;}
	.AlumniList  a .alumniImg{width: 100%;float: none;overflow: hidden;}
	.AlumniList  a .alumniImg img{width: 100%;}
	.AlumniList a h2{width: 100%;float: none;overflow: hidden;margin:1% 0;}
	.mode03 .lf{width:98%;float:none;margin:0 auto;}
	.mode03 .rt{width:98%;float:none;margin:3% auto 0;}
	.AlumniList{margin-top:3%;}
  #con_6_nr{
    display: none;
  }
	.mFoot{
    display: block;
    color: #FFF;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
	margin-top: 20px;
  }
}
@media screen  and (max-width:640px) {
	#main{display: none;}
	.flexslider .til_slides{display: none;}
	.LinksList li{width: 100%;float: none;margin-top:20px;}
	.LinksList li img{width: 100%;}
	.LinksList li a h2{bottom:-5px; width: 100%; min-height: 0;font-size: 16px;margin-bottom: 5px;}
	.ResearchList li{width: 100%;}
	.ResearchList li img{width: 100%;margin-top:3%;float: none;}
	.ResearchList li a h2{margin-bottom:0;}
}

@media screen and (max-width:480px){
	.rightDate{padding-right:3px;}
	.TopImg{width: 100%;margin:0 auto;float: none;}
	.TopImg img{width: 100%;}
	.TopCon{width: 100%;float: none;margin-top:10px;}
	.EventsList li .leftDate{width: 17.73%;}
	.EvensCon{width:75%;float:left;padding-left:10px;padding-top:5px;}
	.EmployList li{width: 100%;float: none;border-bottom:1px solid #ddd;padding-bottom:3%;}
	.EmployList li:last-child{border-bottom: none;}
	.EmployList li a{padding-right: 0;}
	.EmployList li a h2{margin-bottom: 0;min-height: 49px;}
	.EmployList li.EmployNoBorder{width: 100%;float: none;margin-top:3%;}
	.EmployList li.EmployNoBorder a{padding-left: 0;}
	.EmployList li a p{margin-top: 1%;}

}


.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
  background-image: none !important;
  display: none;
}
.swiper-button-next span, .swiper-button-prev span{
  font-size: 40px;
  color: #fff;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
  background-image: none !important;
  display: none;
}
.swiper-pagination-bullet-active{
  background: #fff !important;
}
.swiper-container{height: 100%;}

.teacher{width: 100%;
    padding-top: 37px;}
	.teacherList{
		margin-top: 20px;
	}

/* 走马灯效果 */
.nameList {
	width: 100%;
	height: 400px;
	overflow: hidden;
	position: relative;
	display: flex;
  will-change:left;
  }

  .nameList .nameItem img {
	width: 190px;
	height: 250px;
	object-fit: cover;
	display: block;
  }
  .nameList .nameItem
  {
	width: 239px;
	flex-shrink: 0;
	padding:  0px 20px 0 0;
	box-sizing: border-box;
  }
  .nameList .nameItem .nameItem-box
  {
	box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.1);
	height: 385px;background: whitesmoke;
  }

  .nameItem-box h5{
	white-space: nowrap;
    text-align: center;
	color: #0259b2;
	padding: 5px;
  }
  .nameItem-box a div:first-child{
    padding: 15px 15px 0 15px;
  }
  .nameList .nameItem .nameItem-content{
	padding: 10px;
  }
  .nameItem-content :nth-child(2){
	border-top: 2px solid #009688;
    margin: 10px 0;
  }
  .nameItem-content :nth-child(3){
    color: #003770;
    font-size: 14px;
    line-height: 24px;
    height: 50px;
    text-indent: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }