﻿@charset "utf-8";
*{margin:0;padding:0;}
body{font-size:12px;font-family: 宋体,Arial, Helvetica, sans-serif;color:#3b3b3b; background:#FFF; }
img{border:0;}
ul{list-style:none;}
li{ vertical-align:bottom;}
a{color:#3b3b3b; text-decoration:none;}
.clear{clear:both;}
.blank{font-size:0px; height:10px; width:100%;}
.blank2{font-size:0px; height:6px; width:100%;}
.layout{ width:100%; background:#FFF url("../mimages/layout.png")/*tpa=http://www.ruanmenlianpeijian.com/web/mimages/layout.png*/ no-repeat left top;}

.logo{margin:0 auto;position: relative !important;}
.logo img{ width:100%;}
.search{ width:132px; height:22px; position:absolute; right:10px; top:40%; z-index:120;  overflow:hidden;}
.search p{ float:left; overflow:hidden; }
.search p.search-input{ width:80px; height:18px; padding:1px 10px; border:1px solid #CCC; background:#FFF; margin-right:8px; display:inline; }
.search p.search-input input{ width:80px; height:18px; line-height:18px; border:0;}
.search p.search-btn{ width:22px; height:22px; }
.search p.search-btn input{  width:22px; height:22px;}

.main{margin:0 auto;position: relative !important;background:url("../mimages/main.png")/*tpa=http://www.ruanmenlianpeijian.com/web/mimages/main.png*/ no-repeat center 15px;}

.banner{}
.banner img{width:100%;}

/*.location{ width:310px; height:30px; line-height:30px; padding:0 5px; overflow:hidden; color:#1264a8;}
.location a{ color:#1264a8;}*/
.cases{margin:0 auto;position: relative !important;}
.cases h2{ margin:0 auto;height:30px;position: relative !important;background:url("../mimages/column.jpg")/*tpa=http://www.ruanmenlianpeijian.com/web/mimages/column.jpg*/ repeat-x left top;}
.cases h2 p{ width:80px; height:30px; line-height:30px; float:left; background:url("../mimages/cases-h2-p.jpg")/*tpa=http://www.ruanmenlianpeijian.com/web/mimages/cases-h2-p.jpg*/ no-repeat right top; position:relative; z-index:140; cursor:pointer;}
.cases h2 p span{ width:84px; height:32px; display:block; line-height:32px; text-align:center; font-weight:normal; font-size:12px; text-align:center; color:#FFF; position:absolute; left:-2px; top:0;}
.cases h2 p.curr span{ background:url("../mimages/column-p.jpg")/*tpa=http://www.ruanmenlianpeijian.com/web/mimages/column-p.jpg*/ no-repeat left top;}
.cases-cen{ display:block; height:auto; margin:0 auto; }
.cases-list{display:block; height:auto; display:none; }
.cases-list li{	width:50%;float:left; padding:0.5em 0;}
.cases-list li p{ width:120px; height:90px; padding:3px; border:1px solid #CCC; margin: 0 auto;}
.cases-list li p img{ width:120px; height:90px; margin: 0 auto;}
.cases-list li h3{ width:130px; height:20px; line-height:20px; font-weight:normal; font-size:12px; text-align:center; padding-top:6px; overflow:hidden; margin: 0 auto;}

.about,.news{margin:0 auto;position: relative !important;}
.about h2,.news h2{margin:0 auto;height:30px;position: relative !important;background:url("../mimages/column.jpg")/*tpa=http://www.ruanmenlianpeijian.com/web/mimages/column.jpg*/ repeat-x left top;}
.about h2 p,.news h2 p{ width:84px; height:30px; line-height:30px; overflow:hidden; float:left; font-weight:normal; font-size:12px; text-align:center; color:#FFF; background:url("../mimages/column-p.jpg")/*tpa=http://www.ruanmenlianpeijian.com/web/mimages/column-p.jpg*/ no-repeat left top;}
/*.news h2 p.curr{ background:url(../mimages/news-h2-p-curr.jpg) no-repeat left top; color:#FFF;}*/
.about-img{ width:auto; height:auto; padding:10px 20px; margin:0 auto; overflow:hidden; }
.about-img img{ width:100%;}
.about-cen,.news-detail-cen{margin:0 auto;position: relative !important;line-height:24px; margin:0 auto;}

.news-more{margin:0 auto;position: relative !important;overflow:hidden; height:24px; line-height:24px; text-align:center; overflow:hidden; background:#c5c5c5; }
.news-more a{ color:#FFF;}
.column-menu{position: relative !important;height:auto; margin:0 auto; }
.column-menu p{ width:66px; height:24px;  line-height:24px; float:left; text-align:center; background:url("../mimages/about-nav.jpg")/*tpa=http://www.ruanmenlianpeijian.com/web/mimages/about-nav.jpg*/ repeat-x left top; border-right:1px solid #FFF;}
.column-menu p a{ color:#FFF;}

.news-img{ width:auto; height:auto; padding:10px 20px; margin:0 auto; overflow:hidden; }
.news-img img{ width:100%;}
.news-list{margin:0 auto;position: relative !important;}
.news-list li{margin:0 auto;height:26px; line-height:26px; padding:0 20px; overflow:hidden; background:#f5f5f5 url("../mimages/news-list-li.jpg")/*tpa=http://www.ruanmenlianpeijian.com/web/mimages/news-list-li.jpg*/ no-repeat right center; border-bottom:1px solid #FFF;}
.news-list li span{ width:76px; height:26px; line-height:26px; display:block; float:right; text-align:right;}


.column-title{margin:0 auto;position: relative !important;background:#d6d6d6;height:30px;}
.column-title h2{ width:84px; height:30px; line-height:30px; overflow:hidden; float:left; font-weight:normal; font-size:12px; text-align:center; color:#FFF; background:url("../mimages/column.jpg")/*tpa=http://www.ruanmenlianpeijian.com/web/mimages/column.jpg*/ repeat-x left top;}
.column-title p{ width:50px; height:20px; float:right; margin:5px 10px 0 0; display:inline; background:url("../mimages/about-more.jpg")/*tpa=http://www.ruanmenlianpeijian.com/web/mimages/about-more.jpg*/ no-repeat left top; }
.column-title p a{ width:50px; height:20px; display:block;}

.news-detail-title{min-width:320px; height:auto; line-height:30px; text-align:center; overflow:hidden; background:#f5f5f5; font-size:14px; }

.news-detail-keys{min-width:320px; height:24px; margin:0 auto; line-height:24px; background:#f5f5f5; color:#999; }
.news-detail-keys h3{ width:72px; height:24px; line-height:24px; float:left; text-align:center; background:#c5c5c5; font-weight:normal; font-size:12px; overflow:hidden; margin-right:10px; display:inline; color:#393939; border-right:1px solid #FFF; }
.news-page{ height:50px; overflow:hidden; color:#9a9a9a;position:relative;}
.page-prev{width:42%; height:40px; background:url("../mimages/page-prev.gif")/*tpa=http://www.ruanmenlianpeijian.com/web/mimages/page-prev.gif*/ no-repeat left 18px; background-color:#f5f5f5; padding:5px 10px; cursor:pointer;position:absolute;left:0;top:0;}
.page-next{ width:42%; height:40px; background:url("../mimages/page-next.gif")/*tpa=http://www.ruanmenlianpeijian.com/web/mimages/page-next.gif*/ no-repeat right 18px; background-color:#f5f5f5; padding:5px 10px;cursor:pointer;position:absolute;right:0;top:0;}
.page-prev h3{ height:20px; line-height:20px; font-weight:normal; font-size:12px; text-align:right; padding-left:9px;}
.page-prev p{ height:20px; line-height:20px; text-align:right; overflow:hidden;padding-left:9px;}
.page-next h3{  height:20px; line-height:20px; font-weight:normal; font-size:12px; text-align:left; padding-right:9px;}
.page-next p{  height:20px; line-height:20px; text-align:left; overflow:hidden;padding-right:9px;}
.page-prev p a,.page-next p a{ color:#9a9a9a;}

.anli-list{position: relative !important;height:auto; margin:0 auto;}
.anli-list li{width:33%;float:left; padding:0.5em 0; height:106px;}
.anli-list li p{ width:86px; height:72px; padding:3px; border:1px solid #CCC; margin: 0 auto;}
.anli-list li p img{ width:86px; height:72px; margin:0 auto;}
.anli-list li h3{ width:94px; height:20px; line-height:20px; font-weight:normal; font-size:12px; text-align:center; padding-top:6px; overflow:hidden; margin: 0 auto;}

.cases-detail-img{min-width:320px; margin:0 auto;}
.cases-detail-img img{min-width:320px; margin: 0 auto;}
.cases-detail-title{ min-width:320px; height:24px; margin:0 auto; line-height:24px; background:#f5f5f5; color:#999; }
.cases-detail-title h3{ width:72px; height:24px; line-height:24px; float:left; text-align:center; background:#c5c5c5; font-weight:normal; font-size:12px; overflow:hidden; margin-right:10px; display:inline; color:#393939; border-right:1px solid #FFF; }

.order-form-line{ max-width:578px; min-width:278px;height:18px; border:1px solid #f2f2f2; margin:0 10px; padding:3px 10px;}
.order-form-line input{ max-width:578px; min-width:278px;line-height:18px; border:0; color:#6c6c6c;}

.order-form-textarea{ max-width:600px; min-width:300px; height:172px; margin:0 10px; }
.order-form-textarea textarea{ max-width:600px; min-width:300px;height:160px; line-height:20px; padding:3px 10px; border:1px solid #f2f2f2; font-size:12px; color:#6c6c6c;}


.order-form-select{ width:126px; height:26px; background: url("../mimages/form-select.jpg")/*tpa=http://www.ruanmenlianpeijian.com/web/mimages/form-select.jpg*/ no-repeat left top; float:left; margin-left:10px; display:inline; padding:3px 10px; position:relative; z-index:400;}
.order-form-select input{ width:30px; height:20px; position:absolute; right:-30px; top:2px;}
.order-form-select h2{ width:114px; height:26px; line-height:26px; overflow:hidden; font-weight:normal; font-size:12px; cursor:pointer; padding-right:12px;color:#6c6c6c;  }
.order-form-select h2 span{ display:none; }
.order-form-select-list{ width:124px; height:auto; border:1px solid #f2f2f2; border-top:0; background:#FFF; position:absolute; left:0px; top:26px; z-index:420; display:none;}
.order-form-select-list li{ width:104px; height:26px; line-height:26px; margin:0 auto; background:url("../mimages/addcmain-type-select-list.jpg")/*tpa=http://www.ruanmenlianpeijian.com/web/mimages/addcmain-type-select-list.jpg*/ no-repeat left bottom; overflow:hidden; cursor:pointer; padding:0 10px 0 10px; }
.order-form-select-list li.curr{ background:#EEE; }
.order-form-select-list li span{ display:none; }




.order-form-line2{ width:106px; height:18px; border:1px solid #f2f2f2; float:left; margin-left:10px; display:inline; padding:3px 10px;}
.order-form-line2 input{ width:106px; height:18px; line-height:18px; border:0; color:#6c6c6c;}
.order-form-code{ width:50px; height:26px; float:left; margin-left:10px; display:inline;}
.order-form-code img{ width:50px; height:26px;}

.order-form-btn{ width:100px; height:30px; margin:0 auto; overflow:hidden;}
.order-form-btn input{ width:100px; height:30px;}
.footer{margin:0 auto; margin-bottom:30px;position: relative !important;background:#2c2f30; }
.copyright{ width:320px; height:auto; margin:0 auto; line-height:18px; text-align:center; color:#FFF; }
.copyright a{ color:#FFF; }


.online_box{width: 100%;height:30px;z-index:9999;bottom:0px;left:0px;position:fixed;}
.online{margin:0 auto;position: relative !important;background:url("../mimages/online.jpg")/*tpa=http://www.ruanmenlianpeijian.com/web/mimages/online.jpg*/ repeat-x left top;}
.online ul{margin:0 auto; width:320px;}
.online li{ width:80px; height:30px; line-height:30px; float:left; overflow:hidden; }
.online li p{ width:20px; height:18px; padding:6px 8px 6px 12px; overflow:hidden; float:left; }
.online li p img{ width:20px; height:18px; }
.online li a{ color:#FFF;}
.mbottom_Menu {
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 50px;
	text-align: center;
	background-color: #36659D;
	z-index: 200;
}
.mbottom_Menu a {
	color: #fff;
}
.mbottom_Menu .Menu {
	padding-top: 7px;
	width: 33.3%;
	box-sizing: border-box;
	float: left;
	font-size: 12px;
}
.mbottom_Menu .phoList {
	width: 100%;
	overflow: hidden;
	position: fixed;
	z-index: 1;
	background-color: #ffffff;
	bottom: -100%;
}
.mbottom_Menu .phoList li {
	border: solid 1px #f1f1f1;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #333;
}
.myActive {
	background-color: #7fdb6d;
	color: #ffffcc;
}
.myActive a {
	color: #ffffcc;
}
/*返回顶部*/
.toTop {
	width: 50px;
	height: 50px;
	border: solid 1px #a6a6a6;
	border-radius: 25px;
	position: fixed;
	bottom: 70px;
	right: 5px;
	line-height: 50px;
	text-align: center;
	display: none;
}