@charset = "gb2312" /*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* start editing from here */
a {
	text-decoration: none;
}
.txt-rt {
	text-align: right;
}/* text align right */
.txt-lt {
	text-align: left;
}/* text align left */
.txt-center {
	text-align: center;
}/* text align center */
.float-rt {
	float: right;
}/* float right */
.float-lt {
	float: left;
}/* float left */
.clear {
	clear: both;
}/* clear float */
.pos-relative {
	position: relative;
}/* Position Relative */
.pos-absolute {
	position: absolute;
}/* Position Absolute */
.vertical-top {
	vertical-align: top;
}/* vertical align top */
.underline {
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
	margin: 0 0 20px 0;
}/* Add 5px bottom padding and a underline */
nav.vertical ul li {
	display: block;
}/* vertical menu */
nav.horizontal ul li {
	display: inline-block;
}/* horizontal menu */
img {
	max-width: 100%;
}
/*end reset*/
@font-face {
	font-family: "΢���ź�";
}
body {
	font-family: "΢���ź�";
}

.wrap {
	width: 1150px;
	margin: 0 auto;
	transition: all .2s linear;
	-moz-transition: all .2s linear;/* firefox */
	-webkit-transition: all .2s linear; /* safari and chrome */
	-o-transition: all .2s linear; /* opera */
	-ms-transition: all .2s linear;
}
.header_top {
	background: #1874CD;
}
.logo {
	float: left;
}
.logo h1 {
	font-size: 35px;
	color: #FFF;
}
.logo h1 span {
	padding: 20px;
	float: left;
}
.logo h1 span.black {
	background: #323232;
}
.logo h1 span.red {
	background: #F95355;
}
.menu {
	float: right;
}
#language {
	float: right;
	margin-top: 13px;
}
#language li {
	float: left;
}
#language img {
	width: 20px;
	height: 13px;
	padding-right:15px;
}
#language a {
	padding: 0px;
	font-size: 10px;
	color: #fff;
}
#language li a:hover, #language li.active a {
	background: none;
}
.nav {
	margin-top: 50px;
}
.menu li {
	float: left;
}
.menu li a {
	font-size: 1em;
	padding: 10px 12px;
	color: #FFF;
	font-family: "΢���ź�";
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
@media only screen and (min-width:656px) and (max-width:985px) {
#language{
margin-top:33px;
}
}
@media only screen and (max-width:655px){
#language{margin:0px 0px 8px;}
}
@media only screen and (min-width:1041px) and (max-width:1286px) {
.menu li>a {
	padding: 0;
	margin:8px
}
}
.menu li a:hover, .menu li.active a {
	background: #F08300;
}
.h3 {
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	font-weight : normal;
	color: #000;
	font-size: 0.6em;
}
.h4 {
	margin-top: 0.4em;
	margin-bottom: 0.2em;
	font-weight : normal;
	color: #000;
	font-size: 0.8em;
}
/******************** Main ***********/
/*  GRID OF THREE   ============================================================================= */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1;
}
.grid_1_of_3 {
	display: block;
	float: left;
	margin: 0.5% 0 0.5% 1.35%;
}
.grid_1_of_3:first-child {
	margin-left: 0;
}
.images_1_of_3 {
	width: 29%;
	padding: 1.5%;
	text-align: center;
	border: 1px solid #EEE;
}
.images_1_of_3 img {
	max-width: 100%;
	display: block;
}
.grid_icon {
	border-radius: 4em;
	-webkit-border-radius: 4em;
	-moz-border-radius: 4em;
	-o-border-radius: 4em;
	border: 5px solid #FFF;
	box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);
	-webkit-box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);
	-moz-box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);
	-o-box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);
	display: inline-block;
	padding: 15px;
	cursor: pointer;
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	background-color: #00CCFF;
}
.grid_icon:hover {
	background: #F95355;
}
.images_1_of_3 h3 {
	font-family: "΢���ź�";
	color: #000;
	font-size: 1.2em;
	padding: 5px 0px 0px 0px;
	text-transform: uppercase;
}
.images_1_of_3 p {
	font-size: 0.85em;
	color: #9F9F9C;
	line-height: 1.6em;
	font-family: "΢���ź�";
	padding: 10px 0px;
}
.span_1_of_3 {
	width: 29.2%;
	padding: 1.5%;
}
.span_1_of_3 h3 {
	color: #000;
	margin-bottom: 5px;
	font-size: 1.2em;
	font-family: "΢���ź�";
	text-transform: uppercase;
}
.span_1_of_3 p {
	font-size: 0.85em;
	color: #000;
	line-height: 1.2em;
	font-family : "΢���ź�";
	padding: 5px 0;
}
.span_1_of_3 p span {
	font-family: "΢���ź�";
}
.span_1_of_3 li {
	font-size: 0.85em;
	color: #000;
	display: block;
	padding: 10px 15px;
	background: url(images/list-img.jpg) no-repeat 0px;
	cursor: pointer;
	border-bottom: 1px dashed #E7E7E7;
}
.span_1_of_3 li:hover {
	color: #4E4E4E;
}
.span_1_of_3 img {
	padding: 3px;
	background: #FFF;
	border: 1px solid #EBEBEB;
	display: block;
	width: 96%;
}
.button {
	margin-top: 15px;
	;
}
.button a {
	background: #F95355;
	padding: 12px 30px;
	font-family: "΢���ź�";
	color: #FFF;
	display: inline-block;
	font-size: 0.875em;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	text-transform: uppercase;
}
.button a:hover {
	background: #222;
	color: #FFF;
}
/****  New Products ******/
.new-products p {
	display: inline-block;
	width: 48%;
	list-style: none;
	padding-top: 0;
}
.new-products p a {
	background: #FFF;
	display: block;
	margin: 0 5px;
}
/********** Footer 1E90FF **********/
.copy-right {
	padding: 20px 0;
	background: #1874CD;
	text-align:center;
}
.copy-right p {
	font-size: 0.85em;
	color: #A5A5A5;
	font-family: "΢���ź�";
	text-align:center
}
.copy-right p.design {
	float: right;
}
.copy-right p a {
	text-decoration: underline;
	color: #F95355;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.copy-right p a:hover {
	color: #FFF;
	text-decoration: none;
}
/********** About **********/
.about_desc {
	padding: 30px 0;
}
.about_desc h2 {
	color: #000;
	font-family: "΢���ź�";
	font-size: 1.5em;
	text-transform: uppercase;
	padding-bottom: 5px;
}
.col_1_of_3 {
	display: block;
	float: left;
	margin: 1% 0 0 1.5%;
}
.col_1_of_3:first-child {
	margin-left: 0;
}
.grid_1_of_3 {
	width: 29%;
	margin: 0 0 0 1.5%;
}
.grid_1_of_3 img {
	max-width: 100%;
	display: block;
}
.grid_1_of_3 p {
	font-size: 0.85em;
	padding: 5px 0;
	color: #000;
	line-height: 1.8em;
}
.history-desc {
	padding-bottom: 5px;
}
.year {
	float: left;
}
.year p {
	color: #222;
	font-family: "΢���ź�";
	font-size: 0.8em;
}
.grid_1_of_3 p.history {
	float: left;
	width: 80%;
	margin-left: 4%;
	font-size: 0.85em;
	color: #000;
	line-height: 1.5em;
}
.grid_1_of_3 .list li a {
	color: #000;
	font-size: 0.815em;
	padding: 8px 20px;
	background: url(images/list-img.jpg) no-repeat 0;
	cursor: pointer;
	display: block;
	font-family: "΢���ź�";
}
.grid_1_of_3 .list li a:hover {
	color: #444;
}
/*  GRID OF Four   ============================================================================= */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1;
}
.grid_1_of_4 {
	display: block;
	float: left;
	margin: 0% 0 1% 1.6%;
	position: relative;
}
.grid_1_of_4:first-child {
	margin-left: 0;
}
.images_1_of_4 {
	width: 20.8%;
	padding: 1.5%;
}
.gallery_1_of_6 {
	display: block;
	float: left;
	margin: 1% 0 0 0;
	box-shadow: 0px 0px 5px #999;
}
.images_1_of_6 {
	width: 96.5%;
	padding: 1.5%;
}
.images_1_of_6 h3 {
	font-family: "΢���ź�";
	color: #000;
	font-size: 1.2em;
	text-transform: uppercase;
}
.images_1_of_6 li a {
	color: #000;
	font-size: 0.815em;
	padding: 8px 20px;
	cursor: pointer;
	display: block;
	font-family: "΢���ź�";
}
.images_1_of_6 li {
	font-size: 0.85em;
	color: #000;
	display: block;
	padding: 10px 15px;
	background: url(images/list-img.jpg) no-repeat 0px;
	cursor: pointer;
	border-bottom: 1px dashed #E7E7E7;
}
.images_1_of_4 img {
	max-width: 100%;
	display: block;
	border: 1px solid #EEE;
}
.images_1_of_4 h3 {
	color: #000;
	font-family: "΢���ź�";
	font-size: 1.2em;
	text-transform: uppercase;
	padding: 10px 0 5px 0;
}
.images_1_of_4 p {
	font-size: 0.85em;
	padding: 5px 0;
	color: #000;
	line-height: 1.8em;
}
/***** Gallery *****/

.gallery {
	padding: 20px 0;
}
.gallery_1_of_4 {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
	box-shadow: 0px 0px 5px #999;
}
@media only screen and (max-width:768px ) {
.gallery_1_of_4 {
	display: block;
	float: left;
	margin: 0;
	box-shadow: 0px 0px 5px #999;
}
}
@media only screen and (max-width:768px ) {
.mybutton2 li {
	float: left;
	padding: 5px;
}
}
#video {
	width: 100%;
	height: auto;
}
.gallery_1_of_4:first-child {
	margin-left: 0;
}
.images_1_of_4 {
	width: 20.8%;
	padding: 1.5%;
	position: relative;
}
.images_1_of_5 {
	width: 46%;
	padding: 1.5%;
	position: relative;
}
@media only screen and (max-width:768px ) {
.images_1_of_5 {
	width: 100%;
	padding: 1.5%;
	position: relative;
}
}
#last {
	color: #F95355;
	background: url(images/list-img-red.jpg) no-repeat 0;
}
.images_1_of_5 h3 {
	font-family: "΢���ź�";
	color: #000;
	font-size: 1.2em;
	padding: 0 1px 0 0px;
	text-transform: uppercase;
}
.images_1_of_5 li a {
	color: #000;
	font-size: 0.815em;
	padding: 8px 17px;
	background: url(images/list-img.jpg) no-repeat 0;
	cursor: pointer;
	display: block;
	font-family: "΢���ź�";
}
.images_1_of_5 li {
	font-size: 0.85em;
	color: #000;
	display: block;
	padding: 2px 14px;
	background: url(images/list-img.jpg) no-repeat 0px;
	cursor: pointer;
	border-bottom: 1px dashed #E7E7E7;
}
.images_1_of_4 img {
	max-width: 100%;
	display: block;
	outline: none;
}
.images_1_of_4 a {
	outline: none;
}
.images_1_of_4 p a {
	color: #000;
}
.images_1_of_4 h3 {
	margin-top: 0.4em;
	margin-bottom: 0.2em;
	font-weight : normal;
	color: #000;
	font-size: 1.2em;
}
.images_1_of_4 p {
	font-size: 0.8125em;
	color: #000;
	line-height: 1.6em;
	font-family : "΢���ź�";
}
.images_1_of_4 span a {
	color: #F95355;
	font-size: 1em;
	cursor: pointer;
}
.images_1_of_4 a span {
	position: absolute;
	top: 80px;
	left: 135px;
	width: 36px;
	height: 36px;
	opacity: 0;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.images_1_of_4 a img:hover {
	opacity: 0.6;
}
.images_1_of_4 a:hover span {
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.projects-bottom-paination {
	text-align: center;
	padding-top: 25px;
}
.projects-bottom-paination li {
	display: inline-block;
}
.projects-bottom-paination li a {
	font-size: 0.85em;
	font-family: "΢���ź�";
	color: #F95355;
	padding: 10px 18px;
	background: #fff;
	text-decoration: none;
	display: block;
	border: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border: 1px solid #EEE;
}
.projects-bottom-paination li.active> a, .projects-bottom-paination li> a:hover {
	background: #F95355;
	color: #fff;
}
/* Services  ============================================================================= */
.services {
	padding: 20px 0;
}
.listview_1_of_2 {
	display: block;
	float: left;
	margin: 0% 0 0% 1.6%;
}
.listimg {
	display: block;
	float: left;
}
.text {
	display: block;
	float: left;
	margin: 0% 0 0% 3.6%;
}
.listview_1_of_2:first-child {
	margin-left: 0;
}
.images_1_of_2 {
	width: 94%;
	padding: 1.5%;
}
.listimg_2_of_1 {
	width: 18.2%;
}
.list_2_of_1 {
	width: 78.2%;
}
.images_1_of_2 img {
	max-width: 100%;
	display: block;
}
.list_2_of_1 h3 {
	color: #000;
	margin-top: 0.4em;
	margin-bottom: 0.2em;
	font-size: 1.2em;
	font-family: "΢���ź�";
	text-transform: uppercase;
}
.list_2_of_1 p {
	font-size: 0.8125em;
	color: #000;
	line-height: 1.8em;
	font-family : "΢���ź�";
	padding: 0;
}
/*  Contact Form  ============================================================================= */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1;
}
.col {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child {
	margin-left: 0;
}
.span_1_of_3 {
	width: 29.2%;
	padding: 1.5%;
}
.span_1_of_3 h3 {
	font-family: "΢���ź�";
	color: #000;
	font-size: 1.2em;
	margin: 0 auto;
	text-transform: uppercase;
	padding: 5px 0px 5px 0px;
}
.span_1_of_3 a {
	font-family: "΢���ź�";
	color: #000;
	text-transform: uppercase;
}
.contact-form {
	position: relative;
	padding-bottom: 30px;
}
.contact-form div {
	padding: 5px 0;
}
.contact-form span {
	display: block;
	font-size: 0.8125em;
	color: #000;
	padding-bottom: 5px;
	font-family: "΢���ź�";
}
.contact-form input[type="text"], .contact-form textarea {
	padding: 8px;
	display: block;
	width: 98%;
	border: none;
	outline: none;
	color: #444;
	font-size: 1.2em;
	font-family: "΢���ź�";
	border: 1px solid rgba(192, 192, 192, 0.31);
	-webkit-appearance: none;
}
.contact-form textarea {
	resize: none;
	height: 120px;
}
.contact-form input[type="text"]:focus, .contact-form textarea:focus {
	border: 1px solid rgba(192, 192, 192, 0.72)
}
.mybutton {
	background: #F95355;
	padding: 12px 32px;
	font-family: "΢���ź�";
	color: #fff;
	font-size: 1em;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	text-transform: uppercase;
	border: none;
	outline: none;
	cursor: pointer;
	-webkit-appearance: none;
}
.mybutton:hover {
	background-color: #202020;
}
.mybutton:active {
	background-color: #202020;
}
.mybutton2 {
	float: right;
	margin: 5px;
	margin-top: 10px;
}
@media only screen and (max-width:768px ) {
.mybutton2 {
	float: right;
}
}
.mybutton2 li {
	float: left;
}
.mybutton2 li a {
	font-size: 0.8em;
	padding: 5px 15px;
	color: #FFF;
	background-color: #323232;
	font-family: "΢���ź�";
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.mybutton2 li a:hover, .mybutton2 li.active a {
	background: #F95355;
}
.company_address {
	padding-top: 10px;
}
.company_address p {
	font-size: 0.8125em;
	color: #000;
	font-family: "΢���ź�";
	line-height: 1.8em;
}
.company_address p a {
	text-decoration: underline;
	color: #555;
	cursor: pointer;
}
.company_address p a:hover {
	text-decoration: none;
	color: #444;
}
.map {
	margin-bottom: 5px;
}

/*----responsive-design-----*/
@media only screen and (max-width: 1366px) and (min-width: 1280px) {
.wrap {
	width: 90%;
}
}
@media only screen and (max-width: 1280px) and (min-width: 1024px) {
.wrap {
	width: 90%;
}
}
@media only screen and (max-width: 1024px) {
.wrap {
	width: 90%;
}
.logo h1 span {
	padding: 20px 10px;
}
.menu li a {
	padding: 2px 15px;
}
.grid_1_of_3 p.history {
	width: 74%;
}
}
@media only screen and (max-width:800px) {
.wrap {
	width: 95%;
}
.logo h1 {
	font-size: 2em;
}
.logo h1 span {
	padding: 15px 10px;
}
.menu li a {
	padding: 10px 10px;
}
.year p {
	font-size: 1em;
}
}
@media only screen and (max-width:640px) {
.wrap {
	width: 95%;
}
.logo h1 {
	font-size: 1.5em;
}
.logo h1 span {
	padding: 10px 10px;
}
.menu li a {
	font-size: 0.85em;
	padding: 5px 10px;
}
.grid_1_of_3 {
	margin: 0 0 10px 0;
}
.images_1_of_3 {
	width: 94%;
	padding: 3%;
}
.col_1_of_3 {
	margin: 0;
}
.span_1_of_3 {
	width: 94%;
	padding: 3%;
}
.grid_1_of_3 {
	width: 94%;
	padding: 3%;
}
.year p {
	font-size: 1.2em;
}
.grid_1_of_4 {
	margin: 0;
}
.images_1_of_4 {
	width: 94%;
	padding: 3%;
}
.span_2_of_3 {
	width: 94%;
	padding: 3%;
}
.col {
	margin: 0;
}
.contact-form input[type="text"], .contact-form textarea {
	width: 95%;
}
}
@media only screen and (max-width:480px) {
.wrap {
	width: 95%;
}
.logo h1 {
	font-size: 2.5em;
}
.logo h1 span {
	padding: 5px 10px;
}
.menu li a {
	padding: 5px 5px;
}
.listview_1_of_2 {
	margin: 0;
}
.images_1_of_2 {
	width: 94%;
	padding: 3%;
}
}
@media only screen and (max-width:320px) {
.wrap {
	width: 98%;
}
.logo h1 {
	font-size: 2em;
}
.logo h1 span {
	padding: 5px 5px;
}
.menu li a {
	padding: 3px 5px;
}
.services {
	padding: 30px 0;
}
.list_2_of_1 h3 {
	font-size: 1em;
}
.contact-form input[type="text"], .contact-form textarea {
	width: 92%;
}
}
@media only screen and (max-width:992px) {
.nav {
	margin-top: 0px;
	line-height: 28px;
}
}
.contact a {
	color: #000;
}
.anli h3 {
	float: left;
}
.anli .more {
	float: right;
	padding: 30px 1px 5px 0px;
}
.anli .more a {
	color: #000;
}
.lvguang li {
	padding: 5px 15px;
}
.pro li {
	float: left;
}
li {
	text-decoration: none;
	list-style: none;
}
li img {
	padding-right: 30px;
}
 @media only screen and (max-width:768px) {
.pro li {
	float: none;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
}
.pro {
	overflow-x: hidden;
}
.new p {
	text-indent: 2em;
}
#column li {
	background: none;
	text-indent: 2em;
	font-size: 16px;
}
.exb {
	width: 1000px;
	text-align: center;
}
.arr {
	display: block;
	float: left;
	margin-top: 5px;
}
.arr h3 {
	padding: none;
}
@media only screen and (max-width:768px) {
.exb {
	width: 100%;
}
}
.date {
	color: #b7b7b7;
	display: block;
	float: left;
}
.bdsharebuttonbox {
	float: right;
}
@media only screen and (max-width:768px) {
.date {
	display: none;
}
.bdsharebuttonbox {
	float: none;
}
}
.emp {
	text-align: center;
}
.up {
	float: left;
}
.down {
	float: right;
	padding-right: 100px;
}
.up a, .down a {
	color: #000;
}
@media only screen and (max-width:992px) {
.down {
	float: none;
	padding-right: none;
}
.up {
	float: none;
}
}