@charset "utf-8";
body { font-family: "微软雅黑"; background: #F1F1F1; overflow: hidden; overflow-y:auto;  }

a {transition: .3s;}
.whiteBg { background: #fff;}
.swidthBox { display: none;}
*{box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ }

.menu { position: absolute; left: 10px; top: 10px; width: 100%; }
.menu ul{ width: 80%; margin: 0 auto; display: table; height: 40px; line-height: 40px;}
.menu ul li{ display: table-cell; text-align: center;}
.menu ul li a { color: #000; font-size: 16px; opacity: 0.8; filter: alpha(opacity = 80); transition: .3s;}
.menu ul li a:hover {opacity: 1; filter: alpha(opacity = 100);}
.banner { height: 400px; background: url(/pubimages/web/ytlh19-banner-bg.jpg) no-repeat center center;}
.banner.temp2 { padding: 0;}
.banner.banner-1-2{ height: 460px; background: url(ytlhzt-zt-hjbh-banner-1.jpg) no-repeat center center; background-size: cover;}

.f-box { position: relative;}

/*页面中可公用部分 start*/
p.txt-ind2em { text-indent: 2em;}

.newsBox-vod:after,
.newsBox:after,
.f6-box .imgList:after { display: block; content:""; clear: both;}

h2.titH2 { height: 24px; line-height: 24px; font-size: 24px; padding-left: 15px; color: #222}
h2.titH2.redB { border-left: 3px solid #FF2C00;}
h2.titH2.greeB { border-left: 3px solid #FF2C00;}
h2.titH2.greeB em { color: #85C82B; font-size: 16px; position: relative; top: -2px;}
h2.titH2.dBlueB {border-left: 3px solid #FF2C00;}
h2.titH2.dBlueB em { color: #2BC2C8; font-size: 16px; position: relative; top: -2px;}
h2.titH2.dRedB {border-left: 3px solid #FF2C00;}

.newsBox.redTR { border-top: 5px solid #FF2C00; }
.newsBox.ogrTR { border-top: 5px solid #FF2C00; }
.newsBox.greeTR { border-top: 5px solid #FF2C00; }
.newsBox.dBlueTR {border-top: 5px solid #FF2C00;}
.newsBox.dRedTR {border-top: 5px solid #FF2C00;}


/*页面中可公用部分 end*/

.nav-side { position: absolute; top: 330px; left: 0; width: 100%; z-index: 9; background: #E60012; }
.nav-side.active { background: #fff; position: fixed; top: 0 !important; box-shadow: 0 1px 10px #777;}
.nav-side.active a { color: #000;}
.nav-side ul { display: table; height: 70px;}
.nav-side ul li { display: table-cell;}
.nav-side ul li a { display: block; width: 100%; height: 70px; line-height: 70px;font-size: 18px; color: #fff; text-align: center;}
.nav-side ul li a.active,.nav-side ul li a:hover { background: #FCB71C; color: #fff; }

.nav-side ul,.newsBox-vod {width: 1200px; margin: 0 auto;}

.nav-side.temp-1-2 { top: 360px;}


.newsListBox-temp1 { padding-top: 15px;}
.newsListBox-temp1 li { padding-top: 8px; margin-top: 8px; border-top: dotted 1px #DFDFDF; }
.newsListBox-temp1 li:nth-child(1) { border: none; padding-top: 0; margin-top: 0;}
.newsListBox-temp1 li a { display: block; color: #666;font-size: 14px;}
.newsListBox-temp1 li a strong { display: block;color: #222; font-size: 18px; font-weight: 500; margin-bottom: 5px;transition: .3s; }
.newsListBox-temp1 li a i { display: inline-block; width: 11px; height: 11px; margin-right: 5px; background: #FF2C00; position: relative; top: -1px;}
.newsListBox-temp1 li a:hover strong { color: #f30}

.f1-box .newsBox,.f1-box .vodBox,.f1-box .imgSiwdthBox { width: 50%;}
.f1-box .vodBox,.f1-box .video_box,.f1-box .imgSiwdthBox { height: 383px;}
.f1-box .vodBox { background: #000;}

.f2-box .newsBox-vod img { width: 100%; padding: 20px;}


.newsBox { width: 100%;}

.f4-box p.img { padding: 10px 0 0 40px; }
.f4-box p.img img,.f5-box p.img img { width: 100%;}
.f4-box .newsListBox-temp1 li a i { background: #85C82B}
.f5-box .newsListBox-temp1 li a i { background: #2BC2C8}
.f6-box .imgTopMoveBox { overflow: hidden;}
.f6-box .imgList li { float: left; width: 33.33%; margin-top: 20px; }
.f6-box .imgList li a { display: block; padding: 0 10px;}
.f6-box .imgList li a span { display: block; padding-top: 5px; color: #444; text-align: center;}
.f6-box .imgList li a img { width: 100%;}

.w50bfb { width: 50%;}

.f5-box p.img  { padding: 20px 40px 0 0}

.pathBox { width: 1200px; overflow: hidden; margin: 0 auto;}
.pathBox p.path { margin: 20px 0 0 10px; height: 30px; line-height: 30px; font-size: 14px; color: #444;}
.pathBox p.path a { color: #369}

.articleBox h2.title { font-size: 22px; font-weight: 700;padding: 20px 30px 10px; text-align: center;}
.articleBox p.time { text-align: center; font-size: 12px; padding: 5px 0 10px;}

/*banner start*/
.f1-box .imgSiwdthBox { overflow:hidden;}
.banner-img img { float: none;}
.scroll{position:relative;}
.scroll_box{position:relative;overflow:hidden;visibility:hidden;}
.scroll_wrap{position:relative;}
.scroll_wrap li{position:relative;display:block;width:100%;float:left;}
.scroll_wrap li a{display:block;margin:0 auto;position:relative;}
.scroll_wrap li span{position:absolute;bottom:4px;padding:0 5px;width:100%;height:30px; line-height:30px; background:rgba(0,0,0,0.6);color:#fff; z-index:999;}
.scroll_position{position:absolute;left:50%; margin-left:-9px;z-index:4;top: 10px; z-index:999;}
.scroll_position li{display:inline-block;width:8px;height:8px;border-radius:100%;background:rgba(255,255,255,0.6);}
.scroll_position li a{font-size:0;}
.scroll_position li.on{background-color:#fff;}

.txtInfo span{display: none; background: rgba(0,0,0,.6); color: #fff; font-size: 14px;}
.txtInfo span.on{display: block;}
.txtInfo span { padding: 25px 20px 15px;text-align: center; }
.txtInfo span strong { display: block; font-size: 18px;}
.sTabsInfoBox { position: absolute;bottom: 0;width: 100%;}
.sTabsInfoBox .taskIco { position: absolute; left: 15px; top: 0;}
.sTabsInfoBox .taskIco span { position: relative; display: block; float: left; width: 50px; height: 16px; margin-left: 5px; font-weight: 700; text-align: center; font-size: 16px; line-height: 16px; background: #FADB01; color: #fff;}
.sTabsInfoBox .taskIco span:nth-child(2) { background: #E65584}
.sTabsInfoBox .taskIco span:nth-child(3) { background: #5EC4EF}
.sTabsInfoBox .taskIco span em { display: none; position: absolute; left: 50%; bottom: -8px; margin-left: -8px; width: 0; height: 0;border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #FADB01;}
.sTabsInfoBox .taskIco span:nth-child(2) em {border-top: 8px solid #E65584; }
.sTabsInfoBox .taskIco span:nth-child(3) em {border-top: 8px solid #5EC4EF; }
.sTabsInfoBox .taskIco span.on em { display: block}
/*banner end*/


/*底部 start*/
footer { padding: 20px 0; background: #ccc; text-align: center;}
footer ul,footer ul li { display: inline-block; }
footer ul li a { padding: 0 10px;}
footer .copy { white-space: nowrap;}
footer .copy p { color: #333;line-height: 24px;}
footer .copy p a { color: #333;padding-right: 10px;}
/*底部 end*/

@media screen and (min-width: 760px) and (max-width: 1200px) {
	body {overflow-x: hidden;}

	.banner img { width: 80%; }
	.banner { padding: 80px 0 60px;}
	.nav-side { display: none;}



	.newsBox-vod { width: 100%}
	.f1-box .newsBox,.f1-box .vodBox,.pathBox,.f1-box .imgSiwdthBox  { width: 100%;}
	.f1-box .vodBox,.f1-box .video_box,.f1-box .imgSiwdthBox { height: auto;}
	.f1-box .video_box { padding: 20px;}

	.w50bfb { width: 100%;}
	.f4-box p.img,.f5-box p.img { padding:20px;}

	.pathBox p.path { padding-top: 5px;}
	.autoPt { padding-top: 5px;}

	.banner.temp2 { height: 200px;}
}

@media screen and (max-width: 760px) {
	body {overflow-x: hidden;}
	.appT0 { padding-top: 0}

	.banner img { width: 80%; }
	.nav-side { display: none;}
	

	/*手机上的样式*/
	.menu { top: 0}
	.banner { height: 180px; background-size: cover;}
	.menu ul li a { font-size: 12px;}
	
	.f1-box { margin-top: -30px;} 

	.newsBox-vod { width: 100%}
	.f1-box .newsBox,.f1-box .vodBox,.pathBox,.f1-box .imgSiwdthBox  { width: 100%;}
	.f1-box .vodBox,.f1-box .video_box,.f1-box .imgSiwdthBox { height: auto;}
	.f1-box .video_box { padding: 10px;}
	.f2-box .newsBox-vod img { padding: 10px;}
	.newsListBox-temp1 { padding-top: 20px;}
	.newsListBox-temp1 li a { font-size: 12px;}
	.newsListBox-temp1 li a strong { font-size: 14px;}
 
	.w50bfb { width: 100%;}
	.f4-box p.img,.f5-box p.img { padding:10px;}
	
	.f6-box .imgList li a { display: block; padding: 0 2px;}

	.pathBox p.path { padding-top: 5px;}
	.autoPt { padding-top: 5px;}

	.banner.temp2 { height: 120px;}
    .appDisplay {display: block;}
}




/*定义滚动条 start*/
::-webkit-scrollbar {width: 6px;height: 6px;}    
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track { /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  */ border-radius: 4px; background-color: #F5F5F5;}    
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb {  border-radius: 4px; /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  */ background-color: #ccc;}
/*定义滚动条 end*/