﻿*html {
	background-image:url(about:blank);
	background-attachment:fixed;
}
body {
	font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","Hiragino Sans GB","Hiragino Kaku Gothic Pro",sans-serif;
	font-size:13px;
	margin:0;
	color:#333;
}
table,tr,td,img,p{max-width:100%;}
div,img,p,ul,li,ol,h1,h2,h3,h4,h5,h6 {
	margin:0px;
	padding:0px;
}
ul,li {
	list-style:none
}
.clear {
	clear:both;
	display:block;
}
a {
	cursor:pointer;
	text-decoration:none;
	color:#000;
	transition:0.4s ease-out;
	-webkit-transition:0.4s ease-out;
	-moz-transition:0.4s ease-out;
	-o-transition:0.4s ease-out;
}
a:hover {
	color:#1384D0;
}
.clear {
	clear:both;
}
.toubumn {height:30px;line-height:30px;}
.width {
	width:100%;
}
.width22 {
	width:22.222222222%
}
.width33 {
	width:33.333333333%
}
.width50 {
	width:50%
}
.width66 {
	width:66.666666666%
}
.width77 {
	width:77.777777777%
}
.width88 {
	width:88.888888888%;
	max-width:1200px;
}
.width95 {
	width:95%
}
.width97 {
	width:97%
}
.width98 {
	width:98%
}
.width-auto {
	width:auto;
}
.align-center {
	align:center;
}
.align-left {
	align:left;
}
.align-right {
	align:right;
}
.text-center {
	text-align:center;
}
.text-right {
	text-align:right;
}
.text-left {
	text-align:left;
}
.div-center {
	margin:0 auto;overflow: hidden;
}
.fl-left {
	float:left
}
.fl-right {
	float:right
}
.height {
	height:auto;
}
.height35 {
	height:35px;
}
.height50 {
	height:50px;
}
.height80 {
	height:80px;
}
.height130 {
	height:130px;
}
.height140 {
	height:140px;
}
.height150 {
	height:150px;
}
.height180 {
	height:180px;
}
.height230 {
	height:230px;
}
.height280 {
	height:280px;
}
.height380 {
	height:380px;
}
.height1050 {
	height:1120px;
}
.max-h {
	height:1279px;
}
.m-center {
	margin:0 auto;
}
.pad-10 {
	padding:10px;
}
.pad--b-10 {
	padding-bottom:10px;
}
.pad-10 i {
	margin:0 10px 0 15px;
	font-size:10px;
}
.pad-top100 {
	padding-top:100px;
}
.pad-top200 {
	padding-top:200px;
}
.mar-t-20 {
	margin-top:20px;
}
.mar-t-10 {
	margin-top:10px;
}
.mar-r-0 {
	margin-right:0px !important;
}
.mar-b-10 {
	margin-bottom:10px;
}
.mar-5 {
	margin:5px;
}
.mar-10 {
	margin:10px;
}
.mar-10 i {
	margin:0 10px 0 15px;
	font-size:10px;
}
.dis-in-b {
	display:inline-block;
}
.back-color {
	background-color:#FFF;
}
.back-color0 {
	background-color:#94a9d7;
}
.back-color1 {
	background-color:#94d7a4;
}
.back-color2 {
	background-color:#f3f3f3;
}
.color-fff {
	color:#fff;
}
.index1000 {
	z-index:1000;
}
.index-1 {
	z-index:-1;
}
.index-2 {
	z-index:-2;
}
.index2 {
	z-index:2;
}
.po-ab {
	position:absolute;
	top:0px;
}
.po-re {
	position:relative;
}
.touming {
	filter:alpha(opacity=70);
	opacity:0.7;
}
.fa-star {
	color:#FFCC33;
}
}.dhyy {
	border-bottom:1px solid #b4b4b4;
	background-color:#e5e5e5;
}
.parents {
	display:block;
	height:auto;
	overflow:auto;
}
.height-auto-div {
	min-height:380;
	height:auto;
}
.xsdiv2 {
	position:absolute;
	display:block;
	border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
}
.xsdiv1 {
	display:inline-block;
	float:left;
	text-align:right;
}
.nrbf {
	display:inline-block;
	border:1px solid #d9d9d9;
	background-color:#f8f8f8;
}
#top-nav {
	background:#0099FF
}
ul#dh {
	height:50px;
	line-height:50px;
}
ul#dh li {
	display:inline-block;
	float:left;
	height:50px;
	line-height:50px;
	padding:0px 18px;
	text-align:center;
}
ul#dh li a {
	color:#FFFFFF;
	display:inline-block;
	height:50px;
	line-height:50px;
	width:100%;
	font-size:16px;
}
ul#dh li i {
	margin-right:6px;
}
ul#dh li:hover,ul#dh li.hover {
	background-color:#1384D0;
}
ul#dh li:hover a,ul#dh li.hover a {
	color:#fff;
	font-size:16px;
}
ul#dh li:hover i,ul#dh li.hover i {
	color:#fff;
}
.ys {
	display:inline-block;
	width:16px;
	height:16px;margin-left: 12px !important;padding: 0px !important;text-indent: -2000px;
}
.write {
	background:#ddd !important;
}
.red {
	background:#f00 !important;
        color:#f00 !important;
}
.font-yellow {
	color:#ff0 !important;
}
.font-green {
	color:#2cf52a !important;
}
.font-red {
	color:#f00 !important;
}
.black {
	background:#000 !important;
}
.blue {
	background:#3366CC !important;
}
.green {
	background:#339933 !important;
}
.range {
	background:#FF9900 !important;
}
.yellow {
	background:#FFFF00 !important;
}
.pink {
	background:#FF9999 !important;
}
.ching {
	background:#99FFFF !important;
}
.purple {
	background:#CC00CC !important;
}
.productselsect {
	display:block;
	width:100%;
	height:auto;
	line-height:30px;
}
.productselsect li {
	display:inline-block;
	float:left;
	height:30px;
	line-height:30px;
	padding:0px 20px;
	color:#000;
	text-align:center;
	cursor:pointer;
}
.productselsect li:hover {
	color:#0099FF;
}
.productselsect li.thefirst {
	color:#0099FF;
}
.productselsect li.thefirst i {
	color:#0099FF;
	line-height:30px;
	margin-right:4px;
}
.productselsect li.active {
	background:#0099FF;
	color:#fff;
	padding:0px 11.5px;
}
.productselsect li.active:before {
	content:"\f046  ";
	color:#A00E07;
	font:normal normal normal 14px/30px FontAwesome;
}
.product {
	}
.product li {
	position:relative;
	width:23%;
	height:350px;
	float:left;
	overflow:hidden;
	margin:0px 1% 15px 0px;
	border:5px #F3F3F3 solid;
}

.product li .listgoing {
	position: absolute;padding:0px 6px;height:30px;line-height:30px;font-size:12px;background:#FF5722;color: #ffffff; top: 30px; cursor: pointer;display:none;
}
.product li:hover .listgoing {
	display:block;
}
.product li .listgoing i {
	margin-right:3px;
}
.product li.mar-r-0 {
	margin-right:0px;
}
.product li img {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:auto;
	min-height:350px;
}
.product li p {
	display:none;
	position:absolute;
	width:100%;
	height:30px;
	line-height:35px;
	bottom:0px;
	left:0px;
	background:#0099FF;
	color:#fff;
	text-align:center;
}
.product li:hover {
	border:5px #0099FF solid;
}
.product li:hover p {
	display:block;
}
.morepro{display:block;line-height: 60px;width: 100%;margin:0px auto;text-align: center;background: #ddd;color: #09f;font-size: 22px;
animation:mytips 1.2s;
}
.morepro:hover{font-size: 20px;}
@keyframes mytips
{
0%   {font-size:16px;}
30%  {font-size:24px;}
60%  {font-size:16px;}
100% {font-size:22px;}
}

.sectitle {
	border-bottom:1px #626262 solid;
	padding-bottom:10px
}
.sectitle i {
	margin-right:6px;
}
.nrbf .article {
	width:100%;
	height:100%;
	overflow:hidden;
}
.nrbf .article li {
	width:100%;
	height:33px;
	line-height:33px;
}
.nrbf .article li i {
	width:5%;
	margin-right:10px;
	font-size:7px;
}
.nrbf .article li a {
	display:inline-block;
	width:95%;
	height:33px;
	line-height:33px;
	color:#626262;
	font-size:14px;
	margin-left:10px;
	overflow:hidden;
}
.nrbf:hover {
	background-color:#f0f0f0;
}
.nrbf .article li:hover {
	background-color:#626262;
	padding-left:10px;
}
.nrbf .article li:hover a {
	color:#fff;
}
.nrbf .article li:hover i {
	font-size:10px;
}
.bottom {
	border-top:1px solid #b4b4b4;
	background-color:#e5e5e5;
}
.dibu {
	display:inline-block;
	border-top:1px solid #dedede;
}
ul.dbul {
	display:block;
	height:20px;
	margin:20px auto 0 auto;
	overflow:hidden;
}
ul.dbul li {
	display:inline-block;
	float:left;
	height:20px;
	line-height:20px;
	padding:0px 8px;
	text-align:center;
	border-right:1px #C3C3C3 solid;
}
ul.dbul li:last-child {
	border-right:0px;
}
ul.dbul li:hover a {
	color:#414141;
	font-size:14px;
}
ul.dbul li a {
	width:100%;
	font-size:13.5px;
	color:#646464;
}
.dbdiv {
	display:block;
	margin:5px auto;
	font-size:13px;
}
.dbdiv p {
	line-height:30px;
	color:#7d7d7d;
}
.atu {
	display:block;
	margin-top:20px;
	width:142px;
	height:142px;
}
hr {
	border:none;
	border-top:1px solid #cecece;
	height:0;
	margin:15px auto;
}
.logo {
	display:inline-block;
	width:500px;
	height:80px;
	float:left;
	margin-top:0px;
}
.logo a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	text-indent:-2000px;
}

    .swiper-container {
      width: 100%;
      height: auto;
    }
    .swiper-slide {
      width: 100%;
      height: auto;
      font-size: 18px;
      background: #fff;
    }
    .swiper-slide img {
      width: 100%;
      height: auto;
    }
.position {
	border-bottom:1px solid #d9d9d9;
	background-color:#f8f8f8;
	color:#1384D0;
	font-size:16px;
}
.position a {
	height:40px;
	line-height:40px;
	color:#1384D0;
}
.position span {
	height:40px;
	line-height:40px;
	display:inline-block;
	float:right;
}
.newslist-l {
	display:inline-block;
	border:1px solid #d9d9d9;
	background-color:#f8f8f8;
}
.newslist-l .article {
	width:100%;
	height:100%;
	overflow:hidden;
}
.newslist-l .article li {
	width:100%;
	height:100px;
	display-block;
	border-top:1px solid #f8f8f8;
	border-bottom:1px solid #f8f8f8;
}
.newslist-l .article h5 {
	dispaly:block;
	width:100%;
	font-size:14px;
	height:35px;
	line-height:35px;
	color:#545454;
}
.newslist-l .article li h5 i {
	dispaly:inline-block;
	width:15px;
	height:35px;
	line-height:35px;
	margin-left:10px;
}
.newslist-l .article li h5 a {
	dispaly:inline-block;
	width:auto;
	height:35px;
	line-height:35px;
	color:#545454;
	margin-left:10px;
}
.newslist-l .article li h5 span {
	dispaly:inline-block;
	width:auto;
	height:35px;
	line-height:35px;
	float:right;
	margin-right:10px;
	color:#878787;
}
.newslist-l .article li p {
	height:30px;
	line-height:30px;
	text-indent:2em;
	font-size:13px;
	color:#9f9f9f;
}
.newslist-l .article li p a {
	color:#1384D0;
	visibility:hidden;
}
.newslist-l .article li:hover {
	background-color:#f3f3f3;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
}
.newslist-l .article li:hover h5 a {
	color:#292929;
	position:relative;
	left:20px;
	animation:myfirst 0.7s;
	-moz-animation:myfirst 0.7s;
	-webkit-animation:myfirst 0.7s;
	-o-animation:myfirst 0.7s;
}
.newslist-l .article li:hover h5 i {
	color:#1384D0;
	position:relative;
	left:20px;
	animation:myfirst 0.7s;
	-moz-animation:myfirst 0.7s;
	-webkit-animation:myfirst 0.7s;
	-o-animation:myfirst 0.7s;
}
.newslist-l .article li:hover span {
	color:#292929;
}
.newslist-l .article li:hover p {
	color:#545454;
}
.newslist-l .article li:hover p a {
	visibility:visible;
	position:relative;
	animation:mysecond 0.7s;
	-moz-animation:mysecond 0.7s;
	-webkit-animation:mysecond 0.7s;
	-o-animation:mysecond 0.7s;
}
.list {
	width:100%;
	padding:0;
	margin:0 0 10px 0;
	border:0px;
	border-bottom:1px dashed #bbbbbb;
}
.list .date {
	float:left;
	width:76px;
	height:76px;
	margin:0 20px 0 20px;
	padding:10px 0 0;
	background:#0099FF;
	text-transform:uppercase;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	text-indent:0em;
}
.list b {
	display:block;
	font-size:40px;
	color:#FFF;
	line-height:40px;
}
.list .meta {
	margin:6px 0 10px 0;
	color:#979680;
	height:60px;
	width:90%;
}
.list h2 a {
	font-size:0.8em;
	color:#222;
}
.list p {
	display:block;
	line-height:18px;
}
.newsd {
	position:relative;
	left:0px;
	animation:myfirst 2s;
	-moz-animation:myfirst 2s;
	-webkit-animation:myfirst 2s;
	-o-animation:myfirst 2s;
}
@keyframes myfirst {
	from {
	left:0px;
}
to {
	left:20px;
}
}@-moz-keyframes myfirst {
	from {
	left:0px;
}
to {
	left:20px;
}
}@-webkit-keyframes myfirst {
	from {
	left:0px;
}
to {
	left:20px;
}
}@-o-keyframes myfirst {
	from {
	left:0px;
}
to {
	left:20px;
}
}@keyframes mysecond {
	from {
	right:-20px;
	color:#9f9f9f;
}
to {
	right:0px;
	color:#1384D0;
}
}@-moz-keyframes mysecond {
	from {
	right:-20px;
	color:#9f9f9f;
}
to {
	right:0px;
	color:#1384D0;
}
}@-webkit-keyframes mysecond {
	from {
	right:-20px;
	color:#9f9f9f;
}
to {
	right:0px;
	color:#1384D0;
}
}@-o-keyframes mysecond {
	from {
	right:-20px;
	color:#9f9f9f;
}
to {
	right:0px;
	color:#1384D0;
}
}.npage {
	clear:both;
	padding:15px 0;
	color:#666;
	font:normal 12px/28px Arial;
	text-align:center;
}
.npage li {
	list-style:none;
	display:inline-block;
	margin-left:3px;
}
.npage span {
	padding:0 5px;
}
.npage a {
	display:inline-block;
	height:28px;
	margin:0 2px;
	padding:0 8px;
	border:solid 1px #ccc;
	background:#fff;
	color:#333;
	font:normal 12px/28px Arial,Helvetica,sans-serif;
	cursor:pointer;
}
.npage a:hover,.npage a.on,.npage li.active a {
	border:none;
	background:#626262;
	color:#fff!important;
	text-decoration:none;
}
.npage a.select {
	cursor:default;
}
.nice {
	display:inline-block;
	border:1px solid #d9d9d9;
	background-color:#f8f8f8;
	padding-bottom:20px;
}
.nice ul {
	display:block;
	width:88%;
	height:326px;
	background-color:#f3f3f3;
	border:1px solid #d9d9d9;
	margin:0 auto;
	overflow:hidden;
}
.nice ul li {
	display:inline-block;
	float:left;
	height:100px;
	font-size:18px;
	width:28%;
	margin:0.66666666666667%;
	overflow:hidden;
}
.nice ul li:nth-child(1) {
	width:40%;
}
.nice ul li:nth-child(6) {
	width:40%;
}
.nice ul li:nth-child(7) {
	width:40%;
}
.nice ul li a {
	height:100px;
	display:inline-block;
	float:left;
	color:#fff;
	background-color:#0099FF;
	width:88%;
	padding:6%;
}
.nice ul li:nth-child(1) a {
	background-color:#1384D0;
}
.nice ul li:nth-child(6) a {
	background-color:#1384D0;
}
.nice ul li:nth-child(7) a {
	background-color:#1384D0;
}

.nice ul li:hover a {
	background-color:#000;
	color:#caeefd;
}/*
.nice ul:nth-child(4) li:hover a,.nice ul:nth-child(8) li:hover a {
	background-color:#000;
	color:#caeefd;
	animation1:myfourth_1 0.5s;
	-moz-animation:myfourth_1 0.5s;
	-webkit-animation:myfourth_1 0.5s;
	-o-animation:myfourth_1 0.5s;
}*/
@keyframes myfourth {
	from {
	transform:rotate(1deg);
	background-color:#0099FF;
	color:#fff;
}
to {
	background-color:#000;
	color:#caeefd;
	transform:rotate(360deg);
}
}@-moz-keyframes myfourth {
	from {
	transform:rotate(1deg);
	background-color:#0099FF;
	color:#fff;
}
to {
	background-color:#000;
	color:#caeefd;
	transform:rotate(360deg);
}
}@-webkit-keyframes myfourth {
	from {
	transform:rotate(1deg);
	background-color:#0099FF;
	color:#fff;
}
to {
	background-color:#000;
	color:#caeefd;
	transform:rotate(360deg);
}
}@-o-keyframes myfourth {
	from {
	transform:rotate(1deg);
	background-color:#0099FF;
	color:#fff;
}
to {
	background-color:#000;
	color:#caeefd;
	transform:rotate(360deg);
}
}@keyframes myfourth_1 {
	from {
	transform:rotate(1deg);
	background-color:#0099FF;
	color:#fff;
}
to {
	background-color:#000;
	color:#caeefd;
	transform:rotate(-360deg);
}
}@-moz-keyframes myfourth_1 {
	from {
	transform:rotate(1deg);
	background-color:#0099FF;
	color:#fff;
}
to {
	background-color:#000;
	color:#caeefd;
	transform:rotate(-360deg);
}
}@-webkit-keyframes myfourth_1 {
	from {
	transform:rotate(1deg);
	background-color:#0099FF;
	color:#fff;
}
to {
	background-color:#000;
	color:#caeefd;
	transform:rotate(-360deg);
}
}@-o-keyframes myfourth_1 {
	from {
	transform:rotate(1deg);
	background-color:#0099FF;
	color:#fff;
}
to {
	background-color:#000;
	color:#caeefd;
	transform:rotate(-360deg);
}
}h2 small {
	display:inline-block;
	float:right;
	margin-right:20px;
}
h2 small a {
	color:#76a0c1;
	font-size:8px;
}
.xiycms-news {width:94%;margin:0px auto 20px;}
.xiycms-news li {line-height:45px; border-bottom: 1px dashed #bbbbbb; }
.xiycms-news li {font-size:16px; color:#222; }
.xiycms-news li span {float:right; }
/*分页专用css1 -- .xiycms-page*/
.xiycms-page {list-style:none;margin:20px 0px;text-align:center;}
.xiycms-page li {display:inline-block; margin:0px 5px; margin-right:5px; line-height:30px;color:#999;}
.xiycms-page li a { display:inline-block;line-height:30px;padding:0 6px;}
.xiycms-page li.active,.qipapage li.hover {color:#00b5f9; font-weight:bold; text-decoration:none;}
.xiycms-page li.active a,.qipapage li.hover a { color:#00b5f9; font-weight:bold; text-decoration:none;}

.pageone-l,.newslist-r {
	display:inline-block;
	border:1px solid #d9d9d9;
	background-color:#f0f0f0;
}
.newslist-r li {
	height:28px;
	line-height:28px;
        overflow: hidden;
}
.newslist-r li span {
	display:inline-block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	background-color:#626262;
	color:#fff;
	border:1px solid #d9d9d9;
	font-style:italic;
	margin-left:5px;
}
.newslist-r li:nth-child(1) span {
	background-color:#ee0e0e;
	color:#fff;
	font-weight:bold;
}
.newslist-r li:nth-child(2) span {
	background-color:#ff48de;
	color:#fff;
	font-weight:bold;
}
.newslist-r li:nth-child(3) span {
	background-color:#f8ce4c;
	color:#fff;
	font-weight:bold;
}
.newslist-r li a {
	display:inline-block;
	height:28px;
	line-height:28px;
	margin-left:20px;
}
.newslist-r li:hover a {
	color:#1384D0;
	position:relative;
	left:-10px;
	animation:mythird 0.3s;
	-moz-animation:mythird 0.3s;
	-webkit-animation:mythird 0.3s;
	-o-animation:mythird 0.3s;
}
@keyframes mythird {
	from {
	left:0px;
	color:#9f9f9f;
}
to {
	left:-10px;
	color:#1384D0;
}
}@-moz-keyframes mythird {
	from {
	left:0px;
	color:#9f9f9f;
}
to {
	left:-10px;
	color:#1384D0;
}
}@-webkit-keyframes mythird {
	from {
	left:0px;
	color:#9f9f9f;
}
to {
	left:-10px;
	color:#1384D0;
}
}@-o-keyframes mythird {
	from {
	left:0px;
	color:#9f9f9f;
}
to {
	left:-10px;
	color:#1384D0;
}
}
.pageone-l li, .catelist li {
	height:40px;
	line-height:40px;
	overflow:hidden;
}
.pageone-l li a, .catelist li a {
	display:block;
	height:40px;
	line-height:40px;
	width:100%;
	font-size:15px;
	padding-left:30px;
	color:#676767;
}
.pageone-l li:hover a,.pageone-l li.hover a , .catelist li:hover a,.catelist li.hover a {
	background-color:#d9d9d9;
	color:#1384D0;
	position:relative;
	left:-10px;
	width:100%;
	animation:mythird 0.3s;
	-moz-animation:mythird 0.3s;
	-webkit-animation:mythird 0.3s;
	-o-animation:mythird 0.3s;
}
.pageone,.newspage,.comment {
	display:inline-block;
	border:1px solid #d9d9d9;
	background-color:#f8f8f8;
}
.pageone #title,.newspage #title,.comment #title {
	background-color:#f1f1f1;
	padding-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px solid #d9d9d9;
}
.pageone h3,.newspage h3 {
	font-weight:normal;
	font-size:12px;
}
.pageone h3 i,.newspage h3 i {
	margin-left:30px;
}
.pageone h3 a,.newspage h3 a {
	margin-left:0px;
}
.pageone h3 a i,.newspage h3 a i {
	margin-left:0px;
}
.pageone #content,.newspage #content,.comment #content {
	width:98%;
}
.pageone p,.newspage p,.comment p {
	text-indent:2em;
	line-height:32px;
        font-size:14px;
}
.pageone table p,.newspage table p,.comment table p {
	text-indent:0em;
}
.pageone h3,.newspage h3,.comment h3 {
	color:#0099FF;
	line-height: 45px;
	margin-bottom: 10px;
	font-size: 1.3em;
	background: #e7f5ff;
	padding-left: 20px;
	border-left: 4px #0099FF solid;
}
.pageone #title h3,.newspage #title h3,.comment #title h3 {
	color:#333;;
	font-size: 0.9em;
	border-bottom:0px;
}
.pageone p strong,.newspage p strong,.comment p strong {
	font-size: 14px;
	color: #1384d0;
}
.newspage .page-link {
	height:50px;
	line-height:50px;
	background-color:#f1f1f1;
	border-top:1px solid #d9d9d9;
}
#content p img , .newspage p img {
	max-width:100%;
}
.newspage .page-link i {
	font-size:8px;
	color:#1384D0;
}
.protclass {
	margin:10px auto;
	clear:both;
}
.protclass li {
	width:33.33333%;
	float:left;
	height:26px;
	line-height:26px;
	color:#1384D0
}
.protclass li span {
	color:#626262
}
.protclass li a {
	color:#1384D0
}
.rmb {
	font-size:20px;
	color:#f00;
	margin-right:5px;
}
.fa-qq {
	color:#f00;
	margin-right:5px;
}
.prointro {
	width:98%;
	background:#FFE8E5;
	border-radius:3px;
	padding:12px 0px;
	margin-bottom:15px;
}
.prointro p {
	color:#AD3B29;
	padding:0px 30px;
	text-indent:0em;
	line-height:22px;
}
.colorgoing {
	color:#f00;font-size: 18px;background: #FFEB3B;padding: 5px;/*
	animation:myfirst linear infinite 3s;
	-moz-animation:myfirst linear infinite 3s;
	-webkit-animation:myfirst linear infinite 3s;*/
}
@keyframes myfirst {
	0% {
	color:#f00;
        font-size:0.9em;
}
25% {
	color:#006633;
        font-size:1.1em;
}
50% {
	color:#00FF66;
        font-size:1.3em;
}
75% {
	color:#0099FF;
        font-size:1.1em;
}
100% {
	color:#9966FF;
        font-size:0.9em;
}
}@-moz-keyframes myfirst {
	0% {
	color:#f00;
}
25% {
	color:#006633;
}
50% {
	color:#00FF66;
}
100% {
	color:#9966FF;
}
}@-webkit-keyframes myfirst {
	0% {
	color:#f00;
}
25% {
	color:#006633;
}
50% {
	color:#00FF66;
}
100% {
	color:#9966FF;
}
}.fade {
	-webkit-transition:opacity .15s linear;
	-moz-transition:opacity .15s linear;
	-ms-transition:opacity .15s linear;
	-o-transition:opacity .15s linear;
	transition:opacity .15s linear;
	opacity:0
}
.tooltip {
	position:absolute;
	z-index:1020;
	display:block;
	visibility:visible;
	padding:5px;
	font-size:11px;
	opacity:0;
	filter:alpha(opacity=0)
}
.tooltip.in {
	opacity:.8;
	filter:alpha(opacity=80)
}
.tooltip.top {
	margin-top:-2px
}
.tooltip.right {
	margin-left:2px
}
.tooltip.bottom {
	margin-top:2px
}
.tooltip.left {
	margin-left:-2px
}
.tooltip.top .tooltip-arrow {
	bottom:0;
	left:50%;
	margin-left:-5px;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:5px solid #000
}
.tooltip.left .tooltip-arrow {
	top:50%;
	right:0;
	margin-top:-5px;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	border-left:5px solid #000
}
.tooltip.bottom .tooltip-arrow {
	top:0;
	left:50%;
	margin-left:-5px;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:5px solid #000
}
.tooltip.right .tooltip-arrow {
	top:50%;
	left:0;
	margin-top:-5px;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	border-right:5px solid #000
}
.tooltip-inner {
	max-width:200px;
	padding:3px 8px;
	color:#fff;
	text-align:center;
	font-size:14px;
	text-indent:1em;
	text-decoration:none;
	background-color:#000;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
.tooltip-arrow {
	position:absolute;
	width:0;
	height:0
}
table {
	max-width:100%;
	border-collapse:collapse;
	border-spacing:0
}
table,.table {
	width:100%;
	margin-bottom:18px
}
table th,.table th,table td,.table td {
	padding:8px;
	line-height:18px;
	text-align:left;
	vertical-align:top;
	border-top:1px solid #ddd
}
table th,.table th {
	font-weight:bold
}
table thead th,.table thead th {
	vertical-align:bottom
}
table thead:first-child tr th,.table thead:first-child tr th,table thead:first-child tr td,.table thead:first-child tr td {
	border-top:0
}
table tbody+tbody,.table tbody+tbody {
	border-top:2px solid #ddd
}
.table-condensed th,.table-condensed td {
	padding:4px 5px
}
table {
	border:1px solid #ddd;
	*border-collapse:collapsed;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
table th+th,table td+td,table th+td,table td+th {
	border-left:1px solid #ddd
}
table thead:first-child tr:first-child th,table tbody:first-child tr:first-child th,table tbody:first-child tr:first-child td {
	border-top:0
}
table thead:first-child tr:first-child th:first-child,table tbody:first-child tr:first-child td:first-child {
	-webkit-border-radius:4px 0 0 0;
	-moz-border-radius:4px 0 0 0;
	border-radius:4px 0 0 0
}
table thead:first-child tr:first-child th:last-child,table tbody:first-child tr:first-child td:last-child {
	-webkit-border-radius:0 4px 0 0;
	-moz-border-radius:0 4px 0 0;
	border-radius:0 4px 0 0
}
table thead:last-child tr:last-child th:first-child,table tbody:last-child tr:last-child td:first-child {
	-webkit-border-radius:0 0 0 4px;
	-moz-border-radius:0 0 0 4px;
	border-radius:0 0 0 4px
}
table thead:last-child tr:last-child th:last-child,table tbody:last-child tr:last-child td:last-child {
	-webkit-border-radius:0 0 4px 0;
	-moz-border-radius:0 0 4px 0;
	border-radius:0 0 4px 0
}
.table tbody tr:hover td,.table tbody tr:hover th {
	background-color:#f5f5f5
}
table th {
	background:#fffbe9
}
.table th,.table td {
	vertical-align:middle
}

.tooltip.top .tooltip-arrow {
	bottom:0;
	left:50%;
	margin-left:-5px;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:5px solid #000
}
.tooltip.left .tooltip-arrow {
	top:50%;
	right:0;
	margin-top:-5px;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	border-left:5px solid #000
}
.tooltip.bottom .tooltip-arrow {
	top:0;
	left:50%;
	margin-left:-5px;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:5px solid #000
}
.tooltip.right .tooltip-arrow {
	top:50%;
	left:0;
	margin-top:-5px;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	border-right:5px solid #000
}
.tooltip-inner {
	max-width:200px;
	padding:3px 8px;
	color:#fff;
	text-align:center;
	font-size:14px;
	text-indent:1em;
	text-decoration:none;
	background-color:#000;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
.tooltip-arrow {
	position:absolute;
	width:0;
	height:0
}
table {
	max-width:100%;
	border-collapse:collapse;
	border-spacing:0
}
table,.table {
	width:100%;
	margin-bottom:18px
}
table th,.table th,table td,.table td {
	padding:8px;
	line-height:18px;
	text-align:left;
	vertical-align:top;
	border-top:1px solid #ddd
}
table th,.table th {
	font-weight:bold
}
table thead th,.table thead th {
	vertical-align:bottom
}
table thead:first-child tr th,.table thead:first-child tr th,table thead:first-child tr td,.table thead:first-child tr td {
	border-top:0
}
table tbody+tbody,.table tbody+tbody {
	border-top:2px solid #ddd
}
.table-condensed th,.table-condensed td {
	padding:4px 5px
}
table {
	border:1px solid #ddd;
	*border-collapse:collapsed;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
table th+th,table td+td,table th+td,table td+th {
	border-left:1px solid #ddd
}
table thead:first-child tr:first-child th,table tbody:first-child tr:first-child th,table tbody:first-child tr:first-child td {
	border-top:0
}
table thead:first-child tr:first-child th:first-child,table tbody:first-child tr:first-child td:first-child {
	-webkit-border-radius:4px 0 0 0;
	-moz-border-radius:4px 0 0 0;
	border-radius:4px 0 0 0
}
table thead:first-child tr:first-child th:last-child,table tbody:first-child tr:first-child td:last-child {
	-webkit-border-radius:0 4px 0 0;
	-moz-border-radius:0 4px 0 0;
	border-radius:0 4px 0 0
}
table thead:last-child tr:last-child th:first-child,table tbody:last-child tr:last-child td:first-child {
	-webkit-border-radius:0 0 0 4px;
	-moz-border-radius:0 0 0 4px;
	border-radius:0 0 0 4px
}
table thead:last-child tr:last-child th:last-child,table tbody:last-child tr:last-child td:last-child {
	-webkit-border-radius:0 0 4px 0;
	-moz-border-radius:0 0 4px 0;
	border-radius:0 0 4px 0
}
.table tbody tr:hover td,.table tbody tr:hover th {
	background-color:#f5f5f5
}
table th {
	background:#fffbe9
}
.table th,.table td {
	vertical-align:middle
}
.xiycms-zan { margin-top: 30px; margin-bottom: 30px; text-align: center; }
.xiycms-zan p { font-weight: bold; }
.xiycms-zan a { display: inline-block; margin: 0 10px; cursor: pointer; background: #fff; border-radius: 4px; border: 1px solid #ddd; padding: 6px 20px; min-width: 100px; }
.xiycms-zan a i{ font-size: 18px; margin-right: 10px; }
.xiycms-zan a em { font-style: normal; font-size: 18px; }
.xiycms-zan a:hover { background:#108dee; border-color: 108dee; color: #fff; }
.xiycms-zan a:hover span { color: #fff; }

.xiycms-filter{border:1px solid #f3f3f3;padding:6px 20px;margin-top:20px;padding:15px;}
.xiycms-filter dl{margin:0;}
.xiycms-filter dl dd{float:left;width:70px;font-weight:bold;font-size:14px;margin:0;padding-top:5px;}
.xiycms-filter dl dt{margin:0 0 0 80px;}
.xiycms-filter dl dt a{font-weight:normal;margin:0 5px 5px 0;padding:5px 10px;color:#666;font-size:14px;display:inline-block;}
.xiycms-filter dl dt a:hover{background:#108dee;color:#fff;}
.xiycms-filter dl dt .hover{border:1px#108dee solid ;color:#108dee;}

@media only screen and (max-width:650px) {
body{}
.width,.width88 {width:100%;overflow:hidden;clear:both;}
.logo {width:100%;background-size:100% auto !important;background-position:20px center !important;}
.height80,.height140,.height150 {height:auto;overflow:hidden;}
ul#dh {height: auto;line-height: 40px;}
ul#dh li{height: 40px; line-height: 40px; padding: 0px;width:33.3%}
ul#dh li a{height: 40px; line-height: 40px;}
.zcd,.position span,.list .meta{display:none;}
.product li {width:46%;height:220px;  margin: 0px 1% 15px 0px;}
.product li img{width:100%;min-height:220px;  margin: 0px 1% 15px 0px;}
.width66,.width33 {width:100%;}
.width33.dibu {display:none;}
.protclass li{width: auto;margin-right:30px;}
.newspage h3 a{font-size:16px;}
.list {clear:both;margin-bottom:5px;height:100px;}
.width22 {width:100%;}
.width77 {width:100%;}
.nice ul li a {font-size:14px;}
.xiycms-news li span {display:none; }
}
pre {background: #eee; color: #000; padding: 20px;}
.xiycmsbanner{width:100%;line-height:80px;text-align:center;color:#fff;}
.xiycmsleft{    float: left; width: 38%; font-size: 18px;  padding: 10px 0px; line-height: 30px; background: #0099FF;}
.xiycmsright{float:right;width:62%;background: #FF5722;}
.xiycmsright a{display:inline-block;float:left;width:33%;font-size:22px;text-align:center;color:#fff;background:#ff5722;}
.xiycmsright a:nth-child(2){background:#4CAF50;}
.xiycmsright a:nth-child(3){background:#ff0066;}
.xiycmsright a:nth-child(4){background:#00bcd4;}