@charset "utf-8";

/* 禁用iPhone中Safari的字号自动调整 */
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}

/* 去除iPhone中默认的input样式 */
input,textarea,button{-webkit-appearance:none;resize:none;border:none;background:none;}

/* 取消链接高亮  */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0;padding:0;border:0;font-family:arial, "Hiragino Sans GB", "Microsoft Yahei", 微软雅黑, 宋体, Tahoma, Arial, Helvetica, STHeiti,sans-serif;}

/* 设置HTML5元素为块 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
*:focus{outline:none;}
html{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle;padding:0;}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
input,select{padding:0;margin:0;border:0 none;font-size:14px;color:#484848;font-family:arial, "Hiragino Sans GB", "Microsoft Yahei", 微软雅黑, 宋体, Tahoma, Arial, Helvetica, STHeiti,sans-serif;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   font-size:14px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size:14px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size:14px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size:14px;
}
a{text-decoration:none;}
a:hover{text-decoration:none;}

/*清除浮动*/
.clearfix{*zoom:1}
.clearfix:after{content:'\0020';display:block;height:0;font-size:0;clear:both;overflow:hidden}

/*左右浮动*/
.fl{float:left}
.fr{float:right}

/*过渡*/
.tans{-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transtransitionform:all 1s}

.posiR{position: relative;}


/*layout*/
body{
    min-width: 1200px;
    font-family: arial,"Hiragino Sans GB", "Microsoft Yahei", 微软雅黑, 宋体, Tahoma, Arial, Helvetica, STHeiti,sans-serif;
    background:#f2f2f2;
    font-size: 18px;
    color:#333;
}
.ma{
    width:1200px;
    margin:0 auto;
}
.mainBox h1{
    padding-bottom:54px;
}
.mainBox h1 img{
    margin:0 auto;
}
.mainBox img{
    display: block;
}

.banner{
    height:312px;
    background:url(https://s4.51cto.com/oss/201811/30/c9b592dd2b343132226d92307e2ab8d4.png) no-repeat center top;
    padding-top:404px;
}
.hlsy{
    width:200px;
    height:56px;
    margin:0 auto;
}
.dy{
    position:relative;
    padding:30px 0;
    background:#0071c5;
    color:#ffffff;
    font-size: 22px;
    line-height: 38px;
}
.dy .ma{
    width:1124px;
    padding:0 38px;
}
.dyarr{
    width:63px;
    height:17px;
    background:url(https://s3.51cto.com/oss/201805/09/d7969b972f0c44e2a3c12154c21cd2a5.jpg) no-repeat center top;
    position: absolute;
    bottom:-17px;
    left:50%;
}
.yztl{
    padding-top:66px;
}
.live{
	position:relative;
    height:450px;
    background:#262e39;
    color:#fff;
    font-size: 30px;
    text-align: center;
    margin-bottom: 60px;
}
.live-number{
	position:absolute;
	right:196px;
	top:0;
	color:#fff;
	font-size:18px;
	text-align:center;
	padding:17px 23px;
	background:#20232e;
	z-index:2;
}
.live-info{
    margin-bottom:58px;
}
.live-left{
    width:776px;
    float: left;
    padding-top:25px;
}
.live-right{
    width:378px;
    float: right; 
    padding:24px 22px;
}
h2{
    position:relative;
    padding-bottom:20px;
    margin-bottom:21px;    
    font-weight: normal;
    font-size: 36px;
    text-align: center;
}
.guest h2{
    border-bottom:1px solid #fff;
    margin-bottom:44px;
}
.h2line{
    position:absolute;
    width:46px;
    height:2px;
    bottom:0;
    left:50%;
    margin-left:-23px;
    background:#0071c5;

}
.live-left strong{
    display: block;
    text-align: center;
    margin-bottom:44px;
    font-weight: normal;
}
.ht li{
    float:left;
    width: 349px;
    height:165px;
    background:url(https://s5.51cto.com/oss/201805/09/79f5625f58a9941557cacd6d7a924973.png) no-repeat center;
    color:#fff;
    margin-right:34px;
    margin-bottom:25px;
    overflow:hidden;
}
.ht li span{
    float:left;
}
.ht-num{
    width:30px;
    color:#333333;
    font-size: 20px;
    padding-top:35px;
    padding-left:26px;
}
.ht-txt{
    width:240px;
    line-height: 40px;
    padding:0 26px;
	font-size:14px;
}
.live-right{
    border:1px solid #0071c5;
}
.comment{
    height:280px;
    /*background:pink;*/
    overflow-y: auto;
    margin-bottom:44px;
    padding:0 10px;
    line-height: 27px;
}
.comment .ueser{
    color:#5390ce;
}

.comment-enter textarea{
    border:1px solid #e6e6e6;
    border-right:0;
    background:#fff;
    width:270px;
    height:45px;
    padding:10px;
}
.comment-enter textarea,.comment-enter .comment-sub{
    float:left;
}
.comment-sub{
    width: 87px;
    height: 67px;
    line-height: 67px;
    background: #fea002;
    text-align: center;
    color:#fff;
}
.ps{
    color:#0071c5;
    font-size: 14px;
}
.guest{
    position:relative;
}

.guest-bg{
    position:relative;
    display:block;
    width:302px;
    height:302px;
    background:url(https://s4.51cto.com/oss/201805/09/b93824d37051a044aabe1cb7d993cdfa.png) no-repeat center top;
    padding-bottom:17px;
}
.guestPic{
    position:absolute;
    border-radius: 100%;
    top:52px;
    left:52px;
}
.guest-info{
    display:block;
    text-align: center;
    font-size: 30px;
    line-height: 37px;
}
.guest-item{
   padding:0 38px;  
   margin-left:-107px;
}
.guest-item li{
    position:relative;
    float:left;
    width:302px;  
    margin-left:107px; 
    padding-bottom:64px;
    cursor:pointer;
}
.guest-item li:hover img{
    box-shadow: 1px 1px 20px rgba(49, 136, 203, 0.6);
}
.guest-pop{
    display:none;
    width:712px;
    position:absolute;
    top:83px;
    left:260px;
    background:#fff;
    padding:55px 30px 30px;
    z-index: 10;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.6);
}
.poparr{
    position:absolute;
    top:74px;
    left:-22px;
    width:22px;
    height:49px;
    background:url(https://s2.51cto.com/oss/201805/09/4c49de39647d7199c905d4b98381b554.png) no-repeat center top;
    display:none;
}
.guest-pop-left{
    float:left;
    width:214px;
}
.guest-pop-right{
    float:right;
    width:498px;
    line-height: 1.8;
    color:#656565;
    font-size: 16px;
}
.guest-pop-right strong{
    display:block;
    font-size: 22px;
    font-weight: normal;
    margin-bottom:10px;
    color:#333;
    line-height: 1;
}
.guest-pop-pic{
    position:relative;
    padding-top:13px;
    margin-bottom:20px;
}
.popclose{
    position:absolute;
    top:17px;
    right:25px;
    width:33px;
    height:33px;
    background:url(https://s5.51cto.com/oss/201805/09/0eadfed85d512c74847a2dd6792f27d4.png) no-repeat center top;
    cursor: pointer;
}
.picbg{
    display: block;
    width:172px;
    height:220px;
    border:1px solid #0071c5;
    margin-left:13px;
}
.guest-img{
    position:absolute;
    top:0;
    left:0;
}
.guest-pop-position{
    color:#666666;
    font-size:20px;
}
.guest-pop-position strong{
    display: block;
    color:#0071c5;
    font-size:26px;
    font-weight: normal;
    padding-bottom:10px;
}
.guestArr{
    display: block;
    width:62px;
    height:17px;
    background:url(https://s2.51cto.com/oss/201805/09/c9f46695509cbb4fb52939f8d4d6ef0a.jpg) no-repeat center top;
    margin:0 auto;
}
.workshop{
    background:#fff;
    padding-bottom:60px; 
}
.workshop h1{
    padding-top:70px; 
}
.workshop h2{
    border-bottom:1px solid #f2f2f2;
    margin-bottom:60px;
}

.on{
    display: block;
}

.agendaBox{
    margin-left:204px;
    border-left:9px solid #0071c5;
}
.agendaBox .time,.agenda{
    float:left;
}
.agendaBox li{
    margin-left:-83px;
    margin-bottom:23px;
}
.agendaBox .time{
    width:176px;
    height:46px;
    line-height:46px;
    background:#0071c5;
    color:#fff;
    border-radius: 50px 50px;
    text-align: center;
    margin-right:47px;
}
.agenda{
    padding-top:14px;
}
.agenda-detail{
    display:block;
    padding-top:10px;
    line-height: 30px;
}
.share{
    height:352px;
    padding:74px 0 60px;
    background:url(https://s2.51cto.com/oss/201805/09/2e299a719cc825d47346342175ace0de.jpg) no-repeat center top;
}
.share .ma{
     position:relative;
}
.share h2{
    color:#ffffff;
    margin-bottom:70px;
}
.share .h2line{
    background:#f7ee15;
}
.share-item li{
     position:relative;
    border:1px solid #c9c026;
    color:#fff;
    width:542px;
    height:195px;
    padding-top:23px;
    padding-left:40px;
    cursor:pointer;
}
.share-item li:hover{
    box-shadow: 1px 1px 50px rgba(225, 225, 225, 0.8);
}
.share-item li span,.share-item li strong{
    display: block;
}
.share-item li img{
    position:absolute;
    bottom:0;
    right:30px;
}
.share-tit{
    font-size: 34px;
    font-weight: normal;
    line-height: 48px;
    margin-bottom:18px;
}
.share-exper{
    font-weight: bold;
    margin-bottom:10px;
}
.share .guest-pop{
    top:-40px;
}
.share .guest-pop-right{
    width:100%;
}
.top4{
    background:#fff;
}
.wrap4 h2,.wrap6 h2{
     border-bottom:1px solid #e6e6e6;
     margin-bottom:48px;
}
.top4{width:100%;overflow:hidden;padding:70px 0;}
.top4 .wrap4{margin:auto;width:1200px;}
.top4 .wrap4 h2{color:#333333;font-size:38px;text-align:center;font-weight:100;position:relative;}
.top4 .wrap4 h2 span{background:#0171c5;width:50px;height: 2px;left:50%;margin-left:-25px;display:block;position:absolute;margin-top:10px;}
.top4 .wrap4 dl{width:1200px;height:472px;margin-top:60px;}
.top4 .wrap4 dt{width:1200px;display:none;position:relative;height:472px;}
.top4 .wrap4 dt.show{display:block;}
.top4 .wrap4 dt img{position:absolute;z-index: 0;}

.top4 .wrap4 dt span{width:1160px;margin:auto;position:absolute;bottom:0px;z-index:9;line-height:28px;color:#ffffff;font-size:18px;background:url(https://s2.51cto.com/wyfs02/M02/08/4E/wKiom1nfNmKD4di-AAAEJE_n4Ro585.png) repeat;padding:10px 20px;font-weight: 100;}
.top4 .wrap4 dt span em{color:#ffffff;font-size:18px;font-style:normal;display:none;}


.top4 .wrap4 ul{width:1200px;margin-top:40px;}
.top4 .wrap4 li{width:220px;float:left;cursor:pointer;position:relative;}


.top4 .wrap4 li span{width:220px;height:55px;background:#1977b7;filter:Alpha(opacity=80); opacity: 0.8;display:block;position:absolute;top:0;left:0;color:#ffffff;font-size:12px;text-align:center;padding-top:70px;display:none;}
.top4 .wrap4 li span em{color:#ffffff;font-size:16px;font-style:normal;height:24px;text-align:center;display:block;}
.mr25{margin-right:25px;}

.top6{width:100%;overflow:hidden;background:#ffffff;padding-top:80px;}
.top6 .wrap6{margin:auto;width:1208px;}

.top6 .wrap6 dl{width:356px;height:252px;padding:13px;float:left;border:1px solid #fff;margin-bottom:70px;}
.top6 .wrap6 dl.show{border-color:#c2c2c2;}
.top6 .wrap6 dt{width:354px;height:188px;margin-bottom:15px;position:relative;}
.top6 .wrap6 dt img{position:absolute;top:0;left:0;width:354px;height:188px;z-index:0}
.top6 .wrap6 dl.show span{background:url(https://s2.51cto.com/wyfs02/M01/08/3B/wKiom1neRSbyxnbrAAAZNgo9pSI015.png) no-repeat center top;position:absolute;top:0;left:0;width:354px;height:188px;z-index:9;}
.top6 .wrap6 dd{width:344px;color:#0071c5;font-size:16px;padding:0 5px;line-height:24px;}
.part6{
    background:#fff;
    padding-bottom:58px;
}
.part6 h2{
    width:1200px;
    border-bottom:1px solid #e6e6e6;
     margin:0 auto;    
     margin-bottom:53px;
}
.part6 .swiper-box{
    margin-top: 26px;
    height: 555px;
}
.container {
    position: relative;
    width: 1120px;
    margin: 0 auto;
}
.footer{
    border-top:2px solid #0071c5;
    background:#fff;
    font-size: 12px;
    text-align: center;
    padding:30px 0 60px;
}

.es-carousel ul li.selected a{
    border-color:#d5d1d0;
}

