﻿/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */

@charset "utf-8";

table {

	border-collapse: collapse;

}

/*常用样式*/

.fl {

	float: left;

}

.fr {

	float: right;

}

.rp {

	position: relative;

}

.hide {

	display: none;

}

.over {

	overflow: hidden;

}

.trans {

	-webkit-transition: all 300ms ease 0s;

	-moz-transition: all 300ms ease 0s;

	-ms-transition: all 300ms ease 0s;

	-o-transition: all 300ms ease 0s;

	transition: all 300ms ease 0s;

	outline: none;

}

.r35 {

	-moz-border-radius: 35px;

	-webkit-border-radius: 35px;

	border-radius: 35px;

	behavior: url(/css/ie-css3.htc);

}

.ar12mjk1 {

	opacity: 0;

	filter: alpha(opacity=0);

}

.notc {

	-moz-user-select: none;

	-webkit-user-select: none;

	-ms-user-select: none;

	-khtml-user-select: none;

	user-select: none;

}

.m_pic {

	text-align: center;

	display: block;

}

.m_pic b {

	display: inline-block;

	height: 100%;

	vertical-align: middle;

}

.m_pic img {

	vertical-align: middle;

}

.b_pic {

	overflow: hidden;

}

.b_pic img {

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	transition: 0.5s;

}

.b_pic:hover img {

	-webkit-transform: scale(1.06);

	-moz-transform: scale(1.06);

	transform: scale(1.06);

}

.cut {

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.pointer {

	cursor: pointer;

}

body {

	font-size: 0;

}

.conbox {

	line-height: 28px;

	overflow: hidden;

}

.conbox img {

	max-width: 100%;

	height: auto !important;

}

.BGF6F {

	background: #f6f6f6;

}

.BGFFF {

	background: #ffffff;

}

#headerH {

	height: 110px;

}

#header {

	padding: 0 1%;

	position: relative;

	z-index: 11;

	background: #fff;

}

#header .Bg {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	top: 0;

	background: #fff;

	opacity: 0.8;

	filter: alpha(opacity=80);

	z-index: 0;

}

#header .logo {

	height: 110px;

	text-align: left;

	float: left;

}

#header .nav {

	height: 110px;

	float: right;

}

#header .nav .li {

	height: 100%;

	margin: 0 10px;

	float: left;

	text-align: center;

	position: relative;

}

#header .nav .li .a1 {

	line-height: 110px;

	padding: 0 10px;

	font-size: 14px;

	white-space: nowrap;

	color: #333;

}

#header .nav .li.on .a1, #header .nav .li:hover .a1 {

	color: #0086e4;

}

#header .nav .li .sub {

	position: absolute;

	top: 100%;

	width: 180px;

	left: -44px;

	text-align: center;

	border-radius: 5px;

	box-shadow: 0 6px 10px rgba(0,0,0,.1);

	opacity: 0;

	visibility: hidden;

}

#header .nav .li .sub s {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: #fff;

	opacity: 0.9;

	filter: alpha(opacity=90);

	z-index: 0;

}

#header .nav .li .sub .a2 {

	display: block;

	padding: 15px;

	line-height: 20px;

	font-size: 14px;

	position: relative;

	z-index: 1;

	border-bottom: 1px solid #e0e0e0;

}

#header .nav .li .sub .a2:hover {

	color: #0086e4;

}

#header .nav .li .sub .a2:last-child {

	border-bottom: 0;

}

#header .nav .li:hover .sub {

	opacity: 1;

	visibility: visible;

	top: 90%;

}

#header .search {

	height: 110px;

	position: relative;

	margin: 0 0 0 20px;

	float: right;

}

#header .search form {

	position: absolute;

	top: 100%;

	overflow: hidden;

	right: -5px;

	display: none;

	background: #fff;

	width: 300px;

	padding: 30px;

}

#header .search form.on {

	display: block;

}

#header .search form .i {

	width: 298px;

	height: 30px;

	line-height: 30px;

	font-size: 14px;

	border: none;

	background: none;

	border: 1px solid #ccc;

	outline: none;

}

#header .search form .s {

	position: absolute;

	top: 30px;

	bottom: 30px;

	right: 0;

	padding: 0 5px;

	cursor: pointer;

}

#header .phone {

	margin-left: 35px;

	display: none;

	float: right;

}

#header .phone .i {

	height: 110px;

	margin-right: 5px;

	float: left;

}

#header .phone .t {

	line-height: 111px;

	font-size: 14px;

	color: #f63633;

	float: left;

}

#header .phone .n {

	line-height: 111px;

	font-size: 20px;

	color: #f63633;

	float: left;

}

#slideBox {

	width: 100%;

	overflow: hidden;

	position: relative;

}

#slideBox .hd {

	height: 15px;

	overflow: hidden;

	position: absolute;

	right: 0px;

	left: 0;

	bottom: 25px;

	z-index: 1;

}

#slideBox .hd div {

	overflow: hidden;

	zoom: 1;

	width: 100%;

	text-align: center;

}

#slideBox .hd div span {

	margin: 0 8px;

	width: 15px;

	height: 15px;

	line-height: 14px;

	text-align: center;

	cursor: pointer;

	display: inline-block;

	background: url("../img/dian00.png") 0px 0px no-repeat;

}

#slideBox .hd div span.on {

	background: url("../img/dian00.png") -21px 0px no-repeat;

	color: #fff;

}

#slideBox .bd {

	position: relative;

	height: 100%;

	z-index: 0;

}

#slideBox .bd ul {

	height: 100%;

	width: 100% !important;

}

#slideBox .bd li {

	width: 100% !important;

	zoom: 1;

	vertical-align: middle;

	height: 100%;

	position: relative;

	overflow: hidden;

}

#slideBox .bd li .pic {

	position: relative;

	height: 100%;

	width: 2000px;

	left: 50%;

	margin-left: -1000px;

	text-align: center;

}

#slideBox .bd img {

	max-width: 100%;

}

#banner {

	position: relative;

	overflow: hidden;

}

#banner .prev, #banner .next {

	position: absolute;

	left: 3.125%;

	top: 50%;

	margin-top: -10px;

	display: block;

}

#banner .next {

	left: auto;

	right: 3.125%;

}

#banner .styles__arrow--12p5o {

	height: 20px;

	width: 20px;

	color: #fff;

}

#banner .bd {

	position: relative;

	z-index: 0;

}

#banner .bd li {

	position: relative;

	font-size: 0;

}

#banner .bd li img {

	width: 100%;

}

#indextit {

	text-align: center;

	padding: 30px 0;

}

#indextit h3 {

	font-size: 30px;

}

#indextit p {

	font-size: 12px;

	color: #a5a5a5;

	padding: 9px 0 0;

}

#gy301 {

	padding: 60px 0;

}

#gy301 .n div {

	text-align: center;

	font-size: 20px;

	line-height: 30px;

}

#gy301 .p {

	padding: 30px 0;

}

#gy301 .p div {

	text-align: center;

	font-size: 14px;

	color: #333;

	line-height: 26px;

}

#gy301 .b {

	padding: 30px 0 60px;

	text-align: center;

}

#gy301 .n, #gy301 .p, #gy301 .b {

	width: 96%;

	max-width: 1200px;

	margin-right: auto;

	margin-left: auto;

}

#gy301 .i img {

	width: 100%;

}

#indexpro {

	font-size: 0;

	background: #f4f4f4;

}

#indexpro .rp {

	background-repeat: no-repeat;

	background-position: center center;

	background-size: 100% 100%;

}

#indexpro .i1 {

	width: 33.33%;

	overflow: hidden;

	float: left;

	font-size: 0;

	background-color: #595959; /*background:url('../img/21.png') center / 100% 100%; margin-left:0.01%;*/

}

#indexpro .i2 {

	width: 33.33%;

	overflow: hidden;

	float: left;

	font-size: 0;

	background-color: #797979; /*background:#1394eb;*/

}

#indexpro .i3 {

	width: 33.33%;

	overflow: hidden;

	float: left;

	font-size: 0;

	background-color: #f2f2f3;/*background:#f4f4f4;*/

}

#indexpro .i4 {

	width: 66.66%;

	overflow: hidden;

	float: left;

	font-size: 0;

	background-color: #696969; /*background:url('../img/24.jpg') center / 100% 100%;*/

}

#indexpro .i1 img, #indexpro .i2 img, #indexpro .i3 img, #indexpro .i4 img {

	max-width: 100%;

	max-height: 100%;

}

#indexpro .w {

	height: 100%;

}

#indexpro .table {

	position: absolute;

	top: 0;

	right: 4%;

	text-align: right;

	vertical-align: middle;

}

#indexpro .t1 {

	font-size: 24px;

	color: #fff;

}

#indexpro .t2 {

	font-size: 14px;

	color: #fff;

	padding: 30px 0;

}

#indexpro .i1 .w {

	width: 60%;

	margin-left: 5%;

}

#indexpro .i2 .w {

	width: 45%;

	margin-left: 5%;

}

#indexpro .i3 .w {

	width: 45%;

	margin-left: 5%;

}

/*#indexpro .i3 .w{ width:80%; position:absolute; left:0; bottom:0; height:auto; text-align:left; }*/

#indexpro .i3 .t1 {

	color: #333;

}

#indexpro .i3 .t2 {

	color: #666;

}

#indexpro .i4 .w {

	width: 50%;

}

#indexpro .i4 .table {

	width: 50%;

}

#indexpro .i4 .t {

	width: 100%;

	text-align: center;

}

#indexbusiness {

	max-width: 1200px;

	margin: 0 auto;

	text-align: center;

	font-size: 0;

}

#indexbusiness .item {

	width: 25%;

	text-align: center;

	display: inline-block;

	padding: 0 0 50px;

	vertical-align: top;

}

#indexbusiness .item img {

	max-width: 80%;

}

#indexbusiness .item .i2 {

	display: none;

}

#indexbusiness .item .cn {

	font-size: 16px;

	color: #333;

	padding: 20px 0 5px;

}

#indexbusiness .item .en {

	font-size: 10px;

	color: #a5a5a5;

}

#indexinfo {

	max-width: 1200px;

	padding: 0 50px;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

}

#indexinfo .hd {

}

#indexinfo .hd .prev, #indexinfo .hd .next {

	display: block;

	width: 20px;

	position: absolute;

	top: 30%;

	overflow: hidden;

	left: 0;

	cursor: pointer;

}

#indexinfo .hd .next {

	left: auto;

	right: 0;

}

#indexinfo .bd ul {

	overflow: hidden;

	zoom: 1;

}

#indexinfo .btn {

	padding: 50px 0;

	text-align: center;

}

#indexcontact {

	position: relative;

	overflow: hidden;

}

#indexcontact .map {

	position: absolute;

	left: 50%;

	margin-left: -1500px;

	top: 0;

	bottom: 0;

	width: 3000px;

	text-align: center;

}

#indexcontact .map img {

	min-height: 100%;

}

#indexcontact .txt {

	position: relative;

	max-width: 500px;

	margin: 60px auto;

	padding: 20px 0;

	z-index: 1;

}

#indexcontact .txt .bg {

	position: absolute;

	background: #fff;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	opacity: 0.8;

	filter: alpha(opacity=80);

}

#indexcontact .txt .cn {

	position: relative;

	z-index: 2;

	text-align: center;

}

#indexcontact .txt .cn .t {

	text-align: center;

	padding: 30px 0;

}

#indexcontact .txt .cn .t h3 {

	font-size: 30px;

}

#indexcontact .txt .cn .t p {

	font-size: 12px;

	color: #a5a5a5;

	padding: 9px 0 0;

}

#indexcontact .txt .cn .n {

	text-align: center;

	padding: 20px 0;

}

#indexcontact .txt .cn .n div {

	font-size: 20px;

	color: #333;

}

#indexcontact .txt .cn .n s {

	width: 20px;

	height: 1px;

	display: block;

	margin: 15px auto;

	background: #333;

}

#indexcontact .txt .cn .n span {

	font-size: 18px;

	color: #f63633;

	display: block;

	margin: 9px 0;

}

#indexcontact .txt .cn .n p {

	font-size: 14px;

	color: #333;

	line-height: 26px;

}

#indexcontact .txt .cn .n p a {

	font-size: 14px;

	color: #009aea;

}

#indexcontact .txt .cn .n p a:hover {

	text-decoration: underline;

}

#keyword {

	padding: 30px 3% 0;

	font-size: 16px;

}

#keyword span {

	color: #f63633;

	font-size: 16px;

}

#keyword font {

	color: #C00;

	font-size: 16px;

}

#product {

	max-width: 1600px;

	margin: 0 auto;

	padding: 60px 3%;

}

#product .item {

	width: 48.3%;

	margin-bottom: 60px;

	background: #f6f6f6;

}

#product .item .img {

	width: 58%;

	height: 350px;

	border: 1px solid #ccc;

	background: #fff;

	float: left;

	display: block;

}

#product .item .img img {

	max-width: 100%;

	max-height: 100%;

}

#product .item .txt {

	width: 34%;

	margin-left: 4%;

	float: left;

}

#product .item .txt .n {

	padding: 30px 0 20px;

}

#product .item .txt .n a {

	font-size: 20px;

	font-weight: 900;

}

#product .item .txt .p {

	font-size: 14px;

	color: #757575;

	line-height: 24px;

	min-height: 210px;

	overflow: hidden;

}

#product .item .txt .a {

	font-size: 14px;

	color: #757575;

}

#product .item .txt .a span {

	font-family: '宋体', Verdana, Geneva, sans-serif;

}

#prodetail .Title {

	height: 280px;

	padding-top: 120px;

	background: url('../img/pro-bg-01.jpg') top / auto 100%;

}

#prodetail .Title .wrap {

	max-width: 1200px;

	margin: 0 auto;

}

#prodetail .Title ul {

	display: table;

	width: 100%;

}

#prodetail .Title ul li {

	display: table-cell;

	vertical-align: middle;

}

#prodetail .Title .name {

	width: 1%;

}

#prodetail .Title .name h1 { /*min-width:300px;*/

	max-width: 600px;

	font-size: 30px;

	color: #fff;

	font-weight: 900;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

#prodetail .Title .i i {

	display: block;

	height: 1px;

	background: #fff;

	margin: 0 20px;

	opacity: 0.2;

	filter: alpha(opacity=20);

}

#prodetail .Title .date {

	color: #fff;

	font-size: 14px;

	width: 1%;

}

#prodetail .Title .date .btn {

	height: 52px;

	width: 120px;

	display: block;

	line-height: 52px;

	background: url('../img/25.png') no-repeat center / 100% 100%;

	font-size: 14px;

	color: #f63633;

	padding-left: 40px;

	text-align: center;

}

#prodetail .Title .keyword {

	padding: 20px 0 50px;

	color: #fff;

	font-size: 12px;

}

#prodetail .Title .keyword a {

	color: #fff;

	font-size: 12px;

}

#prodetail .Title .keyword a:hover {

	text-decoration: underline;

}

#prodetail .Content {

	max-width: 1080px;

	margin: -60px auto 60px;

	padding: 60px;

}

#prodetail .Content .conbox {

	padding: 40px 0 20px;

}

#prodetail .prevnextbox {

	height: 0;

	max-width: 1200px;

	margin: 0 auto;

}

#prodetail .prevnext {

	float: right;

	margin: -102px 0 auto auto;

	height: 40px;

}

#prodetail .prevnext .p {

	height: 40px;

	padding: 0 20px;

	border-radius: 4px 0 0 0;

	background: #fff;

	font-size: 14px;

	float: left;

	line-height: 40px;

	display: block;

}

#prodetail .prevnext .c {

	height: 40px;

	padding: 0 20px;

	background: #fff;

	font-size: 0;

	float: left;

	margin: 0 2px;

	display: block;

}

#prodetail .prevnext .n {

	height: 40px;

	padding: 0 20px;

	border-radius: 0 4px 0 0;

	background: #fff;

	font-size: 14px;

	float: left;

	line-height: 40px;

	display: block;

}

#prodetail .fenxiang {

	text-align: center;

}

#prodetail .fenxiang .bdsharebuttonbox-span {

	display: inline-block;

	height: 30px;

	line-height: 30px;

	padding-top: 50px;

}

#prodetail .fenxiang .bdsharebuttonbox-span .fl {

	color: #f63633;

}

.bdshare-button-style0-16 .bds_more {

	margin-right: 0 !important;

}

#prodetail .fenxiang .totop {

	padding: 0 30px;

	height: 48px;

	line-height: 48px;

	margin: 20px auto 30px;

	display: inline-block;

	border: 1px solid #f3f3f3;

	border-radius: 28px;

	background: #f5f5f5;

}

#prodetail .fenxiang .totop span {

	display: block;

	float: right;

	font-size: 20px;

	height: 10px;

	overflow: hidden;

	margin: 17px 0 0 5px;

	line-height: 20px;

}

#prodetail .run {

	overflow: hidden;

	position: relative;

}

#prodetail .run .hd {

	width: 20%;

	float: right;    max-height: 630px;

}

#prodetail .run .hd ul li {

	border: 5px solid #ccc;

	height: 140px;

	position: relative;

	margin-bottom: 16px;

	font-size: 0;

}

#prodetail .run .hd ul li img {

	max-width: 100%;

	max-height: 100%;

}

#prodetail .run .hd ul li.on:after {

	display: block;

	content: '';

	width: 0;

	height: 0;

	border-top: 8px solid transparent;

	border-right: 10px solid #ccc;

	border-bottom: 8px solid transparent;

	position: absolute;

	top: 50%;

	margin-top: -5px;

	left: -14px;

}

#prodetail .run .bd {

	position: relative;

	width: 75%;

	z-index: 0;

	border: 1px solid #ddd;

	float: left;

}

#prodetail .run .bd li {

	height: 630px;

	font-size: 0;

}

#prodetail .run .bd img {

	max-height: 100%;

	max-width: 100%;

}

#prodetail .run .prev, #prodetail .run .next {

	width: 10%;

	height: 74px;

	border: 1px solid #ccc;

	bottom: 0;

	right: 0;

	background: #fff;

	font-size: 0;

	display: block;

	z-index: 4;

	position: absolute;

	cursor: pointer;

}

#prodetail .run .prev {

	right: 10%;

	margin-right: 1px;

}

.ui-navigator-wrapper {

	width: 100% !important;

	font-size: 0;

	background: #f6f6f6;

	overflow: hidden;

}

#sideNav {

	font-size: 0;

	text-align: center;

	height: 72px;

	overflow: hidden;

	margin: 0 auto;

	display: table;

	width: auto !important;

}

#sideNav .a1 {

	width: 185px;

	padding: 13px 0;

	line-height: 46px; /*height:46px;*/

	margin-top: -1px;

	display: inline-block;

}

#sideNav .a1 a {

	height: 100%;

	display: block;

	color: #555;

	font-size: 14px;

	padding: 0 15px;

}

#sideNav .a1.lbor a {

	border-left: none;

}

#sideNav .a1.on {

	background: #f63633;

}

#sideNav .a1.on a {

	color: #fff;

	font-weight: 900;

	border-left: none;

}

#sideNav .table {

	display: table;

	margin: 0 auto;

}

#sideNav .tr {

	display: table-cell;

}

#sideNav .a1 {

	display: table-cell;

	white-space: nowrap;

}

#business {

	max-width: 1600px;

	margin: 0 auto;

	padding: 60px 3%;

}

#business .item {

	background: #f6f6f6;

	margin-bottom: 60px;

}

#business .item .img {

	width: 50%;

	height: 360px;

	overflow: hidden;

	font-size: 0;

}

#business .item .img img {

	height: 100%;

}

#business .item .txt {

	width: 44%;

	margin: 30px auto auto 3%;

}

#business .item .txt .n a {

	font-size: 20px;

}

#business .item .txt .p {

	color: #757575;

	font-size: 14px;

	line-height: 30px;

	padding: 20px 0 0;

	height: 150px;

	overflow: hidden;

	margin-bottom: 36px;

}

#business .item .txt .a {

	height: 50px;

	line-height: 50px;

	padding: 0 45px;

	border-radius: 25px;

	color: #fff;

	font-size: 14px;

	background: #f63633;

	float: right;

}

#businessdetail {

	padding: 60px 3%;

	max-width: 1200px;

	margin: 0 auto;

}

#businessdetail .title {

	font-size: 20px;

	text-align: center;

}

#businessdetail .bnav {

	font-size: 14px;

	color: #888;

	text-align: center;

	padding: 10px 0 50px;

}

#businessdetail .bnav a, #businessdetail .bnav span {

	font-size: 14px;

	color: #888;

}

#businessdetail .bor-line {

	padding: 30px 0 0;

}

#businessdetail .bor-line img {

	max-height: 1px;

}

#businessdetail .proname {

	text-align: center;

	padding: 30px 0;

}

#businessdetail .proname .p {

	text-align: center;

	padding: 0 0 30px;

	color: #f63633;

	font-size: 16px;

}

#businessdetail .proname .b {

	padding: 0 36px;

	color: #f63633;

	border: 1px solid #f63633;

	height: 52px;

	line-height: 52px;

	border-radius: 30px;

	font-size: 14px;

	display: inline-block;

}

#contact {

	padding: 60px 3%;

	max-width: 1200px;

	margin: 0 auto;

}

#contact .title-cn {

	font-size: 18px;

	text-align: center;

	font-weight: 900;

}

#contact .title-en {

	font-size: 10px;

	text-align: center;

	color: #777777;

}

#contact .li {

	width: 25%;

	margin: 60px 0;

	float: left;

	text-align: center;

}

#contact .li .txt {

	margin: 30px 0 0;

	font-size: 14px;

	color: #777;

}

#contact .li .txt a {

	font-size: 14px;

	color: #777;

}

#contact .li2 {

	margin-left: 12.5%;

	margin-right: 12.5%;

}

#contact .map {

	height: 360px;

	background: #ccc;

}

#contact .feedback .tit {

	font-size: 20px;

	padding: 60px 0 14px;

	text-align: center;

}

#contact .feedback .p {

	font-size: 14px;

	color: #777;

	padding-bottom: 40px;

	text-align: center;

}

#contact .feedback .redtip {

	color: #f00;

	font-size: 14px;

	padding-bottom: 10px;

}

#contact .feedback .i {

	width: 32%;

	height: 46px;

	margin-left: 2%;

}

#contact .feedback .i div {

	border: 1px solid #ccc;

	height: 100%;

	padding: 2px 10px;

}

#contact .feedback .i.lmar {

	margin-left: 0px;

}

#contact .feedback .i input {

	height: 46px;

	line-height: 46px;

	width: 100%;

	border: none;

	outline: none;

	background: none;

	font-size: 14px;

}

#contact .feedback .t {

	padding: 5px 10px;

	margin-top: 30px;

	border: 1px solid #ccc;

}

#contact .feedback .t textarea {

	height: 270px;

	line-height: 24px;

	width: 100%;

	max-width: 100%;

	border: none;

	outline: none;

	background: none;

	font-size: 14px;

}

#contact .feedback .btn {

	font-size: 14px;

	width: 160px;

	height: 54px;

	line-height: 54px;

	color: #fff;

	display: block;

	margin: 30px auto 60px;

	background: #f63633;

	border-radius: 27px;

	text-align: center;

	cursor: pointer;

}

#contact .feedback .btn span {

	font-family: '宋体';

	padding-left: 8px;

}

#article {

	padding: 60px 3%;

	max-width: 1200px;

	margin: 0 auto;

}

#about {

	padding: 60px 3%;

	max-width: 1200px;

	margin: 0 auto;

}

#about .brief {

	padding: 0 0 30px;

	text-indent: 2rem;

}

#about .brief .t {

	font-size: 16px;

	color: #f63633;

	line-height: 30px;

}

#about .brief .t * {

	font-size: 16px !important;

	color: #f63633 !important;

}

#about .brief .i {

	float: right;

	margin-left: 3%;

}

#about .conbox {

}

#about .bor-line {

	padding: 30px 0;

}

#info {

	max-width: 1200px;

	margin: 0 auto;

	padding: 60px 3%;

}

#info.pad1 {

	padding-top: 0;

	padding-bottom: 0;

}

#info .item {

	width: 48.3%;

	margin-bottom: 50px;

	overflow: hidden;

}

#info .item .img {

	padding-bottom: 30px;

}

#info .item .img img {

	width: 100%;

}

#info .item .box {

}

#info .item .data {

	height: 145px;

	padding-right: 6%;

	float: left;

}

#info .item .data .d {

	font-size: 26px;

	color: #333;

}

#info .item .data .y {

	font-size: 12px;

	padding-left: 1px;

}

#info .item .text {

	width: 71%;

	padding-left: 6%;

	float: left;

	border-left: 1px solid #ddd;

}

#info .item .text .n {

	font-size: 14px;

	font-weight: 900;

}

#info .item .text .p {

	font-size: 14px;

	color: #333;

	min-height: 56px;

	padding: 9px 0 18px;

}

#info .item .text .b {

}

#technology {

	padding: 60px 2%;

	max-width: 1600px;

	text-align: center;

	font-size: 0;

}

#technology .item {

	width: 25%;

	float: left;

	overflow: hidden;

	position: relative;

}

#technology .item.w {

	width: 50%;

}

#technology .item .box {

	margin: 0 20px 40px;

	background: #f4f4f4;

	overflow: hidden;

}

#technology .item .img {

	background: #e9e9e9;

	height: 400px;

	text-align: center;

	position: relative;

	width: 1000px;

	margin-left: -500px;

	left: 50%;

}

#technology .item .img img {

	height: 100%;

}

#technology .item.h .img {

	width: auto;

	height: auto;

	margin-left: 0;

	left: 0;

}

#technology .item.h .img img {

	width: 100%;

}

#technology .item .txt {

	padding: 22px 30px;

	text-align: left;

}

#technology .item .txt .n a {

	font-size: 16px;

}

#technology .item .txt .p {

	font-size: 14px;

	color: #666;

}

#footer {

	background: #7bc2bc;

	padding: 0 3%;

	overflow: hidden;

}

#footer .links {

	max-width: 1200px;

	margin: 0 auto;

	padding: 20px 0;

	border-bottom: 1px solid #479fa0;

}

#footer .linksbox {

	width: 100%;

	display: table;

}

#footer .links .box {

	display: table-cell;

	line-height: 28px;

}

#footer .links .box .td1 {

	display: table-cell;

	width: 1%;

	white-space: nowrap;

	vertical-align: top;

 

	font-size: 14px;

}

#footer .links .box .td2 {

	display: table-cell;

}

#footer .links .box .td2 a {

	color: #009aea;

	font-size: 14px;

	display: inline-block;

}

#footer .links .box .td2 a:hover {

	text-decoration: underline;

}

#footer .links .box .td2 span {

	color: #009aea;

	font-size: 14px;

	display: inline-block;

	margin: 0 6px;

}

#footer .nav {

	max-width: 1200px;

	width: 100%;

	margin: 0 auto;

	display: table;

}

#footer .nav .li {

	padding: 60px 0;

	display: table-cell;

	white-space: nowrap;

}

#footer .nav .li .a1 {

	font-size: 18px;

	color: #fff;

	margin-bottom: 20px;

	display: block;

}

#footer .nav .li .a2 {

	font-size: 14px;

	color: #fff;

	line-height: 30px;

	display: block;

}

#footer .nav .li .a2:hover {

	text-decoration: underline;

}

#footer .nav .w1 {

	width: 15%;

}

#footer .nav .w2 {

	width: 15%;

}

#footer .nav .w3 {

	width: 22%;

}

#footer .nav .w4 {

	width: 23%;

}

#footer .nav .w5 {

	width: 25%;

}

#copyright {

	background: #479fa0;

	padding: 20px 0;

	text-align: center;

	color: #333;

	font-size: 14px;

	line-height: 40px;

}

#copyright a {

	color: #009aea;

	font-size: 14px;

}

#tip .bg1 {

	position: fixed;

	background: #333;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	opacity: 0.5;

	filter: alpha(opacity=50);

	z-index: 888;

}

#tip .bd1 {

	width: 1240px;

	background: #fff;

	position: fixed;

	left: 50%;

	margin-left: -620px;

	top: 10%;

	bottom: 10%;

	z-index: 889;

	overflow: auto;

}

#tip .bd1 .close {

	position: absolute;

	height: 37px;

	width: 37px;

	cursor: pointer;

	display: block;

	top: 22px;

	right: 22px;

	background: url('../img/10.png') center no-repeat;

}

#tip .bd2 {

	width: 1230px;

	background: #fff;

	position: fixed;

	left: 50%;

	margin-left: -620px;

	top: 6%;

	bottom: 10%;

	z-index: 889;

	border: 5px solid #555;

}

#tip .bd2 iframe {

	height: 100%;

	width: 100%;

}

#tip .bd2 .close {

	position: absolute;

	height: 37px;

	width: 37px;

	cursor: pointer;

	display: block;

	top: 22px;

	right: 22px;

	background: url('../img/10.png') center no-repeat #fff;

	z-index: 9999999;

}

#tip .bd3 {

	width: 260px;

	height: 110px;

	padding: 20px;

	background: #fff;

	position: fixed;

	left: 50%;

	margin-left: -153px;

	top: 40%;

	margin-top: -100px;

	z-index: 889;

	border: 3px solid #555;

	border-radius: 3px;

	font-size: 13px;

}

#alert1 {

	min-width: 120px;

	background: #0bad41;

	padding: 10px;

	position: absolute;

	border-radius: 3px;

	text-align: left;

	left: 100%;

	margin-left: 12px;

	top: 1px;

	color: #fff;

	font-size: 12px;

	line-height: 18px;

}

#alert1 i {

	height: 0;

	width: 0;

	border-width: 4px 7px 4px 0;

	border-color: transparent #0bad41 transparent transparent;

	border-style: solid;

	display: block;

	position: absolute;

	top: 5px;

	left: -7px;

}

/*#alert1 s{ display:block; height:10px; width:10px; text-align:center; line-height:10px; background:#fff; border-radius:3px; position:absolute; top:1px; right:1px; text-decoration:none; cursor:pointer; color:#666; }

#alert1 s:before{ content:'x'; }*/



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

.list019 {

	line-height: 40px;

	text-align: right;

	padding: 0 50px;

}

.list020 {

	margin: 5px 0;

	padding: 0px 50px;

	line-height: 30px;

}

.list020 h2 {

	background: url(../img/linebg-02.png) center repeat-x;

	border-left: 5px solid #f31e73;

}

.list020 h2 b {

	color: #f31e73;

	font-size: 17px;

	background: #fff;

	font-weight: 100;

	padding: 0 20px;

	display: inline-block;

	line-height: 24px;

	min-width: 60px;

}

.list020 h3 {

	padding-top: 10px;

	border-top: 1px solid #ccc;

	height: 30px;

}

.list020 h3 a {

	color: #52b3a2;

	font-size: 16px;

}

.list020 a {

	color: #333;

	margin-left: 27px;

	margin-right: 20px;

	display: inline-block;

	float: left;

	font-size: 14px;

	line-height: 36px;

}

.list020 a:hover {

}

.abc h2 {

	padding: 5px 20px;

}

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



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

#TOTOP {

	height: 50px;

	width: 50px;

	background: #c9c9c9;

	border-radius: 50%;

	line-height: 50px;

	text-align: center;

	position: fixed;

	bottom: 20px;

	right: 20px;

	cursor: pointer;

	z-index: 799;

}

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





@media screen and (orientation:landscape) {

}

/* 竖屏 */

@media screen and (orientation:portrait) {

}

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

#header .phone {

	display: block;

	position: static;

}

}

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

#header .phone {

	display: block;

	position: absolute;

	right: 1%;

	top: 0;

	z-index: 1;

}

#header .phone .i {

	height: 40px;

}

#header .phone .t {

	line-height: 41px;

}

#header .phone .n {

	line-height: 41px;

}

#indexpro .t1 {

	font-size: 20px;

}

#indexpro .t2 {

	font-size: 12px;

	padding: 26px 0;

}

#indexpro .t3 img {

	width: 120px;

}

}

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

#technology .item .box {

	margin: 0 10px 20px;

}

}

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

}

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

#header .phone {

	display: none;

}

#header .logo {

	width: 100%;

	text-align: center;

}

#header .search {

	height: 40px;

	padding-bottom: 15px;

}

#header .nav {

	height: 40px;

	float: left;

	padding-bottom: 15px;

}

#header .nav .li .a1 {

	line-height: 40px;

}

#header .nav .li.first {

	margin-left: 0;

}

#technology .item {

	width: 33.3%;

}

#technology .item.w {

	width: 66.6%;

}

#technology .item .txt {

	padding: 18px 24px;

}

}

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

.hide-1200 {

	display: none;

}

.show-1200 {

	display: inherit;

}

#info .item .data .d {

	font-size: 23px;

}

#product .item .img {

	width: 50%;

}

#product .item .txt {

	width: 42%;

}

#prodetail .Title .wrap {

	padding: 0 3%;

}

#prodetail .Title {

	text-align: center;

}

#prodetail .Title ul,  #prodetail .Title ul li {

	display: block;

	white-space: normal;

	width: 100%;

}

#prodetail .Title .name {

	width: 100%;

}

#prodetail .Title .name h1 {

	width: 100%;

	max-width: 100%;

	text-overflow: none;

	white-space: normal;

}

#prodetail .Title .i i {

	display: none;

}

#prodetail .Title .date {

	padding-top: 20px;

	width: 100%;

}

#prodetail .Content {

	padding: 30px 3%;

	margin-top: 0;

}

/*#prodetail .prevnextbox{ text-align:center; }*/

#prodetail .prevnext {

	margin: -42px 2px auto auto;

}

#prodetail .prevnext .n {

	border-radius: 0;

}

}

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

}

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

.show-1000 {

	display: block;

}

.hide-1000 {

	display: none;

}

#header {

	z-index: 888;

}

#header .logo {

	width: auto;

}

#header .search {

	height: 110px;

	padding-bottom: 0;

}

#header .menu {

	float: right;

	margin: 44px 0 0 30px;

}

#header .menu span {

	width: 36px;

	border-top: 2px solid #000;

	display: block;

}

#header .menu span:before,  #header .menu span:after {

	height: 2px;

	background: #000;

	margin-top: 9px;

	content: '';

	width: 100%;

	display: block;

}

#header .navBg {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 888;

	display: none;

}

#header .nav {

	width: 60%;

	position: fixed;

	top: 0;

	bottom: 0;

	left: -60%;

	height: auto;

	background: #f4f4f4;

	z-index: 889;

	padding-top: 50px;

}

#header .nav .li {

	width: auto;

	height: auto;

	float: none;

	text-align: left;

	margin-left: 0;

}

#header .nav .li .a1 {

	line-height: 40px;

	padding: 0 5%;

}

#header .nav .li:hover .sub {

	display: none;

}

#info .item {

	width: 100%;

}

#product .item {

	width: 100%;

}

#contact .li {

	width: 32%;

}

#contact .li2 {

	margin-left: 2%;

	margin-right: 2%;

}

}

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

}

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

}

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

.hide-767 {

	display: none;

}

.show-767 {

	display: inherit;

}

.conbox {

	line-height: 2rem;

	font-size: 1.2rem;

}

.conbox * {

	font-size: 1.2rem !important;

}

#header {

	padding: 0 3%;

}

#header .logo {

	height: 6rem;

}

#header .logo img {

	max-height: 70%;

}

#header .search {

	height: 6rem;

	position: static;

}

#header .search img {

	max-height: 17px;

	height: 1.0625rem;

}

#header .search form {

	left: 0;

	right: 0;

	width: auto;

	padding: 1.8rem 3%;

}

#header .search form .s {

	right: 3%;

	top: 1.8rem;

	bottom: 1.8rem;

}

#header .search form .i {

	width: 100%;

}

#header .menu {

	margin-top: 2rem;

	margin-left: 2.5rem;

}

#header .menu span {

	width: 3rem;

}

#header .menu span:before,  #header .menu span:after {

	margin-top: 0.8rem;

}

#banner .prev img,  #banner .next img {

	max-height: 20px;

	height: 1.25rem;

}

#gy301 {

	padding: 3rem 3% 1rem;

}

#gy301 .n {

	text-align: center;

}

#gy301 .n div {

	font-size: 1.5rem;

	line-height: 2rem; /*display:inline;*/

}

#gy301 .p {

	padding: 1.8rem 0;

}

#gy301 .p div {

	font-size: 1.2rem;

	line-height: 1.7rem; /*display:inline;*/

}

#gy301 .b {

	padding: 1rem 0 3rem;

}

#gy301 .b img {

	max-height: 50px;

	height: 3.125rem;

}

#gy301 .i img {

	max-height: 19px;

	height: 1.1875rem;

	width: auto;

}

#indexbusiness .item {

	padding-bottom: 2rem; /*width:33.3%;*/

}

#indexbusiness .item .cn {

	font-size: 1rem;

	padding-top: 1rem;

}

#indexbusiness .item .en {

	font-size: 0.5rem;

	white-space: nowrap;

	display: none;

}

#indexbusiness .item .i2 {

	display: inline-block !important;

}

#indexbusiness .item .i1 {

	display: none !important;

}

#indextit {

	padding: 1.8rem 0;

}

#indextit h3 {

	font-size: 1.875rem;

}

#indextit p {

	padding-top: 0.5625rem;

	font-size: 0.75rem;

}

#indexcontact .txt .cn .t {

	padding: 1.8rem 0 1.25rem;

}

#indexcontact .txt .cn .t h3 {

	font-size: 1.875rem;

}

#indexcontact .txt .cn .t p {

	padding-top: 0.5625rem;

	font-size: 1rem;

}

#indexcontact .txt .cn .n {

	padding: 1.25rem 0;

}

#indexcontact .txt .cn .n s {

	margin: 1rem auto;

}

#indexcontact .txt .cn .n div {

	font-size: 1.3rem;

}

#indexcontact .txt .cn .n p {

	font-size: 1.1rem;

	line-height: 1.625rem;

}

#indexcontact .txt .cn .n p a {

	font-size: 1.1rem;

}

#indexcontact .txt .cn .n span {

	font-size: 1.125rem;

	margin: 0.5625rem auto;

}

#indexcontact .map img {

	height: 100%;

}

#indexpro .t1 {

	font-size: 1.3rem;

}

#indexpro .t2 {

	font-size: 0.9rem;

	padding: 1rem 0 1.2rem;

}

#indexpro .t3 img {

	max-height: 41px;

	height: 2.5rem;

	width: auto;

}

#indexpro .i1 {

	width: 50%;

	margin-left: 0;

}

#indexpro .i2 {

	width: 50%;

}

#indexpro .i3 {

	width: 50%;

}

#indexpro .i4 {

	width: 100%;

	margin-left: 0;

}

#indexbusiness .item {

	width: 50%;

}

#indexbusiness .item .cn {

font-size: .8rem;

}

#sideNav {

	height: auto;

}

#sideNav .a1 {

	padding: 1rem 0;

	line-height: 2.875rem;

	margin-top: -1px;

}

#sideNav .a1 a {

	height: 100%;

	font-size: 1.2rem;

	padding: 0 1.2rem;

}

#sideNav .a1.on a {

	font-weight: normal;

}

#info .item {

	margin-bottom: 3rem;

}

#info .item .img {

	padding-bottom: 1.8rem;

}

#info .item .data {

	height: 9.0625rem;

}

#info .item .data .d {

	font-size: 1.4rem;

	padding-top: 2px;

}

#info .item .data .y {

	font-size: 0.75rem;

}

#info .item .text {

	border-color: #f4f4f4;

}

#info .item .text .n {

	font-weight: normal;

}

#info .item .text .n a {

	font-size: 1.2rem;

}

#info .item .text .p {

	font-size: 1rem;

	padding: 0.5625rem 0 1rem;

	min-height: inherit;

}

#info .item .text .b img {

	max-height: 40px;

	height: 2.5rem;

}

#about .brief .i {

	display: block;

	float: none;

	margin-left: 0;

}

#about .brief .t {

	font-size: 1.2rem;

	display: block;

	padding-top: 1.2rem;

	text-indent: 2rem;

	line-height: 1.875rem;

}

#contact {

	padding: 3.5rem 0;

}

#contact .title-cn {

	font-size: 1.6rem;

	font-weight: normal;

}

#contact .title-en {

	font-size: 0.8rem;

	padding-top: 4px;

}

#contact .feedback .tit {

	font-size: 1.6rem;

	padding: 3.75rem 0 1rem;

}

#contact .feedback .p {

	font-size: 1.2rem;

	padding-bottom: 2.5rem;

}

#contact .feedback .redtip {

	font-size: 1.2rem;

	padding-bottom: 0.8rem;

}

#contact .li {

	margin: 2rem 0 2rem;

	width: 33%;

}

#contact .li .txt {

	font-size: 0.85rem;

	margin: 1.5rem 5px;

}

#contact .li .txt a {

	font-size: 0.85rem

}

#contact .li img {

	max-height: 100px;

	height: 6.25rem;

}

#contact .li2 {

	margin-left: 0.5%;

	margin-right: 0.5%;

}

#contact .map {

	height: 34rem;

}

#contact .feedback {

	margin: 0 3%;

}

#contact .feedback .btn {

	font-size: 1.2rem;

	width: 10rem;

	height: 3.375rem;

	line-height: 3.375rem;

	margin: 1.8rem auto 3.75rem;

	border-radius: 1.6875rem;

}

#contact .feedback .btn span {

	padding-left: 0.5rem;

}

#business {

	padding: 3.5rem 3%;

}

#business .item {

	margin-bottom: 3.5rem;

}

#business .item .img {

	width: 100%;

	height: auto;

}

#business .item .img img {

	width: 100%;

}

#business .item .txt {

	width: 94%;

	margin: 1.8rem 3%;

}

#business .item .txt .n a {

	font-size: 1.6rem;

}

#business .item .txt .p {

	height: auto;

	font-size: 1.2rem;

	line-height: 1.8rem;

	padding-top: 1.25rem;

	margin-bottom: 2rem;

}

#business .item .txt .a {

	height: 3.125rem;

	line-height: 3.125rem;

	padding: 0 2.8125rem;

	border-radius: 1.5625rem;

	font-size: 1.2rem;

	float: left;

}

#businessdetail {

	padding-top: 3.5rem;

	padding-bottom: 3.5rem;

}

#businessdetail .title {

	font-size: 1.6rem;

}

#businessdetail .bnav {

	font-size: 1.2rem;

	padding: 1rem 0 3rem;

}

#businessdetail .bnav a, #businessdetail .bnav span {

	font-size: 1.2rem

}

#businessdetail .proname .p {

	font-size: 1.6rem;

	padding-bottom: 2rem;

}

#businessdetail .proname .b {

	padding: 0 2rem;

	height: 3.25rem;

	line-height: 3.25rem;

	border-radius: 1.8rem;

	font-size: 1.2rem;

}

#technology .item {

	width: 50%;

}

#technology .item.w {

	width: 100%;

}

#technology .item .img {

	height: auto;

	width: auto;

	left: 0;

	margin-left: 0;

}

#technology .item .img img {

	width: 100%;

}

#technology .item .txt {

	padding: 1.125rem 1.5rem;

}

#technology .item .txt .n a {

	font-size: 1.2rem;

}

#technology .item .txt .p {

	font-size: 1rem;

	padding-top: 2px;

}

#prodetail .Title {

	height: 19rem;

	padding-top: 6rem;

	text-align: center;

}

#prodetail .Title .name h1 {

	font-size: 1.6rem;

	font-weight: normal;

}

#prodetail .Title .date {

	font-size: 1.2rem;

	padding-top: 1.25rem;

	width: 100%;

}

#prodetail .Title .date .btn {

	height: 3.25rem;

	width: 9rem;

	padding-left: 0;/*width:7.5rem;padding-left:2.5rem;*/

	line-height: 3.25rem;

	font-size: 1.2rem;

	margin: 0 auto;

	background: #fff;

	border-radius: 3rem;

}

#prodetail .Title .keyword {

	padding: 1.25rem 0 3.125rem;

	font-size: 1rem;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

#prodetail .Title .keyword a {

	font-size: 1rem;

}

#prodetail .Title .down {

	max-height: 27px;

	height: 1.6875rem;

}

#prodetail .fenxiang .bdsharebuttonbox-span {

	padding-top: 1rem;

}

#prodetail .fenxiang .bdsharebuttonbox-span .fl {

	font-size: 1rem;

}

#prodetail .fenxiang .totop {

	padding: 0 3rem;

	height: 3rem;

	line-height: 3rem;

	margin: 1.2rem auto 1.8rem;

	border-radius: 1.6rem;

	font-size: 1.2rem;

}

#prodetail .fenxiang .totop span {

	display: none;

}

#prodetail .Content {

	padding-top: 0;

	padding-bottom: 2rem;

}

#prodetail .Content .conbox {

	padding: 1.8rem 0 1.8rem;

}

#prodetail .prevnext {

	position: relative;

	margin: -2.5rem 2px auto auto;

	top: -2px;

	height: 2.5rem;

}

#prodetail .prevnext .p {

	height: 2.5rem;

	padding: 0 1rem;

	font-size: 1rem;

	line-height: 2.7rem;

}

#prodetail .prevnext .c {

	height: 2.5rem;

	padding: 0 1rem;

}

#prodetail .prevnext .c img {

	max-height: 13px;

	height: 0.8125rem;

}

#prodetail .prevnext .n {

	height: 2.5rem;

	padding: 0 1rem;

	font-size: 1rem;

	line-height: 2.7rem;

}

#prodetail .run .hd {

	width: 100%;

	float: none;

	padding-bottom: 3rem; /*position:absolute; left:0; bottom:3rem;*/

	text-align: center;

}

#prodetail .run .hd ul li {

	border: none;

	height: 1rem;

	width: 1rem;

	background: #ccc;

	display: inline-block;

	margin: 0 3px;

	border-radius: 50%;

}

#prodetail .run .hd ul li img {

	display: none;

}

#prodetail .run .hd ul li.on {

	background: #f63633;

}

#prodetail .run .hd ul li.on:after {

	display: none;

}

#prodetail .run .bd {

	position: relative;

	width: 100%;

	border: none;

	float: none;

	padding-top: 2rem;

}

#prodetail .run .bd li {

	height: 39.375rem;

	font-size: 0;

}

#prodetail .run .prev,  #prodetail .run .next {

	display: none;

}

#keyword {

	padding: 3.5rem 3% 0;

	font-size: 1.2rem;

}

#keyword span {

	font-size: 1.2rem;

}

#keyword font {

	font-size: 1.2rem;

}

#product {

	padding: 3.5rem 3%;

}

#product .item {

	margin-bottom: 3.5rem;

}

#product .item .img {

	height: 21.875rem;

}

#product .item .txt .n {

	padding: 2rem 0 1.25rem;

}

#product .item .txt .n a {

	font-size: 1.25rem;

	font-weight: normal;

}

#product .item .txt .p {

	font-size: 1rem;

	line-height: 1.6rem;

	min-height: 13.125rem;

}

#product .item .txt .a {

	font-size: 1rem;

}

#product .item .txt .a span {

	font-size: 1rem;

}

#footer .links {

	padding: 1.25rem 0;

	border-color: #049b26;

}

#footer .links .box .td1 {

	font-size: 1.1rem;

	line-height: 1.75rem;

}

#footer .links .box .td2 {

	font-size: 1.1rem;

	line-height: 1.75rem;

}

#footer .links .box .td2 span {

	font-size: 1.1rem;

}

#footer .links .box .td2 a {

	font-size: 1.1rem;

}

#footer .nav {

	padding: 10px 0;

}

#footer .nav .li {

	display: block;

	width: 100%;

	padding: 10px 0;

	white-space: normal;

}

#footer .nav .li .a1 {

	margin-bottom: 5px;

	font-size: 1.4rem;

}

#footer .nav .li .a2 {

	display: inline-block;

	margin-right: 1.625rem;

	font-size: 1.1rem;

	line-height: 1.875rem;

}

#copyright {

	padding: 1.6rem 0;

	font-size: 1rem;

	line-height: inherit;

	text-align: left;

	padding-left: 3%;

}

#turn_page {

	padding: 1.8rem 0;

}

#turn_page * {

	font-size: 1.1rem;

	margin: 0 3px;

	height: 2.6rem;

	width: 2.6rem;

	line-height: 2.6rem;

}

#turn_page .page_button {

	padding: 0 1.2rem;

	width: auto;

	display: none;

}

}

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

#header .menu {

	margin-top: 2.165rem;

}

#header .menu span {

	border-width: 1px;

}

#header .menu span:before,  #header .menu span:after {

	height: 1px;

}

#indexcontact .txt {

	max-width: 100%;

	margin: 0;

	padding: 1.25rem 0;

}

#contact .feedback .i {

	width: 100%;

	height: 2.875rem;

	margin-left: 0;

	margin-bottom: 1.8rem;

}

#contact .feedback .i div {

	padding: 2px 0.7rem;

}

#contact .feedback .i input {

	height: 2.875rem;

	line-height: 2.875rem;

	font-size: 1.2rem;

}

#contact .feedback .t {

	padding: 5px 0.7rem;

	margin-top: 0;

}

#contact .feedback .t textarea {

	height: 16.875rem;

	line-height: 1.8rem;

	font-size: 1.2rem;

}

}

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

#indexpro .i1 {

	width: 100%;

}

#indexpro .i2 {

	width: 100%;

}

#indexpro .i2 .w {

	float: right;

}

#indexpro .i2 .table {

	right: auto;

	left: 4%;

	text-align: left;

}

#indexpro .i3 {

	width: 100%;

}

#indexpro .i3 .w {

	width: 70%;

}

#indexpro .i4 {

	width: 100%;

}

#indexpro .i4 .w {

	float: right;

}

#indexpro .i4 .table {

	right: auto;

	left: 4%;

	text-align: left;

}

#indexpro .i4 .t {

	text-align: left;

}

}

/* windows UI 贴靠 */

@media screen and (-ms-view-state:snapped) {

}

/* 打印 */

@media print {

}

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



.pages {

	float: left;

	width: 100%;

	margin: 30px 0 0 0;

	font-size: 14px;

	text-align: center;

}

.pages li {

	display: inline-block;

}

.pages a {

	display: block;

	line-height: 22px;

	font-size: 14px;

	color: #999;

	padding: 0 8px;

	border-radius: 11px;

	margin: 0 7px;

}

.pages a:hover {

	background: #ffa800;

	color: #fff;

}

.pages li.active a {

	background: #ffa800;

	color: #fff;

}

