@charset "utf-8";
body { font-family: "微软雅黑";}

a {transition: .3s;}

.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: #fff; font-size: 16px; opacity: 0.8; filter: alpha(opacity = 80); transition: .3s;}
.menu ul li a:hover {opacity: 1; filter: alpha(opacity = 100);}
.banner { padding: 100px 0 20px; text-align: center; background: url(/rdzt/swjly-banner-bg.jpg) no-repeat center center; background-size: cover;}

.f-box { position: relative;}
.f1-f-box { top: 0}
.f2-f-box { top: -50px;}
.f3-f-box,.f4-f-box,.f9-f-box,.f10-f-box { top: 20px;}

/*页面中可公用部分 start*/
p.txt-ind2em { text-indent: 2em;}
.f3-box,.f8-box,.f9-box { padding-bottom: 50px;}
.f1-box dl:after,
.f2-box .swidthBox:after,
.img-text-box .imgTxtBox:after,
.l-r-listbox:after,
dl.img-txtBox dt span:after,
.img-txtBox-temp2:after,
.img-txtBox-temp2 dt span:after,
.f9-box .imgBox:after { display: block; content:""; clear: both;}

h2.tit { padding: 30px 0 30px; font-size: 34px; text-align: center; color: #fff; font-weight: 700;}
h2.tit a { color: #fff}
h4.orgTit {text-align: center; font-size: 16px; color: #f60; font-weight: 700; padding: 5px 0;}
h4.orgTit a { color: #f60}
.img-txtBox-temp2 h4.orgTit { margin-top: 10px;}

.l-r-listbox dl.img-txtBox { width: 48.5%; background: #fff; border: 10px solid #21CCE6; }
.l-r-listbox dl.img-txtBox dt { width: 40%; float: left; }
.l-r-listbox dl.img-txtBox dt span { display: block; border-right: 10px solid #21CCE6;  }
.l-r-listbox dl.img-txtBox dt span:nth-child(1) { border-bottom: 10px solid #21CCE6;}
.l-r-listbox dl.img-txtBox dt span img { float: left;}
.l-r-listbox dl.img-txtBox dd { width: 60%; float:left; padding: 30px 20px 0;}
.l-r-listbox dl.img-txtBox dd p { line-height: 26px; color: #666;}

.img-txtBox-temp2 {border: 10px solid #21CCE6; background: #fff; }
.img-txtBox-temp2 dt { float: left; width: 50%;}
.img-txtBox-temp2 dt span {display: block; border-right: 10px solid #21CCE6; }
.img-txtBox-temp2 dt span img { float: left;}
.img-txtBox-temp2 dd { float: left; width: 50%; padding: 20px;}
.img-txtBox-temp2 dd p { color: #666; line-height: 22px; margin-top: 15px;}


.f6-box .l-r-listbox,.f8-box .l-r-listbox { padding-bottom: 30px;}
/*页面中可公用部分 end*/

.nav-side { position: absolute; top: 569px; left: 0; width: 100%; z-index: 9; }
.nav-side.active { background: #fff; position: fixed; top: 0; box-shadow: 0 1px 10px #777;}
.nav-side ul { display: table;}
.nav-side ul li { display: table-cell; padding:20px;}
.nav-side ul li a { display: block; width: 100%; height: 42px; line-height: 40px; background: #FDC403; border: 1px solid #fff; border-radius: 6px; font-weight: 700; font-size: 18px; color: #fff; text-align: center;}
.nav-side ul li a.active,.nav-side ul li a:hover { background: #FF8503; border: 1px solid #E57C0C;}

.f1-box dl,.f2-box .swidthBox,.img-text-box,.l-r-listbox,.img-txtBox-temp2,.f9-box .imgBox,.f10-box .imgBoxList,.f11-box .imgBoxList,.nav-side ul {width: 1200px; margin: 0 auto;}


.f1-box,.f2-box,.f3-box { background: #FFC603}
.f4-box,.f5-box,.f6-box,.f7-box,.f8-box {background: #20AABF}
.f9-box { background: #38A162}
.f10-box { background: #54BDFF}
.f11-box { background: #F25ADB}


.f1-box dl { padding: 90px 0 60px;}
.f1-box dl dt { float: left; width: 50%;}
.f1-box dl dt img { float: left;}
.f1-box dl dd { float: right; width: 50%;background: #FFF055; }
.hoverOrgBg { background: #fff; height: 384px; padding: 40px;}
.f1-box dl dd{ font-size: 14px; color: #676767;}
.f1-box dl dd h2 { font-size: 20px; padding-bottom: 15px; color: #000;}
.f1-box dl dd p a { color: #666;}
.f1-box dl dd p a:hover { color: #f30}
.f1-box dl dd ul { padding-top: 10px;}
.f1-box dl dd ul li { min-height: 30px; line-height: 24px;}
.f1-box dl dd ul li a { color: #666;}
.f1-box dl dd ul li a em { float: left; margin-right: 20px;}


.f2-box .navSwidth { width: 46%; display: table; margin: 0 auto 20px;}
.f2-box .navSwidth a { display: table-cell; height: 60px; line-height: 60px; text-align: center; background:#FFF2C7; position: relative; font-size: 26px; color: #50ada7;}
.f2-box .navSwidth a:nth-child(1) { border-radius: 5px 0 0 5px;}
.f2-box .navSwidth a:nth-child(2) { border-radius: 0 5px 5px 0;}
.f2-box .navSwidth a.active { background: #56B6B0;color: #fff }
.f2-box .navSwidth a.active:after { display: block; content:""; position: absolute; left: 50%; bottom: -10px; margin-left: -12px; width: 0; height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 10px solid #56B6B0;}
.f2-box .swidthBox { background: #FFF055}
.f2-box .swidthBox img { float: left;}
.f2-box .swidthBox:after { padding-bottom: 10px;}


.f3-box .img-text-box { background: #FFF055; padding: 10px;}
.f3-box .img-text-box img { float: left;}
.f3-box .img-text-box .imgTxtBox { background: #fff;}
.f3-box .img-text-box .imgTxtBox p {padding-right: 40px; font-size: 16px; line-height: 36px; color: #f60;}
.f3-box .img-text-box .imgTxtBox p.first { padding-top: 30px;}
.f3-box .img-text-box .imgTxtBox .imgsSwidth { float: left; width: 50%; margin-right: 20px; }

.f9-box .imgBox { border: 15px solid #49D882; }
.f9-box .imgBox img { float: left;}

.f10-box { padding: 40px 0 50px}
.f10-box ul.imgBoxList { display: table; border: 15px solid #8BD2FF; background: #fff; }
.f10-box ul.imgBoxList li { display: table-cell; padding: 0 5px;  }
.f10-box ul.imgBoxList li:nth-child(1) { padding-left: 0 }
.f10-box ul.imgBoxList li:nth-child(4) { padding-right: 0 }
.f10-box ul.imgBoxList li img { float: left;}

.f11-box { padding: 40px 0 100px}
.f11-box ul.imgBoxList { display: table;}
.f11-box ul.imgBoxList li { display: table-cell; padding: 0 30px; text-align: center; }
.f11-box ul.imgBoxList li a { display: block;}
.f11-box ul.imgBoxList li a span {display: block; margin-top: 10px; color: #fff; font-size: 22px;}



/*banner start*/
.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;bottom:0; 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;}
/*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*/


.newsBox-vod:after, .newsBox:after, .f6-box .imgList:after { display: block;content: ""; clear: both;}
.whiteBg {background: #fff;}
.newsBox {width: 100%;}
.bodyStyle-1{font-family: "微软雅黑"; background: #F1F1F1; overflow: hidden; overflow-y: auto;}
.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}

h2.titH2 { height: 24px; line-height: 24px; font-size: 24px; padding-left: 15px; color: #222}
h2.titH2.redB { border-left: 3px solid #FF2C00;}
.newsBox.redTR { border-top: 5px solid #FF2C00; }
.newsBox.ogrTR { border-top: 5px solid #FFA800; }
.newsBox.greeTR { border-top: 5px solid #85C82B; }
.newsBox.dBlueTR {border-top: 5px solid #2BC2C8;}
.newsBox.dRedTR {border-top: 5px solid #DC59C2;}
.newsBox-vod { width: 1200px; margin: 0 auto;}
.newsListBox-temp1 { padding-top: 30px;}
.newsListBox-temp1 li { padding-top: 10px; margin-top: 10px; 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}


.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;}


@media screen and (min-width: 760px) and (max-width: 1200px) {
	body {overflow-x: hidden;}
	.f1-box dl,.f2-box .swidthBox,.img-text-box,.l-r-listbox,.img-txtBox-temp2,.f9-box .imgBox,.f10-box .imgBoxList,.f11-box .imgBoxList,.nav-side ul {width: 100%;}

	.banner img { width: 80%; }
	.nav-side { display: none;}
	.f1-box dl { padding: 20px 0;}
	.f1-box dl dt,.f1-box dl dd { width: 100%;}
	.hoverOrgBg { height: auto;}
	.f3-box .img-text-box .imgTxtBox { padding-bottom: 20px;}
	.f3-box .img-text-box .imgTxtBox .imgsSwidth { width: 100%; margin-bottom: 10px;}
	.f3-box .img-text-box .imgTxtBox p { padding: 0 30px;}
	
	.l-r-listbox dl.img-txtBox { width: 100%;}
	.l-r-listbox dl.img-txtBox dt { width: 100%;}
	.l-r-listbox dl.img-txtBox dt span { width: 50%; float: left;border-bottom: 10px solid #21CCE6; border-right:none; }
	.l-r-listbox dl.img-txtBox dt span:nth-child(1) { border-right: 5px solid #21CCE6;}
	.l-r-listbox dl.img-txtBox dt span:nth-child(2) { border-left: 5px solid #21CCE6;}
	.l-r-listbox dl.img-txtBox dd { width: 100%; padding-bottom: 20px;}
	
	h4.orgTit { font-size: 18px;}
	.l-r-listbox dl.img-txtBox dd p { font-size: 14px;}


	.img-txtBox-temp2 dt,.img-txtBox-temp2 dd { width: 100%;}
	.img-txtBox-temp2 dd p { font-size: 14px;}

	.newsBox-vod { width: 100%;}
}

@media screen and (max-width: 760px) {
	body {overflow-x: hidden;}
	.f1-box dl,.f2-box .swidthBox,.img-text-box,.l-r-listbox,.img-txtBox-temp2,.f9-box .imgBox,.f10-box .imgBoxList,.f11-box .imgBoxList,.nav-side ul {width: 100%;}

	.banner img { width: 80%; }
	.nav-side { display: none;}
	.f1-box dl { padding: 20px 0;}
	.f1-box dl dt,.f1-box dl dd { width: 100%;}
	.f3-box .img-text-box .imgTxtBox { padding-bottom: 20px;}
	.f3-box .img-text-box .imgTxtBox .imgsSwidth { width: 100%; margin-bottom: 10px;}
	.f3-box .img-text-box .imgTxtBox p { padding: 0 10px;}
	
	.l-r-listbox dl.img-txtBox { width: 100%;}
	.l-r-listbox dl.img-txtBox dt { width: 100%;}
	.l-r-listbox dl.img-txtBox dt span { width: 50%; float: left;border-bottom: 10px solid #21CCE6; border-right:none; }
	.l-r-listbox dl.img-txtBox dt span:nth-child(1) { border-right: 5px solid #21CCE6;}
	.l-r-listbox dl.img-txtBox dt span:nth-child(2) { border-left: 5px solid #21CCE6;}
	.l-r-listbox dl.img-txtBox dd { width: 100%; padding-bottom: 20px;}
	
	h4.orgTit { font-size: 16px;}
	.l-r-listbox dl.img-txtBox dd p { font-size: 12px;}

	.img-txtBox-temp2 dt,.img-txtBox-temp2 dd { width: 100%;}

	/*手机上的样式*/
	.f3-box, .f8-box, .f9-box { padding-bottom: 20px;}
	.banner { padding: 70px 0 0;}
	.banner img { width: 60%; }
	.menu ul li a { font-size: 12px;}
	.hoverOrgBg { height: auto; padding: 10px;}
	.hoverOrgBg p { font-size: 12px;}
	.f1-box dl dd h2 { font-size: 16px; padding-bottom: 10px;}
	.f1-box dl dd ul li { height: auto; font-size: 12px;}
	.f1-box dl dd ul li a em { margin-right: 5px;}

	.f2-box .navSwidth { width: 80%;}
	.f2-box .navSwidth a { font-size: 18px; height: 40px; line-height: 40px;}
	h2.tit { font-size: 20px; padding: 15px 0;}
	.f3-box .img-text-box .imgTxtBox p { line-height: 24px; font-size: 12px;}

	.l-r-listbox dl.img-txtBox dd { padding: 20px 10px;}
	.img-txtBox-temp2 dd p { margin-top: 5px;}
	

	.f9-box { padding-bottom: 20px;}
	.f9-box .imgBox { border: 5px solid #49D882;}

	.f10-box { padding: 0 0 20px;}
	.f10-box ul.imgBoxList { display: block; border: 5px solid #8BD2FF}
	.f10-box ul.imgBoxList:after { display: block; content:""; clear: both;}
	.f10-box ul.imgBoxList li { float: left; display: block; width: 50%; padding: 5px !important; }
	.f11-box { padding: 20px 0 30px;}
	.f11-box ul.imgBoxList { padding: 0 10px;}
	.f11-box ul.imgBoxList li { padding: 5px; }
	.f11-box ul.imgBoxList li a span { margin-top: 0px; font-size: 14px;}

	
	.newsBox-vod { width: 100%;}

}






/*定义滚动条 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*/