﻿@charset "utf-8";
.mian {

	position: relative;

	margin-left: auto;

	margin-right: auto;

	min-width: 320px;

	max-width: 640px;

	overflow: hidden;

	background-color: #fff;

	font-family: Microsoft YaHei;

}

a {

	text-decoration: none;

	color: #666;

}

/*公共颜色调用*/

.pagedSpan a {

	background: #333;

}

.CategoryList_Title i {

	color: #333;

}

.hdPhone p i {

	border: 1px solid #fff;

}

.pagedSpan a {

	color: #fff;

}

.pagedSpan {

	background: #feeddc;

}

/*分类标题*/

.CategoryList_Title {

	height: 2.968em;

	line-height: 2.968em;

	padding: 0 .687em;

	color: #333;

	text-align: center;

	border-bottom: 1px solid #b0b4bb;

	font-size: 1.125em;

	background: linear-gradient(180deg, #f2f2f2 0%, #e0e0e0 100%);

}

.CategoryList_Title i {

	font-size: 1.2em;

	margin-top: .75em;

}

.CategoryList_Title .icon-details {

	margin-right: .5em;

}

/*分类列表*/

.CategoryLista {

}

.CategoryLista > li > a {

	height: 3.031em;

	line-height: 3.031em;

	display: block;

	color: #333;

	background: #f4f4f4;

	padding: 0 1.125em;

	border-bottom: 1px solid #cfcbc1;

	border-top: 1px solid #fff;

	font-size: 1.125em;

}

.CategoryLista li i {

	float: right;

	margin-top: .45em;

	color: #656565;

	font-weight: bold;

	font-size: 1.6em;

}

.CategoryLista > li li a {

	height: 3.031em;

	line-height: 3.031em;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	display: block;

	color: #666;

	background: #fff;

	padding: 0 2.062em;

	border-bottom: 1px solid #cfcbc1;

	border-top: 1px solid #fff;

	font-size: 1em;

}

.CategoryLista li:after {

	content: '.';

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.CategoryLista .icon-arrow-down {

	color: #f90;

}

.CategoryLista > li > ul >li >ul {

	padding: 0 1.125em;

}

.CategoryLista > li > .list1, .CategoryLista > li > .list1 li ul {

	display: none;

}

/*搜索*/

.searchSpan {

	position: relative;

	overflow: hidden;

	margin: .687em;

}

.searchSpan .txtSearch {

	height: 33px;

	border-radius: 5px;

	border: 1px solid #ddd;

	font-size: .75em;

	text-indent: .25em;

	width: 99.9%;

	outline: none;

}

.searchSpan .btnSearch {

	position: absolute;

	right: 0px;

	top: 1px;

	border-radius: 0 5px 5px 0;

	display: block;

	height: 33px;

	line-height: 33px;

	color: #333;

	width: 2.5em;

	border-left: 1px solid #ddd;

	border-right: 1px solid #ddd;

	text-align: center;

	background: linear-gradient(180deg, #fff 0%, #ededed 100%);

}

/*header*/
header { overflow:hidden; width:100%; padding:1em 0; }
header h2{ margin-left:1.5%; margin-left:1.5%;font-size:1.8em; color:#000;text-align:center;}

header h2 b{ color:#222582;}

header h2 p{color:#222582; font-size:0.7em; font-weight:normal; margin-top:0.5em;}

header h2 p img{ width:1em;}

/*nav*/

nav {

	overflow: hidden;

	width: 100%;background:#222582;
}

nav a {

	display: block;

	float: left;

	width: 33.333333333%;

	text-align: center;

	font-size: 1em;

	color: #fff;

	background: url(/upload/m/nav_bor.png?id=29) right top repeat-y;

	border-bottom:1px solid #000066; 
	border-top:1px solid #000066;

	padding: 0.7em 0;

}

nav a:nth-child(3), nav a:nth-child(6) {

	background: none

}

/*footer*/

.ftmain{ width:100%; overflow:hidden;height: 14.2em;padding-top: 1em;padding-bottom:8em;background:#f4f4f4;}
.ftmain .p1 { font-size: 1.2em; color: #333; line-height:1.6em; text-align: center;}
footer { width:100%; overflow:hidden; }
.indexsss{width:100%; max-width: 640px; position:fixed; background:url(/upload/m/foot.jpg?id=29) no-repeat #222582;  background-size: 100%; bottom:0; z-index:9999;}
.indexsss a{ display:block; width:23.33%; text-align:center; color:#FFFFFF; float:left; margin:2% 0 0 8%; font-size:16px; line-height:27px; position:relative; text-decoration:none;}
.indexsss a img{ width:40%;}
.indexsss a.online{z-index:2;}


#DetailedSpan div table {

	width: 640px !important;

}

.green {

	coor: Red

}

.red {

	color: Red

}

 @media screen and (min-width:320px) {

body {

	font-size: 75%;

}

}

@media screen and (min-width:375px) {

body {

	font-size: 87.5%;

}

}

@media screen and (min-width:480px) {

body {

	font-size: 87.5%;

}

}

@media screen and (min-width:540px) {

body {

	font-size: 112.5%;

}

}

@media screen and (min-width:550px) {

body {

	font-size: 125%;

}

}

@media screen and (min-width:640px) {

body {

	font-size: 150%;

}

}

/*方案服务新样式*/

.look_project {

	text-align: center;

	width: 675px;

	float: left;

	margin: 10px 10px;

}

.look_project input {

	margin: 0 4px;

	height: 23px;

}

.flash {

	width: 662px;

	height: 302px;

	line-height: 0;

	font-size: 0;

	padding-left: 10px;

}

.flash img {

	border: 1px solid #E4E4E4;

	width: 660px;

	height: 200px;

}

.pagingNav {

	padding: 5px 10px;

	border: 1px solid #d3d3d3;

}

.pagingNav p {

	height: 30px;

	line-height: 30px;

}

.pagingNav .uls {

	margin-top: -30px;

	overflow: hidden;

}

.pagingNav .uls a {

	float: left;

	margin-left: 5px;

	padding: 0 10px;

	height: 28px;

	line-height: 28px;

	border: 1px solid #ccc;

	text-decoration: none;

	float: left

}

.pagingNav .uls a:hover, .pagingNav .uls a.cur {

	background-color: #c73426;

	border-color: #c73426;

	color: #fff;

}

.pagingNav .uls .tBtn:hover {

	background-color: inherit;

	color: inherit;

*background-color:transparent;

*color:#666;

}

.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}

#DetailedSpan img{ width:100% !important; height: auto !important}
.cont_c img{width:100% !important; height: auto !important}
.gooxao{ overflow:hidden; margin-left:-2%;}
.gooxao li{ float:left; width:47%; margin-bottom:20px; margin-left:3%;}
.gooxao li p{ line-height:30px; text-align:center}
.gooxao li p a{ font-size:12px}

.m-xx-fy-01 {
            min-height: 3.7rem;
            background: #e8e8e8;
            padding: .6rem 3.125%;
            margin-bottom: 5rem;
        }
        
        .m-xx-fy-01-return {
            float: right;
            width: 3.5rem;
            box-sizing: border-box;
            padding: .2rem 0;
            margin-top: .5rem;
            font-size: 1rem;
            line-height: 1.2rem;
            text-align: center;
            color: #fff;
            background:#c30d23;
        }
        
        .m-xx-fy-01-prev,
        .m-xx-fy-01-next {
            height: 1.8rem;
            margin: 0.5rem 0;
            font-size: 1.2rem;
            color: #4b4a4a;
            line-height: 1.8rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .m-xx-fy-01-prev span,
        .m-xx-fy-01-next span {
            width: 4.8rem;
            height: 1.8rem;
            display: block;
            font-weight: bold;
            color: #fff;
            text-align: center;
            float: left;
            background: #a2a2a2;
            margin-right: .2rem;
        }
.ytela{background-color:#f7f7f7;  width:100%; padding: 10px 0;}
.ytel{ width:96%; margin:0 auto;  text-align:center; height:40px; line-height:40px;  background-color:#222582; border-radius:10px; font-weight:bold;  }
.ytel a{color:#FFFFFF; }
.sao{width: 59%;height: 9.2rem;border:1px solid #dedede;margin:3.5rem auto 0;}
.sao img{display: block;width:41%;margin:-2rem auto 0;}
.sao span{display: block;font-size: 1.2rem;color: #333;text-align: center;line-height: 3rem;}

