body, h1, h2, h3, h4, h5, p, dl, dd, ul, ol, form, input, textarea, th, td, select {
    margin: 0;
    padding: 0;
}

em { /*斜体*/
    font-style: normal;
}

li { /*去掉前面的圆点*/
    list-style: none;
}

a { /*去掉下划线*/
    text-decoration: none;
}

img { /*图片放在a里的时候 会有边框 去掉，然后对齐*/
    border: none;
    vertical-align: top;
}

table { /*表格 合并单元格*/
    border-collapse: collapse;
}

input, textarea { /*输入框 不让它高亮显示*/
    outline: none;
}

textarea { /*不能拖动变大变小*/
    resize: none;
    overflow: auto;
}

body {
    font-size: 12px;
    font-family: "微软雅黑";
}

/*公共的样式*/
.fleft {
    float: left;
}

.fright {
    float: right;
}

.clear { /*ie系列下清浮动*/
    zoom: 1;
}

    .clear:after { /*标准下的浏览器*/
        content: "";
        display: block;
        clear: both;
    }


    /*头部样式*/
#nav{height:80px;line-height:80px; position: relative; font-size: 16px;background-color:#fff;/*overflow:hidden;*/ }
.w1000{max-width: 1200px!important; margin:0 auto;}
#nav .logo,#nav .ui-item,#nav .Switch{position: absolute; top: 0; }
#nav .logo span{display:none;}
#nav .logo{left:20px;}
#nav .logo img{max-width:100%;}
#nav .ui-item {right:100px;}
#nav .Switch{right:10px;}
#nav .ui-item .li-item{float:left;padding:0 25px;justify-content:space-around;}
#nav .ui-item .li-item a{color:#333;position:relative;text-decoration: none;}
/*第二级菜单，子菜单*/
#nav .ui-item .li-item .subMenu{width:280px; z-index:10;position:absolute;top:50px;background-color:rgba(0,0,0,0.6);}
#nav .ui-item .li-item .subMenu li{ line-height:30px;display:block; white-space:nowrap; text-align:left;}
#nav .ui-item .li-item .subMenu li a{padding-left:12px;color:#fff;text-decoration: none;display:block;}
#nav .ui-item .li-item .subMenu li a:hover{background-color:rgba(255,255,255,0.5);text-decoration: none;}
#nav .Switch a{color:#333;margin-left:6px;}
#nav .Switch .EN{border:solid 1px #333;padding:0 10px;}
.header-down-nav{display: none;}



/*轮播图*/
.banner{width:100%;margin:0 auto;position:relative;z-index:2}
.item img{min-width:100%;height:auto;overflow:hidden;}
.banner .txt{position:absolute;top:40%;margin-top:-85px; left:15%;width:70%; padding:30px 50px; background-color: rgba(200, 200, 255, 0.5);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */}
.banner .txt h3{color: #ffffff;font-size:30px;text-align:center;font-weight:bold;line-height: 45px;}
.banner .txt p{color: #ffffff;font-size:20px;text-align:center;margin-top:15px;line-height: 40px;}

/*内容1*/
.content{padding:20px 0 10px 0;}
.content .cont .list-item .layui-fluid{padding:0;}
.content .cont .list-item .item{padding:30px 0; overflow: hidden;padding-bottom: 0;}
.content .cont .list-item .item .img img{max-width: 100%;}
.content .cont .list-item .item .item-cont{padding-left:100px;}
.content .cont .list-item .item .item-cont .go-icon{width: 33px; height: 11px; background: url(../img/jiantou.png) center center no-repeat; display: block; padding:10px 0; margin-top: 16px;}
.content .cont .list-item .item .item-cont h3{font-size: 24px; margin:20px 0;}
.content .cont .list-item .item .item-cont h3 .new-icon{width: 36px; height: 18px; line-height: 18px; text-align: left; padding:0; margin: -3px 0 0 10px;}
.content .cont .list-item .item .item-cont p{line-height: 37px;font-size: 17px;
   /*display: -webkit-box;*/
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
}

/*合作单位*/

.cooperation{width:100%;background:#ffffff;text-align:0px;}
.cooperation .cooperationBox{padding:0px 0 30px 0;text-align:center;margin:0 auto;}
/* .cooperation .cooperationBox{padding:20px 0 80px 0;text-align:center;margin:0 auto;}
 */
.cooperation .cooperationBox h3{font-size:24px;color:#333;line-height:50px;}
.cooperation .cooperationBox ul{margin-top:10px;}
.cooperation .cooperationBox ul li{display:inline-block; width:120px;height:80px;margin-left:20px;}
.cooperation .cooperationBox ul li img{max-width:100%;height:80px;}

/*底部*/
.footer{width:100%;background:#00808c;}
.footerBox{margin:0 auto;padding:58px 0;overflow:hidden;}
.footerBox .t1{float: left;}
.footerBox .t2{display: inline-block;}
.footerBox .t3{float: right;}
.footerBox .t1,.t2{width:42%;color:#fff;min-height:70px ;}
.footerBox .t3{width: 15%;color: #fff;min-height: 70px;}
.footerBox .t1 h4,.t2 h4,.t3 h4{font-size:16px;padding-bottom: 0.5rem;}
.footerBox .t1 p,.t2 p{font-size:12px;width:85%;line-height: 20px;}
.footerBox .t3 a{margin:0 5px ;}
.footerBox .t3 a img{width:30px;height: 30px;border-radius: 3px;}
/*版权条*/
.copyright{background:#333;padding:14px 0;color:#fff;font-size:12px;}
.copyright p{margin:0 auto; text-align:center;}
.copyright a{color:#fff;}


/*子界面样式*/
.haerd{width:100%;margin:0 auto;}
#Subpage{margin-bottom:80px;}
#Subpage .content{width:100%;}

/*子界面内容*/

#Subpage .content .contentBox{width:1200px;margin:0 auto;margin-top:40px;}
#Subpage .content .contentBox h3{text-align:center; font-size:24px;}
/*ConferenceVenue/GeneralSubmissionInstructions*/
#Subpage .content .contentBox .wb1{width:100%; text-align:left;overflow:hidden;margin-top:40px;}
#Subpage .content .contentBox .wb1 h4{font-size:18px;color:#333;}
#Subpage .content .contentBox .wb1 p{margin-top:20px; line-height:20px;color:#666;font-size:16px;}
#Subpage .content .contentBox .wb1 p a{color:#001bad;}
#Subpage .content .contentBox .wb1 ul{padding:20px 0;margin:0 auto;}
#Subpage .content .contentBox .wb1 ul li{float:left;font-size:14px; width:330px;text-align:left;list-style:disc;margin-left:50px;}
#Subpage .content .contentBox .wb1 .wb1-2{padding:20px 0;margin:0 auto;font-size:16px;}
#Subpage .content .contentBox .wb1 .wb1-2 li{float:left;font-size:14px; width:530px;text-align:left;list-style:disc;margin-left:50px;}
#Subpage .content .contentBox .wb1-3{width:100%; text-align:left;overflow:hidden;padding:20px 0;}
#Subpage .content .contentBox .wb1-3 h4{padding:20px 0;font-size:18px;}
#Subpage .content .contentBox .wb1-3 p{padding:20px 10px;line-height:20px;color:#666;font-size:14px;}
#Subpage .content .contentBox .wb1-3 p a{color:#001bad;}
#Subpage .content .contentBox .wb1-3 p span{font-weight:bold;}
/*Accommodations/GettingHere*/
#Subpage .content .contentBox .hotm1 img{max-width:100%;}
#Subpage .content .contentBox .hotm1 p{text-align:center;font-size:14px;color:#666;padding:10px 0 30px 0;}
#Subpage .content .contentBox .hotm1{text-align:center;margin-top:20px;}
#Subpage .content .contentBox .wb2{width:100%; text-align:center;overflow:hidden;margin-top:40px;}
#Subpage .content .contentBox .wb2 p{text-align:left;margin-top:20px; line-height:20px;color:#666;font-size:16px;}
#Subpage .content .contentBox .wb2 p a{color:#001bad;}
#Subpage .content .contentBox .wb2 ul{margin-top:20px;margin:0 auto;margin-bottom:30px;}
#Subpage .content .contentBox .wb2 ul li{ text-align:left;line-height:30px; font-size:14px;color:#777;list-style:disc;margin-left:20px;}
#Subpage .content .contentBox .wb2 img{max-width:100%;}
#Subpage .content .contentBox .wb3{width:100%;text-align:center; overflow:hidden;margin-top:40px;}
#Subpage .content .contentBox .wb3 p{font-size:16px;color:#333;text-align:left;}
#Subpage .content .contentBox .wb3 p a{color:#001bad;}
#Subpage .content .contentBox .wb3 ul{margin-top:20px;margin:0 auto;}
#Subpage .content .contentBox .wb3 ul li{text-align:left;line-height:20px;font-size:14px;color:#333; list-style:disc;margin-left:20px;}
#Subpage .content .contentBox .wb3 img{max-width:100%;}

/*子界面带图片样式*/
#Subpage .content1{width:1200px;margin:0 auto; }
#Subpage .content1 h4{font-size:22px;text-align:center;padding:50px 0;}
#Subpage .content1 .photo{width:50%;padding:0 50px;overflow:hidden;}
#Subpage .content1 .photo img{max-width:100%;}

/*子界面带图片样式内容*/
/*AboutWuhan/OrganizingCommittee/CallForPanelProposals/CallForPapers/CallForPostersAndDemonstrations/CallForPractitioners/CallForTutorialProposals/CallForWorkshopProposals/CodeOfConduct/ContactUs/DoctoralConsortium/ImportantDatesAndDeadlines/ScheduleOfEvents/Visa*/
#Subpage .content1 .contentBox1{width:50%; padding-left:40px;color:#333;min-height: 350px;}
#Subpage .content1 .contentBox1 h5{font-size:18px;margin-top:40px;line-height:40px;}
#Subpage .content1 .contentBox1 p{text-align:left;font-size:16px;margin-top:20px;color:#777;line-height:30px;}
#Subpage .content1 .contentBox1 p span{font-weight:bold;color:#333;}
#Subpage .content1 .contentBox1 p a{color:#001bad;}
#Subpage .content1 .contentBox1 ul {margin-top:20px;}
#Subpage .content1 .contentBox1 ul li{font-size:16px;color:#777;list-style:disc;margin-left:20px;}

#Subpage .content1 .contentBox2{width:100%; padding-left:40px;color:#333;min-height: 350px;}
#Subpage .content1 .contentBox2 h5{font-size:18px;margin-top:40px;}
#Subpage .content1 .contentBox2 p{text-align:left;font-size:16px;margin-top:20px;color:#777;line-height:30px;}
#Subpage .content1 .contentBox2 p span{font-weight:bold;color:#333;}
#Subpage .content1 .contentBox2 p a{color:#001bad;}
#Subpage .content1 .contentBox2 ul {margin-top:20px;}
#Subpage .content1 .contentBox2 ul li{font-size:16px;color:#777;list-style:disc;margin-left:20px;}


/*返回顶部*/
#back-to-top{position:fixed;bottom:5%;left:90%;}
#back-to-top a{display:block;height:50px;width:50px;background:url(../../img/go.png) no-repeat center center;margin-bottom:5px;}

@media screen and (max-width: 1500px) and (min-width:1400px){
#nav .logo{left:4px;}
#nav .ui-item {right:100px;}
#nav .Switch{right:4px;}
#nav .ui-item .li-item{padding:0 14px;}
.banner .txt{margin-top:-73px;padding:30px 30px; }
.banner .txt h3{color: #ffffff;font-size:30px;text-align:center;font-weight:bold;line-height: 30px;}
.banner .txt p{color: #ffffff;font-size:20px;font-weight:bold;text-align:center;margin-top:15px;line-height: 25px;}
.content{padding:20px 0 40px 0;}
.content .cont .list-item .item .item-cont{padding-left:80px;}
.content .cont .list-item .item .item-cont h3{font-size: 22px;}
.content .cont .list-item .item .item-cont p{line-height:30px;}

}

@media screen and (max-width: 1400px) and (min-width:1300px){
#nav .logo{left:4px;}
#nav .ui-item {right:100px;}
#nav .Switch{right:2px;}
#nav .ui-item .li-item{padding:0 8px;}

.banner .txt{margin-top:-73px;padding:30px 30px; }
.banner .txt h3{color: #ffffff;font-size:30px;text-align:center;font-weight:bold;line-height: 30px;}
.banner .txt p{color: #ffffff;font-size:20px;text-align:center;margin-top:15px;line-height: 25px;}
.content{padding:20px 0 40px 0;}
.content .cont .list-item .item .item-cont{padding-left:80px;}
.content .cont .list-item .item .item-cont p{line-height:30px;}

.footerBox{padding:38px 0;}

}

@media screen and (max-width: 1300px) and (min-width:1200px){
#nav .logo{left:4px;}
#nav .logo img{width:80%;}
#nav .ui-item {right:90px;}
#nav .Switch{right:2px;}
.w1000{width:1100px;}
#nav .ui-item .li-item{padding:0 6px;}

.banner .txt{margin-top:-73px;padding:30px 30px; }
.banner .txt h3{color: #ffffff;font-size:28px;text-align:center;font-weight:bold;line-height: 30px;}
.banner .txt p{color: #ffffff;font-size:18px;text-align:center;margin-top:12px;line-height: 20px;}
.content{padding:20px 0 40px 0;}
.content .cont .list-item .item .item-cont{padding-left:60px;}
.footerBox{padding:38px 0;}

#Subpage .content .contentBox{width:1100px;}
#Subpage .content1{width:1100px;}

}

@media screen and (max-width: 1200px) and (min-width:1000px){
#nav .logo{left:4px;}
#nav .logo img{width:80%;}
#nav .ui-item {right:100px;}
#nav .Switch{right:2px;}
#nav .Switch a{margin-left:2px;font-size:14px;}
.w1000{width:1000px;}
#nav .ui-item .li-item{padding:0 4px;font-size:14px;}

.banner .txt{margin-top:-79px;padding:20px 30px;}
.banner .txt h3{color: #ffffff;font-size:28px;text-align:center;font-weight:bold;line-height: 30px;}
.banner .txt p{color: #ffffff;font-size:18px;text-align:center;margin-top:12px;line-height: 20px;}

.content{padding:20px 0 40px 0;}
.content .cont .list-item .item .item-cont{padding-left:60px;}
.content .cont .list-item .item .item-cont h3{font-size:22px;}
.footerBox{padding:38px 0;}

#Subpage .content .contentBox{width:1000px;}
#Subpage .content1{width:1000px;}


}


@media screen and (max-width: 1000px) and (min-width:800px){
#nav{height:70px;line-height:70px;}
#nav .logo img,#nav .ui-item{display: none;}
#nav .logo span{display:block;font-size:24px; margin-left:20px;font-weight:bold;}
#nav .Switch{width:120px; right:80px;}

.banner .txt{margin-top:-65px;padding:20px 30px;}
.banner .txt h3{color: #ffffff;font-size:20px;text-align:center;font-weight:bold;line-height: 30px;}
.banner .txt p{color: #ffffff;font-size:16px;text-align:center;margin-top:12px;line-height: 20px;}
.w1000{width:800px;}
 
.content{padding:20px 0 40px 0;}
.content .cont .list-item .item .item-cont{padding-left:40px;}
.footerBox{padding:38px 0;}

/*menu-btn*/
.menu {width:40px; height:40px; position:relative; cursor:pointer;}
.menu:before, .menu:after { content: ""; display: block; width: 40px; height:6px; background: #333; border-radius: 4px; position: absolute; left: 0; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.menu:before {top:0px; box-shadow:0 30px #333;}
.menu:after {bottom:20px;}
.menu.on:before { top:17px; box-shadow:none; -webkit-transform:rotate(225deg); transform:rotate(225deg); }
.menu.on:after { bottom:17px; -webkit-transform:rotate(135deg); transform:rotate(135deg); }
.menu-btn{position:absolute; top:16px; right:20px;}

.header-down-nav {position:absolute; width:100%;z-index:52; left: 0; padding: 0; border-radius: 0;}
.header-down-nav li {line-height:30px;}
.header-down-nav li a{display:block;font-size:16px;color:#fff;text-decoration: none;}
.header-down-nav li a:hover{background-color:#333;}
/*第二级菜单，子菜单*/
.header-down-nav .li-item .subMenu{width:100%; z-index:10;background-color:#393D49;}
.header-down-nav .li-item .subMenu li{margin-left:12px; line-height:30px; white-space:nowrap; text-align:left;}
.header-down-nav .li-item .subMenu li a{color:#fff;display:block;text-decoration: none;}
.header-down-nav .li-item .subMenu li a:hover{background-color:#333;}

#Subpage .content .contentBox{width:800px;}
#Subpage .content1{width:800px;}


}


@media screen and (max-width: 800px) and (min-width:600px){
#nav{height:60px;line-height:60px;}
#nav .logo img,#nav .ui-item{display: none;}
#nav .logo span{display:block;font-size:22px; margin-left:20px;font-weight:bold;}
#nav .Switch{width:100px; right:80px;}

.banner .txt{margin-top:-52px;padding:20px;}
.banner .txt h3{color: #ffffff;font-size:18px;text-align:center;font-weight:bold;line-height: 20px;}
.banner .txt p{color: #ffffff;font-size:14px;text-align:center;margin-top:8px;line-height: 16px;}
.w1000{width:500px;}
 
.content{padding:20px 0 30px 0;}
.content .cont .list-item .item .item-cont{padding-top:20px;padding-left:0;}
.content .cont .list-item .item .item-cont h3{font-size:22px;}
.content .cont .list-item .item .item-cont p{line-height:30px;}

.footerBox{margin:0 auto;padding:30px 0;overflow:hidden;}
.footerBox .t1{display:none;}
.footerBox .t2{width:100%;color:#fff;}

.cooperation .cooperationBox{padding:10px 0 10px 0;}
.cooperation .cooperationBox h3{font-size:24px;line-height:70px;}

/*menu-btn*/
.menu {width:40px; height:40px; position:relative; cursor:pointer;}
.menu:before, .menu:after { content: ""; display: block; width: 36px; height:4px; background: #333; border-radius: 4px; position: absolute; left: 0; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.menu:before {top:0px; box-shadow:0 26px #333;}
.menu:after {bottom:24px;}
.menu.on:before { top:18px; box-shadow:none; -webkit-transform:rotate(225deg); transform:rotate(225deg); }
.menu.on:after { bottom:18px; -webkit-transform:rotate(135deg); transform:rotate(135deg); }
.menu-btn{position:absolute; top:16px; right:20px;}

.header-down-nav { width:100%;z-index:52; left: 0; padding: 0; border-radius: 0;}
.header-down-nav li {line-height:30px;display:block;}
.header-down-nav li a{display:block;padding-left:15px;font-size:16px;color:#fff;text-decoration: none;}
.header-down-nav li a:hover{background-color:#4e5364;}
/*第二级菜单，子菜单*/
.header-down-nav .li-item .subMenu{width:100%; z-index:10;background-color:#393D49;}
.header-down-nav .li-item .subMenu li{display:block; line-height:30px; white-space:nowrap; text-align:left;}
.header-down-nav .li-item .subMenu li a{padding-left:20px;color:#fff;display:block;text-decoration: none;}
.header-down-nav .li-item .subMenu li a:hover{background-color:#4e5364;}

#Subpage{margin-bottom:10px;}
#Subpage .content .contentBox{width:500px;}
#Subpage .content1{width:500px;}
#Subpage .content .contentBox .wb2 img{max-width:100%;height:100px;}
#Subpage .content1 .photo{padding:0 10px;}


/*返回顶部*/
#back-to-top{left:85%;}
.footerBox .t3{float: auto !important;width: 100%!important;}
}

@media screen and (max-width: 600px) and (min-width:320px){
#nav{height:50px;line-height:50px;}

#nav .logo img,#nav .ui-item{display: none;}
#nav .logo span{display:block;font-size:20px; margin-left:2px;font-weight:bold;}
#nav .Switch{width:100px; right:60px;}

.banner .txt{width:80%;top: 25%;margin-top:0;left:10%; padding:10px 4px;margin-left: 0;}
.banner .txt h3{color: #ffffff;font-size:16px;text-align:center;font-weight:bold;line-height: 18px;}
.banner .txt p{color: #ffffff;font-size:12px;text-align:center;margin-top:8px;line-height: 14px;}

.carousel-indicators,.carousel-control{display:none;}

.w1000{width:280px;}
 
.content{padding:0 0 1px 0;}
.content .cont .list-item .item .item-cont{padding-left:0;padding-top:10px;}
.content .cont .list-item .item .item-cont h3{font-size:20px;}
.content .cont .list-item .item .item-cont p{line-height:26px;}

.cooperation .cooperationBox{padding:10px 0 30px 0;}
.cooperation .cooperationBox h3{font-size:24px;line-height:50px;}
.cooperation .cooperationBox ul li{margin-left:0;}

.footerBox{padding:14px 0;overflow:hidden;}
.footerBox .t1{display:none;}
.footerBox .t2{width:100%;color:#fff;}
.footerBox .t2 p{width:100%;}

.copyright{padding:10px 0;}
/*menu-btn*/
.menu {width:40px; height:40px; position:relative; cursor:pointer;}
.menu:before, .menu:after { content: ""; display: block; width: 36px; height:4px; background: #333; border-radius: 4px; position: absolute; left: 0; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.menu:before {top:0px; box-shadow:0 26px #333;}
.menu:after {bottom:24px;}
.menu.on:before { top:18px; box-shadow:none; -webkit-transform:rotate(225deg); transform:rotate(225deg); }
.menu.on:after { bottom:18px; -webkit-transform:rotate(135deg); transform:rotate(135deg); }
.menu-btn{position:absolute; top:10px; right:10px;}

.header-down-nav { width:100%;z-index:52; left: 0; padding: 0; border-radius: 0;}
.header-down-nav li {line-height:30px;display:block;}
.header-down-nav li a{display:block;padding-left:15px;font-size:16px;color:#fff;text-decoration: none;}
.header-down-nav li a:hover{background-color:#4e5364;}
/*第二级菜单，子菜单*/
.header-down-nav .li-item .subMenu{width:100%; z-index:10;background-color:#393D49;}
.header-down-nav .li-item .subMenu li{display:block; line-height:30px; white-space:nowrap; text-align:left;}
.header-down-nav .li-item .subMenu li a{padding-left:20px;color:#fff;display:block;text-decoration: none;}
.header-down-nav .li-item .subMenu li a:hover{background-color:#4e5364;}

.haerd img{width:100%;height:110px;}

#Subpage{margin-bottom:10px;}
#Subpage .content .contentBox{width:280px;}
#Subpage .content1{width:280px;}

#Subpage .content .contentBox .wb1 ul li{margin-left:20px;}
#Subpage .content .contentBox .wb1 .wb1-2 li{margin-left:20px;}
#Subpage .content .contentBox .wb2 ul li{margin-left:20px;}
#Subpage .content .contentBox .wb2 p img{max-width:100%;height:100px;}
#Subpage .content .contentBox .wb3{margin-top:40px;}

#Subpage .content1{width:280px;}
#Subpage .content1 h4{padding:20px 0 20px 0;}
#Subpage .content1 .photo{width:100%;padding:0;}
#Subpage .content1 .contentBox1{width:100%; padding-top:20px;padding-left:0;}
#Subpage .content1 .contentBox2{width:100%; padding-top:20px;padding-left:0;}
/*返回顶部*/
#back-to-top{left:80%;}

.keynotecon1{width: 100% !important;padding-top: 30px;}
.keynoteCon{width: 100% !important;}
.keynoteItem{border-bottom: 1px dashed #D3D4D3;}
.footerBox .t3{float: auto !important;width: 100%!important;}
@media screen and (max-width:320px){
#nav .Switch a{width:100px; right:60px;font-size:16px;}
.footerBox .t3{float: auto !important;width: 100%!important;}
} 
}