@charset "utf-8";

a:hover,
a:focus {
  color: #23527c;
  text-decoration: none!important;
  cursor: pointer;
}

ol {
	margin-bottom: 0;
}

ul,li {
	padding: 0;
	margin: 0;
	list-style: none;
}


.thumbnail {
	border: 0;
    padding: 0;
    border-radius: 0;
}


.navbar {
    min-height: 40px;
    margin-bottom: 0;
    font-size: 13px;
    border: none;
}

/*banner*/
.index-banner img {
	width: 100%;
}

.index-banner .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23999999'%2F%3E%3C%2Fsvg%3E");
	left: 30px;
}

.index-banner .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23999999'%2F%3E%3C%2Fsvg%3E");
	right: 30px;
}

.index-banner .swiper-button-prev:hover {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23F9D901'%2F%3E%3C%2Fsvg%3E");
}

.index-banner .swiper-button-next:hover {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23F9D901'%2F%3E%3C%2Fsvg%3E");
}

.index-banner .swiper-button-prev,
.index-banner .swiper-button-next {
	width: 14px;
	height: 22px;
	margin-top: -11px;
	background-size: 14px 22px;
}

.index-banner .swiper-pagination-bullet-active {
	background: #333;
}

.tit {
	font-size: 18px;
	line-height: 30px;
	color: #4A4A4A;
	margin-bottom: 25px;
	text-align: center;
	font-weight: normal;
	margin-top: 0;
}

.product,
.news,
.about {
	padding: 30px 0;
}

/*产品和解决方案*/
.product {
	background: #F7F7F7;	
}

.product .item {
	display: block;
	background: #FFFFFF;
	margin-bottom: 20px;
}

.product .item img {
	background: #FFFFFF;
	transition: all 0s;
}

.product .item:hover {
	box-shadow: 0 3px 15px 0 rgba(0,0,0,0.10);
}

.product .item div.text {
	padding: 0 30px 25px;
}

.product .item div.text h4 {
	position: relative;
	padding-bottom: 5px;
	margin-top: 0;
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: normal;
	color: #555555;
	text-align: center;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.product .item div.text h4:after {
	content: '';
	width: 22px;
	height: 2px;
	background: #F9D901;
	position: absolute;
	left: 50%;
	margin-left: -11px;
	bottom: 0;
}

.product .item div.text span {
	font-size: 13px;
	color: #888888;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	display: inline-block;
	text-align: center;
}

.product .item:hover div.text h4 {
	color: #111;
}

.product .item:hover p.thumbnail img {
	/*transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);*/
	background-color: #F9D901;
}

/*新闻资讯*/
.news .swiper-slide {
	text-align: center;
	background: #FFFFFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	/*height: 100px;*/
}
.news .swiper-slide .item:hover p.thumbnail img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
}

.news .swiper-slide .item p.txt {
	margin-top: 10px;
	font-size: 16px;
	color: #555555;
	text-align: center;
	line-height: 24px;
	padding: 0 20px;
	max-height: 48px;
	overflow: hidden;
}

.news .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23999999'%2F%3E%3C%2Fsvg%3E");
	left: 0px;
}

.news .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23999999'%2F%3E%3C%2Fsvg%3E");
	right: 0px;
}

.news .swiper-button-prev:hover {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23F9D901'%2F%3E%3C%2Fsvg%3E");
	background-color: rgba(0,0,0,.8);
}

.news .swiper-button-next:hover {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23F9D901'%2F%3E%3C%2Fsvg%3E");
	background-color: rgba(0,0,0,.8);
}

.news .swiper-button-prev,
.news .swiper-button-next {
	width: 40px;
	height: 40px;
	margin-top: -20px;
	background-size: 10px 16px;
	background-color: rgba(0,0,0,.6);
}

/*瑞意博简介*/
.about {
	background: #F7F7F7;
	text-align: center;
}

.about .txt {
	font-size: 16px;
	color: #555555;
	line-height: 30px;
	margin-bottom: 30px;
	text-align: left;
}

.about .more {
	width: 120px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 4px;
	background-color: #555555;
	font-size: 14px;
	color: #F9D901;
	display: inline-block;
}

.about .more:hover {
	background-color: #333333;
}


/*底部*/
.footer {
	background: #333333;
	padding: 60px 0 50px;
}

.footer .footer_nav {
	margin-bottom: 20px;	
}

.footer .footer_nav h4 {
	color: #ffffff;
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: normal;
}

.footer .footer_nav h4 a {
	color: #FAFAFA;
	font-size: 16px;
	line-height: 24px;
}

.footer .footer_nav p {
	color: rgba(255, 255, 255, 0.8);
	font-size: 13px;
	transition: 0.2s;
	margin-bottom: 0;
}

.footer .footer_nav p a {
	margin-bottom: 4px;
	color: rgba(255, 255, 255, 0.8);
	font-size: 13px;
	line-height: 24px;
	display: inline-block;
	transition: 0.2s;
	padding-left: 15px;
	background: url(../images/footer_icon0.png) no-repeat left center;
}

.footer .footer_nav p a:hover {
	color: #ffffff;
	transition: 0.2s;
}

.footer .lx p {
	line-height: 30px;
	margin-bottom: 0;
}

.footer .lx p img {
	margin-right: 8px;
}

.footer .lx p.tel {
	color: #0055d3;
	font-size: 24px;
	line-height: 30px;
	margin: 5px 0 10px;
}

.footer .footer_r {
	float: right;
	text-align: center;
}

.footer .footer_r h4 {
	color: #ffffff;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 20px;
}

.footer .footer_r p {
	color: rgba(255, 255, 255, 0.8);
	font-size: 13px;
	line-height: 24px;
	padding-top: 8px;
}

.footer .footer_r img {
	width: 100px;
}

.banquan {
	background-color: #111;
	padding: 15px 0;
}

.banquan p {
	font-size: 13px;
	color: rgba(255,255,255,0.8);
	letter-spacing: 0;
	text-align: center;
	line-height: 20px;
	margin-bottom: 0;
}


/*图片样式*/
p.thumbnail {
	border: 0;
	padding: 0;
	border-radius: 0;
	margin-bottom: 0;
	overflow: hidden;
}

p.thumbnail img {
	width: 100%;
	transition: all 0.6s;
}

/*.nProducts .nProducts-item:hover .thumbnail img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
}*/

.nBanner img {
	width: 100%;
}

/*内页-公司简介*/
.nAbout .pd {
	padding: 30px 0;
}

.nAbout .one {
	width: 100%;
	background: #FFFFFF;
}

.nAbout .two {
	width: 100%;
	background: url(../images/about_bg.jpg) no-repeat center;
}

.nAbout .two .tit {
	color: #FFFFFF;
}

.nAbout .three {
	width: 100%;
	background: #FFFFFF;
}

.nAbout .one .txt p {
	font-size: 16px;
	color: #555555;
	line-height: 30px;
	margin-bottom: 15px;
}

.nAbout .one .txt p:last-child {
	margin-bottom: 0;
}

.nAbout .two .txt {
	font-size: 16px;
	color: #FFFFFF;
	line-height: 30px;
	text-align: center;
}

.nAbout .three .item {
	margin-bottom: 20px;
}

.nAbout .three .item p.txt {
	width: 100%;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	color: #555;
	margin-top: 10px;
}

.nAbout .three .item:hover p.txt {
	color: #111;
}

.nAbout .three .item:hover p.thumbnail img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
}

 
.nProduct-detail .item:hover p.thumbnail img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
}


.nAbout-default {
	background-image: url(../images/aboutBg.jpg);
	background-position: center;
	background-size: cover;
	padding: 40px 0;
}

.nAbout-default .nAbout-box {
	background-color: rgba(0, 0, 0, .6);
	padding: 20px;
}

.nAbout-default .nAbout-box .tit {
	font-size: 24px;
	line-height: 40px;
	margin-bottom: 15px;
	color: #FFFFFF;
}

.nAbout-default .nAbout-box .txt p {
	font-size: 16px;
	color: #FAFAFA;
	line-height: 30px;
	margin-bottom: 15px;
}



/*内页-企业英雄*/
.nAbout-culture {
	background: #F7F7F7;
	padding: 30px 0;
}

.nAbout-culture p.txt {
	font-size: 15px;
	line-height: 30px;
	margin-bottom: 20px;
}

.nAbout-culture a.thumbnail {
	padding: 4px;
	border: 1px solid #EBEBEB;
}


/*内页-产品&解决方案*/
.nProduct {
	padding: 30px 0;
}

.nProduct a.item {
	display: block;
}

.nProduct a.item p.txt {
	font-size: 16px;
	color: #555555;
	text-align: center;
	line-height: 30px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.nProduct a.item p.line {
	width: 100%;
	height: 1px;
	position: relative;
	background-color: #F0F0F0;;
}

.nProduct a.item p.line:after {
    content: '';
    display: block;
    border-bottom: 1px solid #F9D901;
    top: 0;
    width: 0px;
    position: absolute;
    left: 0;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.nProduct a.item:hover p.line:after { 
	width: 100%; 
}

.nProduct a.item:hover p.thumbnail img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
}

.place .place-nav {
	float: right;
	font-size: 12px;
	color: #888;
	text-align: right;
	line-height: 40px;
}

.place .place-nav a {
	color: #888;
}

.place .place-nav a:hover {
	color: #333;
}

/*产品详情页*/
.nProduct-detail .top {
	background-color: #F7F7F7;
	padding: 30px 0;
}

.nProduct-detail .top .pro-txt {
	padding-left: 0;
}

.nProduct-detail .top .pro-txt h4 {
	font-size: 24px;
	color: #333333;
	line-height: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.nProduct-detail .top .pro-txt p {
	font-size: 14px;
	color: #555555;
	line-height: 24px;
}

.nProduct-detail .bottom {
	padding: 30px 0;
}

.nProduct-detail .bottom .tab-tit {
	padding: 10px 60px;
	background: #333333;
	font-size: 18px;
	color: #F9D901;
	text-align: center;
	line-height: 24px;
	display: inline-block;
	margin-bottom: 40px;
}

.nProduct-detail .bottom .con img {
    display: block;
    max-width: 100%;
    margin: 10px auto;
    height: auto !important;
}

.nProduct-detail .bottom .con p {
	font-size: 16px;
    color: #555555;
    line-height: 30px;
}

.nProduct-detail .paging {
	margin-bottom: 40px;
}

.nProduct-detail .paging .paging-box {
	background: #F7F7F7;
	font-size: 15px;
	line-height: 24px;
	padding: 10px 20px;
}

.nProduct-detail .paging .paging-box a {
	color: #555;
}

.nProduct-detail .paging .paging-box .left {
	float: left;
}

.nProduct-detail .paging .paging-box .right {
	float: right;
}

/*新闻列表*/
.nNews {
	background: #F7F7F7;
	padding: 50px 0;
}

.nNews .item {
	display: block;
	background: #FFFFFF;
	padding: 20px;
	margin-bottom: 20px;
}

.nNews .item p {
	margin-bottom: 0;
}

.nNews .item:hover .thumbnail img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
}

.nNews .item p.bt {
	color: #333;
    font-size: 15px;
    line-height: 24px;
    margin: 15px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nNews .item p.txt {
	color: #666;
    font-size: 13px;
    height: 44px;
    line-height: 22px;
    margin-bottom: 15px;    
    overflow: hidden;
}

.nNews .item p.bottom {
	display: flex;
	justify-content: space-between;
}

.nNews .item p.bottom span {
	color: #999;
	font-size: 13px;
}

.nNews .item:hover {
	box-shadow: 0 3px 15px 0 rgba(0,0,0,0.10);
}

.nNews-detail {
	background-color: #F7F7F7;
	padding: 50px 0;
}

.nNews-detail .nNews-tit {
	text-align: center;
	margin-bottom: 40px;
}

.nNews-detail .nNews-tit h1 {
	color: #333;
    font-size: 24px;
    margin-bottom: 15px;
}

.nNews-detail .nNews-tit .date {
	font-size: 14px;
	color: #888888;
}

.nNews-detail .nNews-con img {
	display: block;
    max-width: 100%;
    margin: 20px auto;
    height: auto !important;
}

.nNews-detail .nNews-con p {
    font-size: 15px;
    line-height: 30px;
    color: #333333;
}

.nNews-detail .paging {
    background: #FFFFFF;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 20px;
    margin-top: 50px;
    color: #888888;
}

.nNews-detail .paging .item:first-child {
	margin-bottom: 8px;
}

.nNews-detail .paging .item a {
	color: #333333;
}

/*内页-分页样式*/
#page {
	text-align: right;
}
#page .pagination>.active>a {
    z-index: 3;
    color: #F9D901;
    cursor: default;
    background-color: #333;
    border-color: #333;
}

#page .pagination>li>a, 
#page .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #888;
    border: 1px solid #ddd;
}

/*技术支持*/
.pd0 {
	padding: 0;
}

.nTech {
	background-color: #F7F7F7;
	padding: 50px 0;
}

.nTech .item {
	background-color: #FFFFFF;
	display: block;
	margin-bottom: 20px;
	padding: 20px;
	position: relative;
}
.nTech .item p.img {
	margin-right: 15px;
}

.nTech .item p.img img {
	max-width: 100%;
}

.nTech .item .txt h4 {
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	position: relative;
	margin: 0;
}

.nTech .item .txt span {
	font-size: 13px;
	color: #999999;
	line-height: 18px;
	display: block;
	margin: 5px 0;
}

.nTech .item .txt p {
	font-size: 13px;
	color: #666666;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
	margin-bottom: 0;
}

.nTech .item:hover {
	box-shadow: 0 5px 20px rgba(0, 0, 0, .07);
}

.nTech .item:hover .txt h4 {
	color: #222;
}

.nTech .item:hover p.thumbnail img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
}


.nTech-detail {
	background-color: #F7F7F7;
	padding: 50px 0;
}

.nTech-detail .nTech-tit {
	text-align: center;
	margin-bottom: 40px;
}

.nTech-detail .nTech-tit h1 {
	color: #333;
    font-size: 24px;
    margin-bottom: 15px;
}

.nTech-detail .nTech-tit .date {
	font-size: 14px;
	color: #888888;
}

.nTech-detail .nTech-con img {
	display: block;
    max-width: 100%;
    margin: 20px auto;
    height: auto !important;
}

.nTech-detail .nTech-con p {
    font-size: 15px;
    line-height: 30px;
    color: #333333;
}

.nTech-detail .paging {
    background: #FFFFFF;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 20px;
    margin-top: 50px;
    color: #888888;
}

.nTech-detail .paging .item:first-child {
	margin-bottom: 8px;
}

.nTech-detail .paging .item a {
	color: #333333;
}

/*内页-联系我们*/
.nContact {
	background: #f7f7f7;
	padding: 30px 0;
}

.nContact dl {
	margin-bottom: 30px;
}

.nContact dl dt {
	font-size: 18px;
	color: #333333;
	margin-bottom: 15px;
}

.nContact dl dd {
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	margin-bottom: 3px;
}

.nContact .thumbnail {
	border: 1px solid #E0E0E0;
	padding: 4px;
}



/* 小屏幕（平板，大于等于768px） */
@media (min-width: 768px) {
	.index-banner .swiper-button-prev,
	.index-banner .swiper-button-next {
		width: 27px;
	    height: 44px;
	    margin-top: -22px;
		background-size: 27px 44px;
	}
	
	.product,
	.news,
	.about {
		padding: 50px 0 60px;
	}
	
	.tit {
		font-size: 24px;
		line-height: 40px;
		margin-bottom: 35px;
	}
	
	.about .txt  {
		text-align: center;
	}
	
	/*内页样式*/
	.nAbout .pd {
		padding: 50px 0 60px;
	}
	
	.nAbout .three .item {
		margin-bottom: 0;
	}
	
	.nProduct {
		padding: 50px 0 60px;
	}
	.nProduct-detail .top .pro-txt {
	    padding-left: 20px;
	}
	.nContact {
		padding: 60px 0;
	}
	.nContact dl {
		min-height: 200px;
		margin-bottom: 20px;
	}
	.nAbout-culture {
		padding: 50px 0;
	}
	
	
}

/* 中等屏幕（桌面显示器，大于等于992px） */

@media (min-width: 992px) {
	.nProduct-detail .top {
		padding: 50px 0;
	}
	.nProduct-detail .bottom {
		padding: 50px 0;
	}
	.nProduct-detail .paging {
		margin-bottom: 60px;
	}
	.nProduct-detail .bottom .tab-tit {
		padding: 12px 90px;
	}
	.nProduct-detail .paging .paging-box {
		padding: 20px 30px;
	}
	.nProduct-detail .top .pro-txt h4 {
		margin-bottom: 30px;
	}
	.nNews-detail .paging {
		padding: 20px 30px;
	}
	.nAbout-default {
		padding: 60px 0;
	}
	.nAbout-default .nAbout-box {
		padding: 40px;
	}
	.nAbout-default .nAbout-box .tit {
		margin-bottom: 25px;
	}
}

/* 大屏幕（大桌面显示器，大于等于1200px） */

@media (min-width: 1200px) {
	.nNews-detail .container {
		width: 1000px;
	}
}

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

@media (max-width: 991px) {


}

@media (max-width: 767px) {

}
