/* ----------------------------------------------------
  
	File Name: rt-css-framework.css
	
------------------------------------------------------- */  



/* ----------------------------------------------------
#
#
#	
#			CONTENTS AND SIDEBARS
#
#
#
------------------------------------------------------- */
 
	section.content{ /* content area */		
		padding:0;
		width: 100%;
	}



	section.content.right{ /* content right */		
		float: right;
		width:69%;
		margin: 0 10px 0 19px; 
		padding-left: 20px;  
	}

.sidebar { /* sidebar area */
	width: 24.8%;
	float: left;
	margin: 0;
	position: relative;
}

	.sidebar.left{
	 	margin-left: 10px;
	}
 
 	.responsive .full_width_row .full{
 		width: 100% !important;
 	}

/* ----------------------------------------------------
  
		SIDEBAR RESPONSIVE VALUES

------------------------------------------------------- */

	/* 调整整站宽度1400、1200适配 */
	/* resolutions bigger than 1400px */
	@media only screen and (min-width: 1400px) {
		/* Align with 1400px for larger screens */
		.sidebar.right.fixed {
			position: absolute;
			margin-left: 73.5%;
		}
		.sidebar.left.fixed {
			position: absolute;
		}
		.top_content > .row {
			width: 1360px;
		}


		.responsive .full {
			width: 1360px;
		}
		/* Columns for full width */
		/* one */ .responsive .one {
			width: 1320px;
		}
		/* two 600px */
		.responsive .two {
			width: 800px;
		}
		/* three 442px*/ .responsive .three {
			width: 437px;
		}
		/* Four */ .responsive .four {
			width: 320px;
		}
		/* Five */ .responsive .five {
			width: 264px;
		}
		/* Six */ .responsive .six {
			width: 220px;
		}
		/* seven */ .responsive .seven {
			width: 180px;
		}
		/* 2:3 column */ .responsive .two-three {
			width: 900px;
		}
		/* 3:4 column */ .responsive .three-four {
			width: 1050px;
		}
		/* 4:5 column */ .responsive .four-five {
			width: 1120px;
		}
		/* 5:6 column */ .responsive .five-fix {
			width: 1170px;
		}

		/* Columns for content with sidebar */ .responsive .content.left .full, .responsive .content.right .full {
			width: 800px;
		}

		/* one */ .responsive .content.left .one, .responsive .content.right .one {
			width: 100%;
		}
		/* two */ .responsive .content.left .two, .responsive .content.right .two {
			width: 48%;
		}
		/* three */ .responsive .content.left .three, .responsive .content.right .three {
			width: 31%;
		}
		/* Four */ .responsive .content.left .four, .responsive .content.right .four {
			width: 23%;
		}
		/* Five */ .responsive .content.left .five, .responsive .content.right .five {
			width: 150px;
		}
		/* Six */ .responsive .content.left .six, .responsive .content.right .six {
			width: 120px;
		}
		/* 2:3 column */ .responsive .content.left .two-three, .responsive .content.right .two-three {
			width: 600px;
		}
		/* 3:4 column */ .responsive .content.left .three-four, .responsive .content.right .three-four {
			width: 710px;
		}
		/* 4:5 column */ .responsive .content.left .four-five, .responsive .content.right .four-five {
			width: 760px;
		}
		/* 5:6 column */ .responsive .content.left .five-six, .responsive .content.right .five-six {
			width: 790px;
		}

		.top_content > .row {
			width: 1200px;
		}

		/*2025 官网升级-1.0 导航查询放大镜，wpo*/
		.wantopwpo_fdj001 {
			float: right;
		}

		.wantopwpo_fdj001top {
			padding-top: 15px;
		}
		/*放大镜图片的大小*/
		.wantopwpo_fdj001top_img {
			width: 30px;
		}
		/**/
		.responsive_two_left {
			padding-left: 130px !important;
		}

		.wanfdright {
			padding-left: 100px !important;
		}

		.newTop {
			width: 1028px !important;
		}

		.content_block {
			width: 1160px;
		}





	}
	/* resolutions between 1200px and 1359px */
	@media only screen and (min-width: 1200px) and (max-width: 1399px) {
		/* Align with 1200px for these screens */
		.sidebar.right.fixed {
			position: absolute;
			margin-left: 73.5%;
		}
		.sidebar.left.fixed {
			position: absolute;
		}
		.top_content > .row {
			width: 1200px;
		}


		.responsive .full {
			width: 1200px;
		}
		/* columns for full width */
		/* one */ .one {
			width: 1180px;
		}
		/* two */ .two {
			width: 740px;
		}
		/* three 以调 */ .three {
			width: 325px;
		}
		/* Four */ .four {
			width: 275px;
		}
		/* Five */ .five {
			width: 220px;
		}
		/* Six */ .six {
			width: 183.333px;
		}

		/* seven */ .responsive .seven {
			width: 170px;
		}

		/* 2:3 column */ .two-three {
			width: 826.666px;
		}
		/* 3:4 column */ .three-four {
			width: 910px;
		}
		/* 4:5 column */ .four-five {
			width: 992px;
		}
		/* 5:6 column */ .five-fix {
			width: 1040px;
		}

		/* columns for content with sidebar */
		.content.left .full, .content.right .full {
			width: 700px;
		}
		/* one */ .content.left .one, .content.right .one {
			width: 100%;
		}
		/* two */ .content.left .two, .content.right .two {
			width: 350px;
		}
		/* three */ .content.left .three, .content.right .three {
			/*width: 233.333px;*/
			width: 33%;
		}
		/* Four */ .content.left .four, .content.right .four {
			width: 175px;
		}
		/* Five */ .content.left .five, .content.right .five {
			width: 140px;
		}
		/* Six */ .content.left .six, .content.right .six {
			width: 116.666px;
		}
		/* 2:3 column */ .content.left .two-three, .content.right .two-three {
			width: 510px;
		}
		/* 3:4 column */ .content.left .three-four, .content.right .three-four {
			width: 577px;
		}
		/* 4:5 column */ .content.left .four-five, .content.right .four-five {
			width: 609px;
		}
		/* 5:6 column */ .content.left .five-six, .content.right .five-six {
			width: 633.333px;
		}

		/*2025 官网升级-1.0 导航查询放大镜，wpo*/
		.wantopwpo {
			float: right;
			padding-left: 0px !important;
			padding-right: 10px !important;
			padding-top: 10px !important;
			padding-bottom: 0px !important;
			width: 110px;
		}

			.wantopwpo .wantopwpo_fd {
				padding-bottom: 30px;
			}

		.wanfdright {
			padding-left: 100px !important;
		}

		.newTop {
			width: 980px !important;
		}

		.wantopwpo img {
			max-width: 100%;
			height: auto;
		}

		.top_content > .row {
			width: 1100px;
		}



	}
	/* resolutions between 1000px and 1200px */
	@media only screen and (min-width: 1000px) and (max-width: 1199px) {
		/* Align with 1200px for these screens */
		.sidebar.right.fixed {
			position: absolute;
			margin-left: 73%;
		}

		.sidebar.left.fixed {
			position: absolute;
		}
		.top_content > .row {
			width: 1080px;
		}

		.responsive .full {
			width: 1100px;
		}
		/* columns for full width */
		/* one */ .one {
			width: 980px;
		}
		/* two */ .two {
			width: 640px;
		}
		/* three 已改 */ .three {
			width: 300px;
		}
		/* Four */ .four {
			width: 250px;
		}
		/* Five */ .five {
			width: 200px;
		}
		/* Six */ .six {
			width: 166.666px;
		}
		/* 2:3 column */ .two-three {
			width: 638.666px;
		}
		/* 3:4 column */ .three-four {
			width: 825px;
		}
		/* 4:5 column */ .four-five {
			width: 900px;
		}
		/* 5:6 column */ .five-fix {
			width: 950px;
		}

		/* columns for content with sidebar */
		.content.left .full, .content.right .full {
			width: 640px;
		}
		/* one */ .content.left .one, .content.right .one {
			width: 100%;
		}
		/* two */ .content.left .two, .content.right .two {
			width: 310px;
		}
		/* three */ .content.left .three, .content.right .three {
			width: 245.666px;
		}
		/* Four */ .content.left .four, .content.right .four {
			width: 175px;
		}
		/* Five */ .content.left .five, .content.right .five {
			width: 120px;
		}
		/* Six */ .content.left .six, .content.right .six {
			width: 100px;
		}
		/* 2:3 column */ .content.left .two-three, .content.right .two-three {
			width: 466.666px;
		}
		/* 3:4 column */ .content.left .three-four, .content.right .three-four {
			width: 500px;
		}
		/* 4:5 column */ .content.left .four-five, .content.right .four-five {
			width: 560px;
		}
		/* 5:6 column */ .content.left .five-six, .content.right .five-six {
			width: 586.666px;
		}


		/*2025 官网升级-1.0 导航查询放大镜，wpo*/
		.wantopwpo {
			float: right;
			padding-left: 0px !important;
			padding-right: 10px !important;
			padding-top: 10px !important;
			padding-bottom: 0px !important;
			width: 90px;
		}

			.wantopwpo .wantopwpo_fd {
				padding-bottom: 25px;
			}

		/*导航图标放大缩小*/
		.wanSfpdimg-fd {
			width: 30px;
			height: 100%;
		}

		.wanSfpdimg-wpo {
			width: 38px;
			height: 100%;
		}

		.wanfdright {
			padding-left: 100px !important;
		}

		.newTop {
			width: 870px !important;
		}



		.top_content > .row {
			width: 1000px;
		}

	}


	@media only screen and (max-width: 999px) {

		
		.responsive .sidebar {
			width: 100%;
		}

		.responsive .sidebar.right.fixed, .responsive .sidebar.left.fixed {
			position: relative;
			top: 0 !important;
		}

		.responsive section.content.left,
		.responsive section.content.right {
			width: 100%;
			border: 0;
			-o-box-shadow: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			margin: 0;
			padding: 0;
			min-height: 100% !important;
		}

		.top_content > .row {
			width: 100%;
			padding: 20px 10px;
		}

		/* one */ .responsive .full, .responsive .one,
		/* two */ .responsive .two,
		/* three */ .responsive .three,
		/* Four */ .responsive .four,
		/* Five */ .responsive .five,
		/* 2:3 column */ .responsive .two-three,
		/* 3:4 column */ .responsive .three-four,
		/* 4:5 column */ .responsive .four-five,
		/*
		columns for pages with sidebar
		*/
		/* one */ .responsive .content.left .full, .responsive .content.left .one, .responsive .content.right .full, .responsive .content.right .one,
		/* two  */ .responsive .content.left .two, .responsive .content.right .two,
		/* three */ .responsive .content.left .three, .responsive .content.right .three,
		/* Four */ .responsive .content.left .four, .responsive .content.right .four,
		/* Five */ .responsive .content.left .five, .responsive .content.right .five,
		/* 2:3 column */ .responsive .content.left .two-three, .responsive .content.right .two-three,
		/* 3:4 column */ .responsive .content.left .three-four, .responsive .content.right .three-four,
		/* 4:5 column */ .responsive .content.left .four-five, .responsive .content.right .four-five,
		/*
		columns in columns
		*/
		.responsive .box .box {
			width: 99% !important;
			margin: 0 0 20px 0;
		}

		.responsive .row > .box:last-child, .responsive .content_block > section:last-child {
			margin-bottom: 0
		}

		#container .row, #container .sidebar {
			margin: 0 auto;
		}

		.top_content > .row {
			width: 90%;
		}

		.responsive .with_icons .box.one {
			margin: 0 auto !important;
		}

		.responsive .with_icons.big_icons li.last:after {
			margin-bottom: 0;
		}


		/* visibilities */
		.responsive .visible_small_screen {
			display: block;
		}

	}

	/* 调整整站宽度1400、1200适配 */
/* ----------------------------------------------------
#
#
#	
#			ROWS
#
#
------------------------------------------------------- */
.row {
	display: block;
	margin: 0 10px;
	clear: both;
}



.row .row,
.sidebar .row {
	margin: 0;
}

.content.left .row,
.content.right .row {
	margin: 0;
}


/* ----------------------------------------------------
#
#
#	
#			COLUMNS
#
#
------------------------------------------------------- */
 

	/* columns common style */
.box {
	/* 调整整站宽度1400、1200适配 --------------开始--------------margin: 0 0 0 20px;*/
	margin: 0 0 20px 0px;
	/* 调整整站宽度1400、1200适配 --------------结束--------------*/
	padding: 0;
	display: inline;
	float: left;
	border: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
} 

	/* full width */
	.one{
		clear:both;
		float:none;
		display:block;
	}  
	
	/* box on sidebar */
	#container .sidebar .widget{
		float:none;
		clear:both;
		position:relative;
		display:block;
		margin:0;
		width:100%;
		z-index: 1;
		padding: 30px 20px 20px; 
		-o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
		-webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
		-moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
		box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);	
		border: 1px solid #EDEDED;	
	} 


	/* Max image width */
	.box img{
		max-width:100% !important;
	} 

	/* columns in columns*/
	.box .box{
		margin: 0;
		padding: 0;
	}

	/* columns in top widget section */
body .section_widget > .widget {
	border: 0 none !important;
	box-shadow: none !important;
	margin: 0;
	padding: 0;
	width: 100%;

} 
	
	/* empty boxes */
	.blank_box:after {
		content: ".";
		opacity: 0;
	}	

	/* list columns */	
	ul.boxes{
		margin: 0;
		padding: 0;
	}

	/* first and last column fix*/
	body:not(.rtl) .box.first:before { content: ""; display: table; } 
	body:not(.rtl) .box.first{clear: both; margin-left:0px !important; zoom: 1;}   
	body:not(.rtl) .box.last{clear: right; margin-right:0px !important; zoom: 1;}
	body:not(.rtl) .box.last:after{ content: ""; display: table; }

	body:not(.rtl) .box .first,
	body:not(.rtl) .content.left .first,
	body:not(.rtl) .content.right .first
	{
		margin-left:0px !important;
	} 

	body:not(.rtl) .box .last,
	body:not(.rtl) .content.left .last,
	body:not(.rtl) .content.right .last{
		margin-right:0px !important;
	}

	body:not(.rtl) .row .box:first-child,
	body:not(.rtl) .row .box:first-child,
	body:not(.rtl) .content.left .row .box:first-child,
	body:not(.rtl) .content.right .row .box:first-child
	{
		margin-left:0px !important;
	}
 
	/* boxes clear - holder for boxes */
	.boxes{
		clear:both;
		display:block;
	} 

	/* visibilities */
	.visible_small_screen{
		display: none;
	}

/* ----------------------------------------------------
  
	fluid columns

------------------------------------------------------- */  	 

	#container .fluid .box {margin:0;padding:0;} 

	/* one */			#container .fluid .one{width:100%;} 	
	/* two */  			#container .fluid .two{width:50%;} 
	/* three */  		#container .fluid .three{width:33.31%;} 
	/* Four */  		#container .fluid .four{width:25%;} 
	/* Five */  		#container .fluid .five{width:20%;}  
	/* Six */  			#container .fluid .six{width:16.6666%;}
	/* Seven */  		#container .fluid .seven{width:14.2857%;}
	/* Eight */  		#container .fluid .eight{width:12.5%;}
	/* 2:3 column */  	#container .fluid .two-three{width:66.66666%;} 
	/* 3:4 column */ 	#container .fluid .three-four{width:75%;} 
	/* 4:5 column */  	#container .fluid .four-five{width:80%;}
	/* 5:6 column */  	#container .fluid .five-fix{width:83.3333%;} 


 

/* ----------------------------------------------------
  
	columns in fullwidth content rows

------------------------------------------------------- */  
	.full_width_row .content_block > .content > .row > .box{margin:0 0 0 4%;}
	.full_width_row .content_block > .content > .row > .box:first-child{margin-left:0;}

	/* one */			.full_width_row .content_block > .content > .row > .one {width:100%}
	/* two */ 			.full_width_row .content_block > .content > .row > .two {width:48%}
	/* three */ 		.full_width_row .content_block > .content > .row > .three {width:30.66%} 
	/* four */ 			.full_width_row .content_block > .content > .row > .four {width:22%} 
	/* five */ 			.full_width_row .content_block > .content > .row > .five {width:16.8%} 
	/* 2:3 column */ 	.full_width_row .content_block > .content > .row > .two-three {width:65.34%} 
	/* 3:4 column */ 	.full_width_row .content_block > .content > .row > .three-four {width:74%} 
	/* 4:5 column */	.full_width_row .content_block > .content > .row > .four-five {width:79.2%}






	


	
/* ----------------------------------------------------
#
#
#	
#			EASY MARGINS, LINES, SPACES, ETC. 
#
#
------------------------------------------------------- */


	/* margins */
	#container .margin-t0{margin-top:0px;}	
	#container .margin-t1{margin-top:1px;}	
	#container .margin-t10{margin-top:10px;}
	#container .margin-t15{margin-top:15px;}	 
	#container .margin-t20{margin-top:20px;}
	#container .margin-t30{margin-top:30px;}
	#container .margin-t40{margin-top:40px;}
	#container .margin-t50{margin-top:50px;}
	#container .margin-t60{margin-top:60px;}
	#container .margin-t70{margin-top:70px;}
	#container .margin-t80{margin-top:80px;}
	#container .margin-b0{margin-bottom:10px;}	 
	#container .margin-b10{margin-bottom:10px;}	 
	#container .margin-b15{margin-bottom:15px;}
	#container .margin-b20{margin-bottom:20px;}	
	#container .margin-b30{margin-bottom:30px;}
	#container .margin-b40{margin-bottom:40px;}
	#container .margin-b50{margin-bottom:50px;}
	#container .margin-b60{margin-bottom:60px;}
	#container .margin-b70{margin-bottom:70px;}
	#container .margin-b80{margin-bottom:80px;}			
	#container .margin-b0{margin-bottom:0;}
	#container .margin-l0{margin-left:0;}
	#container .margin-r0{margin-right:0;}

	/* padding */
	#container .padding-t0{padding-top:0px;}	
	#container .padding-t1{padding-top:1px;}	
	#container .padding-t10{padding-top:10px;}	 
	#container .padding-t20{padding-top:20px;}
	#container .padding-t30{padding-top:30px;}
	#container .padding-b0{padding-bottom:0px;}	 
	#container .padding-b10{padding-bottom:10px;}	 
	#container .padding-b20{padding-bottom:20px;}	
	#container .padding-b30{padding-bottom:30px;}
	#container .padding-b40{padding-bottom:40px;}
	#container .padding-b0{padding-bottom:0;}
	#container .padding-t0{padding-top:0;}
	#container .padding-l0{padding-left:0;}
	#container .padding-r0{padding-right:0;}

/* 调整整站宽度1400、1200适配 --------------开始--------------*/
	#container .padding-b20{padding-left:20px;}
/* 调整整站宽度1400、1200适配 --------------结束--------------*/


	/* no margin no padding */
	.nomargin{
		margin-left:0 !important;
		margin-bottom:0 !important; 
		margin-right:0 !important; 
		margin-top:0 !important;
	}
	
	.nopadding{
		padding-left:0 !important;
		padding-bottom:0 !important; 
		padding-right:0 !important; 
		padding-top:0 !important;		
	}
	
	.clear{clear:both;width:100%;}

	.space{
		clear:both;
		width:100%;
		position:relative;
		display:table;	
	}


	/* responsive images */
	.content img{
		max-width: 100%;	
		display: block;
	}

	.responsive .content img{
		height: auto;
	}	

	/* border box sizing  */
	.box_sizing{		
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;		
		-o-box-sizing: border-box;	
		-ms-box-sizing: border-box;	
		box-sizing: border-box;
	}



/* ----------------------------------------------------
#
#
#	
#			BASIC SUPPORT FOR VCOMPOSER PLUGIN
#
#
------------------------------------------------------- */

	#container .wpb_column .box {margin:0;padding:0;width: 100%;} 

	/* one */			#container .wpb_column .one{width:100%;} 	
	/* two */  			#container .wpb_column .two{width:50%;} 
	/* three */  		#container .wpb_column .three{width:33.31%;} 
	/* Four */  		#container .wpb_column .four{width:25%;} 
	/* Five */  		#container .wpb_column .five{width:20%;}  
	/* Six */  			#container .wpb_column .six{width:16.6666%;}  
	/* 2:3 column */  	#container .wpb_column .two-three{width:66.66666%;} 
	/* 3:4 column */ 	#container .wpb_column .three-four{width:75%;} 
	/* 4:5 column */  	#container .wpb_column .four-five{width:80%;}
	/* 5:6 column */  	#container .wpb_column .five-fix{width:83.3333%;}