@charset "utf-8";



/* CSS Document*/



html,

body,

div,

h1,

h2,

h3,

h4,

h5,

h6,

ul,

ol,

dl,

li,

dt,

dd,

p,

blockquote,

pre,

form,

fieldset,

table,

th,

td,

span,

input,

textarea {

	margin: 0;

	padding: 0;

}



body {

	font-size: 14px;

	font-family: "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif;

	padding-top: 1px;

	background: #fff;

}



li,

ol {

	list-style: none;

}



ins {

	text-decoration: none;

}



i,

em {

	font-style: normal;

}



a {

	text-decoration: none;

	font-family: "Microsoft Yahei";

}



a:hover {

	cursor: pointer;

	text-decoration: none;

}



a:active {

	star: expression(this.onFocus=this.blur());

}



:focus {

	outline: 0;

}



.clear {

	clear: both;

	line-height: 0px;

	overflow: hidden;

	zoom: 1;

	font-size: 0px;

	content: '.';

}



.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}



img {

	padding: 0;

	margin: 0;

}



a img {

	border: none;

}



input,

textarea {

	border: none;

	font-family: "Microsoft Yahei";

	font-size: 13px;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-weight: normal;

	font-size: 14px;

}





/*导航*/



nav {

	background: url(../images/navbg.jpg) no-repeat center 54%;

	width: 100%;

	background: #0d69bf;

	height: auto;

	border-top: solid 1px #eaeaea;

	-webkit-background-size: 100%;

	-moz-background-size: 100%;

	-o-background-size: 100%;

	background-size: 100%;

}



nav a {

	color: #fff;

	float: left;

	border-bottom: solid 1px #eaeaea;

    border-right: solid 1px #eaeaea;
    width: 33%;

	text-align: center;

	font-size: 1em;

	height: auto;

	line-height: 340%;

	position: relative;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}



nav a:before {

	content: "";

	position: absolute;

	width: 1px;

	height: 100%;

	background: #eaeaea;

	top: 0;

	left: 0;

}



nav a:nth-child(1) {

	color: #fff;

}



nav a:nth-child(1):before,

nav a:nth-child(5):before {

	width: 0;

	height: 0;

}



nav a:nth-child(1):after {

	content: "";

	position: absolute;

	width: 10%;

	height: 19%;

	background: url(../images/ico01.png) no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	left: 5%;

	top: 40%

}





/*广告*/



.g-adv {

	height: auto;

	padding: 0 0;

}



.g-adv .sclwrap_box,

.g-adv .m-box {

	height: 12.6em;

	overflow: hidden;

}



.g-adv .m-box li img {

	width: 100%;

}



.m-ph1 img {

	width: 100%;

}





/*合作*/



.m-hz {

	height: 10em;

	overflow: hidden;

	position: relative;

}



.til01 {

	background: #ededed;

	font-size: 1em;

	line-height: 275%;

	color: #111111;

	padding: 0 5%;

	font-weight: bold;

}



.til01 a {

	color: #18800a;

}



.til01 em,

.til01 .more01 {

	font-family: Arial;

	font-size: 0.58em;

	font-weight: normal

}



.til01 .more01 {

	float: right;

}



.m-hz .sclwrap_box,

.m-hz .m-box {

	height: 150px;

	overflow: hidden;

}



.m-hz .prev,

.m-hz .next {

	position: absolute;

	top: 55%;

	border: solid 1px #d4a96b;

	width: 20px;

	height: 20px;

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-0-transform: rotate(45deg);

	transform: rotate(45deg);

}



.m-hz .prev {

	left: 4%;

	border-right: 0;

	border-top: 0

}



.m-hz .next {

	right: 4%;

	border-left: 0;

	border-bottom: 0

}



.m-hz .nowarp {

	width: 81%;

	margin: 0 9%;

}



.m-hz .m-box li {

	float: left;

	width: 43%;

	padding: 6% 3% 0 4%;

}



.m-hz .m-box li img {

	border: 1px solid #e5e5e5;

	width: 100%;

	height: 4.5em;

}





/*产品*/



.m-cp {

	height: auto;

	overflow: hidden;

}



.cp_c {

	padding: 2% 2% 6%;

}



.cp_c li {

	width: 44%;

	float: left;

	padding: 2% 3% 0;

}



.cp_c li p {

	width: 100%;

	padding-top: 70%;

	position: relative;

	overflow: hidden;

}



.cp_c a:last-child li {

	padding-bottom: 4%;

}



.cp_c li img {

	width: 100%;

	height: 100%;

	display: block;

	transition: all 1s;

	position: absolute;

	top: 0;

	left: 0;

}



.cp_c li span {

	font-size: 0.9em;

	overflow: hidden;

	text-align: center;

	line-height: 183%;

	text-align: center;

	color: #666;

	display: block;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}



.cp_c .more02 {

	clear: both;

	width: 90%;

	line-height: 192%;

	border: solid 2px #e5e5e5;

	margin: 0 5%;

	font-weight: bold;

	font-size: 1em;

	text-align: center

}



.cp_c .more02 a {

	color: #666

}





/*导航*/



.m-dh {

	height: auto;

	overflow: hidden;

	padding-bottom: 2%;

}



.dh_c {

	padding: 3% 5%;

	line-height: 229%;

	font-size: 1em;

}



.dh_c h3 {

	clear: both;

	width: 100%;

	height: auto;

	display: block;

	text-align: center;

	font-size: 1em;

	color: #111111;

	font-weight: bold;

	line-height: 192%;

	border: solid 2px #e5e5e5;

	background: #ececec;

	margin-bottom: 2%

}



.dh_c h3 a,

.m-ys h3 a {

	color: #111111;

}



.dh_c li {

	width: 50%;

	float: left;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}



.dh_c li:last-child {

	padding-bottom: 3%

}



.dh_c li a,

.al_c li span a,

.af_c li a {

	color: #666

}



.dh_c .more03 {

	display: block;

	text-align: center;

	padding: 0.3em 0 0;

}



.dh_c .more03 a {

	display: inline-block;

	line-height: 200%;

	color: #111111;

	padding: 0 2.92em;

	border: solid 1px #111111;

	font-size: 1em;

}





/*电话*/



.m-ph {

	height: auto;

	font-size: 1em;

	line-height: 367%;

	color: #fff;

	background: #111111;

	text-align: center;

}



.m-ph b {

	font-family: Arial;

	font-size: 1.25em;

}





/*案例*/



.m-al {

	height: auto;

	overflow: hidden;

	padding-bottom: 3%;

}



.al_c {

	padding: 2% 2% 6%;

}



.al_c li {

	width: 46%;

	float: left;

	padding: 1% 2% 0;

}



.al_c a:last-child li {

	padding-bottom: 4%;

}



.al_c li img {

	width: 100%;

	border: solid 1px #eaeaea;

	display: block;

	height: 8em;

}



.al_c li span {

	font-size: 1em;

	text-align: center;

	line-height: 183%;

	text-align: center;

	color: #666;

	display: block;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}





/*优势*/



.m-ys {

	height: 25.7em;

	overflow: hidden;

	color: #666;

	line-height: 125%;

	font-size: 1em;

}



.m-ys .sclwrap_box,

.m-ys .m-box {

	height: 21em;

	overflow: hidden;

}



.ystil {

	text-align: center;

	padding: 0 0 0 41%;

}



.ystil li {

	width: 0.67em;

	height: 0.67em;

	border-radius: 0.67em;

	background: #999;

	margin: 0 0.67em 0 0;

	overflow: hidden;

	float: left;

}



.ystil li.z-on {

	background: #111111;

}



.m-ys .til01 {

	text-align: center;

	padding: 0;

}



.m-ys dd h3 {

	color: #111111;

	font-size: 1em;

	line-height: 125%;

	font-weight: bold;

	padding: 5% 0 0;

	text-align: center;

}



.m-ys dl {

	display: inline;

	float: left;

}



.m-ys dt,

.m-ys dd {

	width: 91%;

	margin: 0 4.5%;

}



.m-ys dt img {

	width: 100%;

}



.m-ys dd li {

	clear: both;

	padding: 3% 0 0 2%;

	position: relative;

}



.m-ys dd li:before {

	content: "";

	position: absolute;

	width: 2px;

	height: 2px;

	border-radius: 2px;

	background: #666;

	left: 0;

	top: 67%;

}





/*见证*/



.m-kh {

	height: auto;

	overflow: hidden;

	color: #343433;

	line-height: 150%;

	font-size: 1em;

	padding-bottom: 4%

}



.kh_c {

	padding: 2% 3% 0;

}



.kh_c dl {

	height: auto;

	overflow: hidden;

	padding-top: 2%

}



.kh_c dt {

	width: 39%;

	float: left;

	padding-top: 33%;

	position: relative;

	overflow: hidden;

}



.kh_c dt img {

	width: 100%;

	height: 100%;

	display: block;

	transition: all 1s;

	position: absolute;

	top: 0;

	left: 0;

}



.kh_c dd {

	width: 57%;

	float: left;

	padding: 1% 0 0 3%

}



.kh_c dd h3 {

	height: auto;

	overflow: hidden;

	line-height: 250%;

	font-size: 1em;

	font-weight: bold;

	white-space: nowrap;

	text-overflow: ellipsis;

}



.kh_c dd p {

	display: block;

	overflow: hidden;

	height: 3em;

}



.kh_c dd h3 a {

	color: #343433

}



.kh_c dd a,

.m-gy p a {

	color: #111111;

	display: block

}





/*关于*/



.m-gy {

	height: auto;

	overflow: hidden;

	color: #343433;

	line-height: 150%;

	font-size: 1em;

	padding-bottom: 5%

}



.m-gy li {

	padding-top: 85%;

	width: 100%;

	position: relative;

	overflow: hidden;

}



.m-gy li img {

	width: 100%;

	height: 100%;

	display: block;

	transition: all 1s;

	position: absolute;

	top: 0;

	left: 0;

}



.m-gy p {

	clear: both;

	padding: ;

	margin: 0 5%;

	width: 90%;

	border-top: dotted 1px #666;

	height: 7.3em;

	overflow: hidden;

	display: block;

}



.gy_c a {

	color: #111111;

	display: block;

	margin-left: 1em;

}





/*荣誉*/



.m-ry {

	height: 15em;

	overflow: hidden;

}



.m-ry .sclwrap_box,

.m-ry .m-box {

	height: 194px;

	overflow: hidden;

}



.m-ry .ry_c {

	padding: 3% 0 0 11%;

}



.m-ry .ry_c ul {

	float: left;

	display: inline-block;

}



.ry_c li {

	width: 40%;

	float: left;

	padding: 0 5% 0 0;

	overflow: hidden;

}



.ry_c li p {

	width: 100%;

	padding-top: 85%;

	position: relative;

	overflow: hidden;

}



.ry_c li img {

	width: 100%;

	height: 100%;

	display: block;

	transition: all 1s;

	position: absolute;

	top: 0;

	left: 0;

}



.ry_c li span {

	display: block;

	line-height: 217%;

	text-align: center;

	color: #666;

	font-size: 1em;

	white-space: nowrap;

	text-overflow: ellipsis;

}



.m-ry .m-cnt {

	height: 8px;

	display: block;

	text-align: center;

}



.m-ry .m-cnt li {

	width: 8px;

	height: 8px;

	background: #999;

	border-radius: 8px;

	margin: 0 1% 0 0;

	display: inline-block

}



.m-ry .m-cnt li.z-on {

	background: #111111;

}





/*资讯*/



.m-news {

	height: auto;

	padding: 2% 0;

}



.m-news .m-cnt {

	display: block;

	border-bottom: 1px solid #999;

	height: auto;

	line-height: 254%;

	margin-bottom: 4%

}



.m-news .m-cnt li {

	width: 33.3%;

	float: left;

	text-align: center;

	font-size: 1em;

	color: #666;

}



.m-news .m-cnt li.z-on {

	font-weight: bold;

	color: #333;

	position: relative;

}



.m-news .m-cnt li.z-on:before {

	content: "";

	position: absolute;

	width: 0;

	height: 0;

	bottom: 0;

	left: 44%;

	margin-left: 3px;

	border-bottom: solid 6px #999;

	border-left: solid 6px transparent;

	border-right: solid 6px transparent;

}



.m-news .sclwrap_box,

.m-news .m-box {

	height: 194px;

	overflow: hidden;

}



.m-news .zx-c ul {

	float: left;

	display: inline-block;

}



.m-news .zx-c li {

	width: 94%;

	font-size: 1em;

	color: #666;

	padding: 0 3%;

	height: auto;

	line-height: 200%;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	position: relative;

}



.m-news .zx-c li:before {

	content: "";

	position: absolute;

	width: 2px;

	height: 2px;

	border-radius: 2px;

	background: #666;

	left: 1%;

	top: 56%;

}



.m-news .zx-c li a {

	color: #666;

}