/* 风格酷模版网 做优质整站模板下载网站 Www.fenggeku.com */
/* QQ：330921598 */

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;
	
	background: #fff;
	color: #333;
}
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: #333;
	text-decoration: none;
}
a:hover {
	color: #0890e1;
}
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: #0890e1;
	color: #fff;
	height: 56px;
	width: 247px;
	padding: 9px 0 6px;
	float: left;
}
.kefu .kefu-main {
	background: #0890e1;
	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: 85px;
	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: 35px;
}
.yunu-nav {
	background-color: #161616;
}
.yunu-nav li {
	float: left;
	background: url(../images/libg.png) no-repeat right center;
}
.yunu-nav li:last-child {
	background: none;
}
.yunu-nav li a {
	display: block;
	padding: 0 25px;
	line-height: 60px;
	font-size: 16px;
	color: #fff;
	position: relative;
}
.yunu-nav 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: #0890e1;
}
.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: #0890e1;
}
.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: #0890e1;
	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: #0890e1;
	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: #0890e1;
	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: auto;
	
	line-height: 1.75;
	color: #666;
}
.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: #f9f9f9;
}
.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: #0890e1;
}
.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: #0890e1;
	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: 550px;
	position: relative;
	background: url(../images/) 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: 16px;
	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: 16px;
	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: 75px;
	float: right;
	width: 684px;
	height: 55px;
	line-height: 55px;
	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: #0891e1;
	border-radius: 13px;
	display: block;
	text-align: center;
	margin-top: 5px;
}
.in-dzsc {
}
.in-dzsc .hd {
	position: relative;
	bottom: -50px;
	z-index: 2;
	margin-top: -50px;
}
.in-dzsc .hd li {
	float: left;
	width: 95px;
	height: 103px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	background: no-repeat 0 0;
	text-align: center;
	line-height: 142px;
	margin: 0 52px;
	cursor: pointer;
}
.in-dzsc .hd li:nth-child(1) {
	background: url(../images/ysico1.png);
}
.in-dzsc .hd li:nth-child(2) {
	background: url(../images/ysico2.png);
}
.in-dzsc .hd li:nth-child(3) {
	background: url(../images/ysico3.png);
}
.in-dzsc .hd li:nth-child(4) {
	background: url(../images/ysico4.png);
}
.in-dzsc .hd li:nth-child(5) {
	background: url(../images/ysico5.png);
}
.in-dzsc .hd li:nth-child(6) {
	background: url(../images/ysico6.png);
}
.in-dzsc .hd li.on:nth-child(1) {
	background: url(../images/ysico1cur.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/ysico3cur.png);
}
.in-dzsc .hd li.on:nth-child(4) {
	background: url(../images/ysico4cur.png);
}
.in-dzsc .hd li.on:nth-child(5) {
	background: url(../images/ysico5cur.png);
}
.in-dzsc .hd li.on:nth-child(6) {
	background: url(../images/ysico6cur.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-top: 45px;
	font-size: 30px;
	background: no-repeat center 0;
}
.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 p {

	font-size: 15px;
	background: url(../images/yspico.jpg) no-repeat 0 10px;
	padding-left: 18px;
}
.in-dzsc .bd li p strong {
	color: red;
}
.bg2 {
	background: url(../images/jzbg.jpg) no-repeat center 0;
}
.bg2 .section-title i {
	background-color: #f2f2f2;
}
.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: #0890e1;
	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: 304px;
	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: #0890e1;
}
.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: #0890e1;
	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: #0890e1;
	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: #0890e1;
	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 #0890e1;
}
.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: #0890e1;
}
.yunu-column li.on>a:after {
	border-color: #0890e1;
}
.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: #0890e1;
}
.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: #0890e1;
	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: #0890e1;
	border-color: #0890e1;
	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 #0890e1;
	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: #0890e1;
	color: #0890e1;
}
.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: #0890e1;
}
.list-5 li a:hover .text h4 {
	color: #0890e1;
}
.list-5 li a:hover .text .more {
	background-color: #0890e1;
}
.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: #0890e1;
	font-size: 22px;
}
.about-1 dd p {
	margin: 15px 0 0;
	
	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: #0890e1;
	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/ctt.jpg) no-repeat;
	height: 181px;
	padding: 20px 20px 0 250px;
}
.contact-1 h4 {
	font-size: 24px;
	margin: 10px 0;
	color: #0890e1;
}
.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: #0890e1;
	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: #0890e1;
}
.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: #0890e1;
}
.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: #0890e1;
	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 #0890e1;
}
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: #0890e1;
	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: #0890e1;
	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;
}

.dede_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.dede_pages ul{display:inline-block;margin:0 auto;padding:0}
.dede_pages span a{float:left;font-family:'microsoft yahei';margin:0 2px;line-height:25px;background:#fff;border:1px solid #d8dadf}
.dede_pages span a:nth-child(1){ padding:0 10px}
.dede_pages span a:nth-child(1) a{ padding:0}
.dede_pages span a{color:#555;display:block;padding: 0 10px;}
.dede_pages span a:hover{text-decoration:none;color:#fff;border:1px #333 solid;background-color:#333}
.dede_pages span a:hover a{color:#fff}
.dede_pages span a:hover a:hover{color:#fff;text-decoration:none}
.dede_pages .page-num-current{background-color:#333;color:#fff;border:1px #333 solid; padding:0 10px}
.dede_pages ul li:last-child{ padding:0 10px}
.dede_pages ul li:last-child a{ padding:0}
.dede_pages .page-num-current a{color:#fff; padding:0}
.dede_pages .pageinfo{line-height:30px;padding-left:5px}
.dede_pages strong{font-weight:400}
.dede_pages .page-status{display: none}

.wap{ display:none;}

@media (max-width: 768px){
	html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; background:#fff; font-size: 14px;max-width: 640px;} 
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; }
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size: 14px; }
/*排版通用*/
.f-mm{ margin-left:auto; margin-right:auto;}/*居中对齐*/
.f-fl{ float:left;} /*左浮动*/
.f-fr{ float:right;} /*右浮动*/
.f-tr{ text-align:right;} /*右对齐*/
.f-tl{ text-align:left;} /*左对齐*/
.f-tc{ text-align:center;} /*中间对齐*/
.f-pr{ position:relative;} /*定位*/
.f-di{ display:inline;}
/*杂项*/
.u-co-bt{ border-radius:4px; /*css3圆角*/ width:80px; height:26px; line-height:26px; display: inline-block; vertical-align: middle;  padding-top:1px;}/*提交按钮样式*/
.u-co-bt.z-spe{ width:100%;}
.u-lico{ width:24px; height:24px; border-radius:4px;  /*css3圆角*/ background:#000; padding:10px;opacity: 0.8; position:relative; left:50%; margin:10px 0 10px -14px; box-shadow:0 0 3px #2d2d2d;}/*等待载入*/
.fs15{font-size:15px;} /*15号字体*/
.fs12{font-size:12px;} /*12号字体*/
.pdr12{ padding-right:12px;} /*右边距12px*/
.pl10{ padding-left:10px;} /*左边距10px*/
.red { color:#f00; } /*字体颜色红色*/
.emptyData{padding-left:10px;line-height:26px; }
/* -- 页面整体布局 -- */
.wrap{ max-width:640px; min-width:320px;margin:0 auto; overflow:hidden; position:relative; background:#fff;} /*网站首页宽度*/
#content p img{ width:100%;display:block; margin:0 auto; max-width:560px;} 
/*内页返回开始*/
.g-back{ overflow: hidden;position: relative;text-align:right;margin-top:1px; height:38px; padding:7px 11px 0 9px;} /*内页返回布局样式*/
.g-back a{display: inline-block;font-size:0.875em;height: 32px;line-height: 28px; width:32px;position: relative;}	/*内页返回链接样式*/
.g-back .u-bp { background-position:0 0; } /*内页返回样式*/
.g-back .u-bl {background-position:0 -286px;  } /*内页回到首页样式*/
.g-back .u-bh { margin-right:10px; background-position:0 -232px;} /*内页目录样式*/
/*内页返回结束*/


/*----------------------------------------------------------------------------------------------------------------------------*/
/*--------------------做单时把下面的头部和底部样式删除，换成自己写的样式，样式命名按规范命名----------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{zoom:1;} 
.f_fl{ float:left;}
.f_fr{ float:right;}
.f_pr{ position: relative;}
.f_pa{ position: absolute;}
.f_csp{ cursor:pointer;}
.f_oh{ overflow:hidden;}
.f_fs1{ font-size:12px;}
.f_fs2{ font-size:13px;}
.f_fs3{ font-size:14px;}

.f_fa{ font-family:Arial, Helvetica, sans-serif;}
.f_cs1,.f_cs1 a{ color:#4cab0d;}
.f_cs2,.f_cs2 a{ color:#e60012;}
.f_cs3,.f_cs3 a{ color:#343434;}
.f_cs4{ color:#fff;}
.f_wb{ font-weight:bold;}
.f_fwn{ font-weight:normal;}
.f_tal{ text-align:left;}
.f_tac{ text-align:center;}
.f_tar{ text-align:right;}
.f_db{ display:block;}
.f_mt10{ margin-top:10px;}
	.pc{ display:none;}
	.wap{ display:block;}
	
            .g_hd {height: 5rem; font-family: "Microsoft Yahei";  position: relative; background: #fff; background-size: 100% 100%;border-bottom: 0.15rem solid #0891e1; box-sizing: border-box;}
            .mlogo { float: left;top: 0.6rem; left: 3.125%;  width:31.25%; height: auto;  position: absolute;z-index:3;}
            .mlogo img { width: 100%; height: auto; display: block;}
            .menu {width: 59.375%;  float: right; position:relative;}
            .u-text { overflow: hidden; color: #333333; font-size:1.4rem;padding-top: 1.6rem; }
            .u-text a{padding:0 6%; color: #333333; background: url(../mobile/xt.png)  no-repeat right center; display: inline-block;font-family: "Microsoft Yahei"; background-size:1px 1rem;  }
            .u-text span:nth-child(3) a{ background: none; }
            .u-text span.cur a{ color:#0891e1;}
            .menu_ico { display: block; color: #666; top:2rem; right: 7%; width:1.7rem;height: 1.15rem;  cursor: pointer; position: absolute;  }
             .menu_ico img{width: 100%;display: block;}
             .menu_down{ display: none; width: 100%; background: #0891e1; height: auto;position: absolute;top:5rem; right: 0; z-index: 9;}
             .menu_down ul{padding:2rem 12.5% 5rem;}
             .menu_down  li{color: #fff; font-size:1.2rem; text-align: center; margin-bottom: 1rem; line-height: 3.5rem;height: 3.5rem; border: 1px solid #fff;border-radius: 3rem; }
             .menu_down  li a{ color:#fff; display: block; }
        

            .g-ft { height: 14.9rem; background:#ffffff;box-sizing: border-box; position: relative; }
            .u-top { height: 3rem; width: 90.625%;  margin:0 auto 1.5rem; font-size: 1.1rem; color: #0891e1; text-align: center; background: url(../mobile/topsbg.png) no-repeat; background-size: 100% 100% ;line-height: 3rem;}
            .u-top img{width:100%; display: block;}
            .addlst { text-align: center;  font-size: 1rem; line-height: 2rem; font-weight: normal; color: #666666;font-family: "Microsoft Yahei"; }
            .addlst i {color: #666666;}
            .fnav a:nth-child(4){ background: none; }
            .addlst i  em{padding:0 0.5rem;}
            .addlst i a{ color: #666666;font-family: "Microsoft Yahei";padding-left:0.5rem;}
            .g_fnva{background:#242d34; height:5rem;position:fixed;bottom:0;min-width:320px;max-width:640px;width:100%;z-index:5;font-size: 1rem; }
            .g_fnva li{height:5rem;width:25%; float:left; text-align:center;color:#ffffff;position:relative;}
            .g_fnva li:before{content: "";position: absolute;width: 1px; height:6rem;background:#3a4249; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;top: 0rem;left: 0;}
            .g_fnva li:after{content: "";position: absolute;width: 1px; height:6rem;background:#090909; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;top: 0rem;right: 0;}
            .g_fnva a:nth-child(1) li:before{width:0;border: 0;background:none;}
            .g_fnva a:nth-child(4) li:after{width:0;border: 0;background:none;}
            .g_fnva a:nth-child(1) li{background:#0891e1;}
            .g_fnva li em{display: block;padding: 1rem 0 0.5rem; width:33.75%; margin:0 auto;}
            .g_fnva li em img{ display:block;width:100%;}
	

.g-adv {width: 100%;  position:relative;}
.g-adv img{ width:100%; display: block;}
.g-adv .swiper-pagination{bottom: 0.5rem; z-index: 1}
.g-adv .swiper-pagination .swiper-pagination-bullet{ background: #666; opacity: 1; width: 1rem; height: 1rem; margin:0rem 0.5rem !important; position: relative;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{ background-color: #0891e1 !important; }

.tit01{text-align: center; font-weight: bold;  font-family: "Microsoft YaHei";font-size: 2rem; color: #1f1f1f; display: block; box-sizing: border-box;  margin-bottom: 1.5rem;}
.tit01 a{color: #1f1f1f;}
.tit01 i{color: #d72718;}
.tit01 em{text-align: center; font-family: "Microsoft YaHei";font-size: 1rem; color: #575757; display: block; font-weight: normal;}

.yy{ width: 96.875%;margin: 0.7rem auto 0; height: 7.5rem; background: #0891e1;}
.yy ul{width: 100%;clear:both; overflow: hidden;}
.yy li{width: 25%; float: left; text-align: center;height: 7.5rem;padding-top: 1.5rem; position: relative; box-sizing: border-box; }
.yy li b{font-size: 2.5rem; color: #fff; font-weight: bold; font-family: "Arial";}
.yy li i{ font-size: 0.9rem; color: #fff; font-weight: bold; }
.yy li p{ font-size: 1.1rem; color: #ffffff; font-weight: bold; }
.yy li:after{content:'+';position:absolute;height:1rem;width:1rem; line-height: 1rem; top:2rem; color: #fff; font-weight: normal; font-size: 1.2rem;}
.yy li:nth-child(1){ background: #0074c6;  }
.yy li:nth-child(3){ background: #0074c6; }
.yy li:nth-child(1):after{right:1.5rem; }
.yy li:nth-child(2):after{ right:1.9rem; }
.yy li:nth-child(3):after{ right:1.9rem; }
.yy li:nth-child(4):after{  font-size: 0;width: 0; }
/* 产品*/
.pro {position: relative;width:93.75%;margin:0 auto; }
.pro_nav { clear: both;overflow: hidden;}
.pro_nav li{ background: #343434; border-right:1px solid #454240; text-align: center; box-sizing: border-box; white-space: nowrap; font-size: 1.2rem; box-sizing: border-box; font-weight: normal;color: #ffffff; height: 3.8rem; line-height: 3.8rem; width: 33.333%; float:left;}
.pro_nav li:nth-child(3n){border-right:0;}
.pro_nav li a{color:#fff}
.pro_nav li.cur{ background: #d72718; }


/**/
.pro_bj{padding:4rem 0 0rem; background:#fff; background-size: 100%; font-family: "Microsoft Yahei";box-sizing: border-box;}
.pro_bj h2{ margin-bottom: 1.4rem;}
.pro{position: relative;width:93.75%;margin:0 auto; overflow: hidden; }
.pro ul{width:100%;}
.pro li{ height: 3.25rem; line-height: 3.25rem; margin-right:2.5%; width:31.66%;float: left; position:relative;overflow: hidden;margin-bottom: 0.75rem; background:#e6e6e6; text-align: center; font-size: 1.2rem; color: #222222;border-radius: 0.8rem; }
.pro li:nth-child(3n){margin-right: 0;}
.pro li a{  text-decoration: none; color: #222222; display: block; }
.pro li:nth-child(1){ background: #0891e1;}
.pro li:nth-child(1) a{ color: #fff; }
.m_pro{ width: 87.5%;margin:1.5rem auto 0; }
.pro_cnt{width: 100%; overflow: hidden;}
.m_pro dl{ width: 100%; margin:0 auto;}
.m_pro dt{width: 100%; border:0.1rem solid #f2f2f2; box-sizing: border-box;}
.m_pro dt img{display:block; width:100%;}
.m_pro dd{width:100%; background: #f2f2f2; padding:1rem 3.33% 0; height: 13.2rem; position: relative; box-sizing: border-box; }
.m_pro dd h3{ text-align: center; height:2.2rem; font-size: 1.5rem; color: #333333; font-weight: normal; margin-bottom: 0.5rem;}
.m_pro dd h3 a{color: #333;}
.m_pro dd p{ font-size:1.1rem; height: 4rem; line-height:1.5rem; color:#666666; text-align: center; position: relative;}
.m_pro dd span a{width: 9.3rem; height: 2.7rem; line-height: 2.7rem; text-align: center;color: #fff; margin:0 auto; background: #0891e1; display: block; font-size: 1.2rem;}
/**/
.xgg{padding-top: 5.6rem;padding-left: 41.25%; height: 17.2rem; background:url(../mobile/xgg.jpg) no-repeat; background-size:100% 100%; box-sizing: border-box;}
.xgg h3{font-size: 1.2rem; color: #fff; font-weight: bold; margin-bottom: 0.5rem;}
.xgg h3 b{display: block;}
.xgg p{font-size: 1.2rem;color: #fff; font-weight: normal;padding-left: 2.2rem; background: url(../mobile/ggtel.png) no-repeat left 0.3rem;background-size: 1.7rem 1rem;}
.xgg p span{font-size: 1.5rem; color: #0891e1; font-weight: normal; font-family: "Arial"; margin-left: 0.5rem;}
/**/
.xz{ padding:3rem 0 0rem;background:#fff;}
.xz h2{ margin-bottom: 1.5rem;}
.xz dl{ width: 93.75%; margin:0 auto;}
.xz dt{width: 100%;}
.xz dt img{display:block; width:100%;}
.xz dd{width:100%; background: #f2f2f2; padding:1rem 3.33% 0; height: 13.2rem; position: relative; box-sizing: border-box; }
.xz dd h3{padding-left: 4.2rem; background:url(../mobile/01.png) no-repeat; background-size:27.8rem 2.2rem;  overflow:hidden;height:2.2rem; font-size: 1.5rem; color: #222222; font-weight: bold; margin-bottom: 1rem;}
.xz dd p{ font-size:1.1rem; line-height:1.5rem; color:#333333; text-align: left; position: relative;padding-left: 1rem;}
.xz dd p:before{content: "";width:0.3rem;height: 0.3rem; background: #0891e1;position: absolute;top:0.6rem;left:0.3rem;border-radius: 100%; }
.xz dd p i{ font-weight: bold; color: #ff0101; }
.arr{  position:relative; margin-top:0rem;z-index:1;}
.arr .swiper-pagination{ width:100%; margin-top:-3rem;}
.arr .swiper-pagination-bullet{ width:1.15rem; height: 1.15rem;margin:0 0.6rem !important; background: #bfbfbf;opacity: 1;}
.arr .swiper-pagination-bullet-active{ background: #0891e1; }

.xz .dl1 dd h3{background:url(../mobile/01.png) no-repeat; background-size:27.8rem 2.2rem;}
.xz .dl2 dd h3{background:url(../mobile/02.png) no-repeat;background-size:27.8rem 2.2rem;}
.xz .dl3 dd h3{background:url(../mobile/03.png) no-repeat;background-size:27.8rem 2.2rem;}
.xz .dl4 dd h3{background:url(../mobile/04.png) no-repeat;background-size:27.8rem 2.2rem;}
.xz .dl5 dd h3{background:url(../mobile/05.png) no-repeat;background-size:27.8rem 2.2rem;}
.xz .dl6 dd h3{background:url(../mobile/06.png) no-repeat;background-size:27.8rem 2.2rem;}

/**/
.jz_bj{ background:#f1f1f1;padding:3.4rem 0 3rem;  font-family:"Microsoft Yahei"; box-sizing: border-box;}
.jz h2{width: 47.86%;height: 4.8rem;margin:0 auto 1.4rem;}
.jz h2 img{width:100%;display: block;}
.jz{  width: 93.75%;margin:0 auto;overflow: hidden;position: relative;}

.jz dl{width: 100%;overflow: hidden;height: 13.75rem; background-color: #fff; box-shadow: 0 0 0.5rem #ccc;}
.jz dt{ width:50%; float: left;  }
.jz dt img{width: 100%;display: block;}
.jz dd{width: 50%; float: left;padding:1rem 3% 0; position: relative;  box-sizing: border-box;}
.jz dd h3{font-size: 1.3rem; font-weight:bold; margin-bottom:0.5rem; color: #222222; font-weight: bold; }
.jz dd h3 a{color:#222222;}
.jz dd p{margin-bottom:0.5rem; color:#888888; font-size: 1.1rem;line-height: 1.5rem; text-align: justify;  overflow: hidden; }
.jz dd span a{ background: url(../mobile/jzmore.gif) no-repeat;width: 6.5rem; float: left; height: 2rem; line-height: 2rem;text-align: center; display: block; font-size: 1rem;color: #ffffff; background-size: 100% 100%;}

.jz .page{ text-align: center; display: block;margin-top: 2rem; }
.jz .page .swiper-pagination-bullet{width:1.15rem; height: 1.15rem;margin:0 0.6rem !important; background: #bfbfbf; opacity: 1;}
.jz .page .swiper-pagination-bullet-active{ background: #0891e1; }

/*资讯*/
.g_zx{padding-top: 3rem; clear: both;overflow: hidden;}
.g_zx .swiper-slide{width: 100%;}
.g_zx h2{margin-bottom: 1.5rem;}
.g_zx { width: 93.75%;margin:0 auto;}
.g_zx .newtit{position: relative;height: 3.25rem;border:1px solid #f2f2f2; border-radius:2rem; overflow: hidden; width: 99%;margin-bottom: 1.5rem; }
.g_zx .newtit a{ display: block; position: relative; float: left; width: 50%;  height: 3.25rem;line-height: 3.25rem;font-weight: normal; font-size: 1.5rem;color: #222222;text-align: center;}


.g_zx .newtit a.active{background:#0891e1; color: #fff;}

.g_zx .js-swiper-tab-news{}
.g_zx dl{margin: 0 3.125%;height: 4.7rem;border: 1px solid #ebebeb;margin-bottom: 1rem;padding: 1.3rem 3% 0;}
.g_zx dt{height: 2rem;line-height: 2rem;font-size: 1.2rem;color: #333333;overflow: hidden;}
.g_zx dt em{font-size: 1rem;color: #aaaaaa;font-style: italic;padding-right: 2%;}
.g_zx dd{height: 2rem;line-height: 2rem;overflow: hidden;font-size: 1rem;color: #888888;}
.g_zx dt a{color: #333333;}
.g_zx .more{width: 16.7rem;height: 3rem; line-height: 3rem; color: #fff; font-size: 1.2rem; color: #ffffff; text-align: center; display: block;background: #0891e1;margin:2rem auto 0;}

/*走进*/
.abt_bj{ position: relative; background:#fff; width: 100%;padding:3rem 0 4rem; font-family:"Microsoft Yahei";}
.about{width:93.75%;margin:0 auto;}
.about  img{width: 100%; display: block;}
    .tit01 h2 {
        font-size: 1.6rem;
    }
    
    .tit01 {
        text-align: center;
        font-family: "Microsoft YaHei";
        color: #333;
        display: block;
        height: 7rem;
        box-sizing: border-box;
        clear: both;
        padding-top: 2rem;
    }
    
    .tit01 a {
        color: #222222;
    }
    
    .tit01 span {
        text-align: center;
        font-family: "Microsoft YaHei";
        font-size: 0.8rem;
        color: #999;
        display: block;
        font-weight: normal;
        text-transform: uppercase;
        line-height: 1rem;
    }

    .gy .wz {
        padding: 0.5rem 1%;
        color: #333;
        border: 1px solid #dedede;
        
    }
    
    .gy .wz p {
        font-size: 1.35rem;
        margin-top: 1rem;
    }
    
    .gy .wz span {
        text-align: center;
        display: block;
        font-size: 1.5rem;
        font-weight: bold;
        color: #0075c1;
    }
    
    .wz p {
        text-indent: 2em;
    }
	 .ad-01{
     position: relative;
     min-height: 4rem;
        /*background: #0890e1;*/
        background:#0890e1;
        background-size: 100% 4rem; 
 }
 .ad-01-img img{
     display: block;
     width: 100%;
     
 }
    .ad-01-title {
        position: absolute;
        top: 0;
        height: 4rem;
        width: 100%;
        font-size: 1.6rem;
        text-align: center;
        color: #fff;
        line-height: 4rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        box-sizing: border-box;
    }


        .m-gy-dfl-01 {
            padding-top: 1rem;
            margin-bottom: 1.6rem;
        }
        
        .m-gy-dfl-01-tit {
           
            height: 4rem;
            width: 100%;
            font-size: 1.6rem;
            text-align: center;
            color: #333;
            line-height: 4rem;
            /*background: #0890e1;*/
            background: url(../mobile/m11-icon2.jpg) no-repeat center top;
            background-size: 100% 4rem;
            border-bottom: 1px solid #FA756E;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            box-sizing: border-box;
        }
        .m-gy-dfl-01-desc {
            width: 93.75%;
            margin: 0 auto;
        }
		  .m-cl-1nt4-3-01-list {
            padding: 0 3%;
        }
        
        .m-cl-1nt4-3-01-list dl {
            padding: 1.25rem 0;
            border-bottom: 1px solid #e5e5e5;
            display: inline-block;
            width: 100%;
        }
        
        .m-cl-1nt4-3-01-list dt {
            width: 33.3%;
            float: left;
            margin-right: 5.6%;
        }
        
        .m-cl-1nt4-3-01-list dt img {
            width: 100%;
        }
        
        .m-cl-1nt4-3-01-list h3 {
            height: 2.9rem;
            font-size: 1.6rem;
            line-height: 2.9rem;
			color: #626262;
            text-overflow: ellipsis;
            border-bottom: 0.15rem solid #f1f1f1;
            overflow: hidden;
            white-space: nowrap;
        }
        
        .m-cl-1nt4-3-01-list-desc {
            margin-top: 0.4rem;
            height: 4rem;
            font-size: 1.4rem;
            line-height: 2rem;
            color: #626262;
            overflow: hidden;
        }
        
        .m-cl-1nt4-3-01-list-data {
            font-size: 1.4rem;
            font-weight: bold;
            line-height: 1.8rem;
            color: #626262;
            display: inherit;
            float: right;
            margin-top: -1.8rem;
        }
    
    .m2-left-nav-1 {
        margin: 1.3rem 1rem 1.8rem 1rem;
    } 
.m2-left-nav-1 .m2-left-nav-1-list {
        border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
        overflow: hidden;
    } 
.m2-left-nav-1 .m2-left-nav-1-list li .down {
        height: 4.0rem;
        display: block;
        padding-left: 1rem;
        line-height: 4.0rem;
        box-sizing: border-box;
    } 
.m2-left-nav-1 .m2-left-nav-1-list .down span {
        width: 4rem;
        height: 4rem;
        float: right;
        display: block;
        background: url(images/href_icon2.png) no-repeat center center;
        background-size: 1.2rem; 
        overflow: hidden;
    } 
.m2-left-nav-1 .m2-left-nav-1-list li .borderno {
        border: none;
    } 
.m2-left-nav-1 .m2-left-nav-1-list li p {
        position: relative;
    } 
/*一列展现*/ 
.m2-left-nav-1 .list1 li {
        height: 3.6rem;
        line-height: 3.6rem;
        border-bottom: 1px solid #e1e1e1;
        padding-left: 3.3rem;
        position: relative;
        white-space: nowrap;
        overflow: hidden;
    } 
.m2-left-nav-1 .list1 li:before {
        content: "";
        overflow: hidden;
        position: absolute;
        left: 2.0rem;
        top: 1.46rem;
        z-index: 7;
        width: 0;
        height: 0;
        border-width: 0.3rem;
        border-style: solid;
        transform: roate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        border-color: #333 #333 transparent transparent;
    } 
.m2-left-nav-1 .list1 li:after {
        content: "";
        overflow: hidden;
        position: absolute;
        left: 2.0rem;
        top: 1.56rem;
        z-index: 8;
        width: 0;
        height: 0;
        border-width: 0.2rem;
        border-style: solid;
        transform: roate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        border-color: #fff #fff transparent transparent;
    }
    /* -- 产品导航页二级导航背景颜色，字体颜色和线条颜色  -- */ 
.m2-left-nav-1 .list1 {
        display: none;
    } 
.m2-left-nav-1 .m2-left-nav-1-list {
        border: 1px solid #e1e1e1;
    }
    /*产品导航最外层边框*/ 
.m2-left-nav-1 .m2-left-nav-1-list .on p {
        border-bottom: 1px solid #ffffff;
        background-color: #fbfbfb;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e1e1e1));
        background-image: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
        background-image: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
        background-image: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
        background-image: -ms-linear-gradient(top, #fbfbfb, #e1e1e1);
        background-image: linear-gradient(top, #fbfbfb, #e1e1e1);
    }
    /*产品导航展开边框*/ 
.m2-left-nav-1 .m2-left-nav-1-list li .down {
        border-bottom: 1px solid #e1e1e1;
        background-color: #ffffff;
    }
    /*产品导航收缩边框*/
    /*.m2-left-nav-1  .m2-left-nav-1-list li:last-child .down { border:none; }*/ 
.m2-left-nav-1 .m2-left-nav-1-list li p {
        border-bottom: 1px solid #e1e1e1;
        background-color: #ffffff;
    }
    /*产品导航收缩边框*/ 
.m2-left-nav-1 .m2-left-nav-1-list li ul a {
        border: 0;
    }
    /*产品导航二级栏目边框*/ 
.m2-left-nav-1 .m2-left-nav-1-list .list1 .a_tit:before {
        border-color: #500971 #500971 transparent transparent;
    } 
.m2-left-nav-1 .m2-left-nav-1-list .list1 .a_tit:after {
        border-color: #fff #fff transparent transparent;
    }
.m-cx-cpgs-ts4-3-01 {
            margin-bottom: 1rem;
        }
        
        .m-cx-cpgs-ts4-3-01-pic {
            position: relative;
            width: 93.75%;
            margin: 1.4rem auto 1rem;
        }
        
        .m-cx-cpgs-ts4-3-01-prev,
        .m-cx-cpgs-ts4-3-01-next {
            width: 1rem;
            height: 1rem;
            border: 1px solid #bfc4c3;
            transform: rotate(45deg);
            box-sizing: border-box;
            position: absolute;
            top: 50%;
            margin-top: -.5rem;
            z-index: 22;
        }
        
        .m-cx-cpgs-ts4-3-01-prev {
            left: 2%;
            border-style: none none solid solid;
        }
        
        .m-cx-cpgs-ts4-3-01-next {
            right: 2%;
            border-style: solid solid none none;
        }
        
        .m-cx-cpgs-ts4-3-01-pic .m-cx-cpgs-ts4-3-01-page {
            font-size: 0.9rem;
            line-height: 1.5rem;
            color: #787878;
            position: absolute;
            left: 0;
            bottom: .8rem;
            text-align: right;
            box-sizing: border-box;
            padding-right: .8rem;
            z-index: 22;
        }
        
        .m-cx-cpgs-ts4-3-01-pic li>img {
            width: 100%;
            display: block;
        }
        
        .m-cx-cpgs-ts4-3-01-tit {
            
            height: 4rem;
            width: 100%;
            font-size: 1.6rem;
            text-align: center;
            color: #333;
            line-height: 4rem;
            margin-bottom: 1rem;
            border-bottom: 1px solid #ddd;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            box-sizing: border-box;
        }
        
        .m-cx-cpgs-ts4-3-01-desc {
            width: 93.75%;
            margin: 0 auto 0;
            font-size: 1.4rem;
            line-height: 
        }
    

        .m-cx-cpxq-01 {
            width: 100%;
            margin: 0 auto;
            background: #f4f4f4;
            box-sizing: border-box;
            padding: 1.2rem 2%;
            border: 1px solid #e6e6e6;
            margin-bottom: 1rem;
        }
        
        .m-cx-cpxq-01-tit {
            height: 3rem;
            border-bottom: 1px solid #d7d7d7;
            box-sizing: border-box;
            margin-bottom: 1rem;
        }
        
        .m-cx-cpxq-01-tit span {
            display: inline-block;
            height: 3rem;
            font-size: 1.6rem;
            line-height: 3rem;
            color: #464646;
            border-bottom: 1px solid #242d34;
            box-sizing: border-box;
            vertical-align: top;
            padding-left: 2.2rem;
            background: url(images/m-cx-4-3-01-icon1.png) no-repeat .5rem 1rem;
            background-size: 1.1rem;
            margin-right: .5rem;
        }
        
        .m-cx-cpxq-01-tit em {
            font-size: 1.2rem;
            text-transform: uppercase;
            color: #c2c2c1;
            line-height: 3rem;
            vertical-align: bottom;
        }
    

				.m-cx-xgcp-4pl-ts4-3-01 {
					width: 98%;
					margin: 0 auto 1rem; 
					border: 0px solid #f3f3f3;
				}
				
				.m-cx-xgcp-4pl-ts4-3-01-tit {
					height: 3rem;
					border-bottom: 1px solid #d7d7d7;
					margin-bottom: 1rem;
					margin-top: 1rem;
				}
				
				.m-cx-xgcp-4pl-ts4-3-01-tit span {
					display: inline-block;
					height:3rem;
					font-size: 1.6rem;
					line-height: 3rem;
					color: #464646;
					border-bottom: 1px solid #242d34;
					box-sizing: border-box; 
					padding-left: 0.2rem;
					background-size: 1.1rem;
					margin-right: .5rem;
				}
				
				.m-cx-xgcp-4pl-ts4-3-01-tit em {
					font-size: 1.2rem;
					text-transform: uppercase;
					color: #c2c2c1;
					line-height: 3rem;
					vertical-align: bottom;
				}
				.m-cx-xgcp-4pl-ts4-3-01-list dl{width:48.5%;box-sizing: border-box; border: 1px solid #eaeaea; margin-right: 3%; float: left; margin-bottom: -1px;text-align: center; }
				.m-cx-xgcp-4pl-ts4-3-01-list dl:nth-last-child(1){margin-right: 0;}
				.m-cx-xgcp-4pl-ts4-3-01-list dt{border-bottom: 1px solid #eaeaea;}
				.m-cx-xgcp-4pl-ts4-3-01-list dt,.m-cx-xgcp-4pl-ts4-3-01-list dt img{width: 100%;display: block; }
				.m-cx-xgcp-4pl-ts4-3-01-list dd{height: 4.25rem; font-size: 1.2rem; color: #4c4c4c; line-height: 4.25rem;padding-top: .4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
   .main-tit-11 {
                    height: 4rem;
                    width: 100%;
                    font-size: 1.6rem;
                    text-align: center;
                    color: #fff;
                    line-height: 4rem;
                    /*background: #0890e1;*/
                    background: #0890e1;
                    background-size: 100% 4rem;
                    border-bottom: 1px solid #FA756E;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    box-sizing: border-box;
                }
            

    input[type="button"],
        input[type="submit"],
        input[type="reset"] {
            -webkit-appearance: none;
        }
        
        textarea {
            -webkit-appearance: none;
        }
        
        .nsw-formtipbd {
            color: #c00;
            line-height: 26px;
        }
        
        .m4-cord-li {
            margin-top: 1rem;
        }
        
        .m4-form h2 {
            height: 3.4rem;
            border-bottom: solid 1px #bababa;
            overflow: hidden;
            line-height: 4.5rem;
            padding: 0 3%;
            font-size: 1.5rem;
            color: #424142;
        }
        
        .nsw-formtipbd {
            font-size: 12px;
        }
        
        .m4-form-con {
            width: 100%;
            display: block;
            padding: 0 3% 2.8rem;
            color: #666;
            line-height: 2.8rem;
            font-size: 1.3rem;
            box-sizing: border-box;
        }
        
        .m4-form-con li em {
            color: #c00;
        }
        
        .m4-form-con li {
            clear: both;
            display: block;
            position: relative;
        }
        
        .m4-form-con li .m4-form-con-input,
        .m4-form-con li select {
            border: 1px solid #ccc;
            width: 100%;
            height: 2.4rem;
            line-height: 2.4rem;
            vertical-align: middle;
            color: #333;
            font-size: 1.3rem;
        }
        
        .m4-form-con li .m4-cord {
            width: 30%;
            margin: 0 .5rem;
        }
        
        .m4-form-con li textarea {
            border: 1px solid #ccc;
            width: 100%;
            height: 4.8rem;
            line-height: 2rem;
            display: block;
            font-size: 1.3rem;
        }
        
        .m4-form-con li span.sbt1 {
            display: block;
            line-height: 2.9rem;
            height: 2.9rem;
            padding: 0.6rem 0 0;
            white-space: nowrap;
        }
        
        .m4-form-con li span.sbt2 {
            width: 20.8%;
            float: left;
            display: block;
            line-height: 3.1rem;
            white-space: nowrap;
        }
        
        .m4-form-con li span.sbz {
            color: #e9001b;
            position: absolute;
            right: -2%;
            top: 3.5rem;
            line-height: 3.1rem;
        }
        
        .m4-sinp02 {
            display: block;
            line-height: 2.9rem;
            height: 2.9rem;
            border: solid 1px #c8c8c8;
            box-sizing: border-box;
            font-size: 1.2rem;
            color: #333;
            padding: 0 0.8rem;
            width: 100%;
        }
        
        .m4-sinp03 {
            display: block;
            line-height: 2.9rem;
            height: 2.9rem;
            border: solid 1px #c8c8c8;
            width: 29%;
            box-sizing: border-box;
            font-size: 1.2rem;
            color: #333;
            padding: 0 0.8rem;
            float: left;
        }
        
        .m4-form-con li img {
            width: 29%;
            height: 2.65rem;
            vertical-align: middle;
        }
        
        .m4-area {
            box-sizing: border-box;
            border: solid 1px #c8c8c8;
            width: 75%;
            height: 7.05rem;
            margin: 0.9rem 0;
            padding: 0.5rem;
        }
        
        .m4-map p {
            color: #666;
            line-height: 1.85rem;
            display: block;
            text-align: center;
            font-size: 1.2rem;
        }
        
        .findrow .err {
            color: red;
        }
        
        .button {
            border-radius: 0;
        }
        
        .m4-submit {
            border: solid 1px #ccc;
            width: 29%;
            border-radius: 0;
            box-sizing: border-box;
            font-size: 1.2rem;
            color: #fff!important;
            display: block;
            float: left;
            text-align: center;
            margin: 0.95rem 0 0;
            padding: .5rem 0;
            cursor: pointer;
            background:#0890e1;
            background-image: -moz-linear-gradient(top, #0890e1, #0890e1);
            background-image: -o-linear-gradient(top, #0890e1, #0890e1);
            background-image: linear-gradient(top, #0890e1, #0890e1);
    }
    

/*开屏秀*/
html{ background:#f7f7f7;}
.wrap{ opacity:1;}
.loading{position:fixed;width:100%;height:100%; top:0; z-index:51; display:none; max-width:640px; min-width:320px; z-index:99999;}
.loading img{ display:none;}
.loading #showNext{ line-height:1.8rem; display:none; color:#fff; border:0.05rem solid #fff; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:99;}
.homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; }

}
@-webkit-keyframes fade {
  from 
  {
   opacity:1;
   display:block;
   
  }

  to {
    opacity: 0;
    display:none;
    height:0;
   
  }
}

@keyframes fade {
  from{
    opacity: 1;
   display:block;
  }

  to 
  {
    display:none;
    opacity: 0;
    height:0;
  }
}

.fade {
  -webkit-animation-name: fade;
  animation-name: fade;
}
html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:384px){html{font-size: 12px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}




.listpage {
    clear: both;
    font-size: 12px;
    height: 50px;
    line-height: 30px;
	padding-top: 10px;
	text-align:center;
}
.listpage a {
    background-color: #FFFFFF;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}
.listpage span {
    background-color: #FBF779;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #FF7400;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}
.listpage .current{ background:#C6DDF1}