@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img {
	border: medium none;
	margin: 0;
	padding: 0;
}
*{margin: 0;padding: 0;list-style: none;word-wrap:break-word; }
html{overflow-x: hidden;font-size:20px;}
body{max-width:1000px;margin: 0px auto !important;font-family:Helvetica;background:#ECF1F3;font-size:1.2rem;color:#666; overflow:hidden; display: flex;height:100vh;flex-direction: column;}

body,button, input, select, textarea{
    font-family: "Helvetica Neue", Helvetica, STHeiTi,\5FAE\8F6F\96C5\9ED1;
}
table {
    border-collapse: collapse;
}/*细线表格*/
input, textarea{-webkit-tap-highlight-color: rgba(255,255,255,0);}
i{font-style:normal;}
a{outline: none;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(255,255,255,0);font-family: "microsoft yahei";text-decoration: none;color: #666;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance: none;}
a:visited{ outline: none;}
a:hover{ outline: none;}
a:active{ outline: none;}
ul, ol{list-style: none;vertical-align: middle;}
img{border: 0px;vertical-align:middle}
.float-left{float: left;display: inline;}
.float-right{float: right;display: inline;}
.clear{ clear:both; overflow:hidden; height:0;}
.clear5{ height:0.25rem;}
.clear10{ height:0.5rem;}
.chear15{ height:0.75rem;}
.chear20{ height:1rem;}
.chear25{ height:1.25rem;}
.chear30{ height:1.5rem;}
.bc-fff{background: #fff;}
.elem-quote{padding: 10px;margin: 10px;line-height: 10px;border-left: 5px solid #FF8A58;border-radius: 0 2px 2px 0;background-color: #f2f2f2;font-size:15px;}
/*动态设置字体大小*/
html{
    font-size: 20px;
}

@media screen and (max-width: 360px){
    html{
        font-size: 20px;
    }
}
@media screen and (min-width: 361px) and (max-width: 539px){
    html{
        font-size: calc(100vw/360*20);
    }
}
@media screen and (min-width: 540px){
    html{
        font-size: 28px;
    }
}

/*浏览器滚动条*/
::-webkit-scrollbar {width:0px;background-color:#fff;}
::-webkit-scrollbar-button {}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-track-piece {}
::-webkit-scrollbar-thumb {border:solid 0px #5d5d5d;width:0px;background-color:#fff;}
::-webkit-scrollbar-corner {background-color:#5d5d5d;}
::-webkit-resizer {}
::-webkit-scrollbar:horizontal{height:9px;}
.clamp1{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.clamp2{
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.clamp3{
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.clamp4{
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.clamp5{
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 5 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.clamp6{
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 6 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/**
 * 框架部分 begin
*/
.top{
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
    position: relative;
    z-index: 5;
}
.body{
    flex: 1 0 0;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}


#mobileWrap{
	margin:0 auto;
	}
#mobileTop{clear:both; position:fixed;z-index:5;width:100%;}
#mobileCon{overflow:hidden;overflow-y:auto;clear:both; background:#f2f2f2; position:relative;z-index:4;}
#mobileCon.bai{ background: #FFF; }
#mobileFooter{clear:both; position:fixed; bottom:0; width:100%; z-index:4;}
#mobileBg{width:100%; height:100%;position:fixed;background:rgba(0,0,0,0.3);z-index:50;left:0;top:0px; z-index:6; display:none;}
#mobileConH{overflow:hidden;}

#mobileTop.hide,#mobileCon.hide,#mobileFooter.hide,#mobileMenu.hide{-webkit-transition: all 0.6s;-webkit-transform: translateX(11rem);}/*导航展开*/
#mobileTop.show,#mobileCon.show,#mobileFooter.show,#mobileMenu.show{-webkit-transition: all 0.6s;-webkit-transform:translateX(0);}/*导航关闭*/
#mobileBg.hide{-webkit-transition: all 0.6s;-webkit-transform: translateX(11rem);}
#mobileBg.show{-webkit-transition: all 0.6s;}

/**
 * 手机顶部
 */	
#toolbarnav{display: block;height:2.25rem;width:100%;max-width:100%;position: relative;color:#fff;background:#FFF;}
#toolbarnav h1{text-align: center;display: block;text-align: center;line-height:2.25rem;color: #014593;font-size:0.8rem;padding:0 10px 0 0;}
#go-back{
	position: absolute;
	top:0;
	width:2rem;
	height:2.25rem;
	display:block;
	left:0;
	font-size:1rem;
	opacity:0.7;
	}
#go-back span{color:#014593;font-size:1.2rem;display:block;margin:0.5rem 0 0 12px;}
#menu-btn{display: block;width:2.25rem;height:2.25rem;position: absolute;right:0;top:0; text-align:center;}
#menu-btn span{font-size:20px;color:#014593; opacity:0.7;height:2.25rem; line-height:2.25rem; text-align:center;}
#menu-btn em{font-size:20px;color:#014593; opacity:0.7;display: none;height:2.25rem; line-height:2.25rem; text-align:center;}
#sub-btn{display: block;width:2.25rem;height:2.25rem;position: absolute;right: 0;top: 0;}
#sub-btn span{font-size:1rem;color: #fff;margin:12px 0 0 16px;display: block;}

#articleTool{
	position:relative;
	display: block;height:45px;width: 100%;max-width:100%;position: relative;color:#333;background:#f9fafb;
	}
#articleTool:after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
	display:none;
}
#articleTool h1{
	overflow:hidden;
	text-align: center;
	display: block;
	text-align: center;
	line-height:2.2rem;
	color:#333;
	font-size:0.8rem;
	margin:0 40px;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-background-clip: content;
	-moz-background-clip: content;
	background-clip: content;
	}
#articleTool #go-back span{ color:#333;}

.menu{width:100%;top:0;position:fixed;z-index:90;padding:2.25rem 0 2.4rem 0;overflow:hidden; background-size:contain;box-shadow:0px 0px 0.25rem rgba(0,0,0,0.9);display:none;z-index:999999999999999999; left:0px; height:100%;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box; display:none;}
.menuTop{ height:2.25rem; position: absolute; left: 0.5rem; top: 0px; width:calc(100% - 1.0rem);}
.menuCBox1{ display:block; width:100%; height:100%; overflow-y:auto;}
.menuC{ display:table-cell; vertical-align:middle; max-height:100%; overflow:hidden; overflow-y:auto;}
.menuClose{display:block;clear:both;font-size:1.2rem;text-align:center; position:fixed; right:0px; top:0px; color:#FFF; width:2.25rem; height:2.25rem; line-height:2.25rem; background:#ffffff url(../images/close.png) no-repeat center center; background-size:auto 1.0rem;}
.menuC dl{-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)}
.menuC dl dd{width:100%;display:block;height:2.25rem; position: relative;}
.menuC dl dd:before{ display: block; width: 100%; height: 1px; background: #ddd; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); content: ''; position: absolute; left: 0px; bottom: 0px;}
.menuC dl dd a{display:block;color: #333333;margin:0.25rem;line-height:2.25rem;text-align:center; border-radius:2px; height:2.25rem; font-size:0.7rem;}
.menuC dl dd a span{ display:inline-block; height: 2.2rem;}
.menuC dl dd.hover a{ color:#014593;}
.menuDn{ position:absolute; width:100%; height: 2.4rem; left: 0px; bottom: 0px;}
.menuDn a{display: block; width:100%; height: 2.4rem; background:#a82026 url(../images/phone.png) no-repeat center center; background-size: auto 1.5rem;}
.menu.show{ display:block;}
.menuCBox{ display:table; height:100%; width:100%;}

/**
 * 二级导航
 */	
#subNav{width:100%;height:2rem;position:relative;z-index:99;}

#subNav.navNum1{display:none;}
#subNav.navNum2 .SubNav_open{display:none;}
#subNav.navNum2 .subNav_title ul{padding:0}
#subNav.navNum2 .subNav_title ul li{ width:50%;}
#subNav.navNum2 .subNav_title ul li:last-child:after{ display:none;}

#subNav.navNum3 .SubNav_open{display:none;}
#subNav.navNum3 .subNav_title ul{padding:0}
#subNav.navNum3 .subNav_title ul li:last-child:after{ display:none;}

.subNav_title{height:2rem;background:#014593;position:relative;z-index:99; width:100%; margin-bottom:10px;}
.SubNav_open{
	width:2rem;
	height:2rem;
	display:block;
	color:#999;
	position:absolute;
	top:0;
	right:0;
	z-index:99;
	}
.SubNav_open:after{
    content: " ";
    position:absolute;
    right:-2px;
    top: 0;
    width:1px;
    height:2rem;
    border-right:1px solid #d9d9d9;
    -webkit-transform-origin:scaleX(0.3);
    transform-origin:scaleX(0.3);
    -webkit-transform: scaleX(0.3);
    transform: scaleX(0.3);
}
.SubNav_open span{
	display:block;
	width:100%;
	height:2rem;
    text-align: center;
    line-height: 2rem;
    font-size: 1.3rem;
    color: #FFF;
	background-size:0.8rem;

	}
.subNav_title ul{
	width:100%;
	display:block;
	overflow:hidden;
	padding:0 2rem 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
}
.subNav_title ul li{
	width:33%;
	display:block;
	height:2rem;
	float:left;
	font-size:0.7rem;
	position:relative;
	}
.subNav_title ul li:last-child:after{}
.subNav_title ul li.hover:before{}
	
.subNav_title ul li.hover{background:#fff;}
.subNav_title ul li a{display:block;line-height:2rem;text-align:center; color: #FFF;}
#mobileSubBg{width:100%;position:fixed;background:rgba(0,0,0,0.3);z-index:50;left:0;top:0px;display:none;}
#subNav dl{
	width:100%;
	top:2rem;
	position:absolute;
	z-index:90;
	padding:0.3rem 0;
	overflow:hidden;
	display:none;
	z-index:99;
}
#subNav dl dt{display:block;clear:both;line-height:30px;border-bottom:1px dotted #ccc;padding:0 0 0 5px;font-size:16px;margin:0 0 5px 0;text-align:center;}
#subNav dl dd{width:33.3%;display:block;float:left;}
#subNav dl dd a{
	display:block;
	background:#fff;
	color: #333;
	margin:5px;
	line-height:1.25rem;
	text-align:center; 
	padding:3px 0 0 0;
	position:relative;
	border-radius:1.75rem;
	font-size:0.65rem;
	}
#subNav dl dd a:after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #FFF;
    box-sizing: border-box;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
	border-radius:1.75rem;
}
#subNav dl dd.hover a{ color:#FFF; background:#6a99cf;}
#subNav dl dd.hover a:after {
    border: 1px solid #6a99cf;
}
.subNavBg{
    position: absolute;
    left: 0px;
    top:100%;
    overflow: hidden;
    z-index: 1;
    height: 100vh;
    background: rgb(0,0,0,0.5);
    width: 100%;
    display: none;
}
/**
 * 固定的底部
*/
.foot{
    overflow: hidden;
    -webkit-box-shadow: 0px -1px 3px rgba(0,0,0,0.1);
    box-shadow: 0px -1px 3px rgba(0,0,0,0.1);
    position: relative;
    z-index: 5;
}
.footerBar{
    font-size:0.6rem;
    overflow: hidden;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;  
    width: 100%;
    height:2.4rem;
}
.footerBar div{
    height: 2.4rem;
    width:25%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: content;
    -moz-background-clip: content;
    background-clip: content;
    text-align: center;
    overflow:hidden;
}
.footerBar div a{display: block;height:2.2rem;width: 100%;color:#333333;padding:0.2rem 0 0 0;}
.footerBar div a em{ display:block;height:0.9rem;clear: both;text-align: center; padding-top:0.1rem; margin-bottom:0.2rem;}
.footerBar div a em img{ display:block; height:1rem; margin:0 auto;}
.footerBar div a span{display: block;clear: both;font-size:0.65rem;text-align: center;}
.footerBar div i{height: 0.75rem;font-size: 1.0rem;margin: 0.5rem 0 0 0;display: block;}

/**
 * 固定的底部2
 */	
.footerBar2{
	font-size:12px;
	overflow: hidden;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-background-clip: content;
	-moz-background-clip: content;
	background-clip: content;
	width: 100%;
	height:45px;
	background:#fff;
	position:relative;
}
.footerBar2:after{
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border-top:1px solid #ededed;
    box-sizing: border-box;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
	z-index:1;
	}
.footerBar2 .shareBt:after{ display:none;}

.footerBar2 div{
	overflow:hidden;
	position:relative;
	z-index:2;
	}
.phoneBt{
	width:30%;
	float:right;
	}
.phoneBt a {
    width: 100%;
    display: block;
    line-height: 45px;
    background: #ff7800;
    color: #fff !important;
    text-align: center;
}
.goBack2{
	width:16%;
	float:left;
	}
.goBack2 a{
    display: block;
    height:45px;
    background: url(../images/jt6.png) no-repeat 10px center;
    background-size: 26px;
    color: #666 !important;
    text-align: center;
	}
.marker, .shareDiv{
	float:right;
	line-height:45px;
	font-size:14px;
	padding:0 15px 0 0;
	}

.shareDiv .shareBt{ width:100%;}

.marker span, .shareDiv span{padding:0 0 0 6px;}
.marker em, .shareDiv em{color:#999;}


/**
 * 返回顶部
 */	
#scrollTop{
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	border-radius:100%;
	background:rgba(255,255,255,0.9);
	position: fixed;
	right:10px;
	bottom:60px;
	z-index:9999;
	display:none;
	-webkit-box-shadow:0px 0px 5px rgba(153,153,153,0.5);	
	-moz-box-shadow:0px 0px 5px rgba(153,153,153,0.5);	 
	box-shadow:0px 0px 5px rgba(153,153,153,0.5);	   
	}
#scrollTop em{font-size:26px;color:#666;padding:3px 0 0 0;}

/**
 * page
 */
.ajaxLoad{color:#666;height:2rem;line-height:2rem;text-align:center;clear:both;position:relative;background:#fff;margin:5px 0 0 0; font-size:0.7rem;}
.ajaxLoad i{font-size:0.8rem;margin:0 5px 0 0;color:#fc8b1c;}

/**
 * 文章阅读页
 */	
video {max-width: 100%;}
.articleBox{line-height:1.5rem;color:#666666;padding:10px;font-size:0.75rem;background:#ECF1F3;}
.articleBox img{max-width:100%;}
.articleTitle{
	font-size: 0.9rem;
    color: #444444;
    text-align: center;
    font-weight: bold;
    padding:10px 50px 0 50px;
    line-height: 1.5rem;
	}
.articleTime{display: block;clear: both;text-align: center;color: #999;font-size:0.6rem;padding:0 0 5px 0;}

.articleTop{
	overflow:hidden;
	background:#f9fafb;
	padding:10px 0;
	}
.articleTop .articleTitle{
	font-size:18px;
	color:#333333;
	text-align:center;
	font-weight:bold;
	padding:0 50px;
	line-height:30px;
	}
.articleTop .articleTime{
	text-align:center;
	padding:10px 0 0 0;
	}

.articleHand{
    clear:both;
    font-size:0.75rem;
    overflow: hidden;
    }
.articleHand a{
    display:block;
    line-height:1.6rem;
    padding:0 20px 0 10px;
    float:left;
    clear: both;
}
.articleHand a i{
	padding:0 5px 0  0;
	}
.articleHand a.word{color:#37a6ff !important; }
.articleHand a.ppt{color:#ff7735 !important;}
.articleHand a.excel{color:#15bf44 !important; }
.articleHand a.pdf{color:#1369c0 !important; }
.articleHand a.zip{color:#ff9779 !important; }

.videoCon{
	position:absolute;
	top:205px;
	bottom:0;
	overflow-y:auto;
	}
.videoCon .articleTitle{
	font-size:18px;
	color:#333333;
	text-align:left;
	font-weight:bold;
	padding:5px 10px 0 10px;
	line-height:30px;
	}
.videoCon .articleTime{
	text-align:left;
	padding:0 0 0 10px;
	}
	
.audiojs{
	width:40px;
	height:40px;
	border-radius:100%;
	background:url(../audiojs/play.png) no-repeat center center;
	background-size:cover; 
	margin:2px 10px 0 0;
	position:relative;
	z-index:9;
	}
.audiojs.playing{
	width:40px;
	height:40px;
	border-radius:100%;
	background:url(../audiojs/play2.png) no-repeat center center;
	background-size:cover;
	}
.audiojs .scrubber{ display:none;}
.audiojs .time{ display:none;}
.audiojs .play-pause {
	width: 25px;
	height: 40px;
	padding:0 6px;
	margin: 0px;
	float: left;
	overflow: hidden;
}
.articelImgSlide{
    padding: 10px;
    overflow: hidden;
}
#articelImgSlide img{
    display: block;
    max-width: 100%;
}
#articelImgSlide{
    /*padding-bottom: 30px;*/
}
#articelImgSlide .swiper-pagination{
    bottom: 5px;
}
.articelImgSlide .swiper-button-prev{
    left: 0px;
    background: url(../images/aboutPrev3.png) no-repeat center center;
    background-size: auto 30px;
}
.articelImgSlide .swiper-button-next{
    right: 0px;
    background: url(../images/aboutNext3.png) no-repeat center center;
    background-size: auto 30px;
}
.articelImgSlide .swiper-pagination-bullet{background: #eee;opacity: 1;}
.articelImgSlide .swiper-pagination-bullet-active{background: #007aff;}

.articleChange{ line-height: 1.5rem; font-size: 0.7rem; padding:0.5rem;}
/**
 * 分享
 */
.shareBt{display: inline-block;width:20px;position: relative;}
.shareClose{line-height:2rem;text-align:center;padding:3px 0 0 0;font-size:0.8rem;}
.shareBt:after{display: block;content: "";overflow: hidden;width: 100%;padding-top: 100%;background: url(../images/share/share.png) no-repeat center center;background-size: 100% 100%;position: absolute;left: 50%;bottom:-4px;}
.shareBox{width:100%;overflow: hidden;background: #fff;position: fixed;left: 0px;bottom:-100%;z-index: 10000;-webkit-transition: bottom 0.8s;-o-transition: bottom 0.8s;transition: bottom 0.8s;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.shareBox.show{bottom:0px;}
.shareCont{overflow: hidden;padding:0.5rem 0px 0.25rem;}
.bdsharebuttonbox p{display: block;width:20%;overflow: hidden;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0.25rem;}
.bdsharebuttonbox a{display: block;width: 100%;overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin:0px !important;padding:0 0.5rem !important;background: none !important;height: auto !important;}
.bdsharebuttonbox span{display: block;width: 100%;overflow: hidden;padding: 0px 0.75rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bdsharebuttonbox i{clear:both;display: block;font-size:0.6rem;color:#666;text-align: center;overflow: hidden;margin:5px 0px;}
.boxShadow{position: fixed;left: 0px;top:0px;width: 100%;height: 100%;overflow: hidden;background: rgba(0,0,0,0.6);z-index: 999;display: none;}
.bdsharebuttonbox a:before{display: block;content: "";overflow: hidden;width: 100%;padding-top: 100%;}

.bdsharebuttonbox a.bds_tsina:before{background: url(../images/share/shareBt1.png) no-repeat center center;background-size:100%;}
.bdsharebuttonbox a.bds_tqq:before{background: url(../images/share/shareBt2.png) no-repeat center center;background-size:100%;}
.bdsharebuttonbox a.bds_qzone:before{background: url(../images/share/shareBt3.png) no-repeat center center;background-size:100%;}
.bdsharebuttonbox a.bds_douban:before{background: url(../images/share/shareBt4.png) no-repeat center center;background-size:100%;}
.bdsharebuttonbox a.bds_sqq:before{background: url(../images/share/shareBt6.png) no-repeat center center;background-size:100%;}

/**
 * 首页banner图
 */
.banner{
    overflow: hidden;
}
.banner_a{
    display: block;
    overflow: hidden;
    padding-top: 70.875%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.logo{ position: absolute; left: 0.5rem; top: 0.2rem;}
.logo img{ display:block;}
.noticeBox{
    display: flex;
    overflow: hidden;
    padding: 0px 0.5rem;
}
.notice_l{
    overflow: hidden;
    font-size: 0.7rem;
    color:#014593;
    padding-right: 0.5rem;
    line-height: 2.25rem;
}
.notice{
    overflow: hidden;
    flex: 1 0 0;
    height: 2.25rem;
}
.notice_a{
    display: block;
    overflow: hidden;
    line-height: 2.25rem;
    font-size: 0.7rem;
    color:#666;
    height: 2.25rem;
}

.noticeBox .more{line-height: 2.25rem; font-size: 0.6rem;margin-left: 0.5rem;}
.noticeBox .more a{ color: #014593; }

.rowBox{ position: relative;background:#fff; }
.rowBox:before{ display:block; content:''; position:absolute; left:0px; top:0px; width:100%; height:1px; background:#e6e6e6; transform:scaleY(0.5); -webkit-transform:scaleY(0.5);}
.rowBox:after{ display:block; content:''; position:absolute; left:0px; bottom:0px; width:100%; height:1px; background:#e6e6e6; transform:scaleY(0.5); -webkit-transform:scaleY(0.5);}

.fast-ul{
    clear:both;
    overflow:hidden;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0.5rem 0.25rem;
    position:relative;
    }
.fast-ul li{
    float:left;
    overflow:hidden;
    width:25%;
    text-align: center;
    padding:0 0.25rem;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    }
.fast-ul li a{
    display:block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background:#fff;
    padding:0.35rem;
    }
.fast-ul li a p{ text-align:center;}
.fast-ul li a img{
    max-width:85%;
    width: auto;
}
.fast-ul li a span{
    padding-top: 0.25rem;
    display:block;
    font-size:0.6rem;
    color:#555;
    line-height:1.0rem;
    height:1.0rem;
    clear:both; overflow:hidden;
    }

    
.dynamic-ul{
    clear:both;
    overflow:hidden;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0.5rem 0.25rem;
    position:relative;
    }
.dynamic-ul li{
    float:left;
    overflow:hidden;
    width:33.33%;
    text-align: center;
    padding:0 0.25rem;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin-bottom: 10px;;
    }
.dynamic-ul li a{
    display:block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background:#fff;
    padding:0.35rem;
    max-width:224px;
    }
.dynamic-ul li a p{ text-align:center;}
.dynamic-ul li a img{
    max-width:100%;
    width: auto;
}
.dynamic-ul li a span{
    padding-top: 0.25rem;
    display:block;
    font-size:0.6rem;
    color:#555;
    line-height:1.0rem;
    height:1.0rem;
    clear:both; overflow:hidden;
    border: 1px #FF8A58 solid;
    }


/*row2*/
.titBox{ overflow:hidden; height: 1.5rem; line-height: 1.5rem; position: relative;padding-bottom: 10px;}
.titBox:before{display:block; content:''; position:absolute; left:0px; bottom:0px; width:100%; height:1px; background:#FF8A58; transform:scaleY(0.5); -webkit-transform:scaleY(0.5);}
.titBox a{ display: block; overflow: hidden; }
.titBox .titleL{ overflow: hidden; }
.titBox .titleL span{ overflow: hidden; float: left; color: #014593; font-size: 0.7rem; margin-right: 0.4rem; font-weight: bold;}
.titBox .titleL em{ overflow: hidden; float: left; color: #b4b4b4; font-size: 0.45rem; font-style: normal;text-transform:uppercase;}
.titBox .titleR{ width: 1.5rem; height: 1.5rem; text-align: center; line-height: 1.5rem; font-size:12px; color: #014593; }
.row2{ padding: 0.5rem 0.5rem 1rem; }
.row2Text{ overflow: hidden; }
.row2Text .text1{ line-height: 20px; font-size: 0.6rem;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-bottom: 0.5rem;}
.row2Text .text2{ line-height: 20px; font-size: 0.5rem;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical}

.indexVideo{ position: relative; z-index: 0;}
/*row3*/
.row3{ padding: 0.5rem 0.5rem 1rem;}
.row3C1{ overflow: hidden; padding-bottom: 0.5rem; position: relative;}
.row3C1:before{display:block; content:''; position:absolute; left:0px; bottom:0px; width:100%; height:1px; background:#e4e4e4; transform:scaleY(0.5); -webkit-transform:scaleY(0.5);}
.row3C1 dd{ overflow: hidden; }
.row3C1 dd .pic{ overflow: hidden; width: 90px;height: 90px;background: rgba(255,255,255,1);border: 2px solid rgba(160, 217, 247, 1); margin-right: 0.5rem;    text-align: center;line-height: 82px; }
.row3C1 dd .pic img{ overflow: hidden;width:95%;height:95%;}
.row3C1 dd .text{ overflow: hidden; }
.row3C1 dd .text h1{ height: 1.0rem; line-height: 1.0rem; color: #333333;  font-size: 0.6rem; margin-bottom: 0.35rem; }
.row3C1 dd .text .text1{  line-height: 0.7rem; color: #888888;  font-size: 0.5rem;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-bottom: 0.35rem; }
.row3C1 dd .text .time{ height: 0.75rem; line-height: 0.75rem; color: #888888; font-size: 0.5rem;}
.row3C1 dd .text .time span{ float: left; padding-left: 0.75rem; margin-right: 0.5rem; background: url(../images/time.png) no-repeat left center; background-size: auto 0.6rem;  }
.row3C1 dd .text .time em{ float: left; padding-left: 0.95rem; font-style: normal;background: url(../images/view.png) no-repeat left center; background-size: auto 0.6rem;  }

.indexList{ overflow: hidden; padding: 0.4rem 0 0}
.indexList dd{ overflow: hidden; line-height: 1.25rem; height: 1.25rem; font-size: 0.6rem;}
.indexList dd a{ overflow: hidden; display: flex;}
.indexList dd a .conM{ flex:1;  color: #666666;}
.indexList dd a i{ width: 0.65rem; height: 1.0rem; display: block; text-align: left; color: #666666; font-size: 0.6rem; line-height: 1rem; }
.indexList dd a em{ display: block; color: #888888; font-size: 0.5rem; font-style: normal; }
/*row4*/
.row4{ padding: 0.5rem 0.5rem 0.8rem;overflow: hidden;}
.row4Pic{ position: relative; width: 100%; }
.row4Pic .row4Slide{
    padding-bottom: 1.5rem;
}
.row4Pic .row4Slide .swiper-pagination{
    bottom: 0px;
}
.row4_a{
    display: block;
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
}
.tab_title {
       font-size:0.9em;
}
.css_title {
     color: #333333;
    font-size: 14px;
    font-weight: normal;
}
.row4_a .text{
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 0px 0.5rem;
    font-size: 0.6rem;
    color:#fff;
    line-height: 0.8rem;
    z-index: 2;
    background: rgba(0,0,0,0.5);
}
/**+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++以下为通用型（根据实际需求修改）+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++/
/*成绩查询*/
.scoreSearch1{ padding:1rem 0.5rem 0.5rem; display: flex;}
.scoreSearch1 .conL{ flex: 1; overflow: hidden; position: relative;}
.scoreSearch1 .conL dd{ overflow: hidden; position: relative; margin-bottom: 0.5rem;}
.scoreSearch1 .conL dd:before{
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.scoreSearch1 .conL dd input{ float;left; height: 1.8rem; line-height: 1.8rem; padding: 0 0.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; z-index: 10; background:none; border:none;}
.scoreSearch1 .conL dd input.input1{ width: 100%; }
.scoreSearch1 .conL dd input.input2{ width: 6.0rem; }
.scoreSearch1 .conL dd.code{ padding-right: 3.75rem; }
.scoreSearch1 .conL dd.code img{ position: absolute; right: 0.25rem; top: 0.25rem; width: 3.25rem; height: 1.25rem; }
.scoreSearch1 .conR{ width: 6.65rem; height: 6.4rem; text-align: center; line-height: 6.4rem; margin-left: 0.5rem;}
.scoreSearch1 .conR a{ display: block; width: 100%; height: 100%; background:#014593; color: #FFF; font-size: 0.7rem; }

.scoreSearch2T{ padding: 0.5rem 0.5rem; line-height: 1rem; background: #dee5ed; color: #444444; font-size: 0.6rem; overflow: hidden;}
.scoreSearch2T span{ color: #999999; }
.scoreSearch2T table{ border:none; }
.scoreSearch2T table tr{ border:none; height: 1.0rem;}
.scoreSearch2T table tr td{ border:none; }

.scoreSearch2T2{ overflow: hidden; padding: 0.25rem;}
.scoreSearch2T2 dd{ float: left; width: 33.3333%;box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0.25rem;}
.scoreSearch2T2 dd div{position: relative; font-size: 0px; background: #FFF;}
.scoreSearch2T2 dd select{ height: 1.0rem; line-height: 1.0rem; width: 100%; border: none;-webkit-appearance:none;appearance:none;box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 0.5rem; background: none; z-index: 1; position: relative;}
.scoreSearch2T2 dd em{ position: absolute; right: 0px; top: 0px; width: 1.0rem; height: 1.0rem; background:url(../images/sel.png) no-repeat center center; background-size: auto 0.35rem;}

.scoreSearch2C table{ border:1px solid #e9e9e9; }
.scoreSearch2C table tr{ border:none; height: 1.5rem; border:1px solid #e9e9e9;}
.scoreSearch2C table tr td{ border:none; border:1px solid #e9e9e9; color: #666666; font-size: 0.7rem;}
.scoreSearch2C table tr td.blue{ color: #014593; }

/*留言*/
.messageForm{ padding: 1.0rem 0.5rem 0.5rem; }
.messageForm dd{ display: flex; margin-bottom: 0.5rem;}
.messageForm dd .formM{ flex: 1; position: relative;}
.messageForm dd .formM:before{
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.messageForm dd input{ display: block; width: 100%; height: 1.5rem; line-height: 1.5rem;  position: relative;z-index: 1; border: none; background: none;box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 0.5rem; font-size: 0.65rem; }
.messageForm dd textarea{ display: block; width: 100%; height: 7.0rem; line-height: 1.5rem;  position: relative;z-index: 1; border: none; background: none;box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 0.5rem; font-size: 0.65rem; }
.messageForm dd img{ display: block; height: 1.5rem; width: 4.25rem; margin-left: 0.5rem; }
.messageBtn{ overflow: hidden; padding: 0 0.5rem 1.0rem;}
.messageBtn a{ display: block; width: 100%; line-height: 1.5rem; height: 1.5rem; background: #014593; font-size: 0.7rem; color: #FFF; text-align: center; }

/*联系我们*/
.contact{ position: relative; padding:1.0rem 0.5rem;}
.contact .map{ width: 100%; height:200px; background: #f5f3f0; }
.contactUsList{ overflow: hidden; padding-top: 1.0rem; margin-right: -2.5rem;}
.contactUsList dd{ float: left; display: inline; width: 33.3333%; overflow: hidden; padding-right: 2.5rem;box-sizing: border-box; -webkit-box-sizing: border-box; }
.contactUsList dd img{ display: block; height: 1.0rem; padding-top: 0; margin:0 auto 0.5rem;}
.contactUsList dd span{ display: block;line-height: 0.75rem; text-align: center; color: #888888; font-size: 0.5rem;}

/*校长信箱*/
.principalEmail{ padding: 1.0rem 0.5rem 0.5rem; }
.principalEmail dd{ display: flex; margin-bottom: 0.5rem;}
.principalEmail dd .formM{ flex: 1; position: relative; padding: 0 0.5rem}
.principalEmail dd .formM:before{
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.principalEmail dd span{ float: left; height: 1.5rem; line-height: 1.5rem; width: 3.0rem; text-align: right; }
.principalEmail dd div{ overflow: hidden; font-size: 0.65rem; color: #666666;}
.principalEmail dd input{ display: block; overflow: hidden; width: 100%; height: 1.5rem; line-height: 1.5rem;  position: relative;z-index: 1; border: none; background: none;box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 0.5rem; font-size: 0.65rem; }
.principalEmail dd textarea{ display: block; width: 100%; height: 4.0rem; line-height: 1.5rem;  position: relative;z-index: 1; border: none; background: none;box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 0.5rem; font-size: 0.65rem; }
.principalEmail dd img{ display: block; height: 1.5rem; width: 4.25rem; margin-left: 0.5rem; }
.principalEmailBtn{ overflow: hidden; padding: 0 0.5rem 1.0rem;}
.principalEmailBtn a{ display: block; width: 100%; line-height: 1.5rem; height: 1.5rem; background: #014593; font-size: 0.7rem; color: #FFF; text-align: center; }

/*初中报名*/
.signOnline{ padding: 1.0rem 0.5rem 0.5rem; }
.signOnline dd{ display: flex; margin-bottom: 0.5rem;}
.signOnline dd .formM{ flex: 1; position: relative;}
.signOnline dd .formM:before{
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.signOnline dd input{ display: block; width: 100%; height: 1.5rem; line-height: 1.5rem;  position: relative;z-index: 1; border: none; background: none;box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 0.5rem; font-size: 0.65rem; }
.signOnline dd textarea{ display: block; width: 100%; height: 7.0rem; line-height: 1.5rem;  position: relative;z-index: 1; border: none; background: none;box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 0.5rem; font-size: 0.65rem; }
.signOnline dd img{ display: block; height: 1.5rem; width: 4.25rem; }
.signOnline dd .list1{ overflow: hidden; margin-right: -0.5rem;}
.signOnline dd .list1 li{display: flex; width: 33.3333%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; padding-right: 0.5rem;}
.signOnlineBtn{ overflow: hidden; padding: 0 0.5rem 1.0rem;}
.signOnlineBtn a{ display: block; width: 100%; line-height: 1.9rem; height: 1.9rem; background: #014593; font-size: 0.7rem; color: #FFF; text-align: center; }

/*textList*/
.textList1{ /*padding-top: 1.0rem;*/}
.textList1 dd{ padding: 0 0.5rem; margin-bottom: 0.75rem;}
.textList1 dd .date{font-weight:bold; width: 3.9rem; height: 4.4rem; background:#FFF; text-align: center; margin-right: 0.5rem;box-shadow: 0px 0px 0.3rem rgba(0,0,0,0.2)}
.textList1 dd .date span{ display: block; padding-top: 1.4rem; height: 0.8rem; line-height: 0.8rem; color: #CBDCFA; font-size: 0.7rem;}
.textList1 dd .date em{ display: block; color: #CBDCFA; font-size: 0.5rem; height: 0.65rem; line-height: 0.65rem; font-style: normal; }
.textList1 dd .text{ overflow: hidden;box-shadow: 0px 0px 0.3rem rgba(0,0,0,0.2);height: 4.4rem; background:#FFF; padding: 0 0.6rem;}
.textList1 dd .text h1{ padding-top: 0.75rem; height: 1.0rem; line-height: 1.0rem; color: #444444; font-size: 0.6rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.textList1 dd .text .text1{ height: 1.0rem; line-height: 1.0rem; color: #888888; font-size: 0.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.textList1 dd .text .btn{ height: 1.25rem; line-height: 1.25rem; color: #a9a9a9; font-size: 0.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.textList2{ padding:1.0rem 0.5rem 0.5rem;}
.textList2 dd{ position: relative; background:#FFF;box-shadow: 0px 0px 0.3rem rgba(0,0,0,0.1); margin-bottom: 0.75rem;  }
.textList2 dd a{ display: block; padding:0.75rem 1rem;}
.textList2 dd .text{ overflow: hidden;}
.textList2 dd .text h1{ height: 1.25rem; line-height: 1.25rem; color: #666666; font-weight: bold; font-size: 0.65rem; margin-bottom: 0.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.textList2 dd .text .text1{line-height: 0.8rem; color: #888888; font-size: 0.6rem;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical; margin-bottom: 0.5rem}
.textList2 dd .text .time{ height: 0.8rem; line-height: 0.8rem; color: #999999; font-size: 0.6rem; overflow: hidden; position: relative;}
.textList2 dd .text .time:before{ 
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc;
}
.textList2 dd .text .time span{ float: right; height: 0.8rem; background: #FFF; padding-left: 0.4rem;  z-index: 1; position: relative;}
/*textImg*/
.textImg1{ padding: 1.0rem 0.5rem 0 }
.textImg1 dd{ background: #FFF; position: relative; margin-bottom: 0.75rem;}
.textImg1 dd:before{
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.textImg1 dd a{ display: block; padding: 0.5rem; position: relative; z-index: 1}
.textImg1 dd .pic{ width: 7.5rem; height: 4.5rem; margin-right: 0.5rem; }
.textImg1 dd .pic img{ width: 7.5rem; height: 4.5rem; }
.textImg1 dd .text{ overflow: hidden; }
.textImg1 dd .text h1{ height: 1.5rem; line-height: 1.5rem; font-weight: normal; font-size: 0.6rem;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
.textImg1 dd .text .text1{line-height: 0.75rem; font-weight: normal; font-size: 0.6rem; color: #999999;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-bottom: 0.5rem;}
.textImg1 dd .text .time{ height: 0.9rem; line-height: 0.9rem; overflow: hidden; }
.textImg1 dd .text .time span{font-size: 0.6rem; color: #999999;}

.textImg2{ padding: 1.0rem 0.5rem 0 }
.textImg2 dd{ background: #FFF; position: relative; margin-bottom: 0.75rem;}
.textImg2 dd a{ display: block;position: relative; z-index: 1}
.textImg2 dd .pic{ width: 6.25rem; height: 6.25rem; margin-right: 0.75rem; }
.textImg2 dd .pic img{ width: 6.25rem; height: 6.25rem; }
.textImg2 dd .text{ overflow: hidden; padding-right: 0.5rem; }
.textImg2 dd .text h1{ padding-top: 1.0rem; height: 1.6rem; line-height: 1.6rem; font-weight: normal; font-size: 0.6rem;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  margin-bottom: 0.25rem;}
.textImg2 dd .text h1 span{ color: #014593; font-size: 0.8rem; margin-right: 0.5rem; }
.textImg2 dd .text .text1{line-height: 0.75rem; height: 1.4rem; font-weight: normal; font-size: 0.6rem; color: #999999;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-bottom: 0.5rem;}
.textImg2 dd .text .btn{ height: 1rem; line-height: 1rem; overflow: hidden;font-size: 0.6rem; color: #999999; text-transform: uppercase;}

/*imgList*/
.imgList1{ overflow: hidden; padding:0.5rem 0.25rem;}
.imgList1 dd{box-sizing: border-box; -webkit-box-sizing: border-box; padding:0.25rem; float: left; width: 50%}
.imgList1 dd a{ display: block; background:#FFF; padding: 0.5rem; box-shadow: 0px 0px 0.35rem rgba(0,0,0,0.1)}
.imgList1 dd .title{ line-height: 0.7rem; height: 1.4rem; font-size: 0.6rem;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; color: #4f7fb5;}
.imgList1 dd .time{ height: 1.1rem; line-height: 1.1rem; color: #888888; font-size: 0.45rem; }
.imgList1 dd .pic{ width: 100%; padding-top: 60%; position: relative; margin-bottom: 0.5rem; }
.imgList1 dd .pic img{ display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.imgList1 dd .text{ color: #888888; font-size: 0.5rem; line-height: 0.7rem; height: 2.8rem;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical; margin-bottom: 0.5rem; }
.imgList1 dd .btn{ height: 1.0rem; line-height: 1.0rem; color: #444444; font-size: 0.5rem; overflow: hidden; }

.imgList2{ overflow: hidden; padding:0.5rem 0.25rem;}
.imgList2 dd{box-sizing: border-box; -webkit-box-sizing: border-box; padding:0.25rem; float: left; width: 50%}
.imgList2 dd a{ display: block; background:#FFF;box-shadow: 0px 0px 0.35rem rgba(0,0,0,0.1)}
.imgList2 dd .pic{ width: 100%; padding-top: 58.6%; position: relative; }
.imgList2 dd .pic img{ display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.imgList2 dd .title{ line-height: 1.4rem; height: 1.4rem; font-size: 0.6rem;overflow : hidden; color: #014593; position: relative; padding-right: 1.4rem; padding-left: 0.5rem;}
.imgList2 dd .title span{ display: block; position: absolute; right: 0px; top: 0px; width: 1.4rem; height: 1.4rem; line-height: 1.4rem; text-align: center; color: #014593; font-size: 0.9rem}

.imgList3{ overflow: hidden; padding:0.5rem 0.25rem;}
.imgList3 dd{box-sizing: border-box; -webkit-box-sizing: border-box; padding:0.25rem; float: left; width: 50%}
.imgList3 dd a{ display: block; background:#FFF;box-shadow: 0px 0px 0.35rem rgba(0,0,0,0.1)}
.imgList3 dd .pic{ width: 100%; padding-top: 100%; position: relative; }
.imgList3 dd .pic img{ display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.imgList3 dd .text{ padding:0.25rem 0.5rem; }
.imgList3 dd .text h1{ height: 1.15rem; line-height: 1.15rem; color: #666666; font-size: 0.6rem; font-weight: normal; }
.imgList3 dd .text h1 span{ color: #014593; font-size: 16px; margin-right: 0.4rem; }
.imgList3 dd .text .text1{ height: 0.8rem; line-height: 0.8rem; color: #888888; font-size: 0.6rem; font-weight: normal; overflow: hidden;}

.imgList4{ overflow: hidden; padding:0.5rem 0.25rem;}
.imgList4 dd{box-sizing: border-box; -webkit-box-sizing: border-box; padding:0.25rem; float: left; width: 50%}
.imgList4 dd a{ display: block; background:#FFF;box-shadow: 0px 0px 0.5rem rgba(0,0,0,0.1)}
.imgList4 dd .pic{ width: 100%; padding-top: 56.2609%; position: relative; }
.imgList4 dd .pic img{ display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.imgList4 dd .text{ padding:0.35rem 0.5rem; }
.imgList4 dd .text h1{ height: 0.8rem; line-height: 0.8rem; color: #666666; font-size: 0.6rem; font-weight: normal; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.imgList4 dd .text h1 span{ color: #014593; font-size: 16px; margin-right: 0.4rem; }
.imgList4 dd .text .text1{ height: 0.75rem; line-height: 0.75rem; color: #888888; font-size: 0.6rem; font-weight: normal; overflow: hidden;}
.imgList4 dd .text .time{ overflow: hidden; height: 0.8rem; line-height: 0.8rem; color: #c5c5c5; font-size: 0.5rem}
.imgList4 dd .text .time span{ float: left; }
.imgList4 dd .text .time em{ float: right; font-style: normal; }

/*视频中心*/
.videoList{ overflow: hidden; padding:0.5rem 0.25rem;}
.videoList dd{box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 0.75rem;}
.videoList dd a{ display: block; background:#FFF;box-shadow: 0px 0px 0.35rem rgba(0,0,0,0.1); position: relative;}
.videoList dd .pic{ width: 100%; padding-top: 56.6667%; position: relative; }
.videoList dd .pic:before{ display: block; width: 100%; height: 100%; position: absolute; left: 0px; top:0px; background: url(../images/play.png) no-repeat center center; background-size: auto 2rem; content: ''; z-index: 2 }
.videoList dd .pic img{ display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.videoList dd .text{ padding:2rem 0.5rem 0; position: absolute; left: 0px; bottom: 0px; height: 3.5rem; line-height: 1.5rem;box-sizing: border-box; -webkit-box-sizing: border-box; background:rgba(0,0,0,0.5); /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));  
    background:-o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); font-size: 0.6rem; color: #FFF; width: 100%; overflow: hidden;}
.videoList dd .text span{ float: left; }
.videoList dd .text em{ float: right; font-style: normal; color: #b2b1b1; padding-left: 1.0rem; background: url(../images/icn1.png) no-repeat left center; background-size: auto 0.6rem;}