@charset "utf-8";
*{margin:0;padding:0;}
html {font-size:65%;}
i, em {
    font-style: normal;
}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; overflow-x: hidden;   min-width: 320px;    max-width: 750px;    margin: 0 auto;} 
li, ol { list-style:none; }
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() no-repeat left top;}

.logo{margin:0 auto;position: relative !important;}
.logo img{ width:100%;}
.search{ width:152px; 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() 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(../images/column.jpg) repeat-x left top;}
.cases h2 p{ width:80px; height:30px; line-height:30px; float:left; background:url() 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() 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:168px; height:111px; padding:3px; border:1px solid #CCC; margin: 0 auto;}
.cases-list li p img{ width:168px; height:111px; 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(../images/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() no-repeat left top;}
/*.news h2 p.curr{ background:url(../images/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;padding-left:15px;padding-right:15px;}

.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(../images/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:40px; line-height:40px; padding:0 20px; overflow:hidden; background:#f5f5f5 url(../images/news-list-li.jpg) no-repeat right center; border-bottom:1px solid #FFF;}
.news-list li span{ width:76px; height:40px; line-height:40px; 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(../images/column.jpg) repeat-x left top;}
.column-title p{ width:50px; height:20px; float:right; margin:5px 10px 0 0; display:inline; background:url(../images/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(../images/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(../images/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(../images/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(../images/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:#292829;; }
.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(../images/online.jpg) repeat-x left top;}
.online ul{margin:0 auto; width:320px;}
.online li{ width:130px; 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;}

/**/

.luodi3{ background: #fff; padding-bottom: 1.8rem;}
.luodi3_b{ background: #e63939;; padding: 3.6rem 7.6% 3rem;border-bottom-right-radius: 9rem;}
.luodi3 h3{ text-align: center; line-height:100%; font-weight: bold; color: #fff; font-size: 3rem; padding-bottom:2.6rem;}
.luodi3 h3 img{ display: block; margin: 0 auto 1.7rem;width: 3.4rem;}
.luodi3 h3 span{ display: block; font-weight: normal; color: #fff; font-size: 1.24rem; padding-top: 1.6rem;line-height: 100%;}
.luodi3 dl{ overflow: hidden;padding: 1.9rem 0; border-bottom: 1px solid #fff;}
.luodi3 dl:last-of-type{ border-bottom: none;}
.luodi3 dl dt{ width: 7.2rem; border-radius: 7.2rem; float: left; font-size: 0; line-height: 0;}
.luodi3 dl dd{ float: right; width: 55%; color: #fff;}
.luodi3 dl dd h4{ font-size: 1.8rem;}
.luodi3 dl dd p{ padding-top: 0.5rem; font-size: 1.22rem; line-height: 1.8rem;color: #fff;}

p.page {
    text-align: center;
    font-size: 1.6rem;
    padding: 10px;
}
.single {
    font-size: 1.8rem;
    padding: 15px;
    line-height: 3.6rem;
}
.case li {
    float: left;
    width: 15rem;
    height: 15rem;
    padding: 15px;
}
.case li img{ width: 14rem;
    height: 11rem;}

.case h4 {
    padding-top: 8px;
}
.news-detail-title h1 {
    font-size: 2rem;
    padding: 2px;
}


.cases-list li h4 {
    width: 130px;
    height: 26px;
    line-height: 26px;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    margin: 0px auto;
    background:#fb0808;
   
}
.cases-list li h4 a{

    color:#fff;
}

/*头部菜单*焦点图*/
.header {
	background-color: #fff;
	padding: 1.4rem 0;
}
.header .logo {
	float: left;
}
.header .logo img {
	display: block;
	height: 3.8rem;
	width: auto;
}
.header .menu {
	float: right;
	height: 1.8rem;
	margin: 1.1rem 0;
}
.header .menu img {
	display: block;
	height: 100%;
	width: auto;
}
.menu-box {
	position: absolute;
	top: 6rem;
	left: 0;
	width: 100%;
	z-index: 999;
	background: #e6212a;
	display: none;
}
.menu-box ul {
}
.menu-box li {
	line-height: 3.2rem;
	border-bottom: 1px solid #ad1010;
}
.menu-box li a {
	display: block;
	color: #fff;
	padding: 0 1.2rem;
	margin-right: 2.8rem;
}
.menu-box li i {
	float: right;
	height: 2.8rem;
	width: 2.8rem;
	background: url(../images/arrt.png) no-repeat center;
	background-size: 1.425rem 1.425rem;
	position: relative;
	z-index: 1;
	cursor: pointer;
}
.menu-box li .sub {
	background: #ad1010;
	display: none;
}
.menu-box li .sub a {
	border-top: 1px solid #e6212a;
	margin-right: 0;
}
.menu-box li.open i {
	background-image: url(../images/arrb.png);
}
.menu-box li.open .sub {
	display: block;
}
.container {
    padding: 0 1.3rem;
}
.clearfix {
    zoom: 1;
}
.clearfix:before, .clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}
/*焦点图*/
.fwfw {
    height: 165px;
}
.fwfw li {
    float: left;
    line-height: 2em;
    width: 120px;
    text-align: center;
}