﻿@charset "utf-8";

/*header*/

header {

	width: 100%;

	height: auto;

	background: #007ed5;

	position: fixed;

	z-index: 999;

}

.top {

	width: 94%;

	height: auto;

	margin: 0px auto;

}

.logo {

	float: left;

	width: 20%;

	height: 80px;

	padding: 2px 0px 2px 4%;

}

.nav {

	float: left;

	width: 48%;

	height: 84px;

	padding: 0px 2% 0px 0px;

	font-size: 16px;

}

.nav ul {

	float: left;

	width: 100%;

	height: 84px;

}

.nav ul li {

	float: left;

	width: 14%;

	height: 84px;

	text-align: center;

	line-height: 84px;

	background: url(/images/nav_ling.jpg) no-repeat right;

}

.nav ul li a {

	float: left;

	width: 100%;

	height: 84px;

	color: #fff;
}

.nav ul li a:hover {

	float: left;

	width: 100%;

	height: 84px;

	background: #da251d;

}

.top_rg {

	float: right;

	width: auto;

	height: 80px;

	padding-top: 2px;

}

.about,
.about_tl,
.about_ct {

	width: 100%;

	height: auto;

	max-width: 1000px;

	margin: 0px auto;

}



.about_tl {

	margin: 40px auto;

}

.about_tl_lf {

	float: left;

	width: 50%;

	height: auto;

	font-size: 2.5em;

	color: #272727;

	text-align: right;

	font-weight: bold;

	line-height: 1.2em;

}

.about_tl_rg {

	float: left;

	width: 186px;

	height: 45px;

	background: url(../images/about_tl.jpg) left no-repeat;

	color: #007ed5;

	line-height: 45px;

	text-align: center;

	font-size: 1.2em;

	margin-top: 20px;

	margin-left: 10px;

}

.about_ct_lf,
.about_ct_rg {

	float: left;

	width: 50%;

}

.about_list {

	float: right;

	width: auto;

	height: 32px;

	line-height: 32px;

	background: #7b7b7b;

	font-size: 0.8em;

	color: #fff;

	padding: 0px 20px;

}

.about_text {

	float: right;

	width: 95%;

	text-align: right;

	padding-top: 20px;

	padding-right: 5%;

}

.about_img {

	float: left;

	width: 66%;

}

.about_more {

	float: left;

	width: 33%;

	background: #007ed5;

	margin-top: 28%;

}

.product {

	width: 100%;

	height: auto;

	background: url(../images/pb01.png) top center no-repeat #406de2;

}

.product_tl {

	width: 100%;

	height: auto;

	text-align: center;

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

	color: #fff;

	padding: 0px 0px 10px 0px;

	font-size: 1.2em;

	line-height: 3em;

}

.product_tl b,
.new_tl b {

	font-size: 2.2em;

}

.product_ct {

	width: 100%;

	height: auto;

	margin: 0px auto;

	max-width: 1100px;

}

.product_ct_lf {

	float: left;

	width: 40px;

	height: 70px;

	padding-top: 14%;

}

.product_ct_rg {

	float: right;

	width: 40px;

	height: 70px;

	padding-top: 14%;

}

.product_ct>ul {

	float: left;

	width: 90%;

	max-width: 1000px;

}

.product_ct>ul>li {

	float: left;

	width: 28%;

	background: #fff;

	padding: 1%;

	margin: 1.6%;



}

.product_title {

	float: left;

	width: 100%;

	height: 18px;

	margin: 10px 0px;

	font-weight: bold;

	overflow: hidden;

}

.product_text {

	float: left;

	width: 100%;

	height: 18px;

	font-size: 0.8em;

	line-height: 1.5em;

	color: #999;

	overflow: hidden;

}

.product_bottom {

	width: 100%;

	background: url(../images/pb02.png) center;

	height: 110px;

	margin-top: 20px;

	text-align: center;

	line-height: 50px;

	font-size: 1.2em;



}



.messages ol li {

	float: left;

	width: 20%;



	padding: 1%;

	margin: 1.6%;

	text-align: center;

	background: #007ed5;

	cursor: pointer;



}

.messages ol li a {

	display: block;

	color: white;

}

.maxmes {

	width: 100%;

	height: 100%;

	position: absolute;

	background: rgba(0, 0, 0, 0.3);

	display: none;

}

.maxmes .minmes {

	width: 840px;

	position: relative;

	top: 50%;
	left: 50%;

	transform: translate(-50%, -50%);

	background: #f5f5f5;

	padding-left: 40px;



}

.maxmes .minmes .xx {

	cursor: pointer;

	float: right;

	color: #f0c040;

	font-size: 18px;

	display: block;

	width: 40px;

	height: 40px;

	text-align: center;

	line-height: 40px;

}

.maxmes .minmes .xx:hover {

	float: right;

	color: #f0c040;

	font-size: 18px;

	cursor: pointer;

	color: white;

	display: block;

	width: 40px;

	height: 40px;

	text-align: center;

	line-height: 40px;

	background: rgba(0, 0, 0, 0.4);

}

.maxmes .minmes form {

	width: 802px;

	height: auto;



}

.maxmes .minmes input {

	width: 362px;

	height: 30px;

	border: 1px solid #dddddd;

	float: left;

	margin: 10px 0;

	padding: 0 8px;

	outline: none;

	color: #777;

	font-family: "微软雅黑";

}

.maxmes .minmes input[name="address"] {

	margin-left: 40px;

}

.maxmes .minmes input[name="email"] {

	margin-left: 40px;

}

.maxmes .minmes textarea {

	width: 784px;

	padding: 8px;

	height: 134px;

	border: 1px solid #dddddd;

	overflow: hidden;

	resize: none;

	outline: none;

	margin: 10px 0;

	color: #777;

	font-family: "微软雅黑";

}

.maxmes .minmes input[type="submit"] {

	width: 160px;

	height: 40px;

	font-size: 18px;

	cursor: pointer;

	border: 0;

	float: none;

	margin-left: 40px;

}



.maxmes .minmes input[type="submit"]:hover {

	background: #007ed5;

	color: #fff;

	transition: 1s;

}

.new {

	width: 100%;

	height: auto;

	max-width: 1050px;

	margin: 0px auto;

}

.new_tl {

	width: 100%;

	height: auto;

	text-align: center;

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

	color: #282828;

	padding: 0px 0px 10px 0px;

	font-size: 1.2em;

	line-height: 3em;

}

.new_tl span {
	color: #007ed5;
}

.new_ct,
.new_ct ul {

	width: 100%;

	height: auto;

}

.new_ct ul li {

	float: left;

	width: 46%;

	height: auto;

	margin: 1% 2%;

	border-bottom: 1px solid #ebebeb;

	padding-bottom: 2%;

	position: relative;

}

.new_rq {

	float: left;

	width: 20%;

	height: 32px;

	background: #007ed5;

	color: #fff;

	font-size: 0.8em;

	text-align: center;

	line-height: 32px;

}

.new_rig {

	float: right;

	width: 75%;

}

.new_title {

	float: left;

	width: 100%;

	padding-bottom: 10px;

	font-size: 1.2em;

	font-weight: bold;

}

.new_dot {

	width: 7%;

	height: 8px;

	position: absolute;

	z-index: 3;

	background: #ebebeb;

	right: 0px;

	bottom: -4px;

}

.new_more {

	width: 20%;

	height: 48px;

	background: #007ed5;

	-moz-border-radius: 30px;

	-webkit-border-radius: 30px;

	border-radius: 30px;

	margin: 30px auto;

	text-align: center;

	line-height: 48px;

	font-size: 1.2em;

}

.new_more:hover {
	background: #ff5a00;
}

.case {

	width: 100%;

	height: auto;

	background: #e1e1e1;

}

.case_ct,
.case_ct ul,
.c_case_ct,
.c_case_ct ul {

	width: 100%;

	height: auto;

}

.case_ct ul li {

	float: left;

	width: 24%;

	height: auto;

	margin: 0.5%;

}

.c_case_ct ul li {

	float: left;

	width: 32%;

	height: auto;

	margin: 0.6%;

}

.view {

	width: 92%;

	height: 100%;

	padding: 4%;

	display: inline;

	float: left;

	overflow: hidden;

	position: relative;

	text-align: center;

	-webkit-box-shadow: 1px 1px 2px #e6e6e6;

	-moz-box-shadow: 1px 1px 2px #e6e6e6;

	box-shadow: 1px 1px 2px #e6e6e6;

	cursor: default;

	background: #fff;

}

.view .mask,
.view .content {

	width: 100%;

	height: 100%;

	position: absolute;

	overflow: hidden;

	top: 0;

	left: 0;

}

.view img {

	display: block;

	position: relative;

}

.view h2 {

	width: 74%;

	text-transform: uppercase;

	color: #fff;

	text-align: center;

	position: relative;

	font-size: 0.9em;

	padding: 3%;

	background: #ff5a00;

	margin: 5% 10% 0px 10%;

	font-weight: normal;

}

.view h2 a {
	color: #fff;
}

.view a.info {

	display: inline-block;

	text-decoration: none;

	padding: 15% 0px 5% 0px;

	text-transform: uppercase;

}

.view-eighth .mask {

	background-color: rgba(255, 255, 255, 0.3);

	top: -200px;

	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

	filter: alpha(opacity=0);

	opacity: 0;

	-webkit-transition: all 0.3s ease-out 0.5s;

	-moz-transition: all 0.3s ease-out 0.5s;

	-o-transition: all 0.3s ease-out 0.5s;

	-ms-transition: all 0.3s ease-out 0.5s;

	transition: all 0.3s ease-out 0.5s;

}

.view-eighth h2 {

	-webkit-transform: translateY(-200px);

	-moz-transform: translateY(-200px);

	-o-transform: translateY(-200px);

	-ms-transform: translateY(-200px);

	transform: translateY(-200px);

	-webkit-transition: all 0.2s ease-in-out 0.1s;

	-moz-transition: all 0.2s ease-in-out 0.1s;

	-o-transition: all 0.2s ease-in-out 0.1s;

	-ms-transition: all 0.2s ease-in-out 0.1s;

	transition: all 0.2s ease-in-out 0.1s;

}

.view-eighth:hover .mask {

	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

	filter: alpha(opacity=100);

	opacity: 1;

	top: 0px;

	-webkit-transition-delay: 0s;

	-moz-transition-delay: 0s;

	-o-transition-delay: 0s;

	-ms-transition-delay: 0s;

	transition-delay: 0s;

	-webkit-animation: bounceY 0.9s linear;

	-moz-animation: bounceY 0.9s linear;

	-ms-animation: bounceY 0.9s linear;

	animation: bounceY 0.9s linear;

}

.view-eighth:hover h2 {

	-webkit-transform: translateY(0px);

	-moz-transform: translateY(0px);

	-o-transform: translateY(0px);

	-ms-transform: translateY(0px);

	transform: translateY(0px);

	-webkit-transition-delay: 0.4s;

	-moz-transition-delay: 0.4s;

	-o-transition-delay: 0.4s;

	-ms-transition-delay: 0.4s;

	transition-delay: 0.4s;

}

@keyframes bounceY {

	0% {
		transform: translateY(-205px);
	}

	40% {
		transform: translateY(-100px);
	}

	65% {
		transform: translateY(-52px);
	}

	82% {
		transform: translateY(-25px);
	}

	92% {
		transform: translateY(-12px);
	}

	55%,
	75%,
	87%,
	97%,
	100% {
		transform: translateY(0px);
	}

}

@-moz-keyframes bounceY {

	0% {
		-moz-transform: translateY(-205px);
	}

	40% {
		-moz-transform: translateY(-100px);
	}

	65% {
		-moz-transform: translateY(-52px);
	}

	82% {
		-moz-transform: translateY(-25px);
	}

	92% {
		-moz-transform: translateY(-12px);
	}

	55%,
	75%,
	87%,
	97%,
	100% {
		-moz-transform: translateY(0px);
	}

}

@-webkit-keyframes bounceY {

	0% {
		-webkit-transform: translateY(-205px);
	}

	40% {
		-webkit-transform: translateY(-100px);
	}

	65% {
		-webkit-transform: translateY(-52px);
	}

	82% {
		-webkit-transform: translateY(-25px);
	}

	92% {
		-webkit-transform: translateY(-12px);
	}

	55%,
	75%,
	87%,
	97%,
	100% {
		-webkit-transform: translateY(0px);
	}

}

footer {

	width: 100%;

	height: auto;

	background: #007ed5;

	color: #fff;

}

footer a:hover {

	color: #ff5a00;

	text-decoration: none;

}

.footer_ct {

	width: 100%;

	height: auto;

	max-width: 1000px;

	margin: 0px auto;

	padding: 30px 0px;

}

.footer_lf {

	float: left;

	width: 60%;

	height: auto;

	background: url(../images/bt_line.png) right top no-repeat;

}

.footer_lf dl {

	float: left;

	width: 25%;

	height: auto;

}

.footer_lf dl dt {

	float: left;

	width: 100%;

	height: auto;

	font-size: 1.1em;

	padding-bottom: 20px;

}

.footer_lf dl dd {

	float: left;

	width: 100%;

	height: auto;

	font-size: 0.85em;

	line-height: 30px;

}

.footer_et {

	float: left;

	width: 16%;

	height: auto;

	padding: 0px 2%;

}

.footer_rg {

	float: left;

	width: 16%;

	height: auto;

	padding: 0px 2%;

	background: url(../images/bt_line.png) left top no-repeat;

}

.footer_tl {

	float: left;

	width: 100%;

	height: auto;

	font-size: 1.2em;

	padding-bottom: 20px;

	color: #fff;

}

.footer_cet {

	float: left;

	width: 100%;

	height: auto;

	padding-bottom: 30%;

}

.footer_xg {

	float: left;

	width: 100%;

	height: auto;

}

.footer_ewm {

	float: left;

	width: 100%;

	height: auto;

	line-height: 10px;

	padding-top: 8px;

}

.copy {

	width: 100%;

	height: 40px;

	line-height: 40px;

	background: #c0c5c1;

}

.copy_ct {

	width: 100%;

	height: 40px;

	line-height: 40px;

	max-width: 1000px;

	margin: 0px auto;

	color: #666;

	font-size: 0.85em;

}

/*内页*/

.add {

	width: 100%;

	height: 40px;

	line-height: 40px;

	border-bottom: 1px solid #999;

}

.c_add {

	width: 100%;

	height: 40px;

	line-height: 40px;

	margin: 0px auto;

	max-width: 1000px;

}

.cc_list {

	width: 60%;

	height: 32px;

	margin: 0px auto;

	line-height: 32px;

}

.cc_list a {

	float: left;

	width: 23%;

	height: 32px;

	line-height: 32px;

	background: #7b7b7b;

	color: #fff;

	font-size: 0.8em;

	text-align: center;

	margin: 0px 1%;

}

.cc_list a:hover {

	float: left;

	width: 23%;

	height: 32px;

	line-height: 32px;

	background: #007ed5;

	color: #fff;

	font-size: 0.8em;

	text-align: center;

	margin: 0px 1%;

}

.nc_list {

	width: 30%;

	height: 32px;

	margin: 0px auto;

	line-height: 32px;

}

.nc_list a {

	float: left;

	width: 48%;

	height: 32px;

	line-height: 32px;

	background: #7b7b7b;

	color: #fff;

	font-size: 0.8em;

	text-align: center;

	margin: 0px 1%;

}

.nc_list a:hover {

	float: left;

	width: 48%;

	height: 32px;

	line-height: 32px;

	background: #007ed5;

	color: #fff;

	font-size: 0.8em;

	text-align: center;

	margin: 0px 1%;

}

.pc_list {

	width: 60%;

	height: 32px;

	margin: 0px auto;

	line-height: 32px;

}

.pc_list a {

	float: left;

	width: 18%;

	height: 32px;

	line-height: 32px;

	background: #7b7b7b;

	color: #fff;

	font-size: 0.8em;

	text-align: center;

	margin: 0px 1%;

}

.pc_list a:hover {

	float: left;

	width: 18%;

	height: 32px;

	line-height: 32px;

	background: #007ed5;

	color: #fff;

	font-size: 0.8em;

	text-align: center;

	margin: 0px 1%;

}

.c_about {

	width: 100%;

	height: auto;

	line-height: 30px;

	margin: 40px auto;

	max-width: 1000px;

}

.fy {

	width: 200px;

	height: 28px;

	padding: 50px 0px;

	margin: 0px auto;

}

.news_ct_tit {

	width: 100%;

	height: 30px;

	padding: 25px 0px;

	text-align: center;

	font-size: 18px;

}

.news_ct_ad {

	width: 100%;

	padding: 10px 0px;

	text-align: center;

	font-size: 12px;

	background-color: #f5f5f5;

	color: #666666;

}

.news_ct_text {

	width: 100%;

	height: auto;

	padding: 20px 0px;

	line-height: 24px;

	font-size: 14px;

}

.ye_next {

	width: 100%;

	line-height: 22px;

	font-size: 12px;

	text-align: center;

	padding: 40px 0px;

}

.product_c_ct {

	width: 100%;

	height: auto;

	margin: 0px auto;

	max-width: 1000px;

}

.product_c_ct ul {

	float: left;

	width: 100%;

	max-width: 1000px;

}

.product_c_ct ul li {

	float: left;

	width: 28%;

	background: #fff;

	padding: 1%;

	margin: 1.6%;



}

.c_prod_t {

	float: left;

	width: 100%;

	height: auto;

	padding-bottom: 25px;

	border-bottom: 1px solid #cac9c7;

}

.c_prod_t_img {

	float: left;

	width: 45%;

	height: auto;

	border: 1px solid #cac9c7;

}

.c_prod_t_rg {

	float: right;

	width: 50%;

	height: auto;





}



.c_prod_t_tit {

	float: left;

	width: 96%;

	height: auto;

	line-height: 30px;

	padding: 4% 2%;

	background: #f0f0f0;

	font-size: 22px;

	color: #111111;

	font-weight: bold;

}

.c_prod_t_cct {

	float: left;

	width: 100%;

	height: auto;

	font-size: 14px;

	color: #999;

	padding-top: 15px;

	margin-bottom: 50px;

}

.c_prod_cent {

	float: left;

	width: 100%;

	height: auto;

	padding: 25px 0px;

}

.map {

	float: left;

	width: 60%;

}

.contact_ct {

	float: right;

	width: 36%;

	line-height: 24px;

}

.contact_ct span {

	font-size: 24px;

	line-height: 60px;

}



.show {



	height: auto;

	margin: 10px auto;

	max-width: 1345px;



}

.show_btn_l {

	float: left;

	padding-top: 150px;

	width: 80px;

	padding-right: 20px;

	height: 80px;

}

.show_btn_r {

	float: right;

	width: 80px;

	height: 80px;

	padding-top: 150px;

}

.show .banner1 {

	float: left;

	width: 100%;

	height: auto;

}

.show .banner1 li {

	float: left;

	width: 180px;

	padding: 12px;

	height: auto;

	border: 1px solid #d1d1d1;

	margin-right: 20px;

	position: relative;

	background: #fff;

	box-shadow: 0px 0px 8px #555;

}

.product_img {

	float: left;

	width: 100%;

}

.show_tl {

	float: left;

	width: 100%;

	height: 38px;

	font-size: 16px;

	text-align: center;

	overflow: hidden;



}

.show_ct {

	float: left;

	width: 100%;

	height: 48px;

	line-height: 24px;

	margin: 12px auto;

	overflow: hidden;

	font-size: 0.8em;

	color: #999;

}

.x_product,
.x_product ul {

	width: 100%;

	height: auto;

	margin: 0px auto;

}

.x_product ul li {

	float: left;

	width: 25%;

	height: auto;

}



.about_img {

	width: 100%;

	height: auto;

	margin: 0px auto;

	position: absolute;

	z-index: 1;

}

.about_tt {

	width: 33%;

	height: auto;

	position: absolute;

	right: 6%;

	z-index: 3;

	padding: 3%;

	background-color: #FFF;

	top: 8%;

	filter: alpha(opacity=70);

	-moz-opacity: 0.7;

	-khtml-opacity: 0.7;

	opacity: 0.7;

	color: #000;

	line-height: 24px;

}

.about_tt b {

	color: #e60012;

	font-size: 36px;

}

.about_tt span {

	color: #1d2088;

	font-size: 24px;

}

/*reset css*/

* {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}

.izl-rmenu {

	margin-right: 0;

	width: 82px;

	position: fixed;

	right: 2px;

	top: 65%;

	-webkit-box-shadow: #DDD 0px 1px 5px;

	-moz-box-shadow: #DDD 0px 1px 5px;

	box-shadow: #DDD 0px 1px 5px;

	z-index: 999;

}

.izl-rmenu .consult {

	background-image: url("/images/consult_icon.gif");

	background-repeat: no-repeat;

	background-position: center -77px;

	display: block;

	height: 76px;

	width: 82px;

}

.izl-rmenu .consult .phone {

	background-color: rgb(247, 247, 255);

	position: absolute;

	width: 300px;

	left: -300px;

	top: 0px;

	line-height: 73px;

	color: #000;

	font-size: 18px;

	text-align: center;

	display: none;

	box-shadow: #DDD -1px 1px 4px;

}

.izl-rmenu a.consult:hover .phone {
	display: inline !important;
}

.izl-rmenu .cart {

	background-image: url("../images/consult_icon.gif");

	background-repeat: no-repeat;

	background-position: center bottom;

	display: block;

	height: 16px;

	width: 16px;

	font-size: 12px;

	line-height: 16px;

	color: #45BDFF;

	text-align: center;

	padding-top: 15px;

	padding-right: 18px;

	padding-bottom: 47px;

	padding-left: 48px;

}

.izl-rmenu a.cart:hover .pic {
	display: block;
}

.izl-rmenu .btn_top {

	background-image: url("../images/float_top.gif");

	background-repeat: no-repeat;

	background-position: center top;

	display: block;

	height: 39px;

	width: 82px;

	-webkit-transition: all 0s ease-in-out;

	-moz-transition: all 0s ease-in-out;

	-o-transition: all 0s ease-in-out;

	transition: all 0s ease-in-out;

}

.izl-rmenu .btn_top:hover {

	background-image: url("../images/float_top.gif");

	background-repeat: no-repeat;

	background-position: center bottom;

}

.izl-rmenu .cart .pic {

	display: none;

	position: absolute;

	left: -160px;

	top: 65px;

	width: 160px;

	height: 160px;

	background: url("../images/weixin.jpg");

}

#udesk-feedback-tab {

	position: fixed;

	right: 2px;

	top: 65%;

	margin-top: -76px;

	-webkit-box-shadow: #DDD 0px -1px 5px;

	-moz-box-shadow: #DDD 0px -1px 5px;

	box-shadow: #DDD 0px -1px 5px;

	z-index: 10000;

	cursor: pointer;

	background-image: url("../images/consult_icon.gif");

	background-repeat: no-repeat;

	background-position: center top;

	display: block;

	height: 76px;

	width: 82px;

	background-color: #FFF !important;

	z-index: 999;

}

/* 4.12 */

.ind_pros {
	width: 100%;
	height: auto;
	max-width: 1200px;
	margin: 0 auto;
	display: block;
}

.ind_pros .product_c_ct ul li {
	float: left;
	width: 23%;
	background: #fff;
	padding: 0%;
	margin: 1%;
	box-sizing: border-box;
}

.ind_pros .product_c_ct ul,
.ind_pros .product_c_ct {
	max-width: 1200px;
}































































@media screen and (min-width:500px) and (max-width:800px) {

	.izl-rmenu {
		display: none;
	}

	#udesk-feedback-tab {
		display: none;
	}



}

@media screen and (min-width:200px) and (max-width:600px) {

	.izl-rmenu {
		display: none;
	}

	#udesk-feedback-tab {
		display: none;
	}


}

@media screen and (min-width:200px) and (max-width:800px) {
	.ind_pros {
		max-width: 100%;
	}

	.ind_pros .product_c_ct ul li {
		width: 48%;
		box-sizing: border-box;
	}

	.ind_pros .product_c_ct ul,
	.ind_pros .product_c_ct {
		max-width: 100%;
	}

	header {

		width: 100%;

		height: auto;

		background: #007ed5;

		position: static;

		z-index: 999;

	}

	.top {

		width: 94%;

		height: auto;

		margin: 0px auto;

	}

	.logo {

		float: left;

		width: 50%;

		height: 80px;

		padding: 2px 25%;

	}

	.nav {

		float: left;

		width: 100%;

		height: 84px;

		padding: 0px;

		font-size: 16px;

	}

	.nav ul {

		float: left;

		width: 100%;

		height: 84px;

	}

	.nav ul li {

		float: left;

		width: 25%;

		height: 42px;

		text-align: center;

		line-height: 42px;

		background: url(/images/nav_ling.jpg) no-repeat right;

	}

	.nav ul li a {

		float: left;

		width: 100%;

		height: 42px;

		color: #fff;
	}

	.nav ul li a:hover {

		float: left;

		width: 100%;

		height: 42px;

		background: #da251d;

	}

	.top_rg {

		display: none;
	}

	.product_tl b,
	.new_tl b {

		font-size: 1.2em;

	}

	.new_ct ul li {

		float: left;

		width: 96%;

		height: auto;

		margin: 1% 2%;

		border-bottom: 1px solid #ebebeb;

		padding-bottom: 2%;

		position: relative;

	}

	.case_ct ul li {

		float: left;

		width: 49%;

		height: auto;

		margin: 0.5%;

	}

	footer a {

		color: #fff;

	}

	.footer_lf {

		float: left;

		width: 96%;

		height: auto;

		background: url(../images/bt_line.png) right top no-repeat;

		padding: 0px 2%;

	}

	.footer_lf dl {

		float: left;

		width: 20%;

		height: auto;

	}

	.footer_lf dl:nth-child(4) {
		width: 40%;
	}

	.footer_et {

		float: left;

		width: 46%;

		height: auto;

		padding: 0px 2%;

	}

	.footer_rg {

		float: left;

		width: 46%;

		height: auto;

		padding: 0px 2%;

		background: url(../images/bt_line.png) left top no-repeat;

	}

	.about_img {

		width: 100%;

		height: auto;

		margin: 0px auto;

		position: inherit;

		z-index: 1;

	}

	.about_tt {

		width: 90%;

		height: auto;

		position: inherit;

		right: 2%;

		z-index: 1;

		padding: 3%;

		background-color: #FFF;

		top: 1%;

		filter: alpha(opacity=70);

		-moz-opacity: 0.7;

		-khtml-opacity: 0.7;

		opacity: 0.7;

		color: #000;

		line-height: 24px;

	}

	.about_tt b {

		color: #e60012;

		font-size: 24px;

	}

	.about_tt span {

		color: #1d2088;

		font-size: 16px;

	}

	.product_c_ct ul li {

		float: left;

		width: 46%;

		background: #fff;

		padding: 1%;

		margin: 1%;

	}

	.c_case_ct ul li {

		float: left;

		width: 48%;

		height: auto;

		margin: 1%;

	}

	.map {

		float: left;

		width: 96%;

		margin: 2%;

	}

	.contact_ct {

		float: left;

		width: 96%;

		margin: 2%;

		line-height: 24px;

	}

	.cc_list,
	.pc_list,
	.nc_list {

		width: 94%;

		height: 32px;

		margin: 0px auto;

		line-height: 32px;

	}

	.copy {

		width: 100%;

		height: auto;

		line-height: 40px;

		background: #c0c5c1;

	}

	.copy_ct {

		width: 100%;

		height: auto;

		line-height: 40px;

		max-width: 1000px;

		margin: 0px auto;

		color: #666;

		font-size: 0.85em;

		text-align: center;

	}

}