@charset "utf-8";/* CSS Document*/

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, select, th, td {

	padding: 0px;

	margin: 0px;

	color: #333;

	font-size: 12px;

	font-family: "微软雅黑", Arial, Helvetica, sans-serif;

}

h1, h2, h3, h4, h5, h6, button, input, select, textarea {

	font-size: 100%

}

address, cite, dfn, em, var {

	font-style: normal

}

small {

	font-size: 12px

}

ul, ol {

	list-style-type: none;

	list-style-image: none

}

a {

	color: #333;

	text-decoration: none;

	outline: none;

}

a:hover {

	color: #0097AC;

	text-decoration: none;

}

sup {

	vertical-align: text-top

}

sub {

	vertical-align: text-bottom

}

legend {

	color: #000

}

img {

	border: 0;

	vertical-align: middle;

	max-width:100%;

}

table {

	border-spacing: 0;

	border-collapse: collapse;

}

div {

	zoom: 1;

}

.clear {

	clear: both;

}

.fix:after {

	display: table;

	clear: both;

	content: "";

}

.fix {

	zoom: 1;

}

.le {

	float: left;

	display: inline;

}

.ri {

	float: right;

	display: inline;

}

.b {

	font-weight: bold;

}

.width1150 {

	width: 1150px;

	margin: 0 auto;

}

.hidden {

	display: none;

}

.iconfont {

	font-family: "微软雅黑" !important;

	font-size: 16px;

	color: #D82B32;

	font-style: normal;

	font-weight: normal;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

body {

	width: 100%;

	overflow-x: hidden;

}

.container {

	width: 100%;

	position: relative;

}

.logo {

	float: left;

}

.logo img {

	float: left;

	margin: 5px 15px 5px 0;

}

.logo span {

	color: #a91a20;

	position: absolute;

	left: 370px;

	font-size: 20px;

	font-weight: bold;

}

.focus {

	width: 1150px;

	height: 544px;

	margin: 0 auto;

	position: relative;

}

.width1140 {

	width: 1140px;

	margin: 0 auto;

}

.width1000 {

	width: 1000px;

	margin: 0 auto;

}

.rt {

	float: right;

}

.lf {

	float: left;

}

s {

	text-decoration: none;

}

.fix:after {

	display: table;

	clear: both;

	content: "";

}

.fix:before {

	content: " ";

	display: block;

	clear: both;

}

/*************************************header***********************/

header {

	background: #fff;

	padding-top: 5px;

}

.header {

	height: 70px;

	display: none;

	background: #000;

}

.header_left {

	height: 66px;

	width: 80%;

	background: #fff;

}

.header_left img {

	margin-left: 0px;

	margin-top: 5px;

	height: 58px;

}

.pc_logo {

	margin-left: 164px;

}

.mail b {

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

	display: inline-block;

	width: 29px;

	height: 29px;

	position: relative;

	top: 6px;

}

.mail s {

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

	display: inline-block;

	width: 32px;

	height: 29px;

	position: relative;

	top: 5px;

}

.research {

	color: #c7c7c7;

	position: relative;

	top: 3px;

}

.mail {

	font-size: 14px;

	display: inline-block;

	margin-right: 10px;

	width: 300px;

}

.mail span {

	position: relative;

	top: -7px;

	font-size: 16px;

}

.mail a {

	color: #000;

	position: relative;

	top: -7px;

	left: 3px;

	font-size: 18px;

	font-weight: normal

}

.mail a:hover {

	color: #000;

}

.search_moblie {

	display: none;

	width: 100%;

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

	height: 586px;

	position: absolute;

	top: 70px;

	z-index: 1000;

}

nav{ background: rgba(0,0,0,0.9); }

.nav {

	width: 100%;

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

	height: 1200px;

	position: absolute;

	top: 70px;

	z-index: 1000;

	left: 100%;

	transition: All 0.4s ease-in-out;

	-webkit-transition: All 0.4s ease-in-out;

	-moz-transition: All 0.4s ease-in-out;

	-o-transition: All 0.4s ease-in-out;

}

.nav ul li {

	padding: 0px 0 0px 0px;

	color: #fff;

	font-size: 14px;

	border-bottom: 1px solid #fff;

	position: relative;

}

.nav ul li a {

	color: #fff;

}

.nav ul li>a {

	display: inline-block;

	margin-left: 60px;

	padding: 20px 0 20px 0px;

}

.nav ul li span {

	display: inline-block;

	width: 30px;

	position: absolute;

	top: 7px;

	right: 100px;

	height: 36px;

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

	cursor: pointer;

	transition: All 0.4s ease-in-out;

	-webkit-transition: All 0.4s ease-in-out;

	-moz-transition: All 0.4s ease-in-out;

	-o-transition: All 0.4s ease-in-out;

}

.nav ul li .nav_b {

	display: inline-block;

	border: 6px solid transparent;

	border-left: 6px solid #fff;

	display: none;

}

.nav ul li:hover .nav_b {

	display: inline-block;

}

.nav ul li .active {

	transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

}

.nav ul li a:hover {

	color: #fff;

}

.nav ul li ul {

	display: none;

}

.nav ul li ul li {

	border-bottom: none

}

.nav ul li ul li.active {

	transform: none

}

.nav ul li ul li a {

	margin-left: 0px;

	padding: 0px;

}

.nav ul li ul li a {

	width: 100%;

	display: block;

	padding: 15px 0 15px 0px;

	border-top: 1px solid #fff;

	text-align: left;

	padding-left: 20%;

	font-size: 14px;

}

.nav ul li ul li a .r {

	opacity: 0;

	position: relative;

	left: 50px;

	transition: All 0.2s ease-in-out;

	-webkit-transition: All 0.2s ease-in-out;

	-moz-transition: All 0.2s ease-in-out;

	-o-transition: All 0.2s ease-in-out;

}

.nav ul li ul li a b {

	font-weight: normal;

}

.nav ul li ul li:hover a .r {

	opacity: 1;

	left: 0;

}

.nav ul li ul li:hover {

	background: #fff;

	color: #fff;

}

.nav ul li ul li:hover a {

	color: #fff;

}

.search_moblie h5 {

	font-size: 24px;

	text-align: center;

	color: #1c3f77;

	margin-top: 40px;

}

.search_moblie .header_s {

	width: 261px;

	margin-top: 40px;

	margin-bottom: 40px;

}

.search_moblie .submit {

	width: 283px;

	background: #fff;

	border: none;

	margin-left: 0;

}

.search_moblie form {

	width: 283px;

	margin: 0 auto;

}

.form {

	display: inline-block;

	position: relative;

	float: right;

}

.fdj {

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

	width: 21px;

	height: 21px;

	outline: none;

	border: none;

	position: absolute;

	top: 5px;

	z-index: 100;

	right: 10px;

	cursor: pointer;

}

.header_s {

	padding: 7px 10px;

	border-radius: 6px;

	outline: none;

	color: #666;

	border: 1px solid #999;

}

.logo img {

	position: absolute;

	width: 197px;

}

/*********************************nav***********************/

/*#index_box_id nav{background: #000 ;}*/

nav ul {

	background: #000;

	margin-top: 20px;

}

nav ul li {

	float: left;

	position: relative;

}

.width1140 .nav-ul {

	padding: 0;

}

nav ul>li {

	text-align: center;

}

nav ul li a {

	display: inline-block;

	color: #fff;

	font-size: 14px;

	padding: 0px 40px;

	height: 46px;

	line-height: 46px;

	text-transform: uppercase;

}

nav ul li:hover>a {

	color: #fff;

}

nav ul li:hover a, nav ul li.current a {

	background: #0097AC;

}

nav ul li:hover ul {

	display: block;

}

nav ul li ul {

	display: none;

	position: absolute;

	background: rgba(90,91,92,0.8);

	opacity: 0;

	z-index: 100;

	top: 100px;

	transition: All 0.4s ease-in-out;

	-webkit-transition: All 0.4s ease-in-out;

	-moz-transition: All 0.4s ease-in-out;

	-o-transition: All 0.4s ease-in-out;

}

nav ul li ul li {

	width: 100%;

	overflow: hidden;

}

nav ul li ul li:hover {

	background: none;

}

nav ul li ul li a {

	border-top: 1px solid #e8e7e8;

	color: #fff;

	font-size: 12px;

	padding: 13px 12px;

	display: block;

	text-transform: capitalize;

	height: auto;

	line-height: 100%;

}

nav ul li:hover ul li a {

	background: rgba(0, 151, 172);

	color: #fff;

}

nav ul li ul li:last-child a {

	border-bottom: none;

}

nav ul li ul li:nth-child(1) a {

	border-top: none;

}

nav ul li ul {

	width: 130%;

	border-radius: 4px;

}

nav ul li ul li a:hover {

	background: rgba(64,64,64,0.6);

	color: #fff;

}

nav ul li ul li:hover a {

	color: #fff;

}

nav ul li ul li a b {

	opacity: 0;

	position: relative;

	left: 50px;

	transition: All 0.2s ease-in-out;

	-webkit-transition: All 0.2s ease-in-out;

	-moz-transition: All 0.2s ease-in-out;

	-o-transition: All 0.2s ease-in-out;

}

nav ul li ul li a:hover b {

	opacity: 1;

	left: 0;

}

/*******************************footer*******************/

.news .title .article_hd {

	font-size: 18px;

	text-align: center;

}

.touch {

	font-size: 18px;

	color: #ddd;

	font-weight: normal;

	margin-left: 20px;

}

.email {

	padding: 8px 5px;

	outline: none;

	border-radius: 6px;

	border: none;

	background: #707070;

	color: #fff;

	margin-left: 20px;

	font-size: 18px;

}

.submit {

	border: none;

	outline: none;

	padding: 10px 25px;

	border-radius: 6px;

	background: #0097AC;

	color: #fff;

	font-size: 14px;

	cursor: pointer;

	margin-top: 5px;

}

.submit:hover {

	color: #fff;

}

.kb_footer {

	background: #404040;

}

.bottom .link_1 {

	color: #0097AC;

}

.ul_1 h4, .ul_2 h4, .ul_3 h4, .ul_4 h4 {

	font-size: 18px;

	color: #fff;

	margin-bottom: 15px;

	font-weight: normal

}

.ul_1 h4 {

}

.ul_3 li span {

	display: inline-block;

	width: 36px;

	height: 26px;

	position: relative;

	top: 8px;

}

.ul_3 .sj span {

	display: inline;

}

.icon_1 {

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

}

.icon_2 {

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

}

.icon_3 {

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

}

.icon_4 {

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

}

.ul_1 ul {

	margin: 0 auto;

}

.ul_1 ul li {

	width: 250px;

	float: left;

}

.bottom_nav {

	padding-top: 45px;

	margin-left: 40px;

}

.bottom a {

	font-size: 14px;

	color: #ccc;

}

.bottom .ul_1 a img {

	position: relative;

	top: -2px;

}

.bottom a:hover {

	text-decoration: underline;

	color: #ccc;

}

.bottom {

	padding-top: 25px;

	padding-bottom: 40px;

}

.bottom ul li {

	font-size: 14px;

	color: #ccc;

	line-height: 30px;

}

.bottom .ul_2 .input {

	width: 247px;

	outline: none;

	padding: 10px;

	border: none;

	background: #212121;

	margin-bottom: 5px;

	color: #fff;

	font-family: "微软雅黑", Arial, Helvetica, sans-serif;

	font-size:15px;

}

.bottom .ul_2 {

	width: 280px;

	margin-right: 100px;

}

.bottom .ul_3 {

	width: 300px;

}

.bottom .ul_1 {

	width: 100%;

}

.bottom .ul_4 {

	width: 120px;

}

.xbox {

	margin: 0 auto;

}

.bottom .ul_1 {

	width: 230px;

}

.ul_4 img {

	width: 28px;

	padding-right: 5px;

}

.ul_4 div li {

	margin-bottom: 10px;

}

.copy {

	font-size: 14px;

	text-align: center;

	padding: 17px 0;

	color: #999;

	background: #000;

}

.copy a, .copy a:hover {

	color: #999;

}

.copyright { width:1147px;

margin:0 auto;

text-align:center;}

#bottom {

	display: none;

}

.foot-link {

	text-align: left !important;

	padding: 5px 0 0

}

.foot-link a {

}

/*********************banner**************/

.slideboxss {

	width: 100%

}

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {

	outline: none;

}

.slides, .flex-control-nav, .flex-direction-nav {

	margin: 0;

	padding: 0;

	list-style: none;

}

.flexslider {

	margin: 0;

	padding: 0;

	position: relative;

	z-index: 1

}

.flexslider .slides > li {

	display: none;

	-webkit-backface-visibility: hidden;

}

.flexslider .slides img {

	width: 100%;

	display: block;

}

.flex-pauseplay span {

	text-transform: capitalize;

}

.slides:after {

	content: "\0020";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

html[xmlns] .slides {

	display: block;

}

* html .slides {

	height: 1%;

}

.no-js .slides > li:first-child {

	display: block;

}

.flex-control-nav {

	position: absolute;

	bottom: 20px;

	z-index: 2;

	width: 100%;

	text-align: center;

}

.flex-control-nav li {

	display: inline-block;

	width: 10px;

	height: 10px;

	margin: 0 6px;

*display:inline;

	zoom: 1;

}

.flex-control-nav a {

	display: inline-block;

	cursor: pointer;

	width: 10px;

	height: 10px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	background: #ccc;

	float: left;

	text-indent: -2000px;

}

.flex-control-nav .flex-active {

	background: #fff;

}

.flex-direction-nav {

	position: absolute;

	z-index: 3;

	width: 100%;

	top: 50%;

}

.flex-direction-nav li a {

	display: block;

	width: 40px;

	height: 60px;

	overflow: hidden;

	cursor: pointer;

	position: absolute;

	margin-top: -30px;

	text-indent: -999em;

	top: 50%;

}

.flex-direction-nav li a.flex-prev {

	left: 0;

	background: #000 url("../images/slider-arrow.png") no-repeat -190px 50%;

	opacity: 0.5;

}

.flex-direction-nav li a.flex-next {

	right: 0;

	background: #000 url("../images/slider-arrow.png") no-repeat -66px 50%;

	opacity: 0.5;

}

.flex-direction-nav li a.flex-next:hover {

	background: #000 url("../images/slider-arrow.png") no-repeat -6px 50%;

	opacity: 1;

}

.flex-direction-nav li a.flex-prev:hover {

	background: #000 url("../images/slider-arrow.png") no-repeat -130px 50%;

	opacity: 1;

}

/*******************************************/

.index_product, .index_about, .index_news {

	padding: 45px 0 50px;

}

/****************about us*******************/

.index_product {

	background: #fff;

}

.index_about .hd, .index_news .hd {

	text-align: center;

	color: #333;

	font-size: 30px;

	text-transform: uppercase

}

.index_about .hd1 {

	text-align: center;

	color: #4c4c4c;

	font-size: 22px;

	margin-bottom: 30px;

}

.index_about ul li {

	float: left;

	position: relative;

}

.index_about ul li:nth-child(2) {

	margin: 0 1.8%;

}

.index_about ul li img {

	box-shadow: 3px 4px 5px #aaa;

	width: 273px;

}

.index_about ul li img:hover {

}

.index_about ul {

	margin: 0 auto;

	margin-bottom: 35px;

}

.index_about img {

	max-width: 100%;

}

.index_about p {

	text-align: center;

	color: #666;

	font-size: 16px;

	margin: 0 auto;

	line-height: 25px;

}

.more_b {

	display: block;

	width: 40px;

	margin: 0 auto;

	border-radius: 6px;

	background: #0097AC;

	color: #fff;

	font-size: 16px;

	padding: 17px 60px;/* margin-bottom:76px; */

}

.more_b:hover {

	color: #fff;

}

.index_about .more_b {

	margin-top: 50px;

}

.lines {

	width: 66px;

	height: 3px;

	background: #0097AC;

	text-align: center;

	margin: 3px auto 28px

}

/********************************main product****************/

.index_product {

	background: #f0f0f0

}

.index_product .hd h5 {

	position: absolute;

	left: 0;

	right: 0;

	z-index: 100;

	top: 70px;

	color: #fff;

}

.index_product img {/* 1st set of icons. Rotate them 360deg onmouseover and out*/

	-webkit-transition: -webkit-transform 0.8s ease-out;

	-moz-transition: -moz-transform 0.8s ease-out;

	-o-transition: -o-transform 0.8s ease-out;

	-ms-transition: -ms-transform 0.8s ease-out;

}

.index_product img:hover {

	-webkit-transform: rotateY(180deg);

	-moz-transform: rotateY(180deg);

	-o-transform: rotateY(180deg);

	-ms-transform: rotateY(180deg);

	transform: rotateY(180deg);

}

.index_product .hd {

	text-align: center;

	color: #333;

	font-size: 30px;

	text-transform: uppercase

}

.index_product ul {

	margin: 50px auto 0;

}

.index_product ul li {

	float: left;

	height: inherit;

	width: 22.75%;

	margin-right: 3%;

	margin-bottom: 30px;

	padding: 0;

	background: #fff

}

.index_product ul li .border-img {

	border: 1px solid #ddd;

	padding: 1px;

}

.index_product ul li .border-img:hover {

	border: 2px solid #0097AC;

	padding: 0

}

.index_product ul li:nth-child(4n) {

	margin-right: 0

}

.index_product ul li a {

	display: block;

	overflow: hidden;

}

.index_product ul li a img {

	transition: All 0.4s ease-in-out;

	-webkit-transition: All 0.4s ease-in-out;

	-moz-transition: All 0.4s ease-in-out;

	-o-transition: All 0.4s ease-in-out;

	max-width: 100%;

}

.index_product ul li a img:hover {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	-ms-transform: scale(1.1);

}

.index_product ul li h3 {

	padding: 10px 0;

	text-align: center

}

.index_product ul li h3 a {

	font-size: 16px;

	font-weight: normal

}

.index_product .more_b {

	margin-top: 20px;

	margin-bottom: 0

}

/********************************news************************/

.index_news {

	background: #fff

}

.index_news_hd {

	background: #333333;

	display: inline-block;

	border-radius: 15px;

	position: relative;

	top: 4px;

}

.index_news_hd a {

	color: #fff;

	display: inline-block;

	padding: 5px 25px;

	font-size: 24px;

}

.index_news .more {

	background: #333333;

	display: inline-block;

	border-radius: 8px;

}

.index_news .more a {

	color: #fff;

	display: inline-block;

	padding: 1px 15px;

	font-size: 14px;

}

.index_news .more a:hover {

	color: #1c3f77;

}

.index_news .hd {

}

.index_news ul.fix {

	margin-top: 40px;

}

.index_news ul li a {

	color: #333;

}

.index_news ul li {

	float: left;

	padding: 5px 0;

	width: 22.75%;

	margin-right: 3%;

	overflow: hidden

}

.index_news ul li:nth-child(4n) {

	margin-right: 0

}

.index_news ul li span {

	font-size: 18px;

	margin-bottom: 16px;

	display: inline-block;

	color: #4c4b4b;

	white-space: nowrap

}

.index_news ul li a {

	display: block;

	overflow: hidden;

	font-weight: bold

}

.index_news ul li a img {

	transition: All 0.4s ease-in-out;

	-webkit-transition: All 0.4s ease-in-out;

	-moz-transition: All 0.4s ease-in-out;

	-o-transition: All 0.4s ease-in-out;

	max-width: 100%;

}

.index_news ul li a img:hover {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	-ms-transform: scale(1.1);

}

.index_news ul li div {

	margin-top: 18px;

	font-size: 16px;

	margin-bottom: 45px;

	color: #333;

	height: 60px;

	overflow: hidden;

	line-height: 20px;

	text-align:center;

}

/********************************content************************/

.content {

	width: 1140px;

	margin: 0 auto;

	min-height: 500px;

}

.content .title {

	line-height: 60px;

	margin: 0px 0 0;

}

.content .title ul li {

	display: inline;

	font-size: 14px;

	color: #333

}

.content .title a {

	color: #0097AC;

}

.content .title a.icon-home {

	color: #333

}

.content .title a:hover {

	color: #0097AC;

	text-decoration: underline;

}

.content_le {

	width: 285px;

	padding: 0 0 0px;

	margin: 0 0px;

	float: left;

}

.sidebar {

	margin: 0px 0px 30px;

}

.contact_1 dt {

	border-radius: 6px;

	margin-bottom: 20px;

}

.content_le li.nav-head {

	color: #fff;

	font-size: 16px;

	line-height: 45px;

	margin: 0 0 1px;

	background: #0097AC;

	padding-left: 20px;

	text-transform: uppercase

}

.video_ul {

	overflow: hidden;

}

.sidebar li {

	line-height: 38px;

	margin: 0 0 1px;

	position: relative;

}

.sidebar li a {

	display: block;

	height: 100%;

	background: #ececec;

	color: #000;

	padding: 0 0 0 20px;

	font-size: 14px;

}

.sidebar li a:hover, .sidebar li.active a {

	background: #404040;

	color: #fff;

}

.contact_1 {

	margin: 0px 0px 30px;

	background: #ececec;

	padding-bottom: 20px;

}

.contact_1 li {

	clear: both;

	font-size: 14px;

	color: #333;

	font-weight: 700;

	margin: 10px 0 0;

	padding: 0 20px;

}

.content_le li.nav-head {

	font-weight: normal

}

.contact_1 li p {

	float: left;

	position: relative;

	font-size: 14px;

	height: 100%;

	line-height: 23px;

	min-height: 23px;

	text-align: left;

	margin: 0px 0 0px 5px;

	width: 80%;

	font-weight: normal

}

.bottom li p {



	float: left;

	position: relative;

	font-size: 14px;

	height: 100%;

	line-height: 23px;

	min-height: 23px;

	text-align: left;

	margin: 0px 0 0px 0px;

	width: 76%;

	color:#ccc;

}

.bottom li p.iconfont {

	width: 32px;

	height: 26px;

	color:#ccc;

	}

	

.bottom li p.iconf1 {

	background-position: 0 0px;

}	



.contact_1 li span {

	display: inline-block;

	float: left;

	width: 200px;

	line-height: 25px;

	position: relative;

	top: -5px;

}

.contact_1 li p.iconfont {

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

	width: 28px;

	height: 26px;

}

.contact_1 li p.iconf1 {

	background-position: 0 0px;

}

.contact_1 li p.iconf2 {

	background-position: 0 -28px;

}

.contact_1 li p.iconf3 {

	background-position: 0 -57px;

}

.contact_1 li p.iconf4 {

	background-position: 0 -115px;

}

.content_ri {

	width: 820px;

	float: right;

	margin: 0 0 50px;

	color: #666;

	font-size: 14px;

	line-height: 25px;

}

.content_ri {

	text-align: Justify;

	text-justify: auto;

}

.content_ri>h1, .content_ri>h3 {

	color: #333;

	font-size: 18px;

	font-weight: 700;

	line-height: 46px;

	margin: 0 0 10px;

}

.content_ri>h1 a, .content_ri>h1.title a {

	color: #333;

	padding-left: 10px;

}

.products_mainul {

	overflow: hidden

}

.products_mainul li {

	float: left;

	width: 31.3333%;

	margin-right: 3%;

	margin-bottom: 30px;

}

.products_mainul li:nth-child(3n) {

	margin-right: 0

}

.products_mainul li a {

	display: block;

	overflow: hidden;

}

.products_mainul li a img {

	transition: All 0.4s ease-in-out;

	-webkit-transition: All 0.4s ease-in-out;

	-moz-transition: All 0.4s ease-in-out;

	-o-transition: All 0.4s ease-in-out;

	max-width: 100%;

}

.products_mainul li a img:hover {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	-ms-transform: scale(1.1);

}

.products_mainul li .border-img {

	border: 1px solid #ddd;

	padding: 1px;

}

.products_mainul li .border-img:hover {

	border: 2px solid #0097AC;

	padding: 0

}

.products_mainul li h3 {

	padding: 10px 0;

	text-align: center

}

.products_mainul li h3 a {

	font-size: 16px;

	font-weight: normal

}

.margin-big-top {

	margin-top: 20px;

}

.product-detail .content-l {

	float: left;

	width: 30%;

}

.product-detail .content-r {

	float: right;

	width: 65%;

}

.product-detail #mydialog {

	display: none

}

.product-detail img {

	max-width: 100%;

	overflow: hidden;

	vertical-align: middle;

}

.product-detail .content-img {

	overflow: hidden;

	border: 1px solid #ddd;

	padding: 7px;

}

.product-detail .content-img img {

	max-width: 100%;

	overflow: hidden;

	vertical-align: middle;

}

.product-detail h1 {

	border-bottom: 1px solid #ddd;

	color: #333;

	font-size: 18px;

	line-height: 33px;

	padding-bottom: 5px;

}

.product-detail .p_desc {

	color: #444;

	line-height: 24px;

	padding: 12px 0px 5px;

	font-size: 12px;

}

.product-detail .add_to_inquiry {

	height: 55px;

}

.product-detail .add_to_inquiry #add_to_inquiry {

}

.product-detail .description {

	line-height: 24px;

}

.products_main .product-desc .title {

	margin: 20px 0 25px;

}

#mydialog .dialog-head {

	font-size: 16px;

	border-bottom: 1px solid #ddd;

	padding-bottom: 7px;

	margin-bottom: 20px;

}

#mydialog .input {

	border: 1px solid #ddd;

	padding: 10px;

	width: 97%;

	margin: 0 auto 10px

}

#mydialog .submit {

	margin: 10px 0

}

.page {

	padding: 15px 0 0 2%;

	width: 100%;

	clear: both

}

.page li {

	display: inline-block;

	margin: 0 15px 0 0;

	font-size: 14px;

}

.page a {

	font-size: 14px;

	color: #333;

}

.page a:hover {

	color: #c7000b;

	text-decoration: underline;

}

.content_ri .detail {

	padding: 0 0 15px

}

.content_ri .detail, .content_ri .detail p {

	font-size: 14px;

}

.content_ri .detail .content-img {

	text-align: center;

	margin-bottom: 15px;

}

.content_ri .detail .content-img img {

	max-width: 100%

}

.content_ri .detail .qhd-title {

	text-align: center

}

.content_ri .detail .qhd-title span {

	margin: 0 5px;

}

.products_main .title {

	border-bottom: 1px solid #ddd;

	font-size: 18px;

	font-weight: 700;

	margin: 0 0 25px;

	line-height: 40px;

}

.padding-big-top {

	clear: both;

	padding-top: 15px;

}

/*****************feedback*******************/

.margin-large-bottom {

	margin-bottom: 30px;

}

.table {

	border-collapse: collapse;

	border-spacing: 0;

	max-width: 100%;

	width: 100%;

}

.table th {

	border-bottom: 2px solid #ddd;

	padding: 8px;

	text-align: left;

	vertical-align: bottom;

}

.table td {

	border: 1px solid #ddd;

	padding: 8px;

	vertical-align: top;

}

.table tr.current td {

	background-color: #f5f5f5;

}

.layout {

	width: 100%;

	overflow: hidden;

}

.line {

	margin: 0;

	padding: 0;

}

.xs6 {

	width: 48%;

	float: left

}

hr {

	background: #ddd none repeat scroll 0 0;

	border: 0 none;

	box-sizing: content-box;

	clear: both;

	color: #ddd;

	float: none;

	height: 1px;

	margin: 10px 0;

	width: 100%;

}

.text-red {

	color: #e33;

}

.show_content .input {

	border: medium none;

	box-shadow: 0 0 3px #999;

	outline: medium none;

	padding: 10px;

	width: 97%;

	margin: 0 auto 10px

}

.article-media {

	margin: 0 0 40px;

}

.article-media li {

	height: 160px;

	padding: 15px 15px 0 0;

	border-bottom: 1px solid #ececec;

}

.article-media li:hover {

	background: #eee;

}

.article-media dt {

	float: left;

	width: 210px;

	height: 140px;

}

.article-media dt img {

	width: 100%;

	height: 100%;

	margin-left: 5px;

}

.article-media dd {

	float: right;

	width: 580px;

}

.list_title {

	font-size: 14px;

	font-weight: 700;

	color: #333;

	float: left;

	margin: 0 0 10px;

}

.article-media span {

	float: right;

	color: #bbb;

}

.article-media p {

	height: 87px;

	line-height: 22px;

	letter-spacing: .5px;

	overflow: hidden;

}

.article-media .more {

	float: right;

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

	padding: 0 0 0 24px;

	color: #666;

}

.article-media .more:hover {

	color: #000;

}

.article-media .now {

	float: right;

	min-width: 111px;

	height: 26px;

	line-height: 26px;

	background: #a91a20 url(../images/icon_6.png) no-repeat 11px center;

	border-radius: 4px;

	color: #fff;

	font-size: 14px;

	padding: 0 15px 0 42px;

}

.article-media li:hover .now {

	text-decoration: underline;

	background-color: #D82B32;

}

.article-media .time_last span {

	float: left;

}

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

.nav {

	display: none

}

}

@media screen and (max-width:1330px) {

.logo span {

	left: 300px;

}

}

@media screen and (max-width:1200px) {

.logo span {

	left: 280px;

}

}

@media screen and (max-width:1160px) {

nav>div>a {

	display: none;

}

nav .width1140 {

	width: 100%;

}

nav ul.rt {

	width: 96%;

	float: none;

	margin: 0 auto;

}

.logo span {

	display: none;

}

.width1140 {

	width: 90%;

}

.content_le {

	display: none;

}

.content {

	width: 100%;

	margin-top: 50px;

}

.content>.title {

	display: none;

}

.content_ri {

	width: 96%;

	float: none;

	margin: 0 auto;

}

.bottom .ul_2 {

	width: 300px;

	margin-right: auto;

}

.bottom .ul_3 {

	width: 330px;

}

.bottom .ul_1 {

	width: 170px;

}

.bottom .ul_4 {

	width: 100px;

}

}

 @media screen and (max-width:1024px) {

nav ul li a {

	padding: 0 45px;

}

nav ul li ul {

	width: 150%;

}

nav ul li:last-child ul {

	width: 130%;

}

.bottom .ul_1, .bottom .ul_2, .bottom .ul_3, .bottom .ul_4 {

	width: 50%;

}

.bottom .ul_4 {

	float: left !important

}

.bottom .ul_2, .bottom .ul_3 {

	height: 370px;

}

}

 @media screen and (max-width:1010px) {

.logo span {

	display: none;

}

}

 @media screen and (max-width:975px) {

nav ul li a {

	padding: 0 35px;

}

nav ul {

	background: #000;

}

.pc_logo {

	margin-left: 60px;

}

}

 @media screen and (max-width:914px) {

nav ul li ul {

	width: 170%;

}

nav ul li:last-child ul {

	width: 130%;

}

.article-media li {

	height: 200px;

}

.article-media dd {

	width: 60%;

}

}

 @media screen and (max-width:870px) {

nav ul li a {

	padding: 0 25px;

}

.index_about ul {

	width: 100%;

}

.index_about ul li:nth-child(2), .index_about ul li:nth-child(3) {

	display: none;

}

.index_about ul li {

	float: none;

}

.index_about ul li img {

	display: block;

	margin: 0 auto;

}

}

 @media screen and (max-width:833px) {

.bottom .ul_1 {

	width: 50%;

}

.ul_1 ul {

	width: 250px;

	margin: 0

}

.bottom .ul_3 div {

	width: 336px;

	margin: 0;

}

.bottom .ul_3 {

	width: 50%;

}

}

 @media screen and (max-width:780px) {

.mail {

	width: 217px;

}

.pc_logo {

	margin-left: 0;

}

nav ul li ul {

	width: 200%;

}

nav ul li:last-child ul {

	width: 130%;

}

}

 @media screen and (max-width:768px) {

nav ul li a {

	padding: 0 20px;

}

.width1140 {

	width: 98%;

}

}

 @media screen and (max-width:700px) {

nav ul li a {

	padding: 0 18px;

}

}

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

header {

	display: none;

}

nav {

	display: none;

}

.nav {

	display: block;

}

footer.fix .copy {

	width: 100%;

}

.index_news ul li {

	width: 96%;

	float: none;

	margin: 0 auto;

	text-align: center;

}

.index_product ul li {

	width: 45%;

	margin-left: 3.3%;

}

.products_mainul li {

	width: 45%;

	margin-left: 3.3%;

}

.index_news ul li:nth-child(4n), .index_product ul li:nth-child(4n), .index_product ul li, .index_news ul li {

	margin-right: auto

}

.products_mainul li {

	margin-right: auto;

	margin-bottom: 20px;

}

.header {

	display: block;

}

.header_left .change, .header_left .search {

	height: 100%;

	width: 100px;

	padding: 0;

}

.header_left .search {

	background: #dbdbdb;

}

.header_left .change b {

	left: 40px;

	top: 10px;

}

.header_left .search b {

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

	display: inline-block;

	width: 20px;

	height: 20px;

	position: relative;

	top: 5px;

	left: 40px;

	top: 10px;

	cursor: pointer;

}

.header_left #click b {

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

	width: 25px;

	height: 25px;

	left: 35px;

}

.header_left .search span {

	display: inline-block;

	line-height: 27px;

	font-size: 14px;

	height: 27px;

	margin-left: 10px;

	cursor: pointer;

	margin-top: 10px;

	margin-left: 0;

	text-align: center;

	width: 100%;

}

.header_left #click span {

	color: #fff;

}

.header_left #click {

	background: #ff0000;

}

.header_menu {

	width: 18%;

}

.header_menu i {

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

	display: inline-block;

	width: 32px;

	height: 32px;

	position: relative;

	top: 5px;

	left: 40px;

	top: 10px;

	cursor: pointer;

}

#menuClick i {

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

}

.header_menu span {

	display: inline-block;

	line-height: 27px;

	font-size: 14px;

	height: 27px;

	margin-left: 10px;

	cursor: pointer;

	margin-top: 10px;

	margin-left: 0;

	text-align: center;

	width: 100%;

	color: #fff;

}

.bottom {

	display: none;

}

#bottom {

	display: block;

}

#bottom .ul_1 {

	float: none;

	margin-left: 0;

	width: 80%;

	margin: 0 auto;

	margin-bottom: 10px;

}

#bottom .ul_1 h4 {

	padding: 10px 30px;

	background: #000;

	color: #fff;

	cursor: pointer;

	position: relative;

}

#bottom .ul_1 li {

	margin-bottom: 10px;

}

#bottom .ul_1 li a {

	color: #1c3f77;

}

#bottom .ul_1 li a:hover {

	text-decoration: none;

}

#bottom .ul_3 {

	float: none;

	margin-left: 0;

	width: 80%;

	margin: 0 auto;

}

#bottom .ul_3 a:hover {

	color: #666;

}

.bottom .ul_1 div {

	width: 100%;

	margin: 0;

}

.bottom .ul_3 div {

	width: 100%;

	margin: 0;

}

#bottom .ul_3 h4 {

	padding: 10px 30px;

	background: #000;

	color: #fff;

	cursor: pointer;

	position: relative;

}

#bottom .ul_3 div li {

	color: #1c3f77;

}

#bottom .ul_3 div li a {

	color: #1c3f77;

}

#bottom .ul_3 div, #bottom .ul_1 div {

	display: none;

}

#bottom .ul_1 h4 span, #bottom .ul_3 h4 span {

	display: inline-block;

	position: absolute;

	width: 7px;

	height: 12px;

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

	left: 10px;

	top: 16px;

	z-index: 10;

	transition: All 0.4s ease-in-out;

	-webkit-transition: All 0.4s ease-in-out;

	-moz-transition: All 0.4s ease-in-out;

	-o-transition: All 0.4s ease-in-out;

}

#bottom .ul_1 h4 .active, #bottom .ul_3 h4 .active {

	transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

}

#bottom .ul_1 li a .r {

	opacity: 0;

	position: relative;

	left: 50px;

	text-decoration: none;

	transition: All 0.2s ease-in-out;

	-webkit-transition: All 0.2s ease-in-out;

	-moz-transition: All 0.2s ease-in-out;

	-o-transition: All 0.2s ease-in-out;

}

#bottom .ul_1 li a:hover .r {

	opacity: 1;

	left: 0;

}

.bottom .ul_2, .bottom .ul_3 {

	height: auto

}

.page {

	width: 300px;

	margin: 0 auto;

}

.article-media .case_title {

	display: block;

	text-align: center;

}

.article-media .case_title .list_title {

	float: none;

}

.article-media .pro_hd {

	display: block;

}

.article-media .pro_hd a {

	display: block;

	text-align: center;

	float: none;

}

.article-media span {

	display: none;

}

.article-media dt {

	float: none;

	width: 100%;

	height: 100%;

}

.article-media dt a {

	display: block;

}

.article-media li:hover {

	background: none;

}

.article-media dd {

	width: 100%;

	text-align: center;

}

.article-media li {

	border: none;

	height: 100%;

}

.article-media dd.time_last {

	display: none

}

.copy .rt {

	display: none

}

.copy .lf {

	float: none !important;

	text-align: center !important

}

.copy .lf .foot-link {

	text-align: center !important

}

}

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

.header_menu i {

	left: 25px;

}

.product-detail .content-img {

	margin-bottom: 15px;

}

.product-detail .content-l {

	float: left;

	width: 100%;

}

.product-detail .content-r {

	float: left;

	width: 100%;

}

}

 @media screen and (max-width:420px) {

.header_menu i {

	left: 13px;

}

.header_left .change, .header_left .search {

	width: 65px;

}

.header_left .change {

	margin-right: 30px;

}

.header_left .search b {

	left: 20px;

}

.header_left #click b {

	left: 20px;

}

.header_left .change b {

	left: 35px;

}

}

/*pages*/ .pagination-wrapper {

	margin: 20px 0;

}

.pagination {

	height: 34px;

	text-align: center;

}

.pagination li {

	display: inline-block;

	height: 34px;

	margin-right: 5px;

}

.pagination li a {

	float: left;

	display: block;

	height: 32px;

	line-height: 32px;

	padding: 0 12px;

	font-size: 16px;

	border: 1px solid #dddddd;

	color: #555555;

	text-decoration: none;

}

.pagination li a:hover {

	background: #f5f5f5;

	color: #0099ff;

}

.pagination li.thisclass {

	background: #0097AC;

	color: #fff;

}

.pagination li.thisclass a, .pagination li.thisclass a:hover {

	background: transparent;

	border-color: #0097AC;

	color: #fff;

	cursor: default;

}



.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;}





#toolbar{ display:none;}

@media screen and (max-width:760px){

.copyright{ width:100%; text-align:center;}

.blank55{height:55px; line-height:1px; clear:both;}



#toolbar{color:#fff;width:100%;height:54px;position:fixed;bottom:0;left:0;z-index:10000;background:#000; display:block;}



#toolbar a{width:100%;color:#fff;display:block;padding:5px 0 0 0;line-height:23px;font-size:14px;}



#toolbar a span{ font-size:22px; display:block;}

}