/*** oypc/default ***/


/*** oypc/base ***/


/*** oypc/d_slide ***/

.slide {
	position: relative;
}

.slide .page {
	display: none;
	position: absolute;
	z-index: 999;
	left: 0;
	top: 50%;
	width: 20px;
	height: 40px;
	line-height: 40px;
	margin-top: -20px;
	overflow: hidden;
	font-size: 14px;
	font-weight: 700;
	font-family: simsun;
	text-align: center;
	color: #fff;
	opacity: 0.7;
	background-color: #333;
}

.slide .page:hover {
	text-decoration: none;
	background-color: #111;
}

.slide .next {
	left: auto;
	right: 0;
}

.slide .img_span {
	width: 100%;
	height: 100%;
}

.slide .img_span li a {
	display: block;
	overflow: hidden;
}

.slide .img_span li span {
	height: 23px;
	line-height: 23px;
	text-align: left;
	font-size: 14px;
}

.slide .img_span li span a {
	display: inline;
	margin: 0px 8px;
}

.slide .bar {
	position: relative;
	height: 0px;
	overflow: visible;
}

.slide .bar ul {
	position: absolute;
	width: auto;
	top: -22px;
	right: 10px;
}

.slide .bar li {
	width: 12px;
	height: 12px;
	margin-left: 5px;
	border-radius: 50%;
}

.c-one .bar li {
	display: none;
	visibility: hidden;
}

.c-one .page {
	display: none!important;
}

.slide .bar li a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 16px;
	overflow: hidden;
	text-align: center;
	text-indent: -2000px;
	font-size: 12px;
	font-family: arial;
	color: #fff;
	background: #f8f8f8;
}

.slide .bar li.on a {
	color: #fff;
	background: #c00;
}

.slide .bar li a:hover {
	color: #fff;
	text-decoration: none;
}

.slide.c-center .img_span li img {
	width: 100%;
}

.slide.c-center .bar {
	width: 100%;
}

.slide.c-center .bar ul {
	left: auto;
	right: auto;
	width: 100%;
	text-align: center;
	font-size: 0;
}

.slide.c-center .bar li {
	display: inline-block;
	float: none;
	margin: 0px 5px;
	vertical-align: top;
}

.slide.c-loaded {
	max-height: none!important;
}

.slide.c-loaded * {
	max-height: none!important;
}

.slide_h {
	width: 100%;
}

.slide_h .img_span {
	width: 100%;
}

.slide_h .img_span li {
	width: 100%;
}

.slide_h .img_span li img {
	float: none;
	width: 100%;
	margin: 0 auto;
}


/*** oypc/d_table ***/

.table table {
	width: 100%
}

.table table td,
.table table th {
	line-height: 25px;
	vertical-align: center;
	font-size: 12px;
	font-weight: 400;
	font-family: ;
}

.table input {
	border-radius: 3px;
}

.table td,
.table th {
	min-width: 50px;
	padding: 5px 5px;
	font-weight: 400;
	text-align: center;
}

.table th {
	color: #666;
	border-right: 2px solid #fff;
	background: #eeefef;
}

.table th.c-1 {
	border-right: 0;
}

.table tr.sep {
	background: #f5f5f5;
}

.table td b {
	display: block;
	float: left;
	width: 100px;
	height: 18px;
	line-height: 18px;
	padding: 5px;
	overflow: hidden;
	text-align: right;
	font-weight: 400;
	color: #111;
}

.table span {
	display: block;
	height: auto;
	line-height: 18px;
	padding: 5px;
	overflow: hidden;
	color: #666;
}

.table span a {
	height: 18px;
	line-height: 18px;
	padding: 0px 5px;
	overflow: hidden;
}

.table span a:hover {
	color: #f60;
}

.table span pre {
	min-height: 18px;
	white-space: pre-wrap;
	word-wrap: break-word;
	cursor: text;
}

.table span textarea {
	display: block;
	width: 100%;
	height: auto;
	line-height: 18px;
	overflow: hidden;
	text-align: inherit;
	font-size: 12px;
	font-family: simsun;
	border: 0;
}

.table span.hover {
	padding: 4px;
	border: 1px solid #ddd;
	background: #fff;
}

.table td .num {
	width: 20px;
}

.table td.c-l {
	text-align: left;
}

.table td.c-r {
	text-align: right;
}

.table td.c-c {
	text-align: center;
}

.table a.c-del {
	padding: 0px 5px;
	color: #888;
}

.table a.c-add {
	padding: 0px 5px;
	color: #333;
}


/*** oypc/d_ul ***/

.ul ul {
	width: 100%;
	overflow: hidden;
}

.ul .date {
	float: right;
	font-style: normal;
	color: #999;
}

.ul li {
	display: inline;
	float: left;
	width: 100%;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
}

.ul li a.c-img {
	display: block;
	overflow: hidden;
}

.ul li img {
	display: block;
	overflow: hidden;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
}

.ul li p,
.ul li span {
	float: left;
	overflow: hidden;
}

.ul li span {
	display: block;
	width: 100%;
	line-height: 16px;
	padding-top: 2px;
	overflow: hidden;
}

.ul li h3 {
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	font-size: 14px;
}

.ul li b,
.ul li strong {
	font-weight: 400;
}

.ul li p {
	line-height: 18px;
	font-size: 12px;
}

.ul li p a {
	padding-left: 4px;
	font-size: 12px;
	white-space: nowrap;
}

.ul li i,
.ul li em {
	font-style: normal;
}

.ul_center li center {
	display: block;
	position: relative;
	height: 0;
	padding-top: 100%;
	overflow: hidden;
	border-radius: 50%;
	border: 1px solid #ccc;
}

.ul_center li ins {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.ul_center li dl {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
}

.ul_center li dt {
	display: table-cell;
	line-height: normal;
	vertical-align: middle;
}

.img_span {
	position: relative;
}

.img_span li {
	position: relative;
	height: auto;
}

.img_span li span {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 16px;
	line-height: 18px;
	padding: 3px 0px;
	text-align: center;
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
}

.img_span li span a {
	margin: 0px 4px;
	color: white;
}

.img_span li span a:hover {
	text-decoration: none;
}

.img_span li p {
	position: absolute;
	left: 0px;
	width: 100%;
	font-size: 12px;
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
}

.img_span_p li {
	height: auto;
}

.img_span_p li a.c-img {
	float: left;
	margin-right: 8px;
}

.img_span_p li span {
	float: none;
	width: auto;
	padding: 0;
}

.img_span_p li span a {
	font-family: ;
	color: ;
}

.img_span_p li p {
	float: none;
	width: auto;
	line-height: 16px;
	color: #666;
}

.img_span_p li p a {
	white-space: nowrap;
	color: ;
}

.img_video li a.c-img {
	display: block;
	position: relative;
}

.img_video ul li a.c-img img {
	display: block;
	width: 100%;
	height: 100%;
}

.img_video li a.c-img::after {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0px;
	height: 0px;
	margin: -5px 0px 0px -3px;
	content: '';
	border: 5px solid rgba(0, 0, 0, 0.8);
	border-top-color: transparent;
	border-left-width: 8px;
	border-bottom-color: transparent;
	border-right-width: 0;
}

.img_video li a.c-img::before {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 20px;
	height: 20px;
	margin: -10px 0px 0px -10px;
	content: '';
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.6);
}

.img_video li video {
	display: none;
}

.dot li {
	text-indent: 15px;
	background: url(../images/dot.gif) 5px 10px no-repeat;
}

* {
	padding: 0;
	margin: 0;
}

*:focus {
	outline: none;
}

html {
	background: #fff;
}

body {
	_position: relative;
	width: auto;
	_overflow-x: hidden;
	font-family: simsun;
	font-size: 12px;
	color: #333;
	cursor: default;
}

div,
ul,
dl {
	overflow: hidden;
}

li {
	overflow: hidden;
	list-style: none;
}

input {
	font-size: 12px;
	border: 1px solid #ddd;
}

textarea {
	resize: none;
	outline: none;
}

img {
	max-height: 100px;
	text-align: center;
	border: none;
}

img.loading {
	background: url(../images/loading.gif) center no-repeat;
}

video {
	cursor: pointer;
	background: #111 url(../images/play_btn.png) center no-repeat;
}

table {
	border-collapse: collapse;
}

a {
	text-decoration: none;
	color: #333;
}

a:visited {
	color: #333;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	outline: none;
	-moz-outline: none;
}

a,
a * {
	transition: color 0.2s;
	-moz-transition: color 0.2s;
	-webkit-transition: color 0.2s;
	-o-transition: color 0.2s;
	-ms-transition: color 0.2s;
}

i,
em {
	font-style: normal;
}

input::-moz-focus-inner {
	border: 0;
}

h2 {
	font-size: 14px;
	overflow: hidden;
}

small {
	font-size: 12px;
}

select {
	padding: 2px 1px 2px 1px;
	font-size: 12px;
	border: 1px solid #ddd;
	border-radius: 3px;
}

select option {
	padding: 3px 5px 2px 5px;
	font-size: 12px
}

select option:nth-child(even) {
	background-color: #f5f5f5;
}

svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: none;
	overflow: hidden;
}

ins {
	text-decoration: none;
}

.p1,
.p2 {
	float: left;
}

.p_none {
	display: none!important;
}

.p_pop {
	position: fixed;
	_position: absolute;
	z-index: 99;
	overflow: visible;
}

.popbg {
	position: fixed;
	_position: absolute;
	z-index: 1998;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
}

.h2 .more {
	float: right;
}

.h2 {
	height: 30px;
	line-height: 30px;
	text-align: right;
	font-size: 12px;
}

.h2 h2 {
	float: left;
	height: 30px;
	line-height: 28px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	font-family: "microsoft yahei", arial;
	color: #333;
}

.h2 h2 a {
	font-weight: 400;
	color: #333;
}

.h2 a:hover {
	text-decoration: none;
}

.h2 .more {
	line-height: 34px;
	font-size: 12px;
}

a.more:hover {
	text-decoration: none;
}

.div {
	width: 960px;
	margin: 0px auto 6px auto;
}

.content img,
.content object,
.content video,
.content embed {
	display: block;
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	overflow: hidden;
}

.content,
.content * {
	line-height: 23px;
	font-size: 14px;
	font-family: arial;
	color: #333;
}

.content strong,
.content b {
	font-family: ;
	color: #000;
}

.content a {
	color: #049;
}

.alert {
	display: none;
	position: absolute;
	z-index: 2000!important;
	width: 150px;
	min-height: 45px;
}

.alert .ul {
	position: relative;
	z-index: 1;
	width: 130px;
	padding: 12px 10px 15px 10px;
	color: #fff;
}

.alert .bg {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 150px;
	height: 45px;
	opacity: 0.7;
	border-radius: 5px;
	background: #000;
}

.alert li.col-title {
	height: auto;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	font-family: ;
}

.confirm {
	display: none;
	position: absolute;
	z-index: 2000!important;
	width: 200px;
	min-height: 45px;
	border-radius: 5px;
}

.confirm .ul {
	padding: 10px;
}

.confirm li.col-title {
	height: auto;
	line-height: 20px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 14px;
	color: #666;
}

.confirm li.col-btn {
	background: #f2f2f2;
}

.confirm li.col-btn a {
	display: block;
	float: left;
	width: 100px;
	height: 25px;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
}

.confirm li.col-btn a.c-ok {
	width: 60%;
	color: #fff;
	background: #f60;
}

.confirm li.col-btn a.c-ok:hover {
	background: #c00;
}

.confirm li.col-btn a.c-cancel {
	width: 40%;
	color: #666;
	background: #f2f2f2;
}

.confirm li.col-btn a.c-cancel:hover {
	color: #333;
}

.tran_ry li {
	transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
}

.tran_ry_on li {
	transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
}


/*** oypc/head ***/

@keyframes move {
	0% {
		left: -30px;
		width: 10px;
		opacity: 0;
	}
	50% {
		left: 50%;
		width: 20px;
		opacity: 0.7;
	}
	100% {
		left: 120%;
		width: 10px;
		opacity: 0;
	}
}

@-moz-keyframes move {
	0% {
		left: -30px;
		width: 10px;
		opacity: 0;
	}
	50% {
		left: 50%;
		width: 20px;
		opacity: 0.7;
	}
	100% {
		left: 120%;
		width: 10px;
		opacity: 0;
	}
}

@-webkit-keyframes move {
	0% {
		left: -30px;
		width: 10px;
		opacity: 0;
	}
	50% {
		left: 50%;
		width: 20px;
		opacity: 0.7;
	}
	100% {
		left: 120%;
		width: 10px;
		opacity: 0;
	}
}

@-o-keyframes move {
	0% {
		left: -30px;
		width: 10px;
		opacity: 0;
	}
	50% {
		left: 50%;
		width: 20px;
		opacity: 0.7;
	}
	100% {
		left: 120%;
		width: 10px;
		opacity: 0;
	}
}

@-ms-keyframes move {
	0% {
		left: -30px;
		width: 10px;
		opacity: 0;
	}
	50% {
		left: 50%;
		width: 20px;
		opacity: 0.7;
	}
	100% {
		left: 120%;
		width: 10px;
		opacity: 0;
	}
}

.head {
	height: 120px;
	background: #f8f8f8;
}

.head .box {
	padding: 20px 0px;
}

.head .row-logo {
	float: left;
	width: 60%;
}

.head .row-logo a {
	position: relative;
	float: left;
	overflow: hidden;
}

.head .row-logo a::after {
	display: none;
	position: absolute;
	left: -20px;
	top: 0;
	width: 10px;
	height: 100%;
	content: '';
	transform: skew(-30deg);
	-moz-transform: skew(-30deg);
	-webkit-transform: skew(-30deg);
	-o-transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	background: #fff;
}

.head .row-logo a:hover::after {
	display: block;
	animation: move 1s linear forwards;
	-moz-animation: move 1s linear forwards;
	-webkit-animation: move 1s linear forwards;
	-o-animation: move 1s linear forwards;
	-ms-animation: move 1s linear forwards;
}

.head .row-logo img {
	float: left;
	height: 80px;
}

.head .row-link img {
	float: right;
	height: 80px;
}

.note {
	height: 0;
}

.note .div {
	position: absolute;
	z-index: 99;
	width: 100%;
	height: 35px;
	margin-bottom: 0;
	background: rgba(8, 140, 100, 0.95);
}

.note .box {
	width: 980px;
	margin: 0 auto;
}

.note .row-list .ul {
	padding-left: 25px;
	background: url(../images/icon_note.png) left no-repeat;
}

.note .row-list li {
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #fff;
}

.slidex .div {
	width: 100%;
	margin-bottom: 0;
}

.slidex .row-list {
	height: 400px;
}

.slidex .row-list .bar ul {
	top: -30px;
}

.slidex .row-list .bar li {
	border: 2px solid #058451;
}

.slidex .row-list .bar li a {
	background: none;
	opacity: 0;
	transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
}

.slidex .row-list .bar li.on a {
	opacity: 1;
	background: #058451;
}

.slidex .row-list .page {
	width: 40px;
	border-radius: 50%;
}

.slidex .row-list .page {
	display: block;
}

.slidex .row-list .pre {
	left: -40px;
	transition: left 0.2s;
	-moz-transition: left 0.2s;
	-webkit-transition: left 0.2s;
	-o-transition: left 0.2s;
	-ms-transition: left 0.2s;
}

.slidex .row-list .next {
	right: -40px;
	transition: right 0.2s;
	-moz-transition: right 0.2s;
	-webkit-transition: right 0.2s;
	-o-transition: right 0.2s;
	-ms-transition: right 0.2s;
}

.slidex .row-list:hover .pre {
	left: 5%;
}

.slidex .row-list:hover .next {
	right: 5%;
}

.slidex .row-list .img_span li {
	display: none;
}

.slidex .row-list .img_span li.col1 {
	display: block;
}

.menu {
	height: 50px;
	background: #046F50;
}

.menu .row-list li {
	position: relative;
	width: 14%;
	height: 50px;
}

.menu .row-list li.col1,
.menu .row-list li.col-1 {
	width: 15%;
}

.menu .row-list li::after {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 40px;
	height: 40px;
	margin: -20px 0px 0px -20px;
	content: '';
	border-radius: 50%;
	box-shadow: 0px 0px 30px 25px #058451;
	background: #058451;
}

.menu .row-list li.on::after {
	display: block;
}

.menu .row-list li span {
	display: block;
	position: relative;
	z-index: 1;
	float: none;
	width: auto;
	padding: 0;
	height: 100%;
	border-left: 1px solid #048350;
}

.menu .row-list li.col1 span,
.menu .row-list li.col1 span a {
	border-left: 0;
}

.menu .row-list li a {
	display: block;
	float: none;
	height: 100%;
	padding: 0px 5px;
	text-align: center;
	font-size: 16px;
	font-family: "microsoft yahei";
	color: #fff;
	border-left: 1px solid #075941;
}

.menu .row-list li a b {
	display: block;
	height: 30px;
	line-height: 32px;
}

.menu .row-list li a em {
	display: block;
	height: 20px;
	line-height: 12px;
	font-size: 12px;
	font-family: arial;
}


/*** oypc/foot ***/


/*** oypc/d_reset ***/

#qiao-wrap,
#LXB_CONTAINER_SHOW,
#LXB_CONTAINER,
#LXB_CONTAINER *,
#LXB_CLOSE_BTN,
#LRdiv0,
#LRdiv1 * {
	display: none!important;
	position: absolute!important;
	z-index: -1!important;
	width: 0!important;
	height: 0!important;
	padding: 0!important;
	overflow: hidden!important;
	visibility: hidden!important;
}

#LRdiv3 div {
	overflow: visible;
}


/*** oypc/d_call ***/

.call {
	height: 0;
}

.call .div {
	width: 260px;
	height: 190px;
}

.call .box {
	height: 0px;
	min-width: 0!important;
	transition: height 0.2s;
	-moz-transition: height 0.2s;
	-webkit-transition: height 0.2s;
	-o-transition: height 0.2s;
	-ms-transition: height 0.2s;
}

.call.hover .box {
	height: 190px;
}

.call .row-list {
	border-radius: 10px;
	border: 2px solid rgba(0, 0, 0, 0.1);
	background-clip: padding-box;
}

.call .row-list .ul {
	position: relative;
	height: 186px;
	padding: 0px 15px;
	background: #fff;
}

.call .row-list li {
	height: auto;
	margin-top: 10px;
}

.call .row-list li.col-close {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 25px;
	height: 20px;
	margin-top: 0;
	font-size: 14px;
	font-weight: 700;
	font-family: arial;
}

.call .row-list li.col-close .c-btn {
	display: block;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #666;
	border-radius: 0px 0px 0px 10px;
	background: #ddd;
}

.call .row-list li.col-title {
	height: 25px;
	line-height: 25px;
	margin-top: 20px;
	text-align: center;
	font-size: 18px;
}

.call .row-list li.col-input div {
	padding: 1px;
	border: 1px solid #666;
	border-radius: 5px;
}

.call .row-list li.col-input span {
	float: left;
	width: 65%;
	padding: 0px 5px;
}

.call .row-list li.col-input .input {
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #666;
	border: 0;
}

.call .row-list li.col-input .c-btn {
	display: block;
	height: 30px;
	line-height: 30px;
	margin: 0;
	overflow: hidden;
	text-align: center;
	color: #fff;
	font-size: 14px;
	border-radius: 0px 5px 5px 0px;
	background: #666;
}

.call .row-list li.col-note p {
	font-size: 12px;
	color: #666;
}

.call .row-list li.col-btn {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}

.call .row-list li.col-btn .c-btn {
	float: left;
	width: 50%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #f60;
}

.call .row-list li.col-btn .c-ask {
	position: relative;
	background: #13a4db;
}

.call .row-list li.col-btn .c-ask::after {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 14px;
	height: 14px;
	line-height: 14px;
	overflow: hidden;
	content: '8';
	font-size: 12px;
	color: #fff;
	border-radius: 7px;
	background: #069;
}


/*** oypc/d_contact ***/

@keyframes bg {
	from {
		background-position: center 10px;
	}
	to {
		background-position: center 6px;
	}
}

@-moz-keyframes bg {
	from {
		background-position: center 10px;
	}
	to {
		background-position: center 6px;
	}
}

@-webkit-keyframes bg {
	from {
		background-position: center 10px;
	}
	to {
		background-position: center 6px;
	}
}

@-o-keyframes bg {
	from {
		background-position: center 10px;
	}
	to {
		background-position: center 6px;
	}
}

@-ms-keyframes bg {
	from {
		background-position: center 10px;
	}
	to {
		background-position: center 6px;
	}
}

.contact {
	height: 70px;
	background: #088c64;
}

.contact.hover {
	height: 0;
}

.contact .div {
	position: fixed;
	z-index: 999;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 70px;
	margin-bottom: 0;
	transition: height 0.2s;
	-moz-transition: height 0.2s;
	-webkit-transition: height 0.2s;
	-o-transition: height 0.2s;
	-ms-transition: height 0.2s;
	background: #088c64;
}

.contact.hover .div {
	height: 0;
}

.contact .box {
	position: relative;
	width: 980px;
	margin: 0 auto;
	overflow: visible;
}

.contact .d-close {
	position: absolute;
	right: -50px;
	top: 20px;
}

.contact .d-close a {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-family: arial;
	font-size: 30px;
	transition: transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	-webkit-transition: -webkit-transform 0.5s;
	-o-transition: -o-transform 0.5s;
	-ms-transition: -ms-transform 0.5s;
	background: url(../images/icon_cross.png) center no-repeat;
	background-size: auto 20px;
}

.contact .d-close a:hover {
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}

.contact .row-list {
	float: left;
}

.contact .row-list .ul {
	padding: 5px 0px;
}

.contact .row-list li {
	width: auto;
	height: 60px;
	margin-right: 30px;
}

.contact .row-list li.col-tel a {
	color: #fff;
}

.contact .row-list li.col-tel span {
	height: 25px;
	padding-top: 6px;
	font-family: arial;
	font-size: 30px;
}

.contact .row-link .ul {
	float: right;
}

.contact .row-link .ul ul {
	width: auto;
}

.contact .row-link li {
	width: auto;
	height: 70px;
	line-height: 110px;
	background: #fe850f;
}

.contact .row-link li .c-btn {
	position: relative;
	float: left;
	height: 100%;
	padding: 0px 15px;
	font-size: 14px;
	color: #fff;
	background: url(../images/icon_qq.png) center 8px no-repeat;
	background-size: auto 35px;
}

.contact .row-link li .c-btn::after {
	display: block;
	position: absolute;
	left: 0px;
	top: 50%;
	width: 1px;
	height: 50px;
	margin-top: -25px;
	content: '';
	background: #088c64;
}

.contact .row-link li.col1 .c-btn::after {
	display: none;
}

.contact .row-link li.col-tel a {
	background-image: url(../images/icon_tel.png);
}

.contact .row-link li.col-ask a {
	background-image: url(../images/icon_ask.png);
}

.contact .row-link li .c-btn:hover {
	animation: bg 0.5s linear infinite alternate;
	-moz-animation: bg 0.5s linear infinite alternate;
	-webkit-animation: bg 0.5s linear infinite alternate;
	-o-animation: bg 0.5s linear infinite alternate;
	-ms-animation: bg 0.5s linear infinite alternate;
}


/*** oypc/d_gotop ***/

.gotop {
	height: 0;
}

.gotop .box {
	position: fixed;
	z-index: 999;
	right: 15px;
	bottom: 100px;
	width: 50px;
}

.gotop .row-btn {
	display: none;
}

.gotop .row-btn .d-btn a {
	display: block;
	height: 50px;
	border-radius: 5px;
	transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	-ms-transition: background-color 0.2s;
	background: url(../images/gotop.png) center 2px no-repeat;
}

.gotop .row-btn .d-btn a:hover {
	background-color: #fe850f;
	background-position: center -52px;
}

.foot {
	border-top: 4px solid #027345;
	background: #434343;
}

.foot .row-link .ul {
	padding: 15px 0px;
}

.foot .row-link li {
	width: 33.3%;
	height: auto;
}

.foot .row-link li.col-map {
	width: 35%;
}

.foot .row-link li.col-map a.c-img {
	margin-right: 20px;
}

.foot .row-link li.col-wx {
	float: right;
}

.foot .row-link li.col-tel,
.foot .row-link li.col-qq {
	width: 25%;
}

.foot .row-info li p {
	display: block;
	float: none;
	text-align: center;
	color: #ddd;
}


/*** oypc/div-pic ***/

.div-pic .row-list .slide .page {
	width: 60px;
	font-size: 50px;
	text-shadow: 0px 0px 2px #333;
	color: #fff;
	background: none;
}

.div-pic .row-list .slide:hover .page {
	display: block;
}

.div-pic .row-list .c-frame {
	padding-top: 50%;
}

.div-pic .row-list li {
	display: none;
	height: auto;
}

.div-pic .row-list li.col1 {
	display: block;
}


/*** oypc/div_ystd ***/

.div_ystd .row-list .ul {
	padding: 0px 6px;
}

.div_ystd .row-list li {
	height: auto;
	margin-top: 15px;
}

.div_ystd .row-list li.col1 {
	margin-top: 0;
}

.div_ystd .row-list li a.c-img img {
	width: 100%;
}

.div_ystd .row-list li .d-img {
	float: left;
	width: 50%;
}

.div_ystd .row-list li .d-info {
	line-height: 20px;
	padding-left: 6px;
}

.div_ystd .row-list li .d-info span {
	width: auto;
	height: 25px;
	line-height: 25px;
	padding: 0px 6px;
	font-size: 1rem;
	color: #fff;
	background: #088c64;
}

.div_ystd .row-list li .d-info p {
	display: block;
	float: none;
	padding-top: 6px;
	clear: both;
	text-align: left;
	font-size: 0.75rem;
	color: #666;
}

.div_ystd .row-list li .d-info p a {
	padding: 0;
}

.div_ystd .row-list li p.c-submit a {
	float: left;
	height: 25px;
	line-height: 25px;
	margin-right: 6px;
	padding: 0px 6px;
	color: #fff;
	background: #088c64;
}

.div_ystd .row-list li p.c-submit a.c-ask {
	color: #333;
	background: #fed100;
}

a:hover {
	text-decoration: none;
}

body {
	font-family: "microsoft yahei";
}

.main {
	padding-top: 20px;
}

.main .div {
	margin-bottom: 20px;
}

.main .th1 {
	height: auto;
	padding: 20px 5px;
	text-align: center;
}

.main .th1 h2 {
	float: none;
	height: auto;
	line-height: 40px;
	font-size: 36px;
	color: #027345;
}

.main .th1 em {
	display: block;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	font-family: arial;
	color: #a1a1a1;
}

.main .div-pic .div {
	margin-bottom: 0;
}

.div {
	width: 980px;
}

.ul li a.c-img img {
	display: block;
	width: 100%;
	height: auto;
}

.div-img .row-list li .d-info {
	padding-left: 20px;
}

.div-img .row-list li .d-info span {
	height: 35px;
	line-height: 35px;
	padding: 0px 10px;
	font-size: 16px;
}

.div-img .row-list li .d-info p {
	padding-top: 10px;
}

.div-img .row-list li .d-info p.c-subtitle {
	font-size: 14px;
}

.div-img .row-list li .d-info p.c-submit a {
	height: 35px;
	line-height: 35px;
	margin-right: 10px;
	padding: 0px 10px;
	font-size: 14px;
}


/*** oypc/index.css ***/


/*** oypc/a_default ***/

@keyframes round {
	0% {
		transform: translate(-1%, 0%);
	}
	25% {
		transform: translate(0%, -1%);
	}
	50% {
		transform: translate(1%, 0%);
	}
	75% {
		transform: translate(0%, 1%);
	}
	100% {
		transform: translate(-1%, 0%);
	}
}

@-moz-keyframes round {
	0% {
		-moz-transform: translate(-1%, 0%);
	}
	25% {
		-moz-transform: translate(0%, -1%);
	}
	50% {
		-moz-transform: translate(1%, 0%);
	}
	75% {
		-moz-transform: translate(0%, 1%);
	}
	100% {
		-moz-transform: translate(-1%, 0%);
	}
}

@-webkit-keyframes round {
	0% {
		-webkit-transform: translate(-1%, 0%);
	}
	25% {
		-webkit-transform: translate(0%, -1%);
	}
	50% {
		-webkit-transform: translate(1%, 0%);
	}
	75% {
		-webkit-transform: translate(0%, 1%);
	}
	100% {
		-webkit-transform: translate(-1%, 0%);
	}
}

@-o-keyframes round {
	0% {
		-o-transform: translate(-1%, 0%);
	}
	25% {
		-o-transform: translate(0%, -1%);
	}
	50% {
		-o-transform: translate(1%, 0%);
	}
	75% {
		-o-transform: translate(0%, 1%);
	}
	100% {
		-o-transform: translate(-1%, 0%);
	}
}

@-ms-keyframes round {
	0% {
		-ms-transform: translate(-1%, 0%);
	}
	25% {
		-ms-transform: translate(0%, -1%);
	}
	50% {
		-ms-transform: translate(1%, 0%);
	}
	75% {
		-ms-transform: translate(0%, 1%);
	}
	100% {
		-ms-transform: translate(-1%, 0%);
	}
}

@keyframes rx {
	from {
		transform: rotateX(0deg);
	}
	to {
		transform: rotateX(360deg);
	}
}

@-moz-keyframes rx {
	from {
		-moz-transform: rotateX(0deg);
	}
	to {
		-moz-transform: rotateX(360deg);
	}
}

@-webkit-keyframes rx {
	from {
		-webkit-transform: rotateX(0deg);
	}
	to {
		-webkit-transform: rotateX(360deg);
	}
}

@-o-keyframes rx {
	from {
		-o-transform: rotateX(0deg);
	}
	to {
		-o-transform: rotateX(360deg);
	}
}

@-ms-keyframes rx {
	from {
		-ms-transform: rotateX(0deg);
	}
	to {
		-ms-transform: rotateX(360deg);
	}
}

@keyframes ry {
	from {
		transform: rotateY(0deg);
	}
	to {
		transform: rotateY(360deg);
	}
}

@-moz-keyframes ry {
	from {
		-moz-transform: rotateY(0deg);
	}
	to {
		-moz-transform: rotateY(360deg);
	}
}

@-webkit-keyframes ry {
	from {
		-webkit-transform: rotateY(0deg);
	}
	to {
		-webkit-transform: rotateY(360deg);
	}
}

@-o-keyframes ry {
	from {
		-o-transform: rotateY(0deg);
	}
	to {
		-o-transform: rotateY(360deg);
	}
}

@-ms-keyframes ry {
	from {
		-ms-transform: rotateY(0deg);
	}
	to {
		-ms-transform: rotateY(360deg);
	}
}

@keyframes rz {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@-moz-keyframes rz {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes rz {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@-o-keyframes rz {
	from {
		-o-transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes rz {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
	}
}

.div-nav .row-list .ul {
	padding: 40px 0px 40px 45px;
	border: 1px dashed #ddd;
	border-left: 0;
	border-right: 0;
}

.div-nav .row-list li {
	width: 33.3%;
	height: auto;
}

.div-nav .row-list li div {
	margin-right: 45px;
}

.div-nav .row-list li a.c-img {
	background: #027345;
}

.div-nav .row-list li img {
	width: 100%;
	height: auto;
	transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
}

.div-nav .row-list ul:hover li img {
	opacity: 0.8;
}

.div-nav .row-list ul li:hover img {
	opacity: 1;
}

.div-nav .row-list li span {
	padding-top: 10px;
	text-align: center;
}

.div-nav .row-list li span a {
	font-size: 18px;
	color: #027345;
}

.div-arc .c-frame {
	padding-top: 30%;
}

.div-arc .row-list li {
	display: none;
	height: auto;
}

.div-arc .row-list li.col1 {
	display: block;
}

.div-arc .row-list li .d-img {
	float: left;
	width: 49.5%;
}

.div-arc .row-list li .d-info {
	padding-left: 20px;
}

.div-arc .row-list li span {
	display: block;
	float: none;
	height: auto;
	line-height: 40px;
	padding: 0;
	overflow: hidden;
	font-size: 30px;
	font-weight: 700;
}

.div-arc .row-list li span em {
	display: block;
}

.div-arc .row-list li p {
	display: block;
	float: none;
	line-height: 28px;
	padding-top: 15px;
	font-size: 18px;
	color: #333;
}

.div-arc .row-list li a.c-btn {
	float: left;
	height: 50px;
	line-height: 50px;
	margin-top: 15px;
	padding: 0px 15px 0px 35px;
	font-size: 16px;
	color: #fff;
	background: #fe850f url(../images/dtjt.jpg) 10px center no-repeat;
}

.div-arc .row-bar {
	margin-top: 10px;
}

.div-arc .row-bar .ul {
	width: 990px;
}

.div-arc .row-bar li {
	width: 25%;
	height: auto;
}

.div-arc .row-bar li div {
	margin-right: 10px;
}

.div-arc .row-bar li .c-img {
	background: #000;
}

.div-arc .row-bar li img {
	width: 100%;
	height: auto;
	opacity: 0.7;
	transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
}

.div-arc .row-bar li.on img {
	opacity: 1;
}

.div-arc .row-bar li span {
	padding-top: 10px;
	text-align: center;
	font-size: 16px;
}

.div-img .div {
	margin-bottom: 10px;
}

.div-img .row-list .ul {
	width: 1000px;
	height: 200px;
	padding: 0;
}

.div-img .row-list .slide:hover .page {
	display: block;
}

.div-img .row-list li {
	width: 50%;
	height: 200px;
	margin-top: 0;
}

.div-img .row-list li .c-box {
	height: 100%;
	margin-right: 20px;
}

.div-img .row-list li .d-img {
	width: 55%;
	height: 100%;
}

.div-img .row-list li .d-img:hover a.c-img {
	animation: round 1s linear infinite;
	-moz-animation: round 1s linear infinite;
	-webkit-animation: round 1s linear infinite;
	-o-animation: round 1s linear infinite;
	-ms-animation: round 1s linear infinite;
}

.div-img .row-list li .d-info .c-desc {
	display: none;
}

.div-slide .box {
	height: 100px;
}

.div-slide .row-list {
	display: none;
}

.div-slide .row1 {
	display: block;
}

.div-slide .row-list .ul {
	width: 990px;
}

.div-slide .row-list li {
	width: 10%;
	height: auto;
}

.div-slide .row-list li div {
	margin-right: 10px;
}

.div-slide .row-list li.col2 {
	transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
}

.div-slide .row-list li.col3 {
	transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
}

.div-slide .row-list li.col4 {
	transition-delay: 0.6s;
	-moz-transition-delay: 0.6s;
	-webkit-transition-delay: 0.6s;
	-o-transition-delay: 0.6s;
	-ms-transition-delay: 0.6s;
}

.div-slide .row-list li.col5 {
	transition-delay: 0.8s;
	-moz-transition-delay: 0.8s;
	-webkit-transition-delay: 0.8s;
	-o-transition-delay: 0.8s;
	-ms-transition-delay: 0.8s;
}

.div-slide .row-list li.col6 {
	transition-delay: 1s;
	-moz-transition-delay: 1s;
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	-ms-transition-delay: 1s;
}

.div-slide .row-list li.col7 {
	transition-delay: 1.2s;
	-moz-transition-delay: 1.2s;
	-webkit-transition-delay: 1.2s;
	-o-transition-delay: 1.2s;
	-ms-transition-delay: 1.2s;
}

.div-slide .row-list li.col8 {
	transition-delay: 1.4s;
	-moz-transition-delay: 1.4s;
	-webkit-transition-delay: 1.4s;
	-o-transition-delay: 1.4s;
	-ms-transition-delay: 1.4s;
}

.div-slide .row-list li.col9 {
	transition-delay: 1.6s;
	-moz-transition-delay: 1.6s;
	-webkit-transition-delay: 1.6s;
	-o-transition-delay: 1.6s;
	-ms-transition-delay: 1.6s;
}

.div-slide .row-list li.col10 {
	transition-delay: 1.8s;
	-moz-transition-delay: 1.8s;
	-webkit-transition-delay: 1.8s;
	-o-transition-delay: 1.8s;
	-ms-transition-delay: 1.8s;
}