@charset "utf-8";

html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p,table,tr,td{
margin:0;border:0;padding:0;font-style:normal; list-style:none;  }
body{ font-size:14px; line-height:24px;font-family: "Microsoft Yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
table{width:100%; border-collapse:collapse; border-spacing:0;  }
table td{word-break: break-all; word-wrap:break-word;}
ul,li,img,p,dl,dt,dd{ padding:0; margin:0; border:0; list-style:none;}
a{ outline:none; text-decoration:none ;color:#333;}
a:hover{ text-decoration:none;}

.mainBox{ width:1100px; margin:0 auto; overflow:hidden;}
.marT{ margin-top:60px!important;}



.banner{ height:550px; background:url(../images/pcbanner.png) no-repeat top center; }
.banner img{ display:none;}

.title{ text-align:center; margin-bottom:60px;}
.title b{ display:block; font-size:40px; font-weight:bold; color:#333333; height:50px; line-height:50px;}
.title span{text-transform:uppercase; display:block; font-size:21px; color:#cbcbcb; font-weight:bold; height:26px; line-height:26px; margin-top:10px;}

.activeBg{ background:url(../images/bg1.png) no-repeat top center; padding:90px 0 70px;}
.activeBg p{ font-size:15px; line-height:28px; color:#333333; margin-bottom:30px; text-align:justify;}


.guest{ background:url(../images/bg2.png) no-repeat top center; padding:90px 0 60px; }
.guest ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.guest ul li{ float:left; width:220px; text-align:center; }
.guest ul li b{ display:block; font-size:18px; color:#333333; font-weight:bold; margin:5px 0;}
.guest ul li span { display:block; font-size:13px; line-height:22px; color:#888888; white-space:nowrap;}

.calender{ background:url(../images/bg3.jpg)  no-repeat top center; padding:90px 0 60px;}

.subTitle{ text-align:center;}
.subTitle b{ font-size:24px; color:#333333; display:block; height:26px;}
.subTitle span{ display:block; font-size:18px; color:#666666; line-height:20px; height:20px;  margin-top:15px;}

.calBox{ background:url(../images/line.png) repeat-y;   margin-left:9px; margin-top:60px; margin-bottom:80px;}
.calBox ul li{position:relative;}
.calBox ul li:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.calBox ul li em{ display:block; background:url(../images/dot.png) no-repeat; width:18px; height:18px; position:absolute; left:-8px;top:8px;}
.calBox ul li dl{ margin-left:45px; height:auto; margin-bottom:40px; }
.calBox ul li d1:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.calBox ul li dl dt{  width:140px; float:left; font-size:16px; color:#333333; line-height:32px; }
.calBox ul li dl dd{  width:880px; float:left; font-size:17px; color:#333333; line-height:32px;  }
.calBox ul li dl dd b{ font-weight:bold; margin-bottom:5px; display:block;}

@media screen and ( max-width:600px){
	
.mainBox{ width:96%; padding:0 2%;}
.marT{ margin-top:30px!important;}

.banner{ width:100%;background:none;height:auto;}
.banner img{display: block; width:100%;}


.title{ text-align:center; margin-bottom:20px;}
.title b{ display:block; font-size:30px; font-weight:bold; color:#333333; height:34px; line-height:34px;}
.title span{text-transform:uppercase; display:block; font-size:16px; color:#cbcbcb; font-weight:bold; height:20px; line-height:20px; margin-top:10px;}

.activeBg{ background:#f1f8fd url(../images/bg1.png) no-repeat top center; padding:30px 0 10px;}
.activeBg p{ font-size:13px; line-height:24px; color:#333333; margin-bottom:15px; padding:0 10px;}


.guest{ background:#edf5fc url(../images/bg2.png) no-repeat top center; background:100% auto; padding:30px 0 15px; }

.guest ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.guest ul li{ float:left; width:50%; text-align:center; margin-bottom:15px;/* height:290px;*/}
.guest ul li b{ display:block; font-size:16px; color:#333333; font-weight:bold; margin:5px 0;}
.guest ul li span { display:block; font-size:12px; line-height:20px; color:#888888; word-wrap:break-word;  word-break:normal; white-space:inherit;}


.calender{ background:url(../images/bg3.jpg) no-repeat top center;  background:100% auto; padding:30px 0 15px;}

.subTitle{ text-align:center;}
.subTitle b{ font-size:19px; color:#333333; display:block; height:20px;}
.subTitle span{ display:block; font-size:14px; color:#666666; line-height:16px; height:16px;  margin-top:10px;}

.calBox{ background:url(../images/line.png) repeat-y; position:relative; margin-left:9px; margin-top:20px; margin-bottom:20px;}
.calBox ul li:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.calBox ul li{position:relative;}
.calBox ul li em{ display:block; background:url(../images/dot.png) no-repeat; background-size:12px 12px; width:12px; height:12px; position:absolute; left:-5px; top:2px;}

.calBox ul li dl{ margin-left:20px; height:auto; margin-bottom:25px; margin-top:-5px;}
.calBox ul li:last-child dl{ margin-bottom:0;}
.calBox ul li d1:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.calBox ul li dl dt{  width:100%; float:none; font-size:14px; color:#333333; line-height:18px; color:#666; }
.calBox ul li dl dd{  width:100%; float:none; font-size:14px; color:#333333; line-height:20px; margin-top:10px;}
.calBox ul li dl dd b{ font-weight:bold; margin-bottom:5px; display:block;}



}