@charset "UTF-8";

body{
	background-color: white;
}

.pd2-5 {
	padding-bottom: 50px;
}
.bgf{
	background-image: url("http://www.ruipuhua.cn/gywm/images/dabg.jpeg");
	background-repeat: no-repeat;
	background-size: 100%;
}

.pd50 {
	padding-bottom: 50px
}

.ml-15 {
	margin-left: -15px
}

.location {
	color: #848790;
	line-height: 50px;
}

.location a {
	color: #848790
}

.mt60 {
	margin-top: 60px
}

.white {
	color: #fff
}

.orange {
	color: #f67814
}

.blue {
	color: #26a2df
}

.green {
	color: #00bfa5
}

.green2 {
	color: #81bb3f
}

.black {
	color: #2f3338
}

.yellow {
	color: #ffab00
}

.red {
	color: #f67814
}

.fs {
	color: #ff4d4d
}

.f16 {
	font-size: 16px
}

.f18 {
	font-size: 18px
}

.text-center {
	text-align: center
}

.text-left {
	text-align: left
}

.test-right {
	text-align: right
}

.colorjing {
	color: #FF9E01
}

.leftNav {
	background: #fff;
	width: 195px;/*! 左侧浮动导航宽度 */
	position: fixed;
	top: 678px;/*! 左侧浮动导航距顶 */
}

.leftNav li {
	padding-bottom: 20px;
	position: relative;
	border-left: 1px solid #e9edf0;
	margin-left: 5px
}

.leftNav li dd {
	display: none
}

.leftNav dt,.leftNav dd {
	position: relative
}

.leftNav dd {
	font-size: 14px;
	margin-top: 3px
}

.leftNav dt a {
	font-size: 15px;
	display: block;
	line-height: 20px;
	margin-left: 5px
}

.leftNav dt a:hover,.leftNav dd a:hover {
	color: #FF9E01
}

.leftNav dt span {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #fff;
	border: 1px solid #FF9E01;
	border-radius: 5px;
	position: absolute;
	top: 5px;
	left: -6px
}

.leftNav dt:hover span {
	background: #FF9E01;
	border-color: #FF9E01
}

.leftNav a {
	padding-left: 10px
}

.leftNav dd a {
	display: block;
	padding-left: 25px;
	margin-top: 10px;
	margin-bottom: 5px
}

.leftNav dd a.cur {
	color: #FF9E01;
	font-weight: bold;
	border-left: 2px solid #FF9E01;
	margin-left: -1px
}

.leftbottom {
	margin-top: -10px;
	z-index: 99;
	position: relative;
	margin-left: 5px
}

.leftbottom a {
	display: block;
	width: 90%;
	border: 1px solid #ddd;
	padding: 5px;
	text-align: center;
	font-size: 15px;
	margin-bottom: 7px;
	color: #FF9E01;
	background: #fff;
	border-radius: 3px
}

.leftbottom a i {
	color: #FF9E01
}

.leftbottom a:hover {
	border: 1px solid #FF9E01
}

.leftbottom a.mbnone {
	margin-bottom: 0
}

.leftNav li.leftNav_block dd {
	display: block
}

.rightBox {
	background: #fff;
	border: 0 solid #e9edf0;
	min-height: 1052px;
	padding-bottom: 200px
}

.cyContent {
	color: #707070;
	font-size: 14px;
	padding: 0 0 80px 30px;
	line-height: 195%;
	min-height: 1000px
}

.cyContent .t {
	font-size: 24px;
	padding: 0;
	margin-bottom: 20px;
	color: #FF9E01;
	font-weight: normal;
	padding-top: 0;
	display: block
}
.cyContent .t .xiaobiaoti{
	font-size: 24px;
	color: #ff3300;
	font-family: Microsoft YaHei;
}
.cyContent p{
	width: 940px;
}

.cyContent .t b{
	font-weight: normal;
	font-size: 18px;
	color: #FF9E01;
}

.cyContent h2.f {
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 15px;
	display: block;
	padding-top: 20px
}

.cyContent .lyList {
	display: inline-block;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding: 5px 15px;
	margin-bottom: 10px;
	margin-right: 10px;
	border: 1px solid #FF9E01;
	color: #FF9E01
}

.cyContent .lyList:hover {
	background: #FF9E01;
	border: 1px solid #FF9E01;
	color: #fff
}

.cyContent h2.qzbg {
	background: #f9f3ea;
	padding-top: 10px;
	padding-bottom: 10px
}

.cyContent .qzcont-p p {
	margin-bottom: 15px;
	
}

.cyContent .qz-line span {
	color: #e2e2e2;
	text-transform: Uppercase;
	font-size: 20px;
	font-family: 'Lucida Bright','Cambria Math',Impact,sans-serif;
	margin-left: 15px
}

.cyContent .huliyuanbox{
	font-size: 12px;
	float: left;
	margin-right: 22px;
	text-align: center;
	letter-spacing: 0.4px;
	line-height: 34px;
	color: #666;
	margin-bottom: 30px;
}
.cyContent .huliyuanbox img{
      width:219px;
	  height:158px;
}
.cyContent .newsleftbox{
	width: 400px;
	float: left;
	margin-right: 40px;
}
.cyContent .newsrightbox{
	width: 400px;
	float: left;
}
.cyContent .xinwen{
	display: block;
	color: #666;
}

.liys {
	border-right: 1px solid #e9edf0;
	border-right: 0px\9;
	padding-left: 0;
	margin-top: 20px;
	margin-bottom: 20px
}

.liys:nth-child(2n) {
	border: 0;
	padding-left: 50px
}

.sz {
	width: 75px;
	height: 75px;
	border-radius: 75px;
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;
	border: 2px solid #5bb9e7;
	font-size: 20px;
	text-align: center;
	line-height: 75px;
	color: #5bb9e7;
	float: left;
	margin-right: 20px
}

.bgreen {
	border: 2px solid #00bfa5;
	color: #00bfa5
}

.borange {
	border: 2px solid #f67f21;
	color: #f67f21
}

.bfs {
	border: 2px solid #ed417b;
	color: #ed417b
}

.bblue2 {
	border: 2px solid #3096f3;
	color: #3096f3
}

.bred {
	border: 2px solid #ff4d4d;
	color: #ff4d4d
}

.bgreen2 {
	border: 2px solid #81bb3f;
	color: #81bb3f
}

.byellow {
	border: 2px solid #ffab00;
	color: #ffab00
}

.szinfo {
	width: 230px\9;
	width: calc(100% - 140px);
	float: left;
	font-size: 16px;
	line-height: 75px
}

.szinfoSen {
	line-height: 20px;
	margin-top: 15px
}

.text-right {
	text-align: right
}

.history {
	padding: 30px;
	padding-bottom: 50px
}

.history li {
	width: 100%;
	clear: both
}

.history li span.time {
	display: inline-block;
	width: 120px;
	text-align: right;
	float: left;
	position: relative;
	z-index: 9;
	font-size: 16px;
	color: #d3a243;
	margin-top: 22px
}

.history li span.time em {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: #fff;
	border: 1px solid #d3a243;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	margin-left: 10px;
	margin-top: 5px;
	float: right;
	line-height: 18px;
	font-size: 12px;
	text-align: center
}

.history li span.time em i {
	display: inline-block;
	font-size: 12px;
	-webkit-transform: scale(.75);
	-moz-transform: scale(.75);
	-o-transform: scale(.75);
	transform: scale(.75);
	margin-top: 1px;
	margin-left: 1px
}

.history li .info {
	float: left;
	width: calc(100% - 160px);
	width: 520px\9;
	position: relative;
	z-index: 8;
	margin-left: -10px;
	border-left: 1px solid #d4d5d8;
	padding: 20px 20px;
	line-height: 1.5
}

.history li .info p em {
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background: #ccc;
	display: inline-block;
	margin-right: 10px;
	float: left
}

.history li .info ul {
	padding-left: 20px
}

.history li .info ul>li {
	line-height: 2;
	list-style: disc;
	list-style-type: disc
}

.history li .info:hover {
	box-shadow: 0 0 8px #bbb;
	color: #505050
}

.team {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #e9edf0
}

.team h2 {
	font-size: 16px;
	margin-bottom: 30px
}

.team span {
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	font-size: 24px;
	line-height: 100px;
	margin-bottom: 10px
}

.bgorange {
	background: #f67814;
	color: #fff
}

.bgfs {
	background: #ed417b;
	color: #fff
}

.teamra {
	border-bottom: 0
}

.teamra span {
	width: 75px;
	height: 75px;
	line-height: 75px;
	font-size: 30px;
	font-weight: bold
}

.cfList,.cfList-media {
	margin-top: 15px;
	margin-bottom: 8px;
	box-sizing: border-box
}

.cfList img,.cfList-media img {
	border: 1px solid #e9edf0;
	padding: 3px;
	width: 294px;
	height: 188px;
	overflow: hidden;
	box-sizing: border-box
}

.cfList p,.cfList-media p {
	height: 40px;
	overflow: hidden;
	line-height: 1.4;
	margin-top: 8px
}

.cfList a:hover,.cfList-media a:hover {
	color: #2f6eb6
}

.cfList-media img {
	width: 294px;
	height: 325px;
	padding: 0;
	border: 3px solid #e9edf0
}

.cfList-media p {
	color: #2f6eb6;
	margin-bottom: 10px
}

.cfList-media:hover p {
	text-decoration: underline
}

blockquote {
	padding: 5px 20px;
	margin: 0 0 20px;
	font-size: 16px;
	border-left: 1px solid #FF9E01;
	position: relative
}

blockquote span {
	display: inline-block;
	width: 1px;
	height: 25px;
	position: absolute;
	left: 0;
	top: 0;
	background: #FF9E01
}

.mediaList .medianame a {
	font-size: 14px;
	color: #333;
	margin-right: 15px;
	display: inline-block
}

.mediaList .medianame a:hover {
	color: #2f6eb6
}

.mediaList .mediabox tr td,.mediaList .mediabox tr th {
	padding: 10px 15px;
	vertical-align: top;
	border-bottom: 1px dotted #ddd
}

.mediaList .mediabox tr th {
	font-size: 16px;
	color: #333;
	border-bottom: 1px solid #ddd;
	text-align: left
}

.mediaList .mediabox .mediatitle {
	width: 500px;
	padding-left: 0
}

.mediaList .mediatitle a {
	font-size: 16px;
	color: #2f6eb6
}

.mediaList .mediatitle a:hover {
	text-decoration: underline
}

.mediaMore {
	text-align: center
}

.mediaMore a {
	display: inline-block;
	padding: 10px 100px;
	background: #f3f8ff;
	border-radius: 5px;
	color: #2f6eb6
}

.mediaMore a:hover {
	background: #2f6eb6;
	color: #fff
}

.pageList {
	text-align: center;
	margin-top: 20px
}

.pageList a,.pageList span {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px
}

.pageList a {
	display: inline-block;
	background-color: #e9edf0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #e9edf0
}

.pageList a:hover {
	color: #2f6eb6
}

.pageList a.pre,.pageList a.next {
	width: 100px;
	background: #fff;
	border: 1px solid #e9edf0
}

.pageList a.cur {
	background-color: #2f6eb6;
	color: #fff
}

.kehuMessage {
	margin-top: 20px
}

.kehuMessage li {
	width: 150px;
	float: left;
	margin-right: 75px;
	margin-right: 58px\9;
	text-align: center;
	padding-left: 0;
	margin-bottom: 20px;
	line-height: 1.5
}

.kehuMessage li img {
	padding: 3px;
	border: 1px solid #e9edf0;
	width: 150px;
	height: 188px
}

.kehuMessage li a:hover {
	color: #2f6eb6
}

.kehuMessage li p {
	height: 3em;
	margin-top: 10px;
	overflow: hidden
}

.kehuMessage li:nth-child(4n) {
	margin-right: 0
}

.cyContent .pingjiaInfo {
	margin-top: 20px;
	border-bottom: 1px solid #e9edf0;
	padding-bottom: 50px;
	margin-bottom: 50px
}

.cyContent .pingjiaInfo p {
	padding: 0;
	margin: 0
}

.pjbig {
	text-align: center
}

.pjbig img {
	max-width: 85%
}

.shili {
	width: 100%
}

.shili li {
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e9edf0;
	border-left: 0;
	border-right: 0;
	float: left;
	width: 100%;
	margin-bottom: -1px
}

.shili li em {
	display: block;
	float: left;
	border: 2px solid #FF9E01;
	width: 75px;
	height: 75px;
	line-height: 75px;
	font-size: 36px;
	text-align: center;
	border-radius: 75px;
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;
	color: #FF9E01;
	margin-left: 40px;
	margin-right: 40px
}

.shili li div.shiliInfo {
	float: left;
	width: calc(100% - 200px);
	width: 75%\9
}

.shili li div.shiliInfo h3 {
	font-size: 18px;
	color: #FF9E01;
	margin-bottom: 10px
}

.shili li div.shiliInfo p {
	padding: 0;
	margin: 0
}

.shili li div.shiliInfo a {
	display: inline-block;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding: 5px 15px;
	margin-bottom: 10px;
	margin-right: 10px;
	border: 1px solid #FF9E01;
	color: #FF9E01;
	margin-top: 10px
}

.shili li div.shiliInfo a:hover {
	background: #FF9E01;
	color: #fff
}

.shili li:last-child {
	border-bottom: 0
}

.shili p.endtxt {
	font-size: 20px;
	color: #FF9E01;
	margin-left: 160px
}

.txtItem b {
	font-size: 18px;
	font-weight: normal;
	display: block;
	margin-bottom: 10px;
	padding: 5px 0
}

.txtItem li {
	margin-bottom: 20px
}

#baogao b {
	cursor: pointer;
	padding-left: 5px
}

#baogao b:hover {
	background: #efeeee;
	color: #FF9E01
}

#baogao ul {
	padding-left: 5px
}

.contactBm {
	margin-top: 50px
}

.contactBm li {
	width: 50%;
	float: left;
	height: 80px
}

.contactBm li:hover p {
	color: #FF9E01
}

.contactBm li b {
	font-size: 16px;
	font-weight: normal
}

.contactBm li p {
	font-size: 18px;
	font-family: "century gothic";
	color: #333
}

.paybank li {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	margin-bottom: 50px
}

.paybank .bankimg {
	width: 180px;
	border: 1px solid #e9edf0;
	text-align: center;
	float: left;
	padding: 35px 0
}

.paybank .hai {
	padding-top: 50px;
	padding-bottom: 50px
}

.bankinfo {
	width: 600px;
	float: left;
	font-size: 12px;
	margin-left: 15px
}

.bankinfo dt {
	width: 190px;
	float: left
}

.bankinfo dd {
	width: 380px;
	float: left;
	color: #2f3338
}

.sales li {
	list-style: none
}

.copy li {
	padding-bottom: 30px;
	width: 100%;
	float: left;
	color: #2f3338
}

.copy em {
	display: inline-block;
	float: left;
	width: 40px;
	font-size: 18px;
	color: #2f3338
}

.copy span {
	float: left;
	display: inline-block;
	width: 790px
}

.pingzhi {
	margin-top: 20px
}

.pingzhi i {
	display: inline-block;
	width: 60px;
	height: 60px;
	text-align: center;
	background: #ffab00;
	color: #fff;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	font-size: 24px;
	line-height: 60px
}

.pingzhi i.bgr {
	background: #81bb3f
}

.pingzhi i.re {
	background: #ff4d4d
}

.copylink {
	text-align: center
}

.informTel {
	margin-top: 30px
}

.informTel i {
	font-size: 59px;
	color: #f67c1a;
	float: left;
	margin-top: 25px
}

.informTel p {
	margin-top: 10px;
	margin-left: 10px;
	display: inline-block;
	width: 400px;
	float: left
}

.informTel p span {
	color: #f67c1a;
	display: block;
	font-size: 20px
}

p.yuan {
	margin-bottom: 0;
	font-weight: bold
}

p.yuan span {
	display: inline-block;
	width: 4px;
	height: 4px;
	background: #848790;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-right: 8px;
	float: left;
	margin-top: 12px
}

.hpImg {
	width: 935px;
	height: 350px;
	overflow: hidden;
	position: relative
}

.hpImg img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease
}

.hpImg:hover img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease
}

.rpt-box_particles {
	position: absolute
}

.rpt-box_particles {
	top: 0
}

.rpt-box_particles {
	right: 0
}

.rpt-box_particles {
	bottom: 0
}

.rpt-box_particles {
	left: 0
}

.rpt-box_particles {
	z-index: 1
}

.pic_view {
	overflow: hidden
}

.ypics {
	width: 749px;
	margin: 0 auto;
	padding: 15px 0
}

.ypics .ypicsimg {
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center
}

.ypics .ypicsimgshow {
	height: 100%
}

.ypics .ypicsimg i {
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.ypics .ypicsimg img {
	vertical-align: middle;
	-ms-interpolation-mode: bicubic
}

.sets_photo_prev {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background: url(../images/cur.png) repeat;
	margin-left: 0
}

.sets_photo_next {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background: url(../images/cur.png) repeat;
	margin-right: 0
}

.sets_pphoto {
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
	cursor: url(../images/bg11.cur),auto
}

.sets_nphoto {
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
	cursor: url(../images/bg12.cur),auto
}

.ypics .ptitle {
	padding: 12px 0 8px 0;
	line-height: 18px;
	color: #666;
	clear: both
}

.ypics .ptitle .pred {
	color: #f00;
	font-size: 16px
}

.ypics .ypicss {
	width: 749px;
	overflow: auto;
	clear: both;
	border-top: solid 1px #ccc;
	padding-top: 15px
}

.ypics .ypicslist {
	width: 743px;
	overflow: hidden;
	height: 110px;
	float: left
}

.ypics .ypicslist ul {
	float: left;
	height: 84px;
	width: 8000px;
	overflow: hidden
}

.ypics .ypicslist li {
	float: left;
	margin-right: 8px
}

.ypics .ypicslist li.pnav img {
	border: solid 1px #f60
}

.ypics .ypicslist li img {
	width: 105px;
	height: 82px;
	border: solid 1px #ccc
}

.pic_view .prev,.pic_view .next {
	display: block;
	width: 20px;
	height: 65px
}

.pic_view .prev,.pic_view .next {
	background: url(../images/set.png) no-repeat
}

.pic_view .prev {
	float: left;
	background-position: 0 0;
	margin: 9px 14px 0 0
}

.pic_view .prev:hover {
	background-position: -21px 0
}

.pic_view .next {
	float: right;
	background-position: -42px 0;
	margin: 9px 0 0 0
}

.pic_view .next:hover {
	background-position: -63px 0
}

.sets_bar {
	clear: both;
	background: url(../images/ypicsbg.jpg) 0 10px no-repeat;
	width: 600px;
	padding-top: 10px
}

.sets_scrl {
	display: block;
	width: 36px;
	outline: none;
	cursor: default
}

.sets_scrl .sets_lt {
	float: left;
	margin-right: -10px;
	width: 10px;
	height: 15px
}

.sets_scrl .sets_rt {
	float: right;
	margin-left: -10px;
	width: 10px;
	height: 15px
}

.sets_scrl .sets_bd {
	float: left;
	width: 100%;
	min-height: 1px
}

.sets_scrl .sets_bd span {
	display: block;
	height: 15px;
	margin: 0 10px
}

.sets_scrl .sets_ct {
	display: block;
	margin: auto;
	width: 14px;
	height: 15px
}

.sets_scrl .sets_lt,.sets_scrl .sets_rt,.sets_scrl .sets_bd span,.sets_scrl .sets_ct {
	background: url(../images/sets.png) no-repeat
}

.sets_scrl .sets_lt {
	background-position: 0 0
}

.sets_scrl .sets_rt {
	background-position: -26px 0
}

.sets_scrl .sets_ct {
	background-position: -11px 0
}

.sets_scrl:hover .sets_lt {
	background-position: 0 -16px
}

.sets_scrl:hover .sets_rt {
	background-position: -26px -16px
}

.sets_scrl:hover .sets_ct {
	background-position: -11px -16px
}

.sets_scrl .sets_bd span {
	background: url(../images/sets.png) repeat-x 0 -32px
}

.sets_scrl:hover .sets_bd span {
	background-position: 0 -48px
}

.yjborder a,.copylink a {
	display: inline-block;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding: 5px 15px;
	margin-bottom: 10px;
	margin-right: 10px;
	border: 1px solid #FF9E01;
	color: #FF9E01;
	margin-top: 10px
}

.yjborder a:hover,.copylink a:hover {
	background: #FF9E01;
	color: #fff
}

.clbox {
	position: relative;
	border-bottom: 1px solid #eee;
	padding-top: 20px;
	padding-bottom: 20px
}

.clbox .n {
	display: inline-block;
	font-size: 36px;
	float: left;
	color: #FF9E01;
	font-style: italic;
	position: absolute;
	margin-top: 8px
}

.clbox .clinfo {
	float: left;
	margin-left: 50px;
	display: inline-block
}
.clbox .clinfo2 {
	float: left;
	margin-left: 0px;
	display: inline-block
}
.clinfo .b {
	color: #F48117;
	margin-bottom: 0
}
.clinfo2 .b2 {
	color: #F48117;
	margin-bottom: 0
}
.smallen {
	display: block;
	color: #ddd;
	margin-bottom: 5px
}
.t_banner img {
    margin: 0 auto; 
	text-align: center;
}