@charset "UTF-8";
/**
 * 文章详细页
 */
.pageBox{
	min-height:300px;
	height:auto !important;
	height:300px;
	clear:both;
	overflow:hidden;
	padding:40px 60px; 
	background:#fff;
	border-radius:15px;
    padding:30px;
}
.articleTitle{
	padding:20px 150px 10px 150px;
    font-size:32px;
    line-height:46px;
    color:#333;
    text-align: center;
	font-weight:bold;
	}
.articleTime{
    line-height:36px;
    text-align:center;
    font-size:0px;
}
.articleTime .center{
    display: inline-block;
    overflow: hidden;
}
.articleTimeTxt{
    font-size: 14px;
}
.newsShare{
    padding-left: 15px;
    margin-top: 2px;
}
.newsShare span{
    font-size: 14px;
}
.articleBox {
    overflow:hidden;
    font-size: 16px;
    color: #454545;
    line-height: 40px;
	padding:20px 0 0 0;
}
.articleBox img{ max-width:100%;}

.articleHand{
    clear:both;
    font-size:16px;
    overflow: hidden;
	padding:10px 0 0 0;
    }
.articleHand a{
    display:block;
    line-height:32px;
    padding:10px 20px 10px 30px;
    float:left;
	background:url(../images/file.png) no-repeat left center; 
}
.articleHand a.word{background:url(../images/word.png) no-repeat left center; color:#37a6ff !important; }
.articleHand a.ppt,.articleHand a.pptx{background:url(../images/ppt.png) no-repeat left center; color:#ff7735 !important;}
.articleHand a.excel{background:url(../images/excel.png) no-repeat left center; color:#15bf44 !important; }
.articleHand a.pdf{background:url(../images/pdf.png) no-repeat left center; color:#1369c0 !important; }
.articleHand a.zip{background:url(../images/zip.png) no-repeat left center; color:#ff9779 !important; }

.codeBox{
	clear:both;
	background:#fff;
	text-align:center;
	padding:20px;
	}
.codeBox p{
	display:block;
	line-height:40px;
	font-size:14px;
	}
	
/**
 * 文章阅读页-内容上部大图
 */
#play{
    width:800px;
    height:535px;
    position:relative;
    overflow: hidden;
    background:#fff;
    border:1px solid #e9e9e9;
    padding:5px;
    margin:20px auto 0 auto;
}
#play .change_a {
    width:40%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    cursor: pointer;
    display: block;
    overflow: hidden;
    background:url(about:blank);
}
#play .prev_a {left: 0;}
#play .next_a {right: 0}
#play .change_a span {
    width: 24px;
    height: 43px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    display: none
}
#play .prev_a span {background: url(../images/article_icon.png) no-repeat 0px -50px;left: 0;}
#play .next_a span {background: url(../images/article_icon.png) no-repeat -30px -50px;right: 0;}

#play .img_ul {
    position: relative;
    z-index: 1;
    width:800px;
    height:535px;
}
#play .img_ul li{
    position: relative;
    z-index: 1;
    width:800px;
    height:535px;
    background:#fff;
    margin:0 0 5px 0;
}
#play .img_ul li img{position:absolute;}


.imgMove{width:800px;clear:both;margin:20px auto;position:relative;}

.img_hd {
	margin:0 auto;
	overflow: hidden;
	height:90px;
	position:relative;
}
.img_hd ul {
	position: absolute;
	z-index: 1
}
.img_hd ul li {
	float: left;
	width:124px;
	height:82px;
	padding:3px;
	margin:0 5px;
	cursor: pointer;
	background:#fff;
	border:1px solid #d4d4d4;
	position:relative;
}
.img_hd ul li p{
	width:124px;
	height:82px;
	display:block;
	background:#fff;
	position:relative;
	}
.img_hd ul li i{
	display:block;
	clear:both;
	line-height:20px;
	padding:0 5px;
	background:#000;
	color:#fff;
	position:absolute;
	right:3px;
	bottom:3px;
	z-index:99999999999999;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	font-family:Arial;
	font-size:12px;
	font-style:normal;
	}
.img_hd ul li img {position:absolute;width:90px;width:124px;
	height:82px;}
.img_hd ul li.on {border:1px solid #1168ab;background:#1168ab;}
.imgMove .prev_a {margin-top: 15px; display:block;width:30px; height:60px; position:absolute; left:0px; top:0px; background:url(../images/article_icon.png) no-repeat 10px 15px;}
.imgMove .next_a {margin-top: 15px;display:block; width:30px; height:60px; position:absolute; right:0px; top:0px; background:url(../images/article_icon.png) no-repeat -37px 15px;}

.articlePage{
    clear:both;
    text-align:center;
	overflow:hidden;
    }
.articlePage a{
    display: inline-block;
    padding: 8px 15px;
    color: #444;
    border-radius: 2px;
    margin: 0 2px;
    background: #E2E2E2;
    }
.articlePage a:hover,.articlePage a.hover{
    color:#fff;
    background:#666;
    }
	
.pageUp{
	clear:both;
	overflow:hidden;
	line-height:35px;
	font-size:16px;
	padding:20px 0;
	border-top: 1px solid #eee;
    margin-top: 20px;
}

/**
 * 分享
 * @author 杨朝杰
 * @return
 */
.ShareBox {
	overflow: hidden;
	clear:both;
}
.ShareBox p {
	display: block;
	overflow: hidden;
	float: left;
}
.ShareBox i {
	clear:both;
	display: block;
	font-size:12px;
	color:#666;
	text-align: center;
	overflow: hidden;
	margin:5px 0px;
	display:none;
}
.ShareBox span {
    font-size: 14px;
    line-height: 30px;
	float:left;
}
.ShareBox a{
	display: block;
	padding: 0 !important;
    width: 25px !important;
    height: 25px !important;
    margin: 0 7px 0 0 !important;
	}
.ShareBox .bds_weChat{background: url(../images/sharebt5.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .bds_tsina{background: url(../images/sharebt1.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .bds_tqq{background: url(../images/sharebt2.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .bds_qzone{background: url(../images/sharebt3.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .bds_douban{background: url(../images/sharebt4.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .bds_sqq{background: url(../images/sharebt6.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .f_more{background:url(../images/footshare.png) no-repeat -111px 0px !important;}
	
/**
 * 404页面
 * @author 杨朝杰
 * @return
 */
.alert{width:695px;height:355px;clear:both;position:absolute;left:50%;top:50%;margin:-177px 0 0 -348px;background:url(../images/404.jpg) no-repeat;}
.alertTitle1{clear:both;text-align:center;line-height:40px;font-size:14px;padding:70px 0 0 100px;}
.alertTitle2{clear:both;text-align:center;line-height:40px;font-size:14px;padding:0 0 0 100px;}
.alertTitle2 strong{font-size:20px;padding:0 10px;color:#ff0000;}
.alertBt{width:137px;lin-height:36px;height:36px;border:none;cursor:pointer;position:absolute;left:280px;bottom:75px;color:#454545;font-size:14px;text-align:center;font-family:"microsoft yahei";display:block;background: none;}
.infoInput{line-height:26px;border:1px solid #d7d7d7;outline:medium;padding:3px 0;}
.formlist td{padding:5px 0;}
.buttonface2{width:80px;line-height:26px;cursor:pointer;text-align:center;font-family:"microsoft yahei";font-size:14px;border:1px solid #d7d7d7;}
	
	
/**
 * 列表分页
 * @author 杨朝杰
 * @return
 */
.page{padding:5px 0;text-align: center;clear: both;font-size: 14px;}
.page a{display: inline-block;overflow: hidden;padding:8px 12px;color:#999999;border-radius:3px;background: #fff;}
.page a:hover{background: #1f63b5;color: #fff;}
.page a.hover{background: #1f63b5;color: #fff;}
.page input{display: inline-block;vertical-align: middle;height: 22px;border: 1px solid #e6e6e6;position: relative; top: -2px;}
.page input.pageDetail{width: 30px; height: 30px; text-align: center; border-radius: 3px; color: #999999; position: relative; top: -13px;}
.page label{color:#999999;position: relative;top: -11px;}
.page input.page_bnt{border: none; width: 30px; height: 25px; cursor: pointer; background: none; color: #999999; position: relative; top: -13px;}

.page a div{
	width: 11px;
    height: 19px;
	background-position: center center;
	background-repeat: no-repeat;
}
.page a.firstPage div{background-image: url(../images/firstpage.png)}
.page a.prevPage div{background-image: url(../images/prevpage.png)}
.page a.nextPage div{background-image: url(../images/nextpage.png)}
.page a.lastPage div{background-image: url(../images/lastpage.png)}

.page a.firstPage:hover div{background-image: url(../images/firstpageh.png)}
.page a.prevPage:hover div{background-image: url(../images/prevpageh.png)}
.page a.nextPage:hover div{background-image: url(../images/nextpageh.png)}
.page a.lastPage:hover div{background-image: url(../images/lastpageh.png)}

.page a.firstPage.disabled{background:#E2E2E2;}
.page a.prevPage.disabled{background:#E2E2E2;}
.page a.nextPage.disabled{background:#E2E2E2;}
.page a.lastPage.disabled{background:#E2E2E2;}

.page a.firstPage.disabled div{background-image: url(../images/firstpage.png)}
.page a.prevPage.disabled div{background-image: url(../images/prevpage.png)}
.page a.nextPage.disabled div{background-image: url(../images/nextpage.png)}
.page a.lastPage.disabled div{background-image: url(../images/lastpage.png)}



/**
 * 全文列表1
 */
.textList1{
	clear:both;
	overflow:hidden;
	}
.textList1 dd{
	padding:25px 0;
	overflow:hidden;
	clear:both;
	border-bottom:1px dotted #ccc;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
	}
.textList1 dd .date{
    font-family: Arial;
    border: 1px #ccc solid;
    width:65px;
    margin-right:20px;
	float:left;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.textList1 dd .date span{
    font-size: 30px;
    font-weight: bold;
    background: #ccc;
    line-height: 45px;
    color: #fff;
	display:block;
	text-align:center;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.textList1 dd .date em{
    display: block;
    text-align: center;
	line-height:25px;
	text-align:center;
	color:#565656;
	background:#fff;
}
.textList1 dd .txtBox{
	}
.textList1 dd .txtBox h3{
    font-size: 18px;
    margin-bottom: 5px;
    color: #454545;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
	font-weight:normal;
	}
.textList1 dd .txtBoxCon{
    line-height: 23px;
    height: 46px;
    overflow: hidden;
    color: #848484;
	font-size:14px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.textList1 dd:hover{ background:#fff;}
.textList1 dd:hover .date{border: 1px #cf261f solid;}
.textList1 dd:hover .date span{ background:#cf261f;}
.textList1 dd:hover .txtBox h3{ color:#cf261f;}
.textList1 dd:hover .txtBoxCon{ color:#666;}


/**
 * 图文列表1
 * @author 杨朝杰
 * @return
 */
.textImg1{
	position:relative;
	z-index:9;
}
.textImg1 dd{
    padding:30px;
    transition:.3s;
	overflow:hidden;
	clear:both;
    position: relative;
    z-index: 3;
	margin-bottom:30px;
	background:#fff;
}
.animate1 dd:before{
    display: block;
    display: none\9;
    content: "";
    overflow: hidden;
    width: 0px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0px;
    /*-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);*/
    background: #ddd;
    opacity: 0;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    z-index: 2;
}
.animate1 dd:after{
    display: block;
    display: none\9;
    content: "";
    overflow: hidden;
    width: 0px;
    height: 100%;
    position: absolute;
    right: 50%;
    top: 0px;
    /*-webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);*/
    background: #ddd;
    opacity: 0;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    z-index: 2;
}
.animate1 dd:hover:before,
.animate1 dd:hover:after{
    width: 50%;
    opacity: 1;
}
.animate2 dd:before{
    display: block;
    display: none\9;
    content: "";
    overflow: hidden;
    width: 100%;
    height: 0px;
    position: absolute;
    left: 0px;
    bottom: 50%;
    /*-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);*/
    background: #ddd;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 2;
}
.animate2 dd:after{
    display: block;
    display: none\9;
    content: "";
    overflow: hidden;
    width: 100%;
    height: 0px;
    position: absolute;
    left: 0px;
    top: 50%;
    /*-webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);*/
    background: #ddd;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 2;
}
.animate2 dd:hover:before,
.animate2 dd:hover:after{
    height: 50%;
    opacity: 1;
}
.animate3 dt{
    width: 0px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #ddd;
    z-index: 1;
}
.textImg1 dd .wrap{
    position: relative;
    z-index: 3;
} 
.textImg1 dd .picture{
	display:block;
	width:263px;
	height:175px;
	overflow:hidden; 
	position:relative;
    float: left;
	margin:0 20px 0 0;
	}
.textImg1 dd .picture img{
	display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
	transform: scale(1);
	-webkit-transition:0.3s; 
	-moz-transition:0.3s; 
	transition:0.3s;
	}
.textImg1 dd .picture .jqthumb{
	transition: 0.4s ease;
}
.textImg1 dd:hover .jqthumb{
	transform: scale(1.05);
}
.textImg1 h3{
    font-size:18px;
    color:#191919;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-top: 8px;
}
.textImg1 h3 a{color:#373737;}
.textImg1 dd:hover h3 a{color:#2064b5;}
.textImg1 p{
	margin:15px 0;
    line-height:30px;
	overflow:hidden;
	font-size:14px;
	color:#848484;
}
.textImg1 dd:hover{
    background:#ddd\9;
}
.textImg1 dd:hover .picture img{transform: scale(1.05)}
.textImg1 dd h6{
	font-weight: normal;
	padding:0 0 0 26px;
	float:left;
	overflow:hidden;
	background:url(../images/date.png) no-repeat left center;
	}
.textImg1 dd h6 span{
	padding:0 0 0 26px;
	margin:0 0 0 20px;
    background: url(../images/read.png) no-repeat left center;
}


/**
 * 全图列表1
 * @author 杨朝杰
 * @return
 */
.imgList1{margin: 0 -8px; overflow:hidden;position:relative;}
.imgList1 dd{
	float:left; 
	width:33.3333%; 
	padding:8px 0 20px 0; 
	-webkit-animation:gfadeIn 0.6s 0.8s both; 
	-moz-animation:gfadeIn 0.6s 0.8s both; 
	animation:gfadeIn 0.6s 0.8s both;
    transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    /*border-radius: 4px;
    box-shadow: 0px 1px 2px 0px #e1e1e1;*/
	overflow:hidden;
	}
.imgList1 dd:nth-of-type(1){-webkit-animation-delay:0.2s; -moz-animation-delay:0.2s; animation-delay:0.2s;}
.imgList1 dd:nth-of-type(2){-webkit-animation-delay:0.4s; -moz-animation-delay:0.4s; animation-delay:0.4s;}
.imgList1 dd:nth-of-type(3){-webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; animation-delay:0.6s;}
.imgList1 dd:nth-of-type(4){-webkit-animation-delay:0.8s; -moz-animation-delay:0.8s; animation-delay:0.8s;}
.imgList1 dd:nth-of-type(5){-webkit-animation-delay:1s; -moz-animation-delay:1s; animation-delay:1s;}
.imgList1 dd:nth-of-type(6){-webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; animation-delay:1.2s;}
.imgList1 dd:nth-of-type(7){-webkit-animation-delay:1.4s; -moz-animation-delay:1.4s; animation-delay:1.4s;}
.imgList1 dd:nth-of-type(8){-webkit-animation-delay:1.6s; -moz-animation-delay:1.6s; animation-delay:1.6s;}
.imgList1 dd:nth-of-type(9){-webkit-animation-delay:1.8s; -moz-animation-delay:1.8s; animation-delay:1.8s;}
.imgList1 dd:nth-of-type(10){-webkit-animation-delay:2s; -moz-animation-delay:2s; animation-delay:2s;}
.imgList1 dd:nth-of-type(11){-webkit-animation-delay:2.2s; -moz-animation-delay:2.2s; animation-delay:2.2s;}
.imgList1 dd:nth-of-type(12){-webkit-animation-delay:2.4; -moz-animation-delay:2.4; animation-delay:2.4s;}

.imgList1 dd a{
    display:block; 
    margin: 0 8px; 
    padding: 10px 10px 0 10px;
    background: #fff; 
    transition: 0.3s ease;
	overflow:hidden;
}
.imgList1.pdt dd a{padding:0}
.imgList1 dd .picture{
	display:block; 
	padding-top: 66.66666%;
	width:100%; 
	overflow:hidden; 
	position:relative;
	background:#fff;
}
.imgList1.pdt dd .picture{padding-top:95.9459%;border-radius:5px}
.imgList1 dd .picture img{
	width:100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	-webkit-transition:0.3s; 
	-moz-transition:0.3s; 
	transition:0.3s;
    object-fit: cover;
}	
a .ui-s-cover { background: #000; position: absolute; width: 100%; top: 0; left: 0; height: 100%; filter: alpha(opacity=40); opacity: 0.4; transition: all 0.2s ease-in-out; z-index: 5; }
a:hover .ui-s-cover { filter: alpha(opacity=0); opacity: 0; }	
.imgList1 dd span{
    padding:0 15px;
	margin:15px 0;
	height:20px;
	overflow:hidden;
	line-height:20px;
    background: #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
	font-size:15px;
	display:block;
	text-align:center;
	}
.imgList1 dd a:hover{
    box-shadow: 0 0px 10px 0 rgba(0,0,0,0.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
}
.imgList1.pdt dd a{box-shadow: 0 0px 0 0 rgba(0,0,0,0) !important}
.imgList1.mv dd .picture:after{
	content:"";
	display: block;
	width:100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
	background:rgba(0,0,0,0.5) url(../images/mv2.png) no-repeat center center;
	z-index:1;
}
.imgList1.pdt dd a{background:none} 
.imgList1.pdt dd span{background:none;font-size:16px;color:#838383} 
/**
 * 团队列表
 * @return
 */
.teamList{margin: 0 -8px; overflow:hidden;position:relative;}
.teamList dd{
    float:left; 
    width:25%; 
    padding:8px 0 20px 0; 
    -webkit-animation:gfadeIn 0.6s 0.8s both; 
    -moz-animation:gfadeIn 0.6s 0.8s both; 
    animation:gfadeIn 0.6s 0.8s both;
    transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    /*border-radius: 4px;
    box-shadow: 0px 1px 2px 0px #e1e1e1;*/
    overflow:hidden;
    }
.teamList dd:nth-of-type(1){-webkit-animation-delay:0.2s; -moz-animation-delay:0.2s; animation-delay:0.2s;}
.teamList dd:nth-of-type(2){-webkit-animation-delay:0.4s; -moz-animation-delay:0.4s; animation-delay:0.4s;}
.teamList dd:nth-of-type(3){-webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; animation-delay:0.6s;}
.teamList dd:nth-of-type(4){-webkit-animation-delay:0.8s; -moz-animation-delay:0.8s; animation-delay:0.8s;}
.teamList dd:nth-of-type(5){-webkit-animation-delay:1s; -moz-animation-delay:1s; animation-delay:1s;}
.teamList dd:nth-of-type(6){-webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; animation-delay:1.2s;}
.teamList dd:nth-of-type(7){-webkit-animation-delay:1.4s; -moz-animation-delay:1.4s; animation-delay:1.4s;}
.teamList dd:nth-of-type(8){-webkit-animation-delay:1.6s; -moz-animation-delay:1.6s; animation-delay:1.6s;}
.teamList dd:nth-of-type(9){-webkit-animation-delay:1.8s; -moz-animation-delay:1.8s; animation-delay:1.8s;}
.teamList dd:nth-of-type(10){-webkit-animation-delay:2s; -moz-animation-delay:2s; animation-delay:2s;}
.teamList dd:nth-of-type(11){-webkit-animation-delay:2.2s; -moz-animation-delay:2.2s; animation-delay:2.2s;}
.teamList dd:nth-of-type(12){-webkit-animation-delay:2.4; -moz-animation-delay:2.4; animation-delay:2.4s;}

.teamList dd a{
    display:block; 
    margin: 0 8px; 
    padding: 10px 10px 0 10px;
    background: #fff; 
    transition: 0.3s ease;
}
.teamList dd .picture{
    display:block; 
    padding-top:133.3333%;
    width:100%; 
    overflow:hidden; 
    position:relative;
    background:#fff;
}
.teamList dd .picture img{
    width:100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -webkit-transition:0.3s; 
    -moz-transition:0.3s; 
    transition:0.3s;
    object-fit: cover;
} 
.teamList dd span{
    padding:15px;
    height:20px;
    overflow:hidden;
    line-height:20px;
    background: #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    font-size:15px;
    display:block;
    text-align:center;
    }
.teamList dd a:hover{
    box-shadow: 0 0px 10px 0 rgba(0,0,0,0.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
}

/**
 * 人才招聘详细页
 * @author 杨朝杰
 * @return
 */
.jobInfo{
	clear:both;
	overflow:hidden;
	line-height:36px;
    font-size: 16px;
	padding:10px 0 0 0;
	}
.jobTitle{
    font-size: 17px;
    color: #333;
    border-bottom: solid 1px #E7E7E7;
    line-height: 30px;
    margin-top:30px;
    padding-bottom: 10px;
	}
.jobTitle i{
    width: 3px;
    background:#666;
    height: 20px;
    display: block;
    float: left;
    position: relative;
    top: 5px;
    margin-right: 10px;
}
.jobBt{
    width: 180px;
    height: 50px;
    border-radius: 3px;
    text-align: center;
    line-height: 50px;
    color: #FFFFFF !important;
    background:#a1171d;
    display:block;
    font-size: 18px;
	margin:0 auto;
	-webkit-transition:0.3s; 
	-moz-transition:0.3s; 
	transition:0.3s;
}
.jobBt:hover{background:#bb1219;}
.jobField{clear:both;overflow:hidden;line-height:36px;font-size:16px;padding:15px 0 0 0;}
.jobField dd{width:33%;float:left;}
.jobName{font-weight:bold;font-size:24px;clear:both;padding:0 0 10px 0;}
.jobTime{font-size:14px;line-height:30px;padding:0 0 10px 0;color:#999;border-bottom: solid 1px #E7E7E7;}


/* 招聘页 start */
.recruitTitle{padding-left: 30px;}
.recruitTitle dd{ font-size: 16px;  float: left;display: inline; width: 110px;height: 60px;line-height: 60px;}
.recruitTitle dd+dd{ text-align: center; margin-left: 75px;}
.recruitList{ overflow: hidden;}
.recruitList dd{ overflow: hidden; margin-bottom: 10px;}
.recruitList dd .recruitT{ overflow: hidden; height: 60px; line-height: 60px; padding: 0 0 0 30px; background: #f5f5f5; color: #656565; cursor: pointer; transition: all .3s; -webkit-transition: all .3s;}
.recruitList dd .recruitT .text{ font-size: 16px; overflow: hidden; float: left; display: inline; width: 110px; margin-right: 75px;}
.recruitList dd .recruitT .text+.text{ text-align: center;}
.recruitList dd .recruitT .btn{ float: right; display: inline; width: 60px; height: 60px; background: url(../images/zpshow.png) no-repeat center center;}
.recruitList dd .recruitC{ overflow: hidden; font-size: 14px; color: #888; line-height: 30px; display: none; padding:20px; background:#FFF;}
.recruitList dd .recruitC strong{color: #333;}
.recruitTable{ font-size: 14px; color: #555555; padding: 0px 0; border-bottom: 1px solid #ddd;}
.recruitTable table{ border:none;}
.recruitTable table tr{ border:none; height: 50px;}
.recruitTable table tr td{ border:none;}
.recruitTable table b{ margin-right: 20px;}
.recruitBtn{ overflow: hidden; padding-top: 20px;}
.recruitBtn a{ border: 1px solid #cf261f; font-size: 16px; overflow: hidden; display: block; height: 50px; line-height: 50px; float: left; display: inline; padding: 0 40px; background: #cf261f; color: #FFF; border-radius: 3px; transition: all .3s; -webkit-transition: all .3s;}
.recruitBtn a:hover{ opacity: 0.9}
.recruitBtn a.btn2{margin-left: 15px; background: none; color: #cf261f;}
.recruitList dd:hover .recruitT{ background: #cf261f; color: #FFF;}
.recruitList dd:hover .recruitT .btn{  background: url(../images/zpshowh.png) no-repeat center center;}
.recruitList dd.active .recruitT{ background: #cf261f; color: #FFF;}
.recruitList dd.active .recruitT .btn{  background: url(../images/zphide.png) no-repeat center center;}
/* 招聘页 end */

/**
 * 表单
 * @author 杨朝杰
 * @return
 */
.fromBox{overflow:hidden;}
.fromTip{font-size: 14px;color:#999;overflow: hidden;}
.fromTip em{color:#cc3333;padding-right: 5px;}
.form1{clear:both;}
.form1 dd{padding:10px 0;}
.form1L{width:115px;height:40px;line-height: 40px;text-align: right;vertical-align: top;color: #666;padding:0 10px 0 0;font-size:14px;float:left;}
.form1L em{color:#c00;padding:5px 5px 0 0;font-style:normal;}
.form1Input{width:371px;padding:5px;position:relative;zoom: 1;height:38px;line-height:38px;background: #fff;border: 1px solid #ebebeb;font-size: 14px;color:#888;}
.form1Input[readonly="readonly"]{background: #fafafa;color:#666;}
.form1Input.w400{width:400px;}
.form1Input.w200{width:200px;}
.form1Input.w100{width:100px;}
.codeSrc{margin: 0 0 0 10px;height:40px; cursor: pointer;}
.form1Textarea1{ resize: none; width:400px;height:80px;padding:5px;position:relative;zoom: 1;line-height:20px;background: #fff;border: 1px solid #ebebeb;outline: none;}
.form1Textarea1.w880{width:880px;height:120px;}
.form1R{float:left;}
.form1Bt{overflow:hidden;padding:15px 0 20px 125px;}
.form1Bt a{
    display: block;
    height: 34px;
    background:#3d96fd;
    text-align: center;
    line-height: 34px;
    color: #fff !important;
    font-size:14px;
    border-radius:3px; 
    padding: 10px 75px;
    float:left;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}
.form1Bt a:hover{opacity: 0.8;}
.form2Bt{text-align: center;}
.form2Bt a{
	display: inline-block;
	width: 150px; 
	margin: 0 10px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	border-radius: 3px;
	background: #cf261f;
}
.form2Bt a.btn2{
	background: #e6e6e6;
	color: #666;
}
.form2 dd{
	float: left;
	display: inline;
	clear: none;
	margin-bottom: 25px;
}
.form2 .form1L{
	height: 50px;
	line-height: 50px;
}
.form2 .form1Input{
	height: 38px;
	line-height: 38px;
	width: 380px;
}
.form2 .codeSrc{
	height: 50px;
}
/**
 * 留言板
 * @author 杨朝杰
 * @return
 */
.msgTitle{font-size:16px;clear:both;font-weight:bold;color:#000;padding:0 0 10px 0;border-bottom:2px solid #d5d5d5;}
.msgList{clear:both;overflow:hidden;padding:30px 0 0 0;font-size:14px;}
.msgList dd{clear:both;padding:15px 0;overflow:hidden;position:relative;}
.msgTitle{clear:both;line-height:30px;}
.msgTitle span{padding:0 0 0 30px;}
.msgInfo{clear:both;line-height:30px;}
.msgReply{clear:both;line-height:30px; border-top:1px dotted #d5d5d5; margin-top:10px;}
.msgName{width:100px;padding:10px 0 0 0;position:absolute;left:10px;top:10px;}
.msgName strong{display:block;clear:both;font-size:14px;}
.msgName span{display:block;line-height:20px;padding:5px 0 0 0;}
.msgList_r{border:1px solid #d5d5d5;background:#fff;padding:15px;position:relative;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;margin:0 0 0 100px;}
.msgList_jt{width:11px;height:18px;position:absolute;left:-11px;top:20px;background:url(../images/jiantou.jpg) no-repeat;}

/* 期刊 start */
.amize_dl{
    overflow: hidden;
    margin: 0 -13px;
}
.amize_dl dd{
    float: left;
    display: inline;
    width: 25%;
    padding: 10px 0;
}
.amize_dl dd a{
    display: block;
    margin: 0 13px;
    transition: all .3s ease-out;
}
.amize_dl dd .pic{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 145%;
}
.amize_dl dd:hover a{
    transform: translateY(-5px);
}
.amize_dl dd .text{
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #666;
    font-size: 14px;
    background: #fff;
    transition: all .3s ease-out;
}
.amize_dl dd:hover .text{
    color: #a1171d;
}
/* 期刊 end */

/* 欢乐分享 start */
.shareBg{
    background:#e3f9ff url(../images/sharebg.png) center top no-repeat;
    padding-top: 350px;
    overflow: hidden;
}
#waterfall {
    /*margin: 0 -20px;*/
    position: relative;
}

#waterfall .grid {
    width: 33.333333%;
    float: left;
    display: inline;
    margin-bottom: 20px;
}

#waterfall a {
    display: block;
    margin: 0 12px 20px 12px;
    position: relative;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.4s;
}

#waterfall .pic:before{
    padding-top:66.66666%;
}

#waterfall .pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#waterfall .listTime {
    background: #ffffff;
    color: #666;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    width: 140px;
    height: 40px;
    line-height: 40px;
    margin-top: -40px;
    position: relative;
    z-index: 10;
}

#waterfall .listTime.hover {
    background: #004098;
    color: #fff;
}
#waterfall .text{
    padding:0 15px;
}
#waterfall .title {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 40px;
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#waterfall .title i{
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border:1px solid #e5e5e5;
    overflow: hidden;
    margin-right: 5px;
}
#waterfall .title i img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: contain;
}
#waterfall .textC {
    font-size: 14px;
    color: #666;
    line-height: 26px;
    overflow: hidden;
    margin-bottom: 30px;
}

#waterfall .listMore {
    border-radius: 33px;
    line-height: 33px;
    border: 1px solid #e5e5e5;
    text-align: center;
    width: 145px;
    font-size: 14px;
    color: #999;
    transition: 0.4s ease;
}

#waterfall .listMore i {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 13px;
    background: url(../images/arrow1.png) center top no-repeat;
    margin-left: 5px;
    transition: 0.4s ease;
}

#waterfall a:hover {
    transform: translateY(-5px);
}


/* 欢乐分享 end */

/* 品牌介绍 start */
.themeBox{
    clear: both;
    overflow: hidden;
}
.themeDl{
    clear: both;
    position: relative;
    height:100%;
    display:flex;
}
.themeDl dd{
    float:left \9;
    width:25%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    height:100%;
    transition-duration: 0.4s;
    transition-timing-function: linear;
}
.themeDl dd.show{width:36%}
.themeDl dd.hide{width:21.33333%}
.themeDl dd a{
    display: block;
    width: 100%;
    height:100%;
    position:relative;
}
.brandBg{
    background-repeat:no-repeat;
    background-position: center center;
    background-size:auto 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}
.themeDl dd a .btBox{
    width: 180px;
    height:180px;
    border-radius:100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    z-index: 9;
}
/*.themeDl dd.dd1 a .btBox{background:#94bb28;background:linear-gradient(rgba(152,191,43,0.9),rgba(111,147,10,0.9));}
.themeDl dd.dd2 a .btBox{background:#0996e2;background:linear-gradient(rgba(9,150,226,0.9),rgba(0,119,183,0.9));}
.themeDl dd.dd3 a .btBox{background:#e23635;background:linear-gradient(rgba(226,54,53,0.9),rgba(199,29,28,0.9));}
.themeDl dd.dd4 a .btBox{background:#ffae00;background:linear-gradient(rgba(255,174,0,0.9),rgba(208,142,0,0.9));}*/
.themeDl dd a .btBox:after{
    content: "";
    display: block;
    width: 180px;
    height:180px;
    border-radius:100%;
    position:absolute;
    top:50%;
    left: 50%;
    transform:translate(-50%,-50%);
    z-index: -1;
    transition: 0.5s linear;
    transition-delay:0.1s;
}
.themeDl dd.dd1 a .btBox:after{background:#94bb28;background:linear-gradient(rgba(152,191,43,0.9),rgba(111,147,10,0.9));}
.themeDl dd.dd2 a .btBox:after{background:#0996e2;background:linear-gradient(rgba(9,150,226,0.9),rgba(0,119,183,0.9));}
.themeDl dd.dd3 a .btBox:after{background:#e23635;background:linear-gradient(rgba(226,54,53,0.9),rgba(199,29,28,0.9));}
.themeDl dd.dd4 a .btBox:after{background:#ffae00;background:linear-gradient(rgba(255,174,0,0.9),rgba(208,142,0,0.9));}
.themeDl dd.show a .btBox:after{
    width:800%;
    height:800%;
    opacity:0.5
}
.themeDl dd a .btBox:before{
    content: "";
    display: block;
    width: 180px;
    height:180px;
    border-radius:100%;
    position:absolute;
    top:50%;
    left: 50%;
    background: rgba(255,255,255,0.8);
    transform:translate(-50%,-50%);
    z-index: -1;
    transition: 0.4s linear;
    transition-delay:0.1s;
    opacity: 0;
    box-shadow: 0 0 10px 0 rgba(255,255,255,0.5)
}
.themeDl dd.show a .btBox:before{
    opacity: 1;
}
.themeDl dd a .btBox .icon{
    width: 55px;
    height:55px;
    margin:0 auto;
    margin-top:35px;
    background-position:center center;
    background-repeat: no-repeat;
    transition-duration: 0.5s;
    transform:translateX(0)
}
/*.themeDl dd.show .btBox .icon{transform:translateX(-150%)}*/
.themeDl dd.dd1 a .btBox .icon{background-image:url(../images/b_icon1.png)}
.themeDl dd.dd2 a .btBox .icon{background-image:url(../images/b_icon2.png)}
.themeDl dd.dd3 a .btBox .icon{background-image:url(../images/b_icon3.png)}
.themeDl dd.dd4 a .btBox .icon{background-image:url(../images/b_icon4.png)}
.themeDl dd .divT{
    clear: both;
    height:40px;
    overflow:hidden;
    line-height: 40px;
    color: #ffffff;
    font-size:18px;
    text-align: center;
}
.themeDl dd .divT2{
    clear: both;
    width:55px;
    height:27px;
    margin:0 auto;
    background:url(../images/b_icon5.png) no-repeat center center;
    transition-duration: 0.5s;
    transform:translateX(0)
}
/*.themeDl dd.show .divT2{transform:translateX(150%)}*/
.themeDl dd a:hover .brandBg{
    filter: blur(3px);
    -webkit-filter: blur(3px);
}
/* 品牌介绍 end */
/* 乐园详情（海世界） start */
/*banner*/
.seaWorldBanner{
    clear: both;
    width: 100%;
    padding-top:36.4583%;
    overflow: hidden;
    position: relative;
}
.seaWorldBannerC{
    width: 100%;
    height:100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    animation:ant 3s 1;
    -webkit-animation:ant 3s 1;
    animation-timing-function:linear;
    -webkit-animation-timing-function:linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
}
/*动画*/
@keyframes ant
{
from {transform:scale(1.1);-webkit-transform:scale(1.1);}
to {transform:scale(1);-webkit-transform:scale(1);}
}
/* Safari and Chrome */
@-webkit-keyframes ant 
{
from {transform:scale(1.1);-webkit-transform:scale(1.1);}
to {transform:scale(1);-webkit-transform:scale(1);}
}
/*.bnrWave{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 3;
}
.bnrWave .wave1,
.bnrWave .wave2{
    display: block;
    position: absolute;
    bottom: 0px;
    height: 100px;
    left: 0;
    width: 100%;
    background: url(../images/bannerbg.png) repeat-x -600px -25px;
    z-index: 99;
}
.bnrWave .wave1{
    background-position: 0 -300px;
    z-index: 2;
}*/
/*1*/
.seaWorldBox{
    clear: both;
    height:1485px;
    overflow:hidden;
    background:#e2f9ff url(../images/swbg1.jpg) no-repeat center bottom;
    position: relative;
}
.seaWorldText{
    clear: both;
    overflow: hidden;
    font-size: 16px;
    color: #5e5e5e;
    text-align: center;
}
.seaWorldT2{
    clear: both;
    text-align: center;
}
.seaWorldT2 .divC{display:inline-block}
.seaWorldT2 .divC .div{
    width:340px;
    overflow:hidden;
    position: relative;
    z-index: 1;
}
.seaWorldT2 .divC .div.bdfr:after{
    content: "";
    display: block;
    height:68px;
    position: absolute;
    bottom:0;
    left:0;
    right: 0;
    z-index: -1;
    border-left:1px solid #bcddef;
    border-right:1px solid #bcddef;
}
.seaWorldT2 .divC .div img{
    display: block;
    height:74px;
    margin:0 auto;
}
.seaWorldBox1SLide{
    height:578px;
    position: relative;
}
.seaWorldBox1Dl{
    width:120%;
    display:none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.seaWorldBox1Dl dd{
    float: left;
    width:385px;
    height:578px;
    overflow:hidden;
    margin-right:21px;
    border-radius:10px;
    position: relative;
    
}
.seaWorldBox1Dl dd img{
    display:block;
    width:100%;
    height:100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
.seaWorldBox1Dl.active{z-index:1}
.seaWorldBox1Dl.active dd{
    -webkit-animation: flipIn 1s .5s ease both;
    animation: flipIn 1s .5s ease both;
}
@-webkit-keyframes flipIn{
0%{-webkit-transform:perspective(400px) rotateY(90deg);}
40%{-webkit-transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);}
}
@keyframes flipIn{
0%{transform:perspective(400px) rotateY(90deg);}
40%{transform:perspective(400px) rotateY(-10deg)}
70%{transform:perspective(400px) rotateY(10deg)}
100%{transform:perspective(400px) rotateY(0deg);}
}
/**/
.seaWorldBox2SLide{
    position: relative;
}
.seaWorldBox2SLide .bt{
    display: block;
    width:22px;
    height:40px;
    cursor: pointer;
    position: absolute;
    top: 160px;
    z-index: 9;
    background-repeat: no-repeat;
    background-image: url(../images/icon6.png);
    display:none;
}
.seaWorldBox2SLide .bt.prev{left:-72px;background-position:left top}
.seaWorldBox2SLide .bt.next{right:-72px;background-position:right top}
.seaWorldBox2SLide .bt.prev:hover{background-position:left bottom}
.seaWorldBox2SLide .bt.next:hover{background-position:right bottom}
.seaWorldBox2SLide .bd{
    overflow: hidden;
}
.seaWorldBox2Dl{margin:0 -56px !important;}
.seaWorldBox2Dl dd{
    float: left;
    width:33.3333%;
    overflow: hidden;
    padding-top:10px;
}
.seaWorldBox2Dl dd a{
    display: block;
    overflow: hidden;
    margin:0 56px;
    transition-duration: 0.3s;
    transform:translateY(0);
}
.seaWorldBox2Dl dd:hover a{transform:translateY(-10px)}
.seaWorldBox2Dl dd .pic{
    width:100%;
    position: relative;
    overflow:hidden;
    border-radius:50px 0 0 0;
}
.seaWorldBox2Dl dd .pic:before{
    padding-top: 100%;
}
.seaWorldBox2Dl dd .pic:after{
    content:"";
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index:2;
    background:url(../images/wsbg1.png) no-repeat center center;
    background-size:cover;
}
.seaWorldBox2Dl dd.mv .pic i{
    content: "";
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background:rgba(0,0,0,0.5) url(../images/swicon4.png) no-repeat center center;
    border-radius:55px 0 0 0;
}
.seaWorldBox2Dl dd .pic img{
    width:100%;
    height:100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius:55px 0 0 0;
}
.seaWorldBox2Dl dd span{
    display: block;
    height:60px;
    overflow: hidden;
    line-height: 60px;
    text-align: center;
    font-size:16px;
    color:#000000;
}
.seaWorldBox2Dl dd a:hover span{color:#06b4e5}
/*2*/
.seaWorldBox2{
    height:1014px;
    background:url(../images/swbgw2.jpg) no-repeat center center;
    position: relative;
}
.seaWorldBox2 .bg1{
    width: 1920px;
    height:140px;
    background:url(../images/wsbg2.png) no-repeat center top;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left:-960px;
}
.seaWorldBox2 .bg2{
    width: 1920px;
    height:140px;
    background:url(../images/wsbg3.png) no-repeat center bottom;
    position: absolute;
    bottom:0;
    left: 50%;
    margin-left:-960px;
}
.seaWorldBox2C{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    left: 0%;
    height:100%;
    z-index:1;
}
.h_160{height:160px;clear: both}
.seaWorldBox2CSlide{position: relative}
.seaWorldBox2CSlide .bt{
    display: block;
    width: 47px;
    height:81px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image:url(../images/icon9.png);
    position: absolute;
    top: 50%;
    margin-top:-40px;
    display: none;
}
.seaWorldBox2CSlide .bt.prev{left:-130px;background-position:left center;}
.seaWorldBox2CSlide .bt.next{right:-130px;background-position:right center;}
.seaWorldBox2CSlide .bd{
    overflow: hidden;
}
.seaWorldBox2CDl dd{
    float:left;
    overflow: hidden;
    width:1200px;
}
.seaWorldBox2C_boxC{
    width:717px;
    height:717px;
    border-radius:100%;
    overflow: hidden;
    background:url(../images/icon7.png) no-repeat center center;
    position: relative;
    z-index: 2;
}
.seaWorldBox2C_boxC .circular1{
    width: 98%;
    height: 98%;
    border-radius:100%;
    position: absolute;
    left: 1%;
    top: 1%;
    z-index:-2;
    background:#2474cd;
    opacity:0.5;
    -webkit-animation: moveRound 4s .5s linear infinite;
    animation: moveRound 4s .5s linear infinite;
}
.seaWorldBox2C_boxC .circular2{
    width: 94%;
    height: 96%;
    border-radius:100%;
    position: absolute;
    right: 3%;
    top: 1%;
    z-index:-1;
    background:#2474cd;
    opacity:0.95;
    -webkit-animation: moveRound1 3.5s .5s linear infinite;
    animation: moveRound1 3.5s .5s linear infinite;
}
@keyframes moveRound{
  0%{transform: translate(-5px,0)}
  25%{transform: translate(0px,-5px)}
  50%{transform: translate(5px,0)}
  75%{transform: translate(0,5px)}
  100%{transform: translate(-5px,0)}
}
@keyframes moveRound1{
  0%{transform: translate(5px,0)}
  25%{transform: translate(0,5px)}
  50%{transform: translate(-5px,0)}
  75%{transform: translate(0px,-5px)}
  100%{transform: translate(5px,0)}

}
.seaWorldBox2C_boxC .boxC{
    width:700px;
    height:700px;
    overflow:hidden;
    border-radius:100%;
    margin:8px 0 0 9px;
    /*background:#2474cd;*/
}
.slidePage{
    clear: both;
    height:50px;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    font-size:35px;
}
.seaWorldBox2C_boxC .boxC .divT2{
    clear: both;
    height:60px;
    overflow: hidden;
    line-height: 60px;
    text-align: center;
    font-size:50px;
    color: #fff;
}
.seaWorldBox2C_boxC .boxC .divT3{
    clear: both;
    height:27px;
    overflow: hidden;
    line-height: 27px;
    text-align: center;
    font-size:20px;
    color: #aac2e7;
}
.starBox{
    clear: both;
    height:34px;
    overflow: hidden;
}
.starBoxT{
    line-height: 34px;
    color:#fffefe;
    font-size: 16px;
}
.seaWorldBox2C_boxC .boxCBox{
    width:480px;
    margin:0 auto;
    overflow: hidden;
}
.star{
    clear: both;
    overflow: hidden;
    padding:0 10px;
    border-bottom:2px solid #3a82d2;
}
.starBoxC{
    height:35px;
    overflow: hidden;
    background:url(../images/icon8.png) no-repeat left center;
    margin-left:15px;
}
.starBoxC.star1{width:25px}
.starBoxC.star2{width:56px}
.starBoxC.star3{width:86px}
.starBoxC.star4{width:118px}
.starBoxC.star5{width:150px}
.seaWorldBox2C_boxC .txt{
    clear: both;
    height:72px;
    overflow: hidden;
    padding:0 10px;
    color:#ffffff;
    font-size:18px;
    line-height: 24px;
    padding-bottom: 20px;
    border-bottom:2px solid #3a82d2;
}
.seaWorldBox2C_boxC .txt2{
    clear: both;
    height: 24px;
    line-height: 24px;
    font-size:16px;
    color:#fff;
}
.seaWorldBox2C_boxC .divT4{
    clear: both;
    width:146px;
    height:40px;
    overflow:hidden;
    text-align: center;
    background:#eca22e;
    font-size:16px;
    color:#fff;
    line-height: 40px;
}
.seaWorlPicSlide{
    width: 402px;
    height: 402px;
    overflow: hidden;
    border-radius:100%;
    margin-top:155px;
    position: relative;
}
.seaWorlPicSlide .bd2{
    width: 402px;
    height: 402px;
    overflow: hidden;
    border-radius:100%;
}
.sseaWorlPicUl li{
    float: left;
    width: 402px;
    height:402px;
    overflow:hidden;
} 
.sseaWorlPicUl li img{
    display: block;
    width: 402px;
    height:402px;
}
.seaWorlPicSlide .hd2{
    width: 100%;
    height:66px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    position: absolute;
}
.seaWorlPicSlide .hd2 ul{display:inline-block}
.seaWorlPicSlide .hd2 ul li{
    float:left;
    width:22px;
    height:22px;
    overflow: hidden;
    line-height: 999px;
    border-radius:100%;
    margin:0 4px;
    background:#fff;
    cursor: pointer;
}
.seaWorlPicSlide .hd2 ul li.on{background:#eca22e}
/*3*/
.seaWorldBox3{
    clear: both;
    height:846px;
    overflow: hidden;
    background:url(../images/swbgw3.jpg) no-repeat center center;
}
.seaWorldBox3C{
    width: 1360px;
    height:585px;
    margin:0 auto;
    background:url(../images/wsbg4.png) no-repeat center bottom;
    position: relative;
}
.seaWorldBox3CBox{
    width:1178px;
    height:585px;
    overflow:hidden;
    margin: 0 auto;
    border-radius:10px;
}
.seaWorldBox3C:after{
    content: "";
    display: block;
    width:59px;
    height:80px;
    background:url(../images/wsbg5.png) no-repeat center center;
    position: absolute;
    top:-48px;
    right:70px;
    z-index:9;
}
/*4*/
.seaWorldBox4{
    clear: both;
    height:785px;
}
.seaWorldBox4Slide .bd{
    clear: both;
    overflow: hidden;
    height:540px;
    border-radius:20px;
}
.seaWorldBox4Slide .hd{
    clear: both;
    text-align:center;
}
.seaWorldBox4Slide .hd ul{display:inline-block}
.seaWorldBox4Slide .hd ul li{
    float: left;
    width:10px;
    height:10px;
    line-height: 999px;
    overflow: hidden;
    border-radius:100%;
    margin:0 5px;
    background:#63abfb;
    cursor: pointer;
}
.seaWorldBox4Slide .hd ul li.on{background:#fea30b}
.seaWorldBox4Dl dd{
    float: left;
    overflow: hidden;
    width:400px;
    height:540px;
}
.seaWorldBox4Dl dd a{
    display: block;
    width:400px;
    height:540px;
    position: relative;
}
.seaWorldBox4Dl dd a .pic{
    width:400px;
    height:295px;
    overflow:hidden;
    position: absolute;
    bottom: 0;
    left: 0;
}
.seaWorldBox4Dl dd.odd a .pic{
    bottom:auto;
    top: 0;
}
.seaWorldBox4Dl dd a .pic img{
    display: block;
    width:400px;
    height:295px;
    object-fit:cover;
}
.seaWorldBox4Dl dd .ddBox{
    width:800px;
    height:290px;
    overflow: hidden;
    background:url(../images/wsbg6.png) no-repeat left bottom;
    position: absolute;
    top:-4px;
    left: 0;
    transition-duration:0.5s;
}
.seaWorldBox4Dl dd:hover .ddBox{left:-400px}
.seaWorldBox4Dl dd.odd .ddBox{
    top:auto;
    bottom:0;
}
.seaWorldBox4Dl dd.dd2 .ddBox{background:url(../images/wsbg7.png) no-repeat left top;}
.seaWorldBox4Dl dd.dd3 .ddBox{background:url(../images/wsbg8.png) no-repeat left bottom;}
.seaWorldBox4Dl dd .ddBox .ddBoxL{
    width:400px;
    overflow: hidden;
}
.seaWorldBox4Dl dd .ddBoxL .icon{
    height:70px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top:78px;
}
.seaWorldBox4Dl dd.dd2 .ddBoxL .icon{height:100px;}
.seaWorldBox4Dl dd .ddBoxL span{
    display: block;
    height:50px;
    overflow: hidden;
    line-height: 50px;
    text-align: center;
    color: #feffff;
    font-size:24px;
}
.seaWorldBox4Dl dd .ddBoxL .divT{
    clear: both;
    height:50px;
    overflow: hidden;
    line-height: 50px;
    text-align: center;
    font-size:24px;
    color:#fff;
    margin-top:50px;
}
.seaWorldBox4Dl dd .ddBoxL .txt{
    overflow: hidden;
    width:330px;
    margin:0 auto;
    line-height: 24px;
    font-size:14px;
    color:#fff;
}
/*5*/
.seaWorldBox5{
    clear: both;
    height:933px;
    background:url(../images/swbgw4.jpg) no-repeat center top;
}
.seaWorldBox5C{
    width: 1201px;
    height:655px;
    overflow:hidden;
    margin:0 auto;
    background:url(../images/wsbg9.png) no-repeat center center;
}
.seaWorldBox5C_a{
    width:564px;
    height:72px;
    margin:0 auto;
    background:url(../images/wsbg10.png) no-repeat center center;
    margin-top:106px;
}
.seaWorldBox5C_a a{
    float: left;
    width:33.3333%;
    height:72px;
}
.seaWorldBox5CT1{
    width: 1100px;
    height:93px;
    overflow: hidden;
    margin:0 auto;
    border-bottom:1px solid #dddddd;
}
.seaWorldBox5CT1L{
    width: 376px;
    height:93px;
    padding-left:71px;
    background:url(../images/wsbg11.png) no-repeat 8px center;
    font-size:14px;
    font-weight:bold;
    color:#000000;
    line-height: 24px;
    position: relative;
}
.seaWorldBox5CT1L:after{
    content: "";
    display: block;
    width: 1px;
    height:40px;
    background:#d5d5d5;
    position: absolute;
    top: 50%;
    right:0;
    transform:translateY(-50%);
}
.seaWorldBox5CT1R{
    width: 376px;
    height:93px;
    padding-left:71px;
    background:url(../images/wsbg12.png) no-repeat 8px center;
    font-size:14px;
    color:#000000;
    line-height: 24px;
    margin-left:115px;
}
.seaWorldBox5CT1R span{color:#999999}
.seaWorldBox5CText{
    clear: both;
    width: 1100px;
    margin:0 auto;
    color: #666666;
    font-size:14px;
    line-height: 24px;
}
.swFr{
    width:62px;
    position: fixed;
    right:15px;
    top: 40%;
    z-index: 99999;
}
.swFr a{
    display: block;
    width: 62px;
    height:62px;
    line-height: 62px;
    border-radius:100%;
    background:#8ec1d0;
    margin-bottom:10px;
    color: #ffffff;
    font-size:14px;
    text-align: center;
    position: relative;
}
.swFr a.hover{background:#fea30b}
.swFr a:hover{background:#fea30b}
.swFr a:after{
    content: "";
    display: block;
    width: 30px;
    height:30px;
    overflow: hidden;
    border-radius:100%;
    background:#fea30b;
    opacity:0.2;
    position:absolute;
    bottom:9px;
    left:9px;
    z-index: -1;
    transition-duration:0.3s;
}
.swFr a.hover:after{
    bottom:2px;
    left: -8px;
}
.swFr a:hover:after{
    bottom:2px;
    left: -8px;
}
.swFr a:before{
    content: "";
    display: block;
    width:18px;
    height:18px;
    overflow: hidden;
    border-radius:100%;
    background:#fea30b;
    opacity:0.2;
    position:absolute;
    top:9px;
    right:9px;
    z-index: -1;
    transition-duration:0.3s;
}
.swFr a.hover:before{
    top:14px;
    right: -9px;
}
.swFr a:hover:before{
    top:14px;
    right: -9px;
}
.swFr a span{
    display: block;
    width: 40px;
    clear: both;
    overflow: hidden;
    margin:0 auto;
    position: relative;
    top:12px;
    text-align: center;
    line-height: 18px;
}
/* 乐园详情（海世界） end */

/* 新闻中心 start */

.subTitle .divT{
    clear: both;
    height:72px;
    overflow:hidden;
    line-height: 72px;
    color: #fff;
    font-size:48px;
    font-family: "youyuan";
    position: relative;
    padding-left: 10px;
}
.subTitle .divT span{font-family: "youyuan";color: #ff7200;}
.subTitle .divT:after{
    content: "";
    display: block;
    width:27px;
    height:3px;
    background:#fff;
    position: absolute;
    left: 10px;
    bottom: 0;
}
.subTitle .divT2{
    clear: both;
    height:43px;
    overflow:hidden;
    line-height: 43px;
    color: #fff;
    font-size:18px;
    padding-left: 10px;
}
.newsBoxCBox1{
    clear: both;
    overflow: hidden;
    background:#fff;
    padding:0 45px;
    height:482px;
    border-radius:5px;
}
.newsBoxCBox1L{
    width:770px;
    overflow: hidden;
}
.hotBox{
    clear: both;
    overflow: hidden;
    height:212px;
}
.hotBox .pic{
    float: left;
    width: 282px;
    height:212px;
    margin-right:48px;
    overflow:hidden;
}
.hotBox .pic img{
    display: block;
    width: 282px;
    height:212px;
}
.hotBox .divR{
    overflow: hidden;
}
.hotBox .divR .divT{
    clear: both;
    height:86px;
    overflow:hidden;
    border-bottom: 1px solid #f1f1f1;
}
.hotBox .divR .divT span{
    display: block;
    clear: both;
    height:22px;
    line-height: 22px;
    color: #4c4c4c;
    font-size:22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hotBox a:hover .divR .divT span{color: #ff7200}
.hotBox .divR .divT em{
    display: block;
    clear: both;
    height:30px;
    line-height: 30px;
    color: #929292;
    font-size:14px;
    font-style:normal;
}
.hotBox .divR .txt{
    clear: both;
    height:50px;
    overflow:hidden;
    font-size:14px;
    color:#929292;
    line-height: 25px;
}
.divMore{
    display: block;
    width:84px;
    height:25px;
    overflow: hidden;
    text-align: center;
    line-height: 25px;
    border:1px solid #e6e6e6;
    color: #bbbbbb;
    transition-duration: 0.3s;
}
.hotBox a:hover .divR .divMore{
    border:1px solid #ff7200;
    color: #ff7200;
}
.divMore.hover{
    border:1px solid #ff7200;
    color: #ff7200;
}
.newsBoxCBox1R{
    width: 246px;
    height:382px;
    overflow: hidden;
    padding-left: 40px;
    border-left:2px solid #f1f1f1;
}
.newsBoxCBox1R .pic{
    width:246px;
    overflow: hidden;
}
.newsBoxCBox1R .pic a{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.newsBoxCBox1R .pic a:after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3) url(../images/paly1.png) center center no-repeat;
}
.newsBoxCBox1R  .txt{
    clear: both;
    overflow: hidden;
    font-size:14px;
    color:#929292;
    line-height: 25px;
}
/*全文列表*/
.newsDl dd{
    clear: both;
    height:40px;
    overflow: hidden;
    line-height: 40px;
}
.newsDl dd span{
    float:left;
    color: #a4a4a4;
    font-size: 14px;
    margin-right:18px;
}
.newsDl dd a{
    float: left;
    color: #929292;
    font-size:14px;
}
.newsDl dd:hover a{color: #fea30b}
.newsBoxCBox2{
    clear: both;
    padding:0 30px;
    background:#fff;
    border-radius:5px;
}
.newsBoxCBox2Nav{
    clear: both;
    height:77px;
    position: relative;
    z-index: 1;
}
.newsBoxCBox2NavC{
    position: absolute;
    bottom: 48px;
    left: 0;
}
.newsBoxCBox2NavC a{
    float: left;
    margin:0 20px;
    width:154px;
    height:81px;
    background:url(../images/wsbg16.png) no-repeat center center;
}
.newsBoxCBox2NavC a.hover{background:url(../images/wsbg21.png) no-repeat center center;}
.newsBoxCBox2NavC a:hover{background:url(../images/wsbg21.png) no-repeat center center;}
.newsBoxCBox2NavC a span{
    display: block;
    clear: both;
    height:28px;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top:14px;
}
.newsBoxCBox2NavC a em{
    clear: both;
    display: block;
    height:30px;
    overflow:hidden;
    line-height: 30px;
    text-align: center;
    font-size:16px;
    color:#fff;
    font-style:normal;
}
/*图文列表*/
.textImgDl dd{
    clear: both;
    overflow: hidden;
    background:#f9fdff;
    margin-bottom:30px;
}
.textImgDl dd a{
    display: block;
    overflow: hidden;
    padding:25px 30px;
    position: relative;
    z-index: 1;
}
.textImgDl dd a:after{
    content: "";
    display: block;
    border:100px solid #dcf4fb;
    position: absolute;
    top:25px;
    bottom: 25px;
    left: 30px;
    right: 30px;
    z-index: -1;
    visibility: hidden;
    opacity:0;
    transition-duration:0.5s;
}
.textImgDl dd a:hover:after{
    visibility: visible;
    border:3px solid #dcf4fb;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity:1;
}
.textImgDl dd a .pic{
    width:244px;
    height:180px;
    overflow:hidden;
    padding:3px;
    background:#ffffff;
    margin-right:30px;
}
.textImgDl dd a .pic div{overflow:hidden}
.textImgDl dd a .pic img{
    display: block;
    width:244px;
    height:180px;
}
.textImgDl dd a .divR{
    overflow: hidden;
    height:186px;
}
.textImgDl dd a .divR .divT{
    clear: both;
    height:44px;
    overflow: hidden;
    line-height: 44px;
    font-size:20px;
    color: #444444;
    padding-bottom: 4px;
    border-bottom:1px solid #f1f1f1;
}
.textImgDl dd a .divR .day{
    width: 92px;
    height:88px;
    border:1px solid #06b4e5;
    overflow:hidden;
    margin-right:30px;
}
.textImgDl dd a .divR .day span{
    display: block;
    height:30px;
    overflow:hidden;
    line-height: 30px;
    text-align: center;
    color: #06b4e5;
    font-size:18px;
    font-weight: bold;
}
.textImgDl dd a .divR .day em{
    display: block;
    height:58px;
    overflow:hidden;
    line-height: 58px;
    text-align: center;
    color: #fff;
    font-size:35px;
    background:#06b4e5;
    font-style:normal;
}
.textImgDl dd a .divR .divR_r{
    overflow: hidden;
    height:90px;
    color:#929292;
    font-size:14px;
    line-height: 25px;
}
/* 新闻中心 end */

/*游客须知 begin*/
.leftBox{
    width:260px;
    overflow: hidden;
    margin-right:28px;
}
.leftDl{
    clear: both;
    overflow:hidden;
    border-radius:5px;
    position: relative;
    z-index: 1;
    padding-bottom:20px;
}
.leftDl:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    background:#06b1e1;
    background:linear-gradient(#06b1e1,#099dc6);
    z-index: -1;
}
.leftDl dt{
    clear: both;
    height:63px;
    overflow:hidden;
    background:url(../images/swbgw5.jpg) no-repeat center center;
    padding-left:45px;
    position: relative;
}
.leftDl dt span{
    display: block;
    height:61px;
    line-height: 61px;
    padding-left: 42px;
    font-size:18px;
    color:#fff;
    background-position: left center;
    background-repeat: no-repeat;
}
.leftDl dd{
    clear: both;
    overflow: hidden;
}
.leftDl dd a{
    display: block;
    height:60px;
    overflow: hidden;
    padding-left:88px;
    background-position:45px center;
    background-repeat: no-repeat;
    font-size:18px;
    color:#fff;
    line-height: 60px;
}
.leftDl dd.hover{background:#fb9a2a;}
.leftDl dd:hover{background:#06b1e1;}
.leftDl2{width:120%}
.leftDl2 dd{
    float: left;
    overflow: hidden;
    margin-bottom:15px;
    margin-right:14px;
}
.leftDl2 dd a{
    display: block;
    width:123px;
    height:123px;
    overflow:hidden;
    border-radius:5px;
}
.leftDl2 dd a:hover{opacity:0.9}
.leftDl2 dd.dd1 a{background:#2474cd}
.leftDl2 dd.dd2 a{background:#51b8e9}
.leftDl2 dd.dd3 a{background:#8ecd5b}
.leftDl2 dd.dd4 a{background:#fb9a2a}
.leftDl2 dd a span{
    display: block;
    height:40px;
    overflow: hidden;
    line-height: 40px;
    text-align: center;
    font-size:16px;
    color:#fff;
    background-position:center top;
    background-repeat: no-repeat;
    padding-top:45px;
    margin-top:27px;
}
.leftDl2 dd.dd1 a span{background-image:url(../images/wsbg27.png)}
.leftDl2 dd.dd2 a span{background-image:url(../images/wsbg28.png)}
.leftDl2 dd.dd3 a span{background-image:url(../images/wsbg29.png)}
.leftDl2 dd.dd4 a span{background-image:url(../images/wsbg30.png)}
/*左侧*/
.tftBoxR{
    overflow: hidden;
    background:#fff;
    padding:0 30px;
    min-height:600px;
    border-radius: 5px;
}
.mapBox11{
    width: 100%;
    height:315px;
    overflow:hidden;
}
.tftBoxT{
    clear: both;
    height:40px;
    overflow: hidden;
    padding-left: 53px;
    background:#51b8e9 url(../images/wsbg31.png) no-repeat 24px center;
    font-size:16px;
    color:#ffffff;
    line-height: 40px;
}
.guidanceDl dd{
    clear: both;
    overflow: hidden;
    height:135px;
    border-bottom:1px solid #f6f6f6;
}
.guidanceDl dd:last-child{border-bottom:none}
.guidanceDl dd .ddL{
    width: 140px;
    height:135px;
    overflow:hidden;
    margin-right:78px;
}
.guidanceDl dd .ddL .icon{
    height:60px;
    background-repeat: no-repeat;
    background-position:center center;
    margin-top:20px;
}
.guidanceDl dd.dd1 .ddL .icon{background-image:url(../images/wsbg32.png)}
.guidanceDl dd.dd2 .ddL .icon{background-image:url(../images/wsbg33.png)}
.guidanceDl dd.dd3 .ddL .icon{background-image:url(../images/wsbg34.png)}
.guidanceDl dd.dd4 .ddL .icon{background-image:url(../images/wsbg35.png)}
.guidanceDl dd .ddL span{
    display: block;
    height:30px;
    overflow:hidden;
    line-height: 30px;
    font-size:14px;
    color:#5d5d5d;
    text-align: center;
}
.guidanceDl dd .divR{
    overflow: hidden;
    height:135px;
    line-height: 30px;
    font-size:16px;
    color:#909090;
}
/*游客须知 end*/
/* 数字报纸 start */
.imgList_dl{
    overflow: hidden;
    margin: 0px -10px;
}
.imgList_dl dd{
    width: 25%;
    overflow: hidden;
    float: left;
    display: inline;
    padding: 10px 0px;
}
.imgListBox{
    overflow: hidden;
    margin: 0px 10px;
    position: relative;
    
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.imgListDeta{
    overflow: hidden;
    text-align: center;
    background: #fff;
    padding: 15px 0px;
}
.imgListBox .imgDiv{
    padding-top: 133.9622%;
    position: relative;
    display: block;
}
.imgListBox .imgDiv img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.imgListBox .listName{
    font-size: 16px;
    color:#333;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.imgList_dl dd:hover .imgListBox{
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.imgList_dl dd:hover .listName,
.imgList_dl dd:hover .listIntr{
    color:#f99c17;
}
/* 数字报纸 end */

/* 康养学院 start */
.conBox{
    position: relative;
    overflow: hidden;
}
.conBox .wrap{
    position: relative;
    z-index: 5;
}
.healthSlide{
    position: relative;
    margin: 0 -15px;
}
.healthSlide .bd dd{
    float: left;
    display: inline;
    width: 33.3333%;
    padding: 10px 0;
}
.healthSlide .bd a{
    display: block;
    margin: 0 15px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    border-radius: 3px;
    overflow: hidden;
    transition: 0.4s;
}
.healthSlide .pic{
    position: relative;
    padding-top: 56.25%;
}
.healthSlide .pic img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.healthSlide .data{
    padding: 10px;
}
.healthSlide .title{
    font-size: 16px;
    color: #333;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.healthSlide .info{
    font-size: 14px;
    color: #999;
    line-height: 24px;
    height: 48px;
    padding-top: 5px;
}
.healthSlide .time{
    font-size: 14px;
    color: #ccc;
    padding-top: 10px;
}
.slideBtn {
    display: block;
    width: 45px;
    height: 45px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    transition: 0.3s;
}
.healthSlide .bd a:hover{
    transform: translateY(-5px);
    box-shadow: 0 0 25px 0 rgba(0,0,0,0.1)
}
.slideBtn.prev {
    left: -90px;
    background: url(../images/perv.png) no-repeat left top;
}

.slideBtn.next {
    right: -90px;
    background: url(../images/next.png) no-repeat right top;
}

.slideBtn.prev:hover {
    left: -90px;
    background: url(../images/perv_h.png) no-repeat left bottom;
}

.slideBtn.next:hover {
    right: -90px;
    background: url(../images/next_h.png) no-repeat right bottom;
}
.conMore a{
    display: block;
    background: url(../images/conmore.png) center center no-repeat;
    height: 41px;
    width: 41px;
    margin: 0 auto;
}
.conMore a:hover{background: url(../images/conmoreh.png) center center no-repeat;}
.healUl{
    margin: 0 -16px;
}
.healUl li{
    float: left;
    display: inline;
    width: 50%;
    padding: 15px 0;
} 
.healUl a{
    display: block;
    margin: 0 16px;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.healUl .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translateX(-100%);
    -webkit-transition: all .8s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .8s cubic-bezier(.77,0,.175,1) 0s;
    transition: all .8s cubic-bezier(.77,0,.175,1) 0s;
    background:  linear-gradient(to right, #2165b6 , #3e98ff)
}
.healUl .img{
    width: 185px;
    margin-right: 20px;
    position: relative;
	z-index:11;
}
.healUl .pic{
    padding-top: 66.6666%;
    position:relative;
}
.healUl .pic img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.healUl .data{
    position: relative;
	z-index:11;
}
.healUl .title{
    font-size: 16px;
    line-height: 32px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.4s;
}
.healUl .time{
    font-size: 14px;
    line-height: 28px;
    color: #ccc;
    padding-top: 5px;
    transition: 0.4s;
}
.healUl .info{
    color: #999;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    font-size: 14px;
    padding-top: 5px;
    transition: 0.4s;
} 
.slidePage1{
    text-align: center;
    font-size: 0;
}
.slidePage1 li{
    height: 14px;
    width: 14px;
    border-radius: 14px;
    background: #d8d8d8;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}
.slidePage1 li.on{
    background: #2469b7;
}
.slidePage1.white li{
    background: #9e9e9e;
}
.slidePage1.white li.on{
    background: #255e9a;
}

.healUl a:hover .bg{
    opacity: 1;
    transform: translateX(0);
}
.healUl a:hover .title,
.healUl a:hover .time,
.healUl a:hover .info{
    color: #fff;
}


.problemBtn{
    width: 150px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    background: #3d96fd;
    font-size: 14px;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.problemBtn span{
    display: block;
    position: relative;
    z-index: 3;
}
.problemBtn:before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -21px;
    height: 42px;
    width: 42px;
    background: rgba(0,0,0,0.1);
    opacity: 0;
    transform: scale(0);
    transition: 0.8s;
}
.problemBtn:hover:before{
    opacity: 1;
    transform: scale(5);
}
.problemList dd{
    box-shadow: 0 3px 15px 0 rgba(0,0,0,0.1);
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 20px 25px;
}
.problemList .q{
    margin-bottom: 10px;
}
.problemList .q span{
    float: left;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 3px;
    background: #4e7df2;
    color: #fff;
    font-size: 16px;
    margin-right: 15px;
    position: relative;
    top: 13px;
}
.problemList .qText{
    font-size: 14px;
    color: #999;
    line-height: 26px;
    padding: 10px 20px;
    border-radius: 5px;
    overflow: hidden;
    background: #f4f7ff;
}
.problemList .a span{
    float: left;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 3px;
    background: #ff8a0c;
    color: #fff;
    font-size: 16px;
    margin-right: 15px;
    position: relative;
    top: 13px;
}
.problemList .aText{
    font-size: 14px;
    color: #999;
    line-height: 30px;
    padding: 10px 0;
    border-radius: 5px;
    overflow: hidden;
}
/* 康养学院 end */

/* 康养学院 start */
.sciBox{
    border-radius: 3px;
    overflow: hidden;
    background: #fff;
}
.sciBox .img{
    width: 600px;
}
.sciBox .pic{
    padding-top: 60%;
    position:relative;
}
.sciBox .pic img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sciBox .data{
    padding: 50px;
    overflow: hidden;
}
.sciBox .title{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 32px;
    height: 32px;
    padding-bottom: 15px;
    position: relative;
}
.sciBox .title:before{
    content: '';
    display: block;
    border-bottom: 1px solid #666;
    width: 27px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.sciBox .title a{
    font-size: 18px;
    color: #333;
    transition: 0.3s;
} 
.sciBox .info{
    font-size: 14px;
    color: #777;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    padding-top: 20px;
    margin-bottom: 40px;
}
.sciBox .more a{
    display: block;
    height: 36px;
    width: 36px;
    transition: 0.3s;
    background: url(../images/moreico1.png) center center no-repeat;
}
.sciBox .title a:hover{
    color: #014099;
}
.sciBox .more a:hover{
    transform: translateY(-4px);
}
.titleBoxw.white .title,
.titleBoxw.white .itro{
    color: #fff;
}
.titleBoxw.white .title:after{
    background: #fff;
}

.sciSlide{
    position: relative;
    margin: 0 -15px;
}
.sciSlide .bd dd{
    float: left;
    display: inline;
    width: 33.3333%;
    padding: 15px 0;
}
.sciSlide .bd a{
    display: block;
    margin: 0 15px;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    transition: 0.4s;
    padding: 35px 20px 20px 20px;
}
.sciSlide .pic{
    position: relative;
    padding-top: 56.25%;
}
.sciSlide .pic img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sciSlide .title{
    font-size: 18px;
    color: #333;
    line-height: 32px;
    height: 64px;
    overflow: hidden;
    padding-top: 15px;
}
.sciSlide .title span{
    color: #2557c5;
}
.sciSlide .time{
    padding-top: 15px;
    overflow: hidden;
}
.sciSlide .time span{
    font-size: 14px;
    color: #bcbcbc;
    float: left;
}
.sciSlide .time em{
    font-size: 14px;
    color: #bcbcbc;
    float: right;
    font-style: normal;
}
.sciSlide .bd a:hover{
    transform: translateY(-5px);
    box-shadow: 0 5px 25px 0 rgba(0,0,0,0.1);
}


.sciTab{
    text-align: center;
    font-size: 0;
}
.sciTab dd{
    padding: 0 25px;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    display: inline-block;
    color: #fff;
    margin: 0 15px;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}
.sciTab.typ dd{color: #333}
.sciTab dd.hover{
    background: #fff;
    color: #255e9a;
}
.sciTab.typ dd.hover{
	background: #255e9a;
    color: #fff;
}
.sciTab dd.hover:before{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 100%;
    border: 8px solid;
    border-color: #fff transparent transparent transparent;
}
.sciTab.typ dd.hover:before{border-color: #255e9a transparent transparent transparent;}
.sciSlide2{
    position: relative;
    margin: 0 -15px;
}
.sciSlide2 .bd dd{
    float: left;
    display: inline;
    width: 33.3333%;
    padding: 15px 0;
}
.sciSlide2 .bd a{
    display: block;
    margin: 0 15px;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    transition: 0.4s;
}
.sciSlide2 .pic{
    position: relative;
    padding-top: 56.25%;
}
.sciSlide2 .pic img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.sciSlide2 .title{
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #668aab;
}
.sciSlide2 .bd a:hover{
    transform: translateY(-5px);
    box-shadow: 0 5px 25px 0 rgba(0,0,0,0.1);
}
.problemFrom{
    display: none;
}
.fromDl{
    padding:20px 45px;
}
.fromDl dd{
    margin-bottom: 10px;
}
.fromDl .inpBox{
    border: 1px solid #ececec;
    border-radius: 3px;
    line-height: 48px;
    padding: 0 10px;
    overflow: hidden;
}
.fromDl .inpBox input,
.fromDl .inpBox textarea{
    border: none;
    background: transparent;
    width: 100%;
}
.fromDl .inpBox input::placeholder{font-size:14px;color:#333;}
.fromDl .inpBox textarea::placeholder{font-size:14px;color:#333;}
.fromDl .inpBox input{
    line-height: 48px;
}
.fromDl .inpBox textarea{
    line-height: 48px;
    resize: none;
    line-height: 30px;
    padding: 10px 0;
    height: 120px;
}
.fromCode{
    width: 160px;
    margin-left: 10px;
}
.fromCode img{
    width: 100%;
    height: 50px;
}
/* 康养学院 end */

/*
* 产品详情 kis2
*/
.autoImg{
    position: relative;
    overflow: hidden;
}
.autoImg:after{
    display: block;
    content: "";
    overflow: hidden;
    padding-top: 66.66666667%;
}
.autoImg img{
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
}


.proViewBox{
    overflow: hidden;
    padding: 170px 0px 100px 0px;
    position: relative;
}
.proViewL{
    overflow: hidden;
}
.proViewL .autoImg:after{
    padding-top: 100%;
}
.proViewSwiper{
    width: 450px;
    margin: 0px auto;
}
.proViewR{
    width: 50%;
    overflow: hidden;
    margin-left: 150px;
    position: relative;
    height: 475px;
}
.proSlideBg{
    overflow: hidden;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 3;
    background: url(../images/proslidebg2.png) no-repeat center center;
    background-size: cover;
}
.proSlideBg:after{
    display: block;
    content: "";
    overflow: hidden;
    padding-top: 5.20833333%;
}
.proViewName{
    overflow: hidden;
    font-size: 40px;
    color:#434444;
    line-height: 40px;
    font-weight: bold;
}
.proViewIntr{
    overflow: hidden;
    font-size: 18px;
    color:#4c4c4c;
    line-height: 30px;
}
.shopLink{
    overflow: hidden;
}
.shopLink_a{
    display: block;
    width: 76px;
    height: 76px;
    overflow: hidden;
    float: left;
    margin-right: 5px;
}
.tmall{
    background: url(../images/tmall.png) no-repeat center center;
}
.jd{
    background: url(../images/jd.png) no-repeat center center;
}
.proViewSwiper{
    padding-bottom: 25px;
}
.proViewSwiper .swiper-pagination .swiper-pagination-bullet{
    border-radius:100%;
}
.style1{
    background-image:url(../images/proslidebg1.png);
	 background-position:center center;
	background-repeat:no-repeat;
    background-size: cover;
}
.style1 .swiper-pagination{
    bottom: 0px;
}
.style1 .swiper-pagination span{cursor:pointer}
.style1 .swiper-pagination .swiper-pagination-bullet{
    background:rgba(0,0,0,0.3);
    opacity: 1;
}
.style1 .swiper-pagination .swiper-pagination-bullet-active{
    background:rgba(0,0,0,0.9);
}
.productView{
    background: #fff;
    overflow: hidden;
    padding-top: 50px;
	width:1920px;
	position: relative;
	left:50%;
	margin-left:-960px;
}
.productView img{
    max-width: 100%;
    vertical-align: top;
}

/*
* 活动 kis2
*/
.active_dl{
    margin: 0px -10px;
}
.active_dl:after{
    display: block;
    content: "";
    overflow: hidden;
    visibility: hidden;
    clear: both;
}
.active_dl dt{
    padding: 10px 0px;
    border-radius: 5px;
}
.active_dl dd{
    width: 33.333333%;
    padding: 10px 0px;
    float: left;
    display: inline;
}
.active_dl dt .active_a{
    overflow: hidden;
    background: #fff;
    padding: 25px;
    border-radius: 3px;
}
.hotActiveL{
    width: 600px;
    overflow: hidden;
    margin-right: 20px;
    border-radius: 3px;
}
.active_a{
    display: block;
    overflow: hidden;
    margin: 0px 10px;
}
.active_a .pic{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    position: relative;
}
.active_a .pic:after{
    display: block;
    content: "";
    overflow: hidden;
    padding-top: 60%;
}
.status{
    display: block;
    width: 147px;
    position: absolute;
    right: -23px;
    top: -28px;
    z-index: 3;
	display:none;
}
.status:after{
    display:block;
    content: "";
    overflow: hidden;
    padding-top: 89%;
}
.status.ing{
    background: url(../images/ing.png) no-repeat center center;
    background-size: cover;
}
.status.over{
    background: url(../images/over.png) no-repeat center center;
    background-size: cover;
}
.hotActiveR{
    height: 260px;
    overflow: hidden;
    background: #f5f5f5;
    padding: 50px 25px;
    border-radius: 3px;
}
.activeRSwiper{
    overflow: hidden;
}
.hotActiveTit{
    font-size: 20px;
    color:#1f63b5;
    line-height: 30px;
}
.activeIntr{
    overflow: hidden;
    font-size: 14px;
    color:#666;
    line-height: 25px;
    height: 120px;
}
.hotActiveMore{
    overflow: hidden;
    width: 135px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color:#fff;
    text-align: center;
    border-radius: 40px;
    background: #ff7200;
}
.activeLSwiper .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    opacity: 1;
    background: #ababab;
}
.activeLSwiper .swiper-pagination-bullet-active{
    background: #fff;
}
.activeDeta{
    overflow: hidden;
    padding: 20px;
    background: #fff;
}
.activeName{
    font-size: 18px;
    color:#333;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    transition: all 0.3s linear;
}
.active_a:hover .activeName{
    color:#1d5db5;
}
.active_dl dd .activeIntr{
    height: 50px;
}
.active_dl dd .active_a{
    border-radius: 3px;
    transition: all 0.3s linear;
}
.active_dl dd .active_a:hover{
    transform: translateY(-5px);
    -webkit-box-shadow: 0px 20px 40px rgba(0,0,0,0.1);
    box-shadow: 0px 20px 40px rgba(0,0,0,0.1);
}
.active_dl dd .status{
    width: 104px;
}

/*
* 三级
*/
.thirdMenu{
    overflow: hidden;
    text-align: center;
    font-size: 0px;
}
.thirdMenu_dl{
    display: inline-block;
}
.thirdMenu_dl dd{
    float: left;
    display: inline;
    margin: 0px 20px;
}
.thirdMenu_a{
    display: block;
    overflow: hidden;
    background: #fff;
    border-radius: 3px;
    line-height: ;
    padding: 0px 15px;
    min-width: 100px;
    line-height: 40px;
    transition: all 0.3s linear;
    font-size: 14px;
    color:#666;
}
.thirdMenu_a:hover,
.thirdMenu_dl dd.hover .thirdMenu_a{
    background: #2064b5;
    color:#fff;
}

/*
* 招聘 kis2
*/
.recruitBox{
    background: #fff;
    overflow: hidden;
    padding: 45px;
}
.recruit_dl{
    overflow: hidden;
    line-height: 50px;
}
.recruit_dl dt{
    background: #2064b5;
    overflow: hidden;
}
.recruit_dl dd{
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
}
.recruit_dl dd:nth-child(odd){
    background: #fdfdfd;
}
.recruit_dl dd:last-child{
    border:none;
}
.recruitDiv{
    float: left;
    display: inline;
    width: 200px;
    overflow: hidden;
    text-align: center;
}
.w_380{
    width: 380px;
}
.w_130{
    width: 130px;
}
.recruit_dl span{
    display: block;
    overflow: hidden;
    font-size: 16px;
    color:#666;
    padding: 0px 20px;
}
.recruit_dl dt span{
    color:#fff;
}
.recruitDiv.w_380{
    text-align: left;
}
.recruitDiv a{
    font-size: 16px;
    color:#666;
}
.recruit_dl dd:hover span,
.recruit_dl dd:hover a{
    color:#0059bd;
}

/**
 * 人才招聘详细页
 * @author 杨朝杰
 * @return
 */
.jobInfo{
    clear:both;
    overflow:hidden;
    line-height:36px;
    font-size: 16px;
    padding:10px 0 0 0;
    }
.jobTitle{
    font-size: 17px;
    color: #333;
    /*border-bottom: solid 1px #E7E7E7;*/
    line-height: 30px;
    margin-top:30px;
    padding-bottom: 10px;
}
.jobTitle i{
    width: 3px;
    background:#666;
    height: 20px;
    display: none;
    float: left;
    position: relative;
    top: 5px;
    margin-right: 10px;
}
.jobBtBox{
    overflow: hidden;
    font-size: 0px;
    text-align: center;
}
.jobBtBox .center{
    display: inline-block;
}

a.jobBt{
    width: 180px;
    height: 50px;
    border-radius: 3px;
    text-align: center;
    line-height: 50px;
    color: #000;
    background:#e5e5e5;
    display:block;
    font-size: 18px;
    margin:0 10px;
    -webkit-transition:0.3s; 
    -moz-transition:0.3s; 
    transition:0.3s;
}
.jobBt:hover,
.jobBt.hover{background:#2064b5;color:#fff;}

.jobField{
    clear:both;
    overflow:hidden;
    line-height:35px;
    font-size:16px;
    padding: 20px 40px;
    background: #f3f3f3;
}
.jobField i{
    color:#000;
    font-style: normal;
}
.jobField dd{width:33%;float:left;}
.jobName{font-weight:normal;font-size:24px;clear:both;padding:0 0 10px 0;}
.jobTime{font-size:14px;line-height:30px;padding:0 0 10px 0;color:#999;border-bottom: solid 1px #E7E7E7;}
/**
 * 人才招聘（应聘表单提交）
 * @return
 */
 .subPopBox{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    left: 0px;
    top:0px;
    background: rgba(0,0,0,0.65);
    filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#65000000',endColorstr = '#65000000')\9;
    z-index: 999999;
    display: none;
}
.subPopCont{
    width: 790px;
    height: 600px;
    /*overflow: hidden;*/
    border:10px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    position: relative;
    left: 50%;
    top:50%;
    margin-left: -395px;
    margin-top: -277px;
}
.joinForm {
    overflow: hidden;
    padding: 20px 40px;
}
.joinFormTit {
    display: block;
    font-size: 24px;
    color:#333;
    text-align: center;
    overflow: hidden;
}
.joinForm_dl {
    overflow: hidden;
}
.joinForm_dl dd {
    clear: both;
    /*height: 32px;
    line-height: 32px;*/
    /*overflow: hidden;*/
    padding-left: 90px;
    position: relative;
    margin-bottom: 10px;
}
.joinFormName {
    display: block;
    width: 91px;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    text-align: right;
    font-size: 16px;
    color:#000;
    position: absolute;
    left: 0px;
    top:0px;
}
.joinFormName i {
    font-style:normal;
    padding-right:3px;
    color:#fb1515;
}
.joinFormInp {
    display: block;
    width: 203px;
    height: 38px;
    overflow: hidden;
    border:1px solid #c0c0c0;
    padding: 0px 5px;
    font-size: 12px;
    color:#666;
    font-family:"microsoft yahei";
    line-height: 38px;
    border-radius: 3px;
}
.customUpload{
    width: 100% !important;
    height: 100% !important;
}
.joinForm_dl dd label {
    margin: 12px 0px 12px 15px;
}
.joinForm_dl dd label span {
    padding-left: 6px;
}
.joinFormInp[disabled="disabled"] {
    background: #fff;
}
.joinForm_dl dt {
    overflow: hidden;
    position: relative;
    padding-left: 90px;
    margin-bottom: 10px;
}
.joinForm_dl dt textarea {
    width: 580px;
    height: 140px;
    overflow-x: hidden;
    overflow-y: auto;
    border:1px solid #c0c0c0;
    padding: 5px 10px;
    font-size: 12px;
    color:#666;
    line-height: 20px;
    border-radius: 3px;
}
.joinFile {
    display: block;
    width: 110px;
    height: 30px;
    overflow: hidden;
    background: #535353;
    font-size: 14px;
    color:#fff;
    line-height: 30px;
    text-align: center;
}
input.w_100 {
    width: 100px;
}
.joinCode {
    height: 32px;
    overflow: hidden;
    line-height: 32px;
    margin-left: 10px;
}
.joinCode img {
    display: block;
    height: 40px;
    float: left;
}
.joinCode i {
    display: block;
    height: 32px;
    overflow: hidden;
    float: left;
    padding-left: 10px;
    color:#666;
    font-style: normal;
}
.joinCode i:hover {
    color:#d70112;
}
.closeSubPop {
    width: 35px;
    height: 35px;
    overflow: hidden;
    background:url(../images/closevideopop.png) no-repeat center center;
    position: absolute;
    right:10px;
    top:10px;
}
.bbsBt {
    display: block;
    width: 110px;
    height: 40px;
    overflow: hidden;
    margin:0px auto;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color:#fff !important;
    background: #f7941d;
    border-radius: 3px;
}

/*
* 全文列表 kis2
*/
.txtList_dl{

}
.txtList_dl dd{
    padding: 15px 0px;
}
.txtList_dl .list_a{
    display: block;
    background: #fff;
    padding: 30px 140px 30px 30px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s linear;
    border-radius: 3px;
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
}
.listDeta{
    overflow: hidden;
}
.txtList_dl .listDeta{
    border-right: 1px solid #ddd;
    padding-right: 30px;
}
.listTit{
    font-size: 22px;
    color:#494949;
    overflow: hidden;
    line-height: 30px;
    transition: all 0.3s linear;
}
.txtList_dl .list_a:hover{
    transform: translateY(-5px);
    -webkit-box-shadow: 0px 20px 40px rgba(0,0,0,0.1);
    box-shadow: 0px 20px 40px rgba(0,0,0,0.1);
}
.list_a:hover .listTit{
    color:#2064b5;
}
.listOther{
    overflow: hidden;
}
.listNum{
    font-size: 14px;
    color:#a6a6a6;
    padding-left: 30px;
    background: url(../images/eyes.png) no-repeat left center;
}
.listIntr{
    overflow: hidden;
    font-size: 14px;
    color:#929292;
    line-height: 30px;
    max-height: 60px;
}
.listTime{
    width: 140px;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -40px;
    text-align: center;
}
.listTime span{
    display: block;
    overflow: hidden;
    font-size: 50px;
    color:#2064b5;
    font-weight: bold;
    line-height: 50px;
}
.listTime i{
    display: block;
    font-style: normal;
    font-size: 18px;
    color:#929292;
    line-height: 30px;
}

/*
* 联系我们 kis2
*/
.contact{
    overflow: hidden;
    padding: 20px;
    background: #fff;
    border-radius: 3px;
}
.contactMap{
    overflow: hidden;
}
.contact_dl{
    margin: 0 -50px;
}
.contact dd{
    color: #666;
    font-size: 14px;
    overflow: hidden;
    min-width: 200px;
}
.contactDiv{
    overflow: hidden;
    padding: 10px 0px;
    margin: 0px 50px;
}
.ico{
    overflow: hidden;
    font-size: 14px;
    color:#000;
    padding: 5px 0px 5px 55px;
    line-height: 30px;
    min-height: 30px;
}
.company{
    background: url(../images/company.png) no-repeat left center;
}
.address{
    background: url(../images/address.png) no-repeat left center;
}
.tell{
    background: url(../images/tell.png) no-repeat left center;
}
.phone{
    background: url(../images/phone.png) no-repeat left center;
}
.fax{
    background: url(../images/fax.png) no-repeat left center;
}
.email{
    background: url(../images/email.png) no-repeat left center;
}

#pd-Page .pd-bg{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover;}
.pd-menuH{ padding-top: 10%; clear: both; width: 100%;}
.pd-column1{ position: relative;}
.pd-columnText{ width: 26%;}
.pd-columnText .title{overflow: hidden;}
.pd-columnText .title a{ display: block; height: 53px; line-height: 53px; font-size: 30px; font-weight: bold;}
.pd-columnText .title em{ display: block; height: 22px; line-height: 22px; font-size: 20px; font-weight: lighter; /*text-transform: uppercase; */font-style: normal;}
.pd-columnText .info{ padding-top: 4.5%; line-height: 25px;overflow: hidden; font-size: 14px; padding-right:15%;}
.pd-columnText .list{ padding-top: 17%; margin-right: -19%;}
.pd-columnText .list dd{ float: left; display: inline; height: 72px; width: 50%; margin-bottom:5%;}
.pd-columnText .list dd a{display: block;margin-right:25%;position: relative;}
.pd-columnText .list dd .icn{width:52px;background: #FFF;border-radius: 100%;position: relative; z-index: 2; transition: all 300ms;-webkit-transition: all 300ms;}
.pd-columnText .list dd .icn:before{ display: block; content: ''; padding-top: 100%;}
.pd-columnText .list dd .icn:after{ display: block; content: ''; position: absolute;top:-6px;left:-6px;width:100%;height:100%;border: 6px solid #F00; border-radius: 100%;opacity:0.2}
.pd-columnText .list dd .icn span{ display: block; position: absolute; width: 100%; height: 100%; background-repeat: no-repeat;background-position: center center; background-size:cover; left:0; top:0; transition: all 300ms;-webkit-transition: all 300ms;}
.pd-columnText .list dd .icn span.span1{ visibility: visible; opacity: 1;}
.pd-columnText .list dd .icn span.span2{ visibility: hidden; opacity: 0;}
.pd-columnText .list dd .listText{position: absolute;left: 0;top: 0;height: 100%; width:200px; z-index: 1;}
.pd-columnText .list dd .listText span{ display: block;padding-left:67px; height: 38px; line-height: 38px; border-radius: 38px; background: #FFF; color: #666666; font-size: 14px; font-weight: bold;}
.pd-columnText .list dd.dd1 .icn:after{ border-color: #fba9c4;}
.pd-columnText .list dd.dd2 .icn:after{ border-color: #88bd5c;}
.pd-columnText .list dd.dd3 .icn:after{ border-color: #feb91f;}
.pd-columnText .list dd.dd4 .icn:after{ border-color: #f19149;}
.pd-columnText .list dd.dd5 .icn:after{ border-color: #3887bf;}
.pd-columnText .list dd.dd6 .icn:after{ border-color: #b3d465;}
.pd-columnText .list dd.dd7 .icn:after{ border-color: #c490bf;}
.pd-columnText .list dd.dd8 .icn:after{ border-color: #00a0e9;}
.pd-columnText .list dd.dd9 .icn:after{ border-color: #d2c6aa;}
.pd-columnText .list dd.dd1:hover .icn{ background: #fba9c4;}
.pd-columnText .list dd.dd2:hover .icn{ background: #88bd5c;}
.pd-columnText .list dd.dd3:hover .icn{ background: #feb91f;}
.pd-columnText .list dd.dd4:hover .icn{ background: #f19149;}
.pd-columnText .list dd.dd5:hover .icn{ background: #3887bf;}
.pd-columnText .list dd.dd6:hover .icn{ background: #b3d465;}
.pd-columnText .list dd.dd7:hover .icn{ background: #c490bf;}
.pd-columnText .list dd.dd8:hover .icn{ background: #00a0e9;}
.pd-columnText .list dd.dd9:hover .icn{ background: #c4b590;}
.pd-columnText .list dd:hover .icn span.span1{ visibility: hidden; opacity: 0;}
.pd-columnText .list dd:hover .icn span.span2{ visibility: visible; opacity: 1;}

.pd-columnPic{ width: 49.8%;}
.pd-columnPicUp{ position: relative; padding-top: 57.47%;}
.pd-columnPicUpScroll{ position: absolute; left: 0; top: 0px;width: 100%; height: 100%; }
.pd-columnPicUpScrollBg{ position: absolute; left: 0; top:0; width: 100%; height: 100%; background-repeat: no-repeat;background-size: auto 100%; background-position: center center;display:none}
.pd-columnPicUpScroll .bd{ overflow: hidden;padding: 0px 0; height: 100%;}
.pd-columnPicUpScroll .prev{ display: block; width: 50px; height: 50px; border: 1px solid #f6acbf; border-radius: 100%; background: url(../images/pd-c1prev.png) no-repeat center center; position: absolute; left:20%; top: 40%; z-index:9;cursor:pointer;}
.pd-columnPicUpScroll .next{ display: block; width: 50px; height: 50px; border: 1px solid #f6acbf; border-radius: 100%; background: url(../images/pd-c1next.png) no-repeat center center; position: absolute; right:20%; top: 40%; z-index:9;cursor:pointer;}
.pd-columnPicUpScroll .bd .slick-track{ height: 100%;}
.pd-columnPicUpScroll .slick-list{ overflow: visible; margin-right: 0px; height: 100%;}
.pd-columnPicUpScroll .myslide{ width: 100%; float: left; display: inline; height: 100%;}
.pd-columnPicUpScroll .myslide a{ display: block; height: 100%;}
.pd-columnPicUpScroll .myslide .pic{width: 46%;position: absolute;left: 27%;bottom: 13%;/* transform: translateY(-50%); */}
.pd-columnPicUpScroll .myslide .pic:before{ display: block; content: ''; padding-top: 100%;}
.pd-columnPicUpScroll .myslide .pic img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

.pd-columnPicDn{ padding:0 22.9% 0; height: 75px; line-height: 75px; text-align: center;}
.pd-columnPicDn .bd{overflow: hidden;padding: 0px 0; height: 75px; position: relative;}
.pd-columnPicDn .bd .myslide{ width: 33.3333%; float: left; display: inline; position: relative; line-height:26px;height:26px;overflow:hidden;color: #444444; font-size: 16px; font-weight: bold; transition: all 300ms;-webkit-transition: all 300ms; cursor: pointer;padding-top:21px;}
.pd-columnPicDn .bd .myslide em{ position: absolute; left: 0; top: 0; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 48px; font-weight: bold; color: rgba(244, 120, 152, 0.15); font-style: normal; opacity: 0; visibility: hidden; transition: all 300ms;-webkit-transition: all 300ms;}
.pd-columnPicDn .bd .myslide.slick-current{ color: #f45a82; font-size: 20px;}
.pd-columnPicDn .bd .myslide.slick-current em{ visibility: visible; opacity: 1;}
.pd-columnPicDn .bd .html{ display: none;}

.pd-column1 .pd-columnText{ margin-left: 15%; float: left; display: inline;}
.pd-column1 .pd-columnText .title a{ color: #f45a82;}
.pd-column1 .pd-columnText .title em{ color: #f2a4b8;}
.pd-column1 .pd-columnText .info{ color: #666666;}
.pd-column1 .pd-columnPic{ margin-right: 5.3%; float: right; display: inline; margin-top: -6%;}

.pd-column2 .pd-columnText{ margin-right: 15%; float: right; display: inline; position: relative;}
.pd-column2 .pd-columnText .title a{ color: #3887bf;}
.pd-column2 .pd-columnText .title em{ color: #475477;}
.pd-column2 .pd-columnText .info{ color: #666666;}
.pd-column2 .pd-columnPic{ margin-left: 5.3%; float: left; display: inline; margin-top: -6%;}
.pd-column2 .pd-columnPicDn .bd .myslide.slick-current{ color: #3887bf;}
.pd-column2 .pd-columnPicDn .bd .myslide em{ color: rgba(56, 135, 191, 0.15);}
.pd-column2 .pd-columnPicUpScroll .prev{ background-image: url(../images/pd-c2prev.png) ; border-color:#3887bf}
.pd-column2 .pd-columnPicUpScroll .next{ background-image: url(../images/pd-c2next.png) ; border-color:#3887bf}


#fp-nav ul li a span{
    
    width: 100% !important;
    height: 100% !important;
}
#fp-nav ul li a.active span:after{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    transform: scale(0);
    transition-duration: 0.3s;
    animation: myfirst 2.5s infinite ease-in;
}
#fp-nav ul li a.active span:before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    transform: scale(0);
    transition-duration: 0.3s;
    animation: myfirst 2.5s infinite ease-in;
    animation-delay: 0.4s;
}
#fp-nav ul li a.active:after{
    animation: myfirst 2.5s infinite ease-in;
    animation-delay: 0.8s;
}
@keyframes myfirst{
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    33.33%{
        opacity: 1;
    }
    50%{
        opacity: 0;
        transform: scale(1.5);
    }
    100%{
        opacity: 0;
    }
}
/**/
.minH{min-height:300px}
/**/
/**
 * 全文列表2
 * @author 杨朝杰
 * @return
 */
.textList2 dd{
	clear: both;
	overflow: hidden;
	height: 72px;
	border-bottom: 1px dotted #dbdbdb;
}
.textList2 dd span{
	display:inline;
	float:right;
	height: 72px;
	font-size:15px;
	color: #666666;
	line-height: 72px;
	background-image: url(../images/icon18.png);
	background-position: right center;
	background-repeat: no-repeat;
}
.textList2 dd a{
	display:block;
	overflow: hidden;
	height: 72px;
	color: #666666;
	line-height: 72px;
	font-size: 16px;
	float:left;
}
.textList2 dd a:hover{color: #2064b5}
/**/
.selBox {
	width:404px;
	height:38px;
	position: relative;
	border: 1px solid #ececec;
	border-radius:3px;
}
.selBox .seljg {
	line-height:38px;
	color: #333333;
	font-size: 13px;
	cursor: pointer;
	padding-left:5px;
}
.selBox i{
	display: block;
	width:36px;
	height: 38px;
	background: url(../images/scticon.png) no-repeat center center;
	position: absolute;
	right:0;
	top: 0px;
	cursor: pointer;
}
.selBox .selTj {
	width: 100%;
	overflow: hidden;
	border: 1px solid #e6e6e6;
	border-top: none;
	max-height: 180px;
	overflow-y: auto;
	position: absolute;
	left: -1px;
	top: 39px;
	background: #FFF;
	display: none;
	z-index: 100000
}
.selBox .selTj a {
	display: block;
	height: 35px;
	line-height: 35px;
	padding-left: 13px;
	color: #666666;
	margin-bottom: 1px;
	font-size: 12px;
}
.selBox .selTj a:hover {
	background: #f8f8f8;
	color: #eb0800;
}
.selBox .selTj a.hover {
	background: #f8f8f8;
	color: #eb0800;
}
/**/
/*
* 大事记 begin
* kis2
*/
.eventBox{
    position: relative;
    overflow: hidden;
    padding: 40px 60px;
    background: #fff;
}
.eventBox .hd{
    overflow: hidden;
    width: 550px;
    margin: 0px auto;
}
.eventBox .bt{
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
}
.eventBox .prev{
    background: url(../images/prevbt.png) no-repeat center center;
}
.eventBox .prev:hover{
    background: url(../images/prevbt_h.png) no-repeat center center;
}
.eventBox .next{
    background: url(../images/nextbt.png) no-repeat center center;
}
.eventBox .next:hover{
    background: url(../images/nextbt_h.png) no-repeat center center;
}
.eventYear{
    width: 450px;
    overflow: hidden;
    height: 50px;
    position: relative;
}
.eventY_ul{
    width: 100000px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
}
.eventY_ul li{
    overflow: hidden;
    width: 150px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color:#666;
    float: left;
    display: inline;
    text-align: center;
    -webkit-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
    opacity: 0.8;
    cursor: pointer;
}
.eventY_ul li.on{
    color:#dd0800;
    font-size: 30px;
    font-weight: bold;
}
.eventBox .bd{
    overflow: hidden;
}
.event_ul{
    overflow: hidden;
    -webkit-transition: height 0.3s linear;
    -o-transition: height 0.3s linear;
    transition: height 0.3s linear;
}
.event_ul li{
    overflow: hidden;
}
.event_dl{
    overflow: hidden;
    position: relative;
}
.event_dl dd{
    overflow: hidden;
    padding: 30px 0px;
    position: relative;
    z-index: 3;
}
.eventImg{
    overflow: hidden;
}
.eventImg img{
    display: block;
    width: 225px;
    height: 160px;
}
.eventCont{
    overflow: hidden;
}
.eventMonth{
    font-size: 18px;
    color:#333;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
}
.eventDeta{
    overflow: hidden;
    font-size: 14px;
    color:#666;
    line-height: 25px;
    height: 100px;
}
.event_dl dd.even{
    padding-left: 240px;
}
.even .eventImg{
    float: left;
    display: inline;
    padding-right: 65px;
}
.even .eventMonth{
    padding-left: 75px;
    background: url(../images/eveniconl.png) no-repeat left center;
}
.even .eventDeta{
    padding-left: 75px;
}
.event_dl dd.odd{
    padding-right: 245px;
}
.odd .eventImg{
    float: right;
    display: inline;
    margin-left: 60px;
}
.odd .eventMonth{
    padding-right: 75px;
    text-align: right;
    background: url(../images/eveniconr.png) no-repeat right center;
}
.odd .eventDeta{
    padding-right: 75px;
    text-align: right;
}
.event_dl dt{
    width: 1px;
    height: 100%;
    overflow: hidden;
    background: #ddd;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: 0px;
    z-index: 1;
}


/*大事记列表页*/
.history-box-left {
	float:left;
}
.history-box-right {
	float:right;
}
.historydiv {
	margin-top:40px;
	overflow:hidden;
	width:100%;
	background:url(../images/history-bg.jpg) repeat-y center center;
	padding-bottom:80px;
	position:relative;
	margin-bottom:30px;
}
.history-box {
	width:460px;
	height:350px;
	background:#fff;
	padding:25px 30px 35px;
	position:relative;
	-webkit-transition:all .3s;
	transition:all .3s;
	margin-bottom:15px;
}
.history-box h4 {
	display:block;
	width:83px;
	height:83px;
	background:#fff;
	border:8px solid #dddbdb;
	text-align:center;
	position:absolute;
	font-size:24px;
	text-align:center;
}
.history-box h4 a{
	text-align:center;
	padding:10px 0 0 0;
	display:block;
	}

.history-box-list p {
	margin-bottom:0;
}
.icon-hdir {
	position:absolute;
	width:13px;
	height:18px;
	display:block;
	-webkit-transition:all .3s;
	transition:all .3s;
}
.history-box-left .icon-hdir {
	top:20px;
	left:520px;
	background:url(../images/icon-dir-right.jpg) no-repeat;
}
.history-box-right .icon-hdir {
	bottom:20px;
	right:520px;
	background:url(../images/icon-dir-left.jpg) no-repeat;
}
.history-box-left h4 {
	top:0;
	left:550px;
}
.history-box-right h4 {
	bottom:0;
	right:550px;
}
.history-box-list li {
	margin-bottom:10px;
}
i.icon-more {
	display:block;
	width:23px;
	height:23px;
	background:url(../images/icon-hmore.png) no-repeat;
	-webkit-transition:all .3s;
	transition:all .3s;
}
.history-box:hover {
	background:#2064b5;
	color:#fff;
}
.history-box:hover h4{border:8px solid #2064b5;}

.history-box.history-box-left:hover .icon-hdir {
	background:url(../images/icon-dir-left-hover.png) no-repeat;
}
.history-box.history-box-right:hover .icon-hdir {
	background:url(../images/icon-dir-right-hover.png) no-repeat;
}
.history-box:hover i.icon-more {
	background:url(../images/icon-hmore-hover.png) no-repeat;
}
.history-box:hover h5 b {
	color:#fff;
}
a.btn-ajax {
	display:block;
	width:48px;
	height:48px;
	background:url(../images/icon-omiss.png) no-repeat;
	position:absolute;
	left:50%;
	margin-left:-24px;
	bottom:0px;
}
.history-box-list ul {
	height:340px;
	overflow:hidden;
	margin-bottom:10px;
}
.history-box-list ul li{
	line-height:31px;
	font-size:15px;
	}
/**/
.pdtVBox1L .txt{width:55% !important}