/******************************
*同创模板网-专业提供企业网站源码程序模板*
* moban.cnfusu.com *
* 微信：cnboco *
* QQ:289229516 *
 ******************************/

html {

	-ms-text-size-adjust: 100%;

	-webkit-text-size-adjust: 100%;

	line-height: 1.15;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

}

body {

	margin: 0;
	font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	line-height: 1.42857143;
	font-size: 14px;
	min-width: 1200px;
	background: #fff;
	color:#000;

}

h1 {

	font-size: 2em;

	margin: .67em 0;

}

figure {

	margin: 1em 40px;

}

hr {

	box-sizing: content-box;

	height: 0;

	overflow: visible;

}

a {

	-webkit-text-decoration-skip: objects;

	background-color: transparent;

}

abbr[title] {

	border-bottom: none;

	-webkit-text-decoration: underline dotted;

	text-decoration: underline dotted;

}

b, strong {

	font-weight: bolder;

}

dfn {

	font-style: italic;

}

mark {

	background-color: #ff0;

	color: #000;

}

small {

	font-size: 80%;

}

sub, sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sub {

	bottom: -.25em;

}

sup {

	top: -.5em;

}

audio:not([controls]) {

	display: none;

	height: 0;

}

img {

	border-style: none;

}

svg:not(:root) {

	overflow: hidden;

}

button, input, optgroup, select, textarea {

	line-height: 1.42857143;

	margin: 0;

	outline: none;

}

body, button, input, select, textarea {

	text-rendering: optimizeLegibility;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	-moz-font-feature-settings: "liga", "kern";

}

button, input {

	overflow: visible;

}

button, select {

	text-transform: none;

}

button, html [type=button],/* 1 */ [type=reset], [type=submit] {

-webkit-appearance:button;

}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {

border-style:none;

padding:0;

}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {

outline:1px dotted ButtonText;

}

fieldset {

	padding: .35em .75em .625em;

}

legend {

	box-sizing: border-box;

	color: inherit;

	display: table;

	max-width: 100%;

	padding: 0;

	white-space: normal;

}

progress {

	display: inline-block;

	vertical-align: baseline;

}

textarea {

	overflow: auto;

}

[type=checkbox], [type=radio] {

box-sizing:border-box;

padding:0;

}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {

height:auto;

}

[type=search] {

-webkit-appearance:textfield;

outline-offset:-2px;

}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {

-webkit-appearance:none;

}

::-webkit-file-upload-button {

-webkit-appearance:button;

font:inherit;

}

summary {

	display: list-item;

}

article, aside, footer, header, nav, section, figcaption, figure, main, details,/* 1 */ menu {

	display: block;

}

pre, code, kbd, samp {

	font-family: monospace, monospace;

	font-size: 1em;

}

audio, video, canvas {

	display: inline-block;

}

template, [hidden] {

display:none;

}

.clearfix {

	zoom: 1;

}

.clearfix:before, .clearfix:after {

	display: table;

	line-height: 0;

	content: "";

}

.clearfix:after {

	clear: both;

}

a {

	color: #b4b4b4;

	text-decoration: none;

}

a:hover {

	color: #000000;

}

ul {

	margin: 0;

	list-style: none;

	padding: 0;

}

.container {

	width: 1200px;

	margin: 0 auto;

}

.img-center {

	text-align: center;

	font-size: 0;

}

.img-center img {

	display: inline-block;

	width: auto;

	height: auto;

	max-width: 100%;

	max-height: 100%;

	vertical-align: middle;

}

.dropdown {

	position: relative;

}

.dropdown-box {

	position: absolute;

	left: 0;

	top: 100%;

	z-index: 10;

	width: 100%;

	display: none;

	overflow: hidden;

}

.dropdown-box li {

	border-top: 1px solid #fff;

	text-align: center;

}

.dropdown-box li a {

	display: block;

	line-height: 40px;

	color: #333;

}

.dropdown.open .dropdown-box {

	display: block;

}

.kefu {

	position: fixed;

	right: -170px;

	top: 50%;

	z-index: 900;

}

.kefu li a {

	text-decoration: none;

}

.kefu li {

	margin-top: 1px;

	clear: both;

	height: 71px;

	position: relative;

}

.kefu li i {

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

	display: block;

	width: 30px;

	height: 27px;

	margin: 0 auto;

	text-align: center;

}

.kefu li p {

	height: 20px;

	font-size: 14px;

	line-height: 20px;

	overflow: hidden;

	text-align: center;

	color: #fff;

	margin: 0;

}

.kefu .kefu-qq i {

	background-position: 4px 5px;

}

.kefu .kefu-tel i {

	background-position: 0 -21px;

}

.kefu .kefu-liuyan i {

	background-position: 4px -53px;

}

.kefu .kefu-weixin i {

	background-position: -34px 4px;

}

.kefu .kefu-weibo i {

	background-position: -30px -22px;

}

.kefu .kefu-ftop {

	display: none;

}

.kefu .kefu-ftop i {

	width: 33px;

	height: 35px;

	background-position: -27px -51px;

}

.kefu .kefu-left {

	float: left;

	width: 77px;

	height: 47px;

	position: relative;

}

.kefu .kefu-tel-right {

	font-size: 16px;

	color: #fff;

	float: left;

	height: 24px;

	line-height: 22px;

	padding: 0 15px;

	border-left: 1px solid #fff;

	margin-top: 14px;

}

.kefu .kefu-right {

	width: 20px;

}

.kefu .kefu-tel-main {

	background: #000000;

	color: #fff;

	height: 56px;

	width: 247px;

	padding: 9px 0 6px;

	float: left;

}

.kefu .kefu-main {

	background: #000000;

	width: 97px;

	height: 56px;

	position: relative;

	padding: 9px 0 6px;

	float: left;

}

.kefu .kefu-weixin-pic {

	position: absolute;

	left: -130px;

	top: -24px;

	display: none;

	z-index: 333;

}

.kefu-weixin-pic img {

	width: 115px;

	height: 115px;

}

.yunu-header {

	overflow: hidden;

}

.yunu-header .topbar {

	line-height: 34px;

	background-color: #f2f2f2;

	font-size: 14px;

}

.yunu-header .topbar ul {

	float: right;

}

.yunu-header .topbar li {

	float: left;

	margin-left: 15px;

}

.yunu-header .topbar li.pipe {

	padding: 0 10px;

}

.yunu-header .logo {

	float: left;

	padding: 30px 0;

}

.yunu-header .logo img {

	display: block;

	height: 82px;

	width: auto;

}

.yunu-header .text {

	float: left;

	font-size: 18px;

	padding: 10px 0 10px 40px;

	margin: 23px 0;

}

.yunu-header .text strong {

	display: block;

	font-size: 22px;

}

.yunu-header .tel {

	float: right;

	background: url(../images/tel.png) no-repeat 0 center;

	padding-left: 65px;

	margin-top: 24px;

}

.yunu-header .tel strong {
	display: block;
	font-size: 28px;
	font-family: Impact;
	line-height: 1;
}

.yunu-nav {background-color: #000000;}

.yunu-nav li {float: left;}

.yunu-nav li a {
	display: block;
	padding: 0 34px;
	line-height: 60px;
	font-size: 16px;
	color: #fff;
	position: relative;
}

.yunu-nav .active {background-color: #161616;}

.yunu-nav li a:hover:before, .yunu-nav li.active a:before, .yunu-nav li.open>a:before {
	height: 100%;
}

.yunu-nav li a span {
	position: relative;
	z-index: 1;
}
.yunu-nav .dropdown-box {
	background-color: #1a1a1a;
}
.yunu-nav .dropdown-box li {
	float: none;
	background: none;
}

.yunu-nav .dropdown-box a {

	line-height: 20px;

	font-size: 14px;

	padding: 15px 10px;

	margin: 0;

}

.yunu-slideBox {

	height: 620px;

	position: relative;

	overflow: hidden;

}

.yunu-slideBox .hd {

	position: absolute;

	bottom: 90px;

	font-size: 0;

	left: 0;

	width: 100%;

	text-align: center;

	z-index: 2;

}

.yunu-slideBox .hd li {

	display: inline-block;

	width: 10px;

	height: 10px;

	margin: 0 8px;

	background-color: #333;

	cursor: pointer;

	border-radius: 50%;

}

.yunu-slideBox .hd li.on {

	background-color: #000000;

}

.yunu-slideBox .bd, .yunu-slideBox .bd ul, .yunu-slideBox .bd li {

	width: 100% !important;

	height: 100% !important;

}

.yunu-slideBox .bd li {

	background: no-repeat center;

}

.yunu-slideBox .bd li a {

	display: block;

	width: 100%;

	height: 100%;

}

.in-total {

	background-color: #be8325;

	color: #fff;

	margin-top: -70px;

	position: relative;

	z-index: 3;

	text-align: center;

}

.in-total li {

	float: left;

	width: 25%;

	padding: 40px 0;

}

.in-total li span {

	display: block;

	line-height: 1;

	font-size: 18px;

}

.in-total li strong {

	font-size: 50px;

	position: relative;

	display: inline-block;

}

.in-total li strong:before {

	position: absolute;

	content: '+';

	right: -16px;

	top: 0;

	font-size: 24px;

}

.in-total li p {

	margin: 10px 0 0;

	font-size: 18px;

}

.section {

	padding: 90px 0;

}

.section-title {

	margin-bottom: 40px;

	text-align: center;

	font-size: 48px;

}

.section-title p {

	margin: 0;

	font-size: 0;

	position: relative;

}

.section-title p:before {

	position: absolute;

	left: 0;

	top: 50%;

	content: '';

	width: 100%;

	height: 1px;

	background-color: #eee;

}

.section-title span {

	display: inline-block;

	vertical-align: middle;

	position: relative;

	padding: 0 30px;

}

.section-title span:before {

	position: absolute;

	left: 0;

	top: 50%;

	content: '';

	width: 100%;

	height: 3px;

	background-color: #000000;

	margin-top: -1px;

}

.section-title i {

	font-size: 24px;

	display: inline-block;

	vertical-align: middle;

	position: relative;

	z-index: 1;

	font-style: normal;

	background-color: #fff;

	padding: 0 15px;

}

.section-title small {

	display: block;

	font-size: 16px;

	text-transform: uppercase;

	color: #999;

}

.section-title-1 i {

	font-size: 28px;

}

.in-desc {

	margin: 0;

}

.in-desc dt {

	float: left;

	position: relative;

	width: 600px;

}

.in-desc dt:after {

	position: absolute;

	left: 0;

	width: 100%;

	top: 50%;

	height: 130px;

	background-color: #be8325;

	content: '';

	margin-top: -65px;

}

.in-desc dt img {

	position: relative;

	z-index: 2;

}

.in-desc dd {

	margin-left: 700px;

}

.in-desc dd h4 {

	margin: 0 0 20px;

	font-size: 46px;

}

.in-desc dd h4 small {

	display: block;

	font-size: 24px;

	font-weight: normal;

}

.in-desc dd p {

	margin: 0;

	height: 190px;

	overflow: hidden;

	line-height: 1.75;

	color: #000;

}

.in-desc dd .qm {

	font-size: 0;

}

.in-desc dd .qm span {

	font-size: 14px;

	display: inline-block;

	vertical-align: bottom;

}

.in-desc dd .qm span img {

	display: inline-block;

	vertical-align: bottom;

}

.bg1 {

	background: url(../images/cpbg.jpg) no-repeat center;

}

.bg1 .section-title i {

	background-color: #fff;

}

.in-prd-menu .n {

}

.in-prd-menu .n li {

	float: left;

	width: 20%;

}

.in-prd-menu .n li a {

	display: block;

	background-color: #242d34;

	color: #fff;

	line-height: 46px;

	position: relative;

	font-size: 18px;

	text-align: center;

	border-left: 1px solid #fff;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.in-prd-menu .n li a:before {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 0;

	content: '';

	-webkit-transition: all 0.3s;

	transition: all 0.3s;

	background-color: #000000;

}

.in-prd-menu .n li span {

	position: relative;

	z-index: 1;

}

.in-prd-menu .n li.on a:before {

	height: 100%;

}

.in-prd-menu .b {

	font-size: 0;

	background-color: #fff;

}

.in-prd-menu .b li {

	display: none;

}

.in-prd-menu .b li a {

	display: inline-block;

	vertical-align: middle;

	font-size: 16px;

	line-height: 41px;

	border-bottom: 1px solid #f9f9f9;

	background: url(../images/cpico.png) no-repeat 20px center;

	padding-left: 35px;

}

.in-prd-list {

	margin-top: 40px;

	overflow: hidden;

}

.in-prd-list li {

	float: left;

	width: 353px;

	margin-left: 30px;

}

.in-prd-list li a {

	display: block;

	margin-top: 10px;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

}

.in-prd-list li .img-center {

	height: 265px;

	line-height: 265px;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

}

.in-prd-list li .text {

	margin-top: 20px;

	text-align: center;

}

.in-prd-list li .text h4 {

	margin: 0;

	font-size: 18px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.in-prd-list li .text p {

	margin: 10px 0 0;

	color: #888;

	height: 60px;

	overflow: hidden;

}

.in-prd-list li .text span {

	display: inline-block;

	margin-top: 10px;

	background-color: #000000;

	color: #fff;

	line-height: 40px;

	width: 150px;

}

.in-prd-list li a:hover {

	-webkit-transform: translateY(-5px);

	transform: translateY(-5px);

}

.in-prd-list li a:hover .img-center {

	box-shadow: 0 0 5px rgba(0,0,0,0.2);

}

.in-gy {

	height: 710px;

	position: relative;

	background: url(../images/tsbg.jpg) no-repeat center center;

}

.in-gy dl {

	margin: 0;

}

.in-gy dd {

	margin: 0;

}

.in-gy .l {

	width: 520px;

	float: left;

}

.in-gy .l dl {

	overflow: hidden;

	height: 167px;

	width: 520px;

	float: left;

	margin-bottom: 96px;

}

.in-gy .l dl:last-child {

	margin-bottom: 0;

}

.in-gy .l dt {

	width: 119px;

	height: 119px;

	padding-top: 25px;

	float: left;

}

.in-gy .l dt img {

	width: 119px;

	height: 119px;

	display: block;

}

.in-gy .l dd {

	width: 397px;

	padding-right: 78px;

	height: 167px;

	box-sizing: border-box;

	float: left;

	position: relative;

}

.in-gy .l dd h3 {

	padding-left: 46px;

	padding-top: 10px;

	white-space: nowrap;

	margin-bottom: 15px;

	font-size: 22px;

	color: #222222;

	font-weight: bold;

	height: 58px;

	line-height: 58px;

	position: relative;

}

.in-gy .l dd p {

	line-height: 21px;

	overflow: hidden;

	font-size: 14px;

	color: #666666;

}

.in-gy .l dl:nth-child(2) {

	width: 365px;

}

.in-gy .l dl:nth-child(2) dt {

	padding-top: 46px;

	float: right;

}

.in-gy .l dl:nth-child(2) dd {

	width: 234px;

	padding-right: 40px;

}

.in-gy .l dl:nth-child(1) dd h3 {

	background: url(../images/ts01.gif) no-repeat left 0;

}

.in-gy .l dl:nth-child(2) dd h3 {

	background: url(../images/ts02.gif) no-repeat left 0;

}

.in-gy .l dl:nth-child(3) dd h3 {

	background: url(../images/ts03.gif) no-repeat left 0;

}

.in-gy .r dd p {

	line-height: 21px;

	overflow: hidden;

	font-size: 14px;

	color: #666666;

}

.in-gy .r {

	width: 520px;

	float: right;

}

.in-gy .r dl {

	overflow: hidden;

	height: 167px;

	width: 520px;

	float: right;

	margin-bottom: 96px;

}

.in-gy .r dl:last-child {

	margin-bottom: 0;

}

.in-gy .r dt {

	width: 119px;

	height: 119px;

	padding-top: 25px;

	float: left;

}

.in-gy .r dt img {

	width: 119px;

	height: 119px;

	display: block;

}

.in-gy .r dd {

	width: 397px;

	padding-left: 78px;

	height: 167px;

	box-sizing: border-box;

	float: right;

	position: relative;

}

.in-gy .r dd h3 {

	padding-right: 46px;

	padding-top: 10px;

	white-space: nowrap;

	margin-bottom: 15px;

	font-size: 22px;

	color: #222222;

	font-weight: bold;

	height: 58px;

	line-height: 58px;

	position: relative;

	text-align: right;

}

.gy_right dd p {

	line-height: 24px;

	overflow: hidden;

	font-size: 16px;

	color: #666666;

	text-align: right;

}

.in-gy .r dl:nth-child(2) {

	width: 355px;

}

.in-gy .r dl:nth-child(2) dt {

	padding-top: 46px;

}

.in-gy .r dl:nth-child(2) dd {

	width: 235px;

	padding-right: 0;

	padding-left: 0;

}

.in-gy .r dl:nth-child(3) dt {

	padding-top: 32px;

}

.in-gy .r dl:nth-child(1) dd h3 {

	background: url(../images/ts04.gif) no-repeat right 0;

}

.in-gy .r dl:nth-child(2) dd h3 {

	background: url(../images/ts05.gif) no-repeat right 0;

}

.in-gy .r dl:nth-child(3) dd h3 {

	background: url(../images/ts06.gif) no-repeat right 0;

}

.in-gg {

	height: 366px;

	background: url(../images/xgg.jpg) no-repeat center;

}

.in-gg h4 {

	margin-top: 125px;

	float: right;

	width: 684px;

	height: 75px;

	line-height: 75px;

	font-size: 38px;

	color: #ffffff;

	font-weight: bold;

}

.in-gg .tel {

	width: 600px;

	position: absolute;

	top: 200px;

	right: 0;

}

.in-gg .tel p {

	width: 300px;

	float: left;

	background: url(../images/ggtel.png) no-repeat 0 10px;

	padding-left: 95px;

	color: #ffffff;

	height: 72px;

	margin-top: 5px;

	font-size: 18px;

}

.in-gg .tel p strong {

	font-size: 30px;

	font-weight: bold;

	font-family: "Arial";

}

.in-gg .tel a {

	float: right;

	width: 158px;

	line-height: 32px;

	height: 32px;

	font-size: 18px;

	color: #ffffff;

	background: #000000;

	border-radius: 13px;

	display: block;

	text-align: center;

	margin-top: 5px;

}

.in-dzsc {

}

.in-dzsc .hd {

	position: relative;



	z-index: 2;

	margin-top:20px;
	margin-bottom:10px;

}

.in-dzsc .hd li {

	float: left;

	width: 45px;

	height: 50px;

	font-size: 16px;

	font-weight: bold;

	color: #fff;

	background: no-repeat 0 0;

	text-align: center;

	line-height: 50px;

	margin: 0 52px;

	cursor: pointer;

}

.in-dzsc .hd li:nth-child(1) {

	background: url(../images/ysico2.png);

}

.in-dzsc .hd li:nth-child(2) {

	background: url(../images/ysico2.png);

}

.in-dzsc .hd li:nth-child(3) {

	background: url(../images/ysico2.png);

}

.in-dzsc .hd li:nth-child(4) {

	background: url(../images/ysico2.png);

}

.in-dzsc .hd li:nth-child(5) {

	background: url(../images/ysico2.png);

}

.in-dzsc .hd li:nth-child(6) {

	background: url(../images/ysico2.png);

}
.in-dzsc .hd li:nth-child(7) {

	background: url(../images/ysico2.png);

}
.in-dzsc .hd li:nth-child(8) {

	background: url(../images/ysico2.png);

}

.in-dzsc .hd li.on:nth-child(1) {

	background: url(../images/ysico2cur.png);

}

.in-dzsc .hd li.on:nth-child(2) {

	background: url(../images/ysico2cur.png);

}

.in-dzsc .hd li.on:nth-child(3) {

	background: url(../images/ysico2cur.png);

}

.in-dzsc .hd li.on:nth-child(4) {

	background: url(../images/ysico2cur.png);

}

.in-dzsc .hd li.on:nth-child(5) {

	background: url(../images/ysico2cur.png);

}

.in-dzsc .hd li.on:nth-child(6) {

	background: url(../images/ysico2cur.png);

}
.in-dzsc .hd li.on:nth-child(7) {

	background: url(../images/ysico2cur.png);

}
.in-dzsc .hd li.on:nth-child(8) {

	background: url(../images/ysico2cur.png);

}

.in-dzsc .bd li {

	position: relative;

}

.in-dzsc .bd li .text {

	position: absolute;

	left: 60px;

	top: 110px;

	width: 390px;

	height: 350px;

	background-color: rgba(255,255,255,0.95);

	padding: 30px 25px 0;

}

.in-dzsc .bd li .text h4 {
	margin: 0 0 30px;
	padding-left:100px;
	font-size: 32px;
	background: no-repeat center 0;
	color:#000000;
}

.in-dzsc .bd li:nth-child(1) .text h4 {

	background-image: url(../images/01.png);

}

.in-dzsc .bd li:nth-child(2) .text h4 {

	background-image: url(../images/02.png);

}

.in-dzsc .bd li:nth-child(3) .text h4 {

	background-image: url(../images/03.png);

}

.in-dzsc .bd li:nth-child(4) .text h4 {

	background-image: url(../images/04.png);

}

.in-dzsc .bd li:nth-child(5) .text h4 {

	background-image: url(../images/05.png);

}

.in-dzsc .bd li:nth-child(6) .text h4 {

	background-image: url(../images/06.png);

}

.in-dzsc .bd li:nth-child(7) .text h4 {

	background-image: url(../images/07.png);

}

.in-dzsc .bd li:nth-child(8) .text h4 {

	background-image: url(../images/08.png);

}

.in-dzsc .bd li p {

	line-height: 1.8;

	margin: 20px 0 0;

	font-size: 15px;

	background: url(../images/yspico.jpg) no-repeat 0 10px;

	padding-left: 18px;

}

.in-dzsc .bd li p strong {

	color:#000000;

}

.bg2 {

	background: url(../images/jzbg.jpg) no-repeat center 0;

}

.bg2 .section-title i {

	background-color: #fff;

}

.in-hzkh {

	margin: -20px 0 0 -20px;

}

.in-hzkh li {

	float: left;

	width: 50%;

}

.in-hzkh li a {

	display: block;

	margin: 20px 0 0 20px;

	overflow: hidden;

	background-color: #fff;

	box-shadow: 0 0 10px #ccc;

}

.in-hzkh li .img-center {

	overflow: hidden;

	float: left;

	width: 275px;

	height: 275px;

	line-height: 275px;

}

.in-hzkh li .img-center img {

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

}

.in-hzkh li .text {

	margin-left: 275px;

	padding: 25px;

}

.in-hzkh li .text h4 {

	margin: 0;

	font-size: 18px;

	font-weight: normal;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.in-hzkh li .text p {

	line-height: 1.8;

	height: 126px;

	overflow: hidden;

	text-align: justify;

	color: #d0d0d0;

	margin: 10px 0 0;

}

.in-hzkh li .text span {

	display: block;

	width: 130px;

	height: 40px;

	background: url(../images/more1.gif) no-repeat;

}

.in-hzkh li a:hover {

	background-color: #000000;

	color: #fff;

	box-shadow: 0 0 10px #0a73b1;

}

.in-hzkh li a:hover .img-center img {

	-webkit-transform: scale(1.1);

	transform: scale(1.1);

}

.in-hzkh li a:hover .text p {

	color: #fff;

}

.in-hzkh li a:hover .text span {

	background-image: url(../images/more1cur.gif);

}

.in-news {

	position: relative;

}

.in-news:before {

	content: "";

	width: 100%;

	height: 1px;

	background: #d9d9d9;

	position: absolute;

	left: 0;

	top: 253px;

}

.in-news .tit {

	height: 42px;

	width: 456px;

	margin: 0 auto;

	background: #fff;

	position: relative;

	z-index: 1;

}

.in-news .hd {

	color: #333333;

	height: 42px;

	display: inline-block;

	font-weight: normal;

	text-decoration: none;

}

.in-news .hd a {

	position: relative;

	text-decoration: none;

	font-size: 18px;

	display: inline-block;

	height: 40px;

	color: #222222;

	line-height: 40px;

	text-align: center;

	font-weight: normal;

	border: 1px solid #d9d9d9;

	width: 150px;

	float: left;

}

.in-news .hd a:before {

	-webkit-transition: width .3s;

	transition: width .3s;

	content: "";

	width: 0;

	height: 3px;

	background: #0891e1;

	position: absolute;

	left: 0;

	bottom: 0;

}

.in-news .hd a:last-child {

	margin-left: -1px;

}

.in-news .hd a.on {

	color: #333;

	font-weight: bold;

}

.in-news .hd a.on:before {

	content: "";

	width: 100%;

	height: 3px;

	background: #0891e1;

	position: absolute;

	left: 0;

	bottom: 0;

}

.in-news .tit p {

	width: 97px;

	height: 28px;

	border: 1px solid #d9d9d9;

	position: absolute;

	right: -448px;

	top: 7px;

	margin: 0;

}

.in-news .tit p a {

	width: 48px;

	height: 28px;

	float: left;

}

.in-news .tit p .nprev {

	background: url(../images/news_left.gif) no-repeat;

}

.in-news .tit p .nnext {

	background: url(../images/news_right.gif) no-repeat;

}

.in-news .tit p a:first-child {

	border-right: 1px solid #d9d9d9;

}

.in-news .news_nr {

	margin-top: 41px;

	height: 216px !important;

	overflow: hidden;

}

.in-news .news2 {

	width: 1200px;

}

.in-news .news2 dl {

	width: 330px;

	margin: 0 110px 0 0;

	float: left;

}

.in-news .news2 dt {

	display: block;

	height: 70px;

	line-height: 70px;

	margin-bottom: 25px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	border-bottom: 1px dashed #999999;

	font-size: 16px;

}

.in-news .news2 dd {

	margin: 0;

}

.in-news .news2 dd p {

	line-height: 24px;

	height: 100px;

	color: #888888;

	margin: 0;

}

.in-news .news2 dd span {

	background: url(../images/newsico.gif) no-repeat left center;

	padding-left: 20px;

	display: block;

	color: #888888;

}

.bg3 {

	background: url(../images/aboutbg.jpg) no-repeat center top;

	padding-bottom: 0;

	height: 450px;

}

.in-about h4 {

	margin: 0 0 20px;

	font-size: 46px;

}

.in-about h4 small {

	display: block;

	font-size: 24px;

	font-weight: normal;

}

.in-about .img-center {

	display: inline-block;

	padding: 10px;

	border: 1px solid #e2e2e2;

}

.in-about p {

	width: 600px;

	margin: 20px 0 0;

	line-height: 1.8;

	text-align: justify;

}

.yunu-footer {

	background-color: #242d34;

	padding-top: 50px;

	color: #aaacae;

}

.yunu-footer a {

	color: #aaacae;

}

.yunu-footer a:hover {

	color: #000000;

}

.yunu-footer-info {

	float: left;

	width: 400px;

}

.yunu-footer-info .logo {

	margin-bottom: 30px;

}

.yunu-footer-info .logo img {

	display: block;

	height: 68px;

	width: auto;

}

.yunu-footer-info h4 {

	margin: 0 0 30px;

	font-size: 20px;

	color: #fff;

}

.yunu-footer-info p {

	font-size: 16px;

	margin: 10px 0 0;

	padding-left: 38px;

	background: no-repeat 0 center;

	line-height: 1.8;

}

.yunu-footer-info p.i1 {

	background-image: url(../images/fico1.png);

}

.yunu-footer-info p.i2 {

	background-image: url(../images/fico2.png);

}

.yunu-footer-info p.i3 {

	background-image: url(../images/fico3.png);

}

.yunu-footer-info p.i4 {

	background-image: url(../images/fico4.png);

}

.yunu-footer dl {

	float: left;

	width: 160px;

	margin: 20px 0 0 40px;

}

.yunu-footer dt {

	font-size: 18px;

	color: #fff;

	font-weight: bold;

	margin-bottom: 15px;

}

.yunu-footer dd {

	margin: 0;

}

.yunu-footer .item li {

	line-height: 36px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.yunu-footer .code a {

	display: block;

	padding: 10px 20px;

	background-color: #fff;

	margin-bottom: 30px;

	border-radius: 5px;

	position: relative;

}

.yunu-footer .code .pic {

	float: left;

	height: 38px;

	width: 38px;

	line-height: 38px;

}

.yunu-footer .code .text {

	margin-left: 48px;

}

.yunu-footer .code .text h4 {

	margin: 0;

	color: #333;

}

.yunu-footer .code .text small {

	display: block;

	font-size: 12px;

	line-height: 18px;

	color: #999;

}

.yunu-footer .code .sub {

	position: absolute;

	right: 100%;

	top: 0;

	width: 130px;

	display: none;

	margin-right: 5px;

	z-index: 2;

}

.yunu-footer .code a:hover .sub {

	display: block;

}

.yunu-footer .code a:nth-child(even) {

	background-color: #000000;

	color: #fff;

}

.yunu-footer .code a:nth-child(even) .text h4 {

	color: #fff;

}

.yunu-footer .code a:nth-child(even) .text small {

	color: #cacaca;

}

.yunu-footer .sns {

	font-size: 0;

	margin-left: -28px;

}

.yunu-footer .sns a {

	display: inline-block;

	vertical-align: middle;

	background: no-repeat center / contain;

	width: 34px;

	height: 34px;

	margin-left: 28px;

	position: relative;

}

.yunu-footer .sns a.i1 {

	background-image: url(../images/ft1.png);

}

.yunu-footer .sns a.i2 {

	background-image: url(../images/ft2.png);

}

.yunu-footer .sns a.i3 {

	background-image: url(../images/ft3.png);

}

.yunu-footer .sns .img-center {

	position: absolute;

	bottom: 100%;

	left: 50%;

	margin: 0 0 5px -65px;

	width: 130px;

	display: none;

}

.yunu-footer .sns a:hover .img-center {

	display: block;

}

.yunu-footer-copy {

	margin-top: 30px;

	padding: 20px 0;

	border-top: 1px solid #3a4249;

}

.yunu-link {

	padding: 20px 0;

}

.yunu-link h4 {

	border-bottom: 1px solid #ddd;

	margin: 0;

	font-size: 18px;

	color: #000000;

	padding-bottom: 15px;

}

.yunu-link h4 small {

	text-transform: uppercase;

	font-size: 16px;

	font-weight: normal;

	color: #999;

}

.yunu-link ul {

	margin-left: -20px;

}

.yunu-link li {

	float: left;

	margin-left: 20px;

	margin-top: 20px;

}

.yunu-banner {

	height: 350px;

	background: no-repeat center;

}

.yunu-banner a {

	display: block;

	width: 100%;

	height: 100%;

}

.yunu-sou {

	padding: 20px 0;

	border-bottom: 1px solid #d9d9d9;

}

.yunu-sou .hot {

	float: left;

	padding: 8px 0;

}

.yunu-sou .hot a {

	margin-right: 10px;

}

.yunu-sou .hform {

	float: right;

	border-left: 1px solid #d9d9d9;

	border-right: 1px solid #d9d9d9;

}

.yunu-sou .hform input {

	float: left;

	font-size: 14px;

	border: 0;

	padding: 8px 10px;

	line-height: 20px;

	background: no-repeat 0 0;

	width: 210px;

}

.yunu-sou .hform button {

	border: 0;

	border-bottom: 1px solid transparent;

	padding: 0;

	float: left;

	cursor: pointer;

	outline: none;

	width: 49px;

	height: 36px;

}

.yunu-sou-inner {

	background-color: #F2F2F2;

}

.yunu-sou-inner .yunu-sou {

	border-bottom: 0;

}

.yunu-sou-inner .hot {

	padding: 6px 0;

}

.yunu-sou-inner .hform {

	background-color: #fff;

	border-radius: 20px;

	overflow: hidden;

	border: 0;

}

.yunu-sou-inner .hform input {

	width: 240px;

	background: none;

	padding: 6px 15px;

}

.yunu-sou-inner .hform button {

	background: url(../images/viskins-p1.png) no-repeat -258px -936px;

	width: 30px;

	height: 30px;

}

.yunu-curmbs {

	padding: 15px 0;

	border-bottom: 1px dashed #dcdcdc;

	margin-bottom: 20px;

}

.yunu-curmbs span {

	padding-left: 10px;

	border-left: 10px solid #666666;

}

.yunu-curmbs em {

	font-style: normal;

	padding: 0 5px;

	color: #999;

}

.ct2-sd {

	float: left;

	width: 240px;

}

.ct2-mn {

	float: right;

	width: 930px;

}

.panel-sd-hd {

	background-color: #000000;

	color: #fff;

	padding-bottom: 5px;

}

.panel-sd-hd h4 {

	text-align: center;

	border-bottom: 1px solid #fff;

	margin: 0;

	font-size: 24px;

	padding: 20px 0;

}

.panel-sd-bd {

	border: 1px solid #ececeb;

	padding: 5px 10px;

	border-top: 0;

}

.yunu-column h3 {

	margin: 0 0 2px;

	font-weight: normal;

	background: url(../images/p14-icon5.png) no-repeat right center #ddd;

	padding: 0 40px;

}

.yunu-column h3 a {

	display: block;

	line-height: 50px;

	font-size: 18px;

	color: #333;

}

.yunu-column h3.on, .yunu-column h3:hover {

	background: url(../images/p14-icon2.png) no-repeat right center #000000;

}

.yunu-column h3.on a, .yunu-column h3:hover a {

	color: #fff;

}

.yunu-column li {

	line-height: 50px;

	border-bottom: 1px solid #fff;

}

.yunu-column li a {

	display: block;

	padding: 0 40px;

	background-color: #ECECEC;

}

.yunu-column li.on a {

	color: #000000;

}

.yunu-column li.on>a:after {

	border-color: #000000;

}

.yunu-column .sub>a {

	position: relative;

}

.yunu-column .sub>a:after {

	content: '';

	width: 8px;

	height: 8px;

	border: 2px solid #b8b8b8;

	border-style: solid solid none none;

	position: absolute;

	top: 50%;

	right: 32px;

	margin-top: -4px;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

}

.yunu-column .sub.open>a:after {

	border-color: #000000;

}

.yunu-column .sub-box {

	border-left: 1px solid #ECECEC;

	border-right: 1px solid #ECECEC;

	display: none;

}

.yunu-column .sub.open .sub-box {

	display: block;

}

.yunu-column .sub-box p {

	margin: 0;

	border-bottom: 1px solid #ECECEC;

}

.yunu-column .sub-box a {

	background-color: transparent;

	padding-left: 60px;

}

.yunu-contact-z1 {

	height: 140px;

	background: url(../images/contact-z1.jpg) no-repeat;

	margin-bottom: 20px;

}

.yunu-contact-z1 p {

	margin: 0;

	font-size: 20px;

	line-height: 30px;

	background: url(../images/contact-z1_tel.png) no-repeat 74px 44px;

	padding: 37px 0 0 95px;

}

.yunu-contact-z1 span {

	line-height: 30px;

	font-size: 18px;

	padding-left: 73px;

}

.yunu-contact-z2 {

	background-color: #000000;

	text-align: center;

	color: #fff;

	padding: 20px;

	margin-bottom: 20px;

}

.yunu-contact-z2 p {

	margin: 0;

}

.yunu-contact-z2 p img {

	vertical-align: middle;

	margin-right: 5px;

}

.yunu-contact-z2 span {

	display: block;

	font-size: 28px;

	font-weight: bold;

	margin-top: 10px;

	line-height: 1;

}

.yunu-pages {

	text-align: center;

	margin: 30px 0;

}

.yunu-pages a {

	display: inline-block;

	margin: 0 3px;

	border: 1px solid #ddd;

	padding: 4px 12px;

	border-radius: 3px;

}

.yunu-pages a.active {

	background-color: #000000;

	border-color: #000000;

	color: #fff;

}

.yunu-title-1 {

	border-bottom: 1px solid #ececeb;

	height: 44px;

	margin-bottom: 15px;

	font-size: 24px;

}

.yunu-title-1 span {

	display: inline-block;

	padding-bottom: 10px;

	border-bottom: 1px solid #666666;

}

.yunu-menu-inner {

	text-align: center;

	margin-bottom: 20px;

}

.yunu-menu-inner a {

	float: left;

	width: 20%;

}

.yunu-menu-inner span {

	display: block;

	margin-left: 1px;

	background-color: #f4f4f4;

	color: #333;

	font-size: 18px;

	line-height: 55px;

}

.yunu-menu-inner a:hover span, .yunu-menu-inner a.active span {

	background: url(../images/p16-icon6.png) no-repeat center bottom #000000;

	color: #fff;

}

.list-2 {

	margin: 0 0 0 -20px;

}

.list-2 li {

	float: left;

	width: 33.333333%;

}

.list-2 li a {

	display: block;

	margin: 0 0 20px 20px;

	border: 1px solid #ddd;

}

.list-2 li a:hover {

	border-color: #000000;

	color: #000000;

}

.list-2 li .m {

	height: 221px;

	line-height: 221px;

}

.list-2 li .text {

	padding: 5px 20px;

}

.list-2 li h4 {

	margin: 0;

	font-size: 18px;

	line-height: 45px;

	height: 45px;

	overflow: hidden;

	font-weight: normal;

}

.list-2 li p {

	margin-top: 0;

	height: 40px;

	overflow: hidden;

	color: #666;

}

.list-5 li {

	margin-bottom: 15px;

}

.list-5 li a {

	display: block;

	border: 1px solid #ddd;

	padding: 15px;

	overflow: hidden;

}

.list-5 li .m {

	float: left;

	width: 250px;

}

.list-5 li .m img {

	display: block;

	width: 100%;

	height: auto;

}

.list-5 li .text {

	margin-left: 270px;

}

.list-5 li .text h4 {

	margin: 0;

	line-height: 40px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-size: 18px;

}

.list-5 li .text h4 span {

	float: right;

	font-size: 12px;

	color: #999;

	font-weight: normal;

}

.list-5 li .text p {

	color: #797979;

}

.list-5 li .text .more {

	float: right;

	padding: 6px 12px;

	color: #fff;

	background-color: #B6B6B6;

}

.list-5 li a:hover {

	border-color: #000000;

}

.list-5 li a:hover .text h4 {

	color: #000000;

}

.list-5 li a:hover .text .more {

	background-color: #000000;

}

.yunu-infocontent {

	margin-bottom: 30px;

}

.yunu-infocontent-title {

	margin-bottom: 20px;

	text-align: center;

}

.yunu-infocontent-title h1 {

	margin: 0;

	font-size: 24px;

}

.yunu-infocontent-title p {

	margin: 10px 0 0;

	font-size: 12px;

	color: #999;

}

.yunu-infocontent-title p span {

	padding: 0 5px;

}

.yunu-infocontent-desc {

	margin-bottom: 20px;

	border: 1px solid #ddd;

	padding: 20px;

}

.yunu-infocontent-body {

	line-height: 2;

	margin-bottom: 20px;

}

.yunu-infocontent-body img {

	max-width: 100% !important;

	height: auto !important;

	width: auto !important;

}

.yunu-infocontent-epx {

	margin-bottom: 20px;

}

.yunu-infocontent-epx li {

	line-height: 32px;

	margin-bottom: 5px;

}

.yunu-infocontent-epx li span {

	display: inline-block;

	background-color: #A2A2A2;

	color: #fff;

	padding: 0 15px;

	margin-right: 10px;

}

.yunu-infocontent-epx li em {

	float: right;

	font-style: normal;

}

.yunu-infocontent-return {

	border-top: 1px solid #242d34;

	line-height: 32px;

}

.yunu-infocontent-return a {

	margin-right: 10px;

}

.yunu-infocontent-return .more {

	margin: 0;

	float: right;

	background-color: #242d34;

	color: #fff;

	padding: 0 10px;

}

.yunu-infocontent-rem {

	margin-bottom: 20px;

}

.yunu-infocontent-rem h4 {

	margin: 0;

	font-size: 24px;

	line-height: 55px;

}

.yunu-infocontent-rem li {

	border-top: 1px dashed #dbdbdb;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: 46px;

}

.yunu-infocontent-rem li span {

	float: right;

}

.about-1 {

	margin: 0;

	border: 1px solid #ddd;

}

.about-1 dd {

	margin: 0;

	padding: 30px;

}

.about-1 dd h4 {

	margin: 0;

	text-align: center;

	color: #000000;

	font-size: 22px;

}

.about-1 dd p {

	margin: 15px 0 0;

	text-indent: 2em;

	line-height: 1.8;

	text-align: justify;

}

.about-2 {

	margin: -20px 0 0 -20px;

}

.about-2 li {

	float: left;

	width: 25%;

}

.about-2 li a {

	margin: 20px 0 0 20px;

	display: block;

}

.about-2 li .img-center {

	line-height: 203px;

	height: 203px;

}

.about-2 li .text {

	text-align: center;

	color: #666;

	padding: 15px;

	background-color: #f2f2f2;

}

.about-2 li a:hover .text {

	background-color: #000000;

	color: #fff;

}

.about-2-1 {

	margin-bottom: 40px;

}

.about-2-1 li {

	width: 33.333333%;

}

.about-2-1 li .img-center {

	line-height: 223px;

	height: 223px;

}

.contact-1 {

	background: url(../images/1ec2b1dbb7ba4538967cea936f6dfc66_2.jpg) no-repeat;

	height: 181px;

	padding: 20px 20px 0 250px;

}

.contact-1 h4 {

	font-size: 24px;

	margin: 10px 0;

	color: #000000;

}

.contact-1 p {

	line-height: 2;

}

.contact-2 {

	margin-left: -20px;

}

.contact-2 li {

	float: left;

	width: 25%;

}

.contact-2 li .wrap {

	border: 1px solid #ddd;

	margin-left: 20px;

	text-align: center;

	padding: 20px;

}

.contact-2 li img {

	display: block;

	height: 50px;

	width: auto;

	margin: 0 auto;

}

.contact-2 li p {

	margin-bottom: 0;

	height: 75px;

	overflow: hidden;

	font-size: 18px;

}

.yunu-message {

	background: url(../images/r1-orderform-1-bg.jpg) no-repeat center bottom #fff;

	border: 1px solid #ddd;

	padding: 50px 200px;

	margin-bottom: 30px;

}

.form-group {

	margin-bottom: 15px;

}

.form-label {

	float: left;

	line-height: 34px;

	width: 120px;

	text-align: right;

}

.form-label span {

	color: #d82634;

}

.form-content {

	margin-left: 130px;

}

.form-control {

	line-height: 20px;

	font-size: 14px;

	border: 1px solid #ddd;

	padding: 6px 12px;

	width: 600px;

	display: inline-block;

	vertical-align: top;

	font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;

}

select.form-control {

	height: 34px;

}

.form-submit {

	padding: 6px 22px;

	color: #fff;

	background-color: #000000;

	border: 0;

	cursor: pointer;

	font-size: 16px;

	border-radius: 3px;

}

.form-button {

	padding: 6px 22px;

	color: #fff;

	background-color: #767676;

	border: 0;

	cursor: pointer;

	font-size: 16px;

	border-radius: 3px;

}

.list-3 {

	margin-left: -15px;

}

.list-3 li {

	float: left;

	width: 25%;

}

.list-3 li a {

	display: block;

	margin: 0 0 15px 15px;

	border: 1px solid #ddd;

	position: relative;

}

.list-3 li a:hover {

	border-color: #000000;

}

.list-3 li .m {

	height: 165px;

	line-height: 165px;

}

.list-3 li .text h4 {

	margin: 0;

	font-size: 16px;

	padding: 12px 20px 0;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.list-3 li .text p {

	margin: 0;

	padding: 0 20px 12px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.list-4 {

	margin: 0 0 -20px -20px;

}

.list-4 li {

	float: left;

	width: 25%;

}

.list-4 li a {

	display: block;

	margin: 0 0 20px 20px;

	border: 1px solid #ececeb;

}

.list-4 li a:hover {

	border-color: #000000;

}

.list-4 li .m {

	padding: 10px;

	height: 201px;

	line-height: 201px;

}

.list-4 li .text {

	padding: 5px 20px;

	background-color: #F0F0F0;

}

.list-4 li .text h4 {

	margin: 0;

	font-size: 14px;

	line-height: 45px;

	height: 45px;

	overflow: hidden;

	font-weight: normal;

	text-align: center;

}

.yunu-showcase {

	margin-bottom: 40px;

}

.yunu-showcase-info {

	float: right;

	width: 500px;

}

.yunu-showcase-info h1 {

	margin: 0 0 15px;

	font-size: 24px;

	line-height: 40px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.yunu-showcase-info p {

	margin: 0;

	color: #666;

	height: 168px;

}

.yunu-showcase-info .tel {

	border-top: 2px solid #e6e6e6;

	margin-top: 15px;

	padding-top: 15px;

	background: url(../images/pc-xc-icon2.png) no-repeat 10px 15px;

	height: 42px;

	padding-left: 70px;

	line-height: 21px;

	font-size: 18px;

}

.yunu-showcase-info .tel a {

	float: right;

	line-height: 42px;

	padding: 0 15px;

	background-color: #000000;

	color: #fff;

}

.pc-slide {

	width: 400px;

	float: left;

}

.view {

	border: 1px solid #ddd;

}

.view .swiper-slide .imgauto {

	width: 100%;

	height: 300px;

	line-height: 300px;

}

.view .swiper-container {

	width: 100%;

}

.preview {

	width: 100%;

	margin-top: 10px;

	position: relative;

}

.preview .swiper-container {

	width: 80%;

	margin: 0 10%;

}

.preview .swiper-slide {

	width: 30.33%;

	padding: 5px;

}

.preview .swiper-slide .imgauto {

	width: 100%;

	height: 80px;

	line-height: 78px;

	border: 1px solid #ddd;

	text-align: center;

}

.preview .swiper-slide .imgauto img {

	display: inline-block;

	vertical-align: middle;

	max-width: 100%;

	max-height: 100%;

}

.preview .slide6 {

	width: 82px;

}

.preview .arrow-left {

	background: url(../images/feel3.png) no-repeat left top;

	position: absolute;

	left: 10px;

	top: 50%;

	margin-top: -9px;

	width: 9px;

	height: 18px;

	z-index: 10;

}

.preview .arrow-right {

	background: url(../images/feel4.png) no-repeat left bottom;

	position: absolute;

	right: 10px;

	top: 50%;

	margin-top: -9px;

	width: 9px;

	height: 18px;

	z-index: 10;

}

.preview .active-nav .imgauto {

	border: 1px solid #000000;

}

div.zoomDiv {

	z-index: 999;

	position: absolute;

	top: 0;

	left: 0;

	background: #ffffff;

	border: 1px solid #ddd;

	display: none;

	text-align: center;

	overflow: hidden;

	font-size: 0;

}

div.zoomMask {

	position: absolute;

	background: url(../images/mask.png) repeat scroll 0 0 transparent;

	cursor: move;

	z-index: 1;

}

.table {

	margin-bottom: 40px;

}

.table table {

	width: 100%;

	border-collapse: collapse;

}

.table table td, .table table th {

	border: 1px solid #ddd;

	padding: 15px;

}

.table table tr:nth-child(even) {

	background-color: #f1f1f1;

}

.table table td p {

	margin: 0;

	padding: 0;

}

.prd-1 {

	margin: -20px 0 40px -20px;

}

.prd-1 li {

	float: left;

	width: 33.333333%;

}

.prd-1 li a {

	display: block;

	border: 1px solid #ddd;

	margin: 20px 0 0 20px;

	position: relative;

	overflow: hidden;

}

.prd-1 li .img-center {

	height: 203px;

	line-height: 203px;

}

.prd-1 li .text {

	border-top: 1px solid #ddd;

	text-align: center;

	padding: 5px 15px;

	font-size: 20px;

	font-weight: bold;

}

.prd-1 li .box {

	position: absolute;

	left: 100%;

	top: 0;

	width: 100%;

	height: 203px;

	background-color: #000000;

	color: #fff;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

}

.prd-1 li .box span {

	display: block;

	padding: 30px 20px;

	line-height: 1.8;

}

.prd-1 li a:hover .box {

	left: 0;

}

.prd-2 {

	margin-top: -20px;

	margin-left: -20px;

}

.prd-2 li {

	float: left;

	width: 33.333333%;

}

.prd-2 li .wrap {

	text-align: center;

	border: 1px solid #ddd;

	margin: 80px 0 0 20px;

}

.prd-2 li .img-center {

	margin-top: -60px;

}

.prd-2 li .text {

	padding: 20px;

}

.prd-2 li .text h4 {

	margin: 0;

	font-size: 18px;

}

.prd-2 li .text p {

	margin: 15px 0 0;

	line-height: 1.8;

	height: 75px;

	overflow: hidden;

}

.yunu-contact-text {

	margin: 0 0 40px;

	padding: 30px;

	background-color: #f0f0f0;

}

.yunu-contact-text dt {

	font-size: 22px;

	padding-bottom: 20px;

	border-bottom: 1px solid #ddd;

}

.yunu-contact-text dd {

	padding: 0 0 14px 80px;

	line-height: 45px;

	border-bottom: 1px solid #ddd;

	margin: 15px 0 0;

	background: no-repeat 0 top;

}

.yunu-contact-text dd.i1 {

	background-image: url(../images/c1.png)

}

.yunu-contact-text dd.i2 {

	background-image: url(../images/c2.png)

}

.yunu-contact-text dd.i3 {

	background-image: url(../images/c3.png)

}

#message {

	position: fixed;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	z-index: 1000;

	transform: scale(0);

	transition: .3s;

}

.messagebg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.6);

	z-index: 1001;

}

#message .m-content {

	margin-top: 10%;

}

#message .m-content .m-message {

	background: #fff;

	width: 580px;

	background: #fff;

	padding: 50px;

	margin: 0 auto;

	position: relative;

	z-index: 1002;

	box-shadow: 1px 1px 50px rgba(0,0,0,.3);

}

.m-message {

	width: 494px;

	margin: 48px auto 0;

}

.m-message label {

	margin-bottom: 15px;

	display: block;

	font-size: 14px;

}

.m-message label em {

	display: block;

	float: right;

	color: red;

	height: 32px;

	line-height: 32px;

}

.m-message label span {

	width: 70px;

	height: 34px;

	line-height: 34px;

	color: #2F2F2F;

	float: left;

	font-weight: bold;

	text-align: right;/*margin-right: 30px;*/

	display: inline-block;

}

.time {

	float: right;

	font-weight: initial;

	margin: 0;

	line-height: 40px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-size: 16px;

	margin-top: 5px;

}

.m-message label input.inp, .m-message label textarea, .m-message label.code input {

	width: 77%;

	overflow: hidden;

	height: 32px;

	line-height: 32px;

	border: #cccccc 1px solid;

	border-radius: 3px;

	padding: 0 14px;

	box-sizing: border-box;

	color: #555;

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}

.m-message label input:focus, .m-message label textarea:focus {

	border-color: #66afe9;

	outline: 0;

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);

	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);

}

.m-message label textarea {

	height: 72px;

	line-height: 24px;

	padding: 10px 14px;

}

.m-message label.code {

	line-height: 34px;

}

.m-message label.code input {

	width: 30%;

	float: left;

	margin-right: 30px;

}

.m-message label.code .pic {

	display: inline-block;

	vertical-align: top;

	width: 80px;

	height: 32px;

}

.m-message label.code img {

	display: block;

	width: 100%;

	height: 100%;

}

.btn-1 input {

	width: 52px;

	height: 32px;

	line-height: 32px;

	background: #e8e8e8;

	border: none;

	color: #333;

	margin-right: 22px;

	cursor: pointer;

	transition: 0.3s;

}

.btn-1 {

	padding-left: 72px;

}

.btn-1 input.focus {

	background: #000000;

	color: #fff;

}

.btn-1 input.focus:hover {

	background: #444;

}

.btn-1 input:hover {

	background: #ccc;

}



/*pages*/ .pagination-wrapper {

	margin: 20px 0;

}

.pagination {

	height: 34px;

	text-align: center;

}

.pagination li {

	display: inline-block;

	height: 34px;

	margin-right: 5px;

}

.pagination li a {

	float: left;

	display: block;

	height: 32px;

	line-height: 32px;

	padding: 0 12px;

	font-size: 16px;

	border: 1px solid #dddddd;

	color: #555555;

	text-decoration: none;

}

.pagination li a:hover {

	background: #f5f5f5;

	color: #015cb5;

}

.pagination li.thisclass {

	background: #015cb5;

	color: #fff;

}

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

	background: transparent;

	border-color: #015cb5;

	color: #fff;

	cursor: default;

}