@charset "utf-8";/*fp-seed:y65ds4iulsm0 scope:j70rpwq88*/


/* CSS Document */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, {

margin: 0;

padding: 0;

border: 0}

/*th,td{margin: 0; padding: 0}*/

html {

	color: #000}

html, body {

	width: 100%;

	min-width: 320px}

body, button, input, select, textarea {

	margin: 0;

	padding: 0;

	font-family: "微软雅黑", "Microsoft Yahei", "Arial", "Verdana", "sans-serif";

	font-size: 14px;

	background: #fff

}

ul, ol, li, dl, dd, dt, p {

	list-style: none;

	margin: 0;

	padding: 0}

em {

	font-style: normal}

a {

	text-decoration: none;

	outline: none;

	color: #3a3a3a}/*v5.32 8t9zl3m4r*/

a:hover {

	text-decoration: underline}

legend {

	color: #000}

fieldset, img {

	border: 0}

label, button {

	cursor: pointer}

/*解决IE图片缩放失真*/

img {

	-ms-interpolation-mode: bicubic}

/*清除浮动*/

.clearfix:after {

	content: '';

	display: block;

	height: 0;

	clear: both}

.clearfix {

	zoom: 1}

.clear {

	clear: both}

/*连续英文、数字换行*/

.wordwrap {

	word-break: break-all;

	word-wrap: break-word}

/*单行文字超出显示省略号*/

.omg {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap}

img {

	border: 0;

	vertical-align: middle}

a {

	text-decoration: none}

a:hover {

	text-decoration: none

}

.fl {

	float: left}

.fr {

	float: right}



/* 设置滚动条的样式 */

::-webkit-scrollbar {

width:4px}/* 滚动槽 */

::-webkit-scrollbar-track {

background-color:#f0f0f0;

border-radius:0px}/* 滚动条滑块 */

::-webkit-scrollbar-thumb {

background-color:#6d6e70}

::-webkit-scrollbar-thumb:window-inactive {

background-color:#3c3c3c}

 @-webkit-keyframes bounce-up {

25% {

-webkit-transform: translateY(5px)}

50%, 100% {

-webkit-transform: translateY(0)}

75% {

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

}

@keyframes bounce-up {

25% {

transform: translateY(5px)}

50%, 100% {

transform: translateY(0)}

75% {

transform: translateY(-5px)}

}

input[type="button"], input[type="submit"], input[type="reset"] {

	-webkit-appearance: none}

textarea {

	-webkit-appearance: none}

input {

	border-radius: 0}

*, a, button, input {

	-webkit-tap-highlight-color: rgba(255,0,0,0)}

.wrap_z {

	display: none;

	width: 100%;

	height: 100%;

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

	position: fixed;

	z-index: 999}

.top {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	width: 100%;

	z-index: 999999;

	width: 100%;

	height: 100px;

	line-height: 100px;

	background: #fff;

	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.1);

	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.1);

	-ms-box-shadow: 0 3px 3px rgba(0,0,0,0.1);

	-o-box-shadow: 0 3px 3px rgba(0,0,0,0.1);

	box-shadow: 0 3px 3px rgba(0,0,0,0.1)}

.container {

	width: 1200px;

	margin: 0 auto}

.top .logo {

	width: 340px}

.top .logo a {

	display: block;

	width: 100%}

.top .logo a img {

	vertical-align: middle}

nav {

	display: block}

nav ul li {

	float: left}

nav ul li a {

	height: 98px;

	display: block;

	padding: 0 10px;

	font-size: 16px;

	color: #666;

	outline: none;

	text-align: center;

	border-bottom: 2px solid transparent;

	transition: all 0.5s ease-in-out;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out}

nav ul li a:hover {

	border-bottom: 2px solid #d92940}

nav ul li a:active {

	border-bottom: 2px solid #d92940}

nav ul li p span {

	display: none}

nav .menu2 {

	display: none}

#header.downscrolled {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	width: 100%;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	opacity: 0;

	filter: alpha(opacity=0);

	top: -60px;

	max-width: 1920px;

	margin: 0 auto;

	z-index: 999999;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-ms-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

	height: 100px;

	line-height: 100px}

#header.downscrolled h1 img,#header.downscrolled h2 img{

	vertical-align: top}

#header.upscrolled {

	opacity: 1;

	top: 0;

	max-width: 1920px;

	margin: 0 auto;

	background: #fff;

	z-index: 99999;

	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.1);

	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.1);

	-ms-box-shadow: 0 3px 3px rgba(0,0,0,0.1);

	-o-box-shadow: 0 3px 3px rgba(0,0,0,0.1);

	box-shadow: 0 3px 3px rgba(0,0,0,0.1)}

.btn-menu {

	display: none;

	float: right;

	position: relative;

	background: transparent;

	cursor: pointer;

	padding: 40px 0;

	width: 26px;

	height: 16px;

	-webkit-transition: all ease .238s;

	-moz-transition: all ease .238s;

	transition: all ease .238s}

.btn-menu:before, .btn-menu:after, .btn-menu span {

	background-color: #d92940;

	-webkit-transition: all ease .238s;

	-moz-transition: all ease .238s;

	transition: all ease .238s}

.btn-menu:before, .btn-menu:after {

	content: '';

	position: absolute;

	top: 0;

	height: 2px;

	width: 100%;

	left: 0;

	top: 50%;

	-webkit-transform-origin: 50% 50%;

	-ms-transform-origin: 50% 50%;

	transform-origin: 50% 50%}

.btn-menu span {

	position: absolute;

	width: 100%;

	height: 2px;

	left: 0;

	top: 50%;

	overflow: hidden;

	text-indent: 200%}

.btn-menu:before {

	-webkit-transform: translate3d(0, -7px, 0);

	transform: translate3d(0, -7px, 0)}

.btn-menu:after {

	-webkit-transform: translate3d(0, 7px, 0);

	transform: translate3d(0, 7px, 0)}

.btn-menu.active span {

	opacity: 0}

.btn-menu.active:before {

	background-color: #d92940;

	-webkit-transform: rotate3d(0, 0, 1, 45deg);

	transform: rotate3d(0, 0, 1, 45deg)}

.btn-menu.active:after {

	background-color: #d92940;

	-webkit-transform: rotate3d(0, 0, 1, -45deg);

	transform: rotate3d(0, 0, 1, -45deg)}

/*首页banner*/

.flickerplate {

	position: relative;

	width: 100%;

	height: 800px;

	background-color: #e6e6e6;

	overflow: hidden;

	margin-top: 100px}

.flickerplate ul.flicks {

	width: 10000%;

	height: 100%;

	padding: 0px;

	margin: 0px;

	list-style: none

}

.flickerplate ul.flicks>li:nth-child(1) {}

.flickerplate ul.flicks>li:nth-child(2) {}

.flickerplate ul.flicks>li:nth-child(3) {}

.flickerplate ul.flicks>li:nth-child(4) {}

.flickerplate ul.flicks>li {

	float: left;

	width: 1%;

	height: 100%;

	background-position: center;

	background-size: cover;

	display: table

}

.flickerplate ul.flicks>li .flick-inner {

	height: 100%;

	padding: 10px;

	color: #fff;

	display: table-cell;

	vertical-align: middle

}

.flickerplate ul.flicks>li .flick-inner .flick-content {

	max-width: 68.75em;

	margin-left: auto;

	margin-right: auto

}

.flickerplate ul.flicks>li .flick-title {

	padding: 0px 0px;

	font-size: 2.778em;

	line-height: 1.995em;

	text-align: center

}

h3.centerP{ text-align:center; font-size:24px}



.slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 42px; position:relative}

.slideBox .sPrev,.slideBox .sNext{ position:absolute; left:5px; top:60px; display:block; width:30px; height:115px; background:url(../images/a6b226d0_case_left.png) center center no-repeat}

.slideBox .sNext{ left:auto; right:5px; background:url(../images/745d879d_case_right.png) center center no-repeat}

.slideBox .sPrev:hover,.slideBox .sNext:hover{ border-color:#f60}



.slideBox ul{ overflow:hidden; zoom:1}

.slideBox ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center}

.slideBox ul li .pic{ text-align:center; width:205px; height:205px; display:block;  /*padding:2px; border:1px solid #ccc; display: table-cell; vertical-align:middle;*/ text-align:center}

.slideBox ul li .pic img{ width:100%; height:100%; -webkit-transition: .3s;

    transition: .3s}

.slideBox ul li .pic a:hover img{ border-color:#999; transform: scale(1.05);

	vertical-align: middle;

	-webkit-transition: .3s;

    transition: .3s}

.slideBox ul li .title{ line-height:24px; margin-top:15px; font-size:16px; text-align:center; border-bottom:0; display:none}





@media only screen and (max-width:43.813em) {

.flickerplate ul.flicks>li .flick-title {

	font-size: 1.667em

}

}

.flickerplate ul.flicks>li .flick-sub-text {

	padding: 5px;

	font-weight: 300;

	line-height: 2.5em;

	color: rgba(255,255,255,0.8);

	text-align: center

}

.flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {

	padding: 12px 18px;

	background-color: rgba(0,0,0,0.6)

}

.flickerplate .arrow-navigation {

	position: absolute;

	height: 80%;

	width: 10%;

	top: 10%;

	z-index: 100;

	overflow: hidden

}

.flickerplate .arrow-navigation .arrow {

	display: block;

	height: 100%;

	width: 90%;

	-webkit-transition: all 0.2s ease-out;

	-moz-transition: all 0.2s ease-out;

	-o-transition: all 0.2s ease-out;

	-ms-transition: all 0.2s ease-out;

	transition: all 0.2s ease-out

}

.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {

	cursor: pointer

}

.flickerplate .arrow-navigation.left {

	left: 0%

}

.flickerplate .arrow-navigation.left .arrow {

	opacity: 0;

	margin: 0px 0px 0px 50%;

	background-image: url("../images/af8f6079_arrow-left-light.png");

	background-repeat: no-repeat;

	background-position: left

}

.flickerplate .arrow-navigation.right {

	right: 0%

}

.flickerplate .arrow-navigation.right .arrow {

	opacity: 0;

	margin: 0px 0px 0px -50%;

	background-image: url("../images/bbb81640_arrow-right-light.png");

	background-repeat: no-repeat;

	background-position: right

}

.flickerplate .arrow-navigation.left.hover .arrow {

	opacity: 1;

	margin: 0px 0px 0px 20%

}

.flickerplate .arrow-navigation.right.hover .arrow {

	opacity: 1;

	margin: 0px 0px 0px -20%

}

.flickerplate .dot-navigation {

	position: absolute;

	bottom: 25px;

	width: 100%;

	text-align: center;

	z-index: 100

}

.flickerplate .dot-navigation ul {

	text-align: center;

	list-style: none;

	padding: 0px 15px

}

.flickerplate .dot-navigation ul li {

	display: inline-block;

	float: none

}

.flickerplate .dot-navigation .dot {

	width: 12px;

	height: 12px;

	margin: 0px 5px;

	border: 2px solid rgba(255,255,255,0.5);

	border-radius: 50%;

	-o-border-radius: 50%;

	-ms-border-radius: 50%;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	-webkit-transition: background-color 0.2s ease-out;

	-moz-transition: background-color 0.2s ease-out;

	-o-transition: background-color 0.2s ease-out;

	-ms-transition: background-color 0.2s ease-out;

	transition: background-color 0.2s ease-out

}

.flickerplate .dot-navigation .dot:hover {

	cursor: pointer;

	background-color: rgba(255,255,255,0.5)

}

.flickerplate .dot-navigation .dot.active {

	background-color: rgb(255,255,255);

	border: 2px solid rgb(255,255,255)}

.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul {

	text-align: left

}

.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul {

	text-align: right

}

.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {}

.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {}

.flickerplate.flicker-theme-dark .dot-navigation .dot {

	background-color: rgba(0,0,0,0.12)
}

.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {

	background-color: rgba(0,0,0,0.6)

}

.flickerplate.flicker-theme-dark .dot-navigation .dot.active {

	background-color: #000

}

.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {

	color: rgba(0,0,0,0.9)

}

.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text {

	color: rgba(0,0,0,0.9)

}

.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text {

	background-color: rgba(255,255,255,0.5)

}

.flickerplate ul.flicks li.flick-theme-dark .flick-inner {

	color: rgba(0,0,0,0.9)

}

.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text {

	color: rgba(0,0,0,0.9)

}

.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {

	background-color: rgba(255,255,255,0.5)

}

.flickerplate.animate-transform-slide ul.flicks {

	-webkit-perspective: 1000;

	-webkit-backface-visibility: hidden;

	transform: translate3d(0%, 0px, 0px);

	-webkit-transform: translate3d(0%, 0px, 0px);

	-webkit-transition: -webkit-transform 0.6s;

	-o-transition: -o-transform 0.6s;

	-moz-transition: -moz-transform 0.6s;

	transition: transform 0.6s

}

.flickerplate.animate-transition-slide ul.flicks {

	position: relative;

	left: 0%;

	-webkit-transition: left 0.4s ease-out;

	-moz-transition: left 0.4s ease-out;

	-o-transition: left 0.4s ease-out;

	-ms-transition: left 0.4s ease-out;

	transition: left 0.4s ease-out

}

.flickerplate.animate-jquery-slide ul.flicks {

	position: relative;

	left: 0%

}

.flickerplate.animate-scroller-slide {

	padding-bottom: 0px;

	overflow: auto

}

.flickerplate.animate-scroller-slide ul.flicks {

	position: auto

}

/* index-solution */

.index-solution {

	width: 100%;

	min-width: 1200px;

	margin: 0 auto;

	background: url(../images/982dc032_index-bg01.jpg) no-repeat center;

	min-height: 649px;

	background-size: 100% 100%}

.index-solution-main {

	width: 1200px;

	margin: 0 auto;

	padding-top: 108px}

.index-solution-title {

	text-align: center;

	color: #ccc;

	font-size: 30px}

.index-solution-title span {

	display: inline-block;

	width: 180px;

	height: 30px;

	line-height: 30px;

	margin-right: 5px;

	background: linear-gradient(to right, red, darkorange);

	-webkit-background-clip: text;

	color: transparent;

	background-size: 100% 100%;

	position: relative}

.index-line {

	width: 50px;

	height: 4px;

	margin: 0 auto;

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

	background-size: 100% 100%;

	margin-top: 25px;

	margin-bottom: 20px}

.index-solution-name11 {

	font-size: 14px;

	color: #888;

	text-align: center;

	margin-bottom:40px}

.index-solution-content {

	margin-top: 78px}

.index-solution-content ul li {

	float: left;

	width: 23%;

	margin-right: 26px;

	margin-bottom:26px;

	text-align:center;

	border:1px solid #eee;

	/*cursor:pointer;*/

}

.index-solution-content ul li:nth-child(4n) {

    margin-right: 0px}

/*.index-solution-content ul li a {

	display: block;

	width: 100%;

	height: 100%;

	color: #666}*/

.index-solution-item-img {

	margin:25px auto;

	width: 80px;

	height: 80px;

	/*border-radius: 50%;

	box-shadow: 5px 5px 5px #eaeaea;*/

	text-align: center;

	background-size: 100% 100%;

	background-repeat: no-repeat}

.index-solution-img01 {

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

	transition: all 0.5s ease-in-out;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out}

.index-solution-img02 {

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

	transition: all 0.5s ease-in-out;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out}

.index-solution-img03 {

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

	transition: all 0.5s ease-in-out;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out}

.index-solution-img04 {

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

	transition: all 0.5s ease-in-out;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out}

.index-solution-img05 {

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

	transition: all 0.5s ease-in-out;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out}

.index-solution-img06 {

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

	transition: all 0.5s ease-in-out;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out}

.index-solution-img07 {

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

	transition: all 0.5s ease-in-out;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out}

.index-solution-img08 {

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

	transition: all 0.5s ease-in-out;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out}

.index-solution-item-name {

	margin-top: 0px;

	color: #444;

	font-size: 18px;

	text-align: center; font-weight:bold}

.index-solution-item-desc {

	margin-top: 15px;

	height:42px;

	line-height:21px;

	color: #999;

	font-size: 14px;

	text-align: center}

.index-solution-item-project{

	margin:15px auto;

	font-size:18px;

	color:#333;

	background-color:#f7f7f7;

	border-radius:30px;

	width:150px;

	height:45px;

	line-height:45px}



.index-solution-content ul li:hover{

	box-shadow: 0px 0px 2px 1px #eaeaea}

.index-solution-content ul li:hover .index-solution-img01 {

	background-image: url(../images/33b13eb6_czf_hover.png)}

.index-solution-content ul li:hover .index-solution-img02 {

	background-image: url(../images/f3656378_wyf_hover.png)}

.index-solution-content ul li:hover .index-solution-img03 {

	background-image: url(../images/e3a66d93_gzf_hover.png)}

.index-solution-content ul li:hover .index-solution-img04 {

	background-image: url(../images/471fcf60_zycz_hover.png)}

.index-solution-content ul li:hover .index-solution-img05 {

	background-image: url(../images/b10d6883_zhxq_hover.png)}

.index-solution-content ul li:hover .index-solution-img06 {

	background-image: url(../images/7d67513d_tkxt_hover.png)}

.index-solution-content ul li:hover .index-solution-img07 {

	background-image: url(../images/ef640ec1_cqyq_hover.png)}

.index-solution-content ul li:hover .index-solution-img08 {

	background-image: url(../images/2db0d04b_hygl_hover.png)}





.index-solution-content ul li:hover .index-solution-item-project{

	color:#fff;

	background-color:#fd505b}





.index-solution-bgimg{ width:50%; float:left}

.index-solution-bgimg img{ width:100%; height:auto}

.index-solution-list{ width:50%; float:right; padding-top:0px}

.index-solution-list-item{ float:left; width:100%; margin-left: 40px; margin-bottom:20px}

.index-solution-list-item-img{ float:left; width:80px; height:80px; background: url(../images/7cf2ffdc_index_icon2601.png) no-repeat; background-size:cover}

.index-solution-list-item-img02{ background-image: url(../images/b111ed39_index_icon2602.png)}

.index-solution-list-item-img03{ background-image: url(../images/d11b698d_index_icon2603.png)}

.index-solution-list-item-text{ margin-left:20px; width:500px; float:left}

.index-solution-list-item-title{ font-size:20px; line-height:30px; color:#333; margin-bottom:10px; font-weight:bold}

.index-solution-list-item-desc{ font-size:14px; color:#999}

























@media (max-width:991px) {

.index-solution {

	min-width: inherit;

	min-height: inherit;

	background: none}

.index-solution-main {

	width: 100%;

	padding-top: inherit;

	padding: 2rem 0}

.index-solution-title {

	font-size: 20px}

.index-solution-title span {

	width: auto;

	height: auto}

.index-line {

	width: 2rem;

	height: 0.1rem;

	margin-top: 0.5rem;

	margin-bottom: 0.5rem}

/*.index-solution-content {

	margin-top: 0.45rem}

.index-solution-content ul li {

	width: 15%;

	margin-top: 1rem}

.index-solution-item-img {

	width: 7rem;

	height: 7rem;

	box-shadow: 0.5rem 0.5rem 0.5rem #f1f1f1;

	border: 0.01rem solid #f3f3f3}

.index-solution-content ul li:first-child {

	margin-left: 0.9rem}

.index-solution-content ul li {

	margin-left: 0.6rem}

.index-solution-item-name {

	margin-top: 0.5rem;

	font-size: 0.5rem}

*/





}

@media (max-width:767px) {

/*.index-solution-content ul li {

	width: 30%;

	margin-top: 1rem}

.index-solution-content ul li:first-child {

	margin-left: 0.5rem}

.index-solution-content ul li {

	margin-left: 0.5rem}*/

}

/*index-products*/

.index-products {

	width: 100%;

	min-width: 1200px;

	margin: 0 auto;

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

	min-height: 869px;

	background-size: 100% 100%}

.index-products-main {

	width: 1200px;

	margin: 0 auto;

	padding-top: 70px}

.index-products-title {

	text-align: center;

	color: #ccc;

	font-size: 30px}

.index-products-title span {

	display: inline-block;

	width: 120px;

	height: 30px;

	line-height: 30px;

	margin-right: 5px;

	background: linear-gradient(to right, red, darkorange);

	-webkit-background-clip: text;

	color: transparent;

	background-size: 100% 100%;

	position: relative}

.index-products-content {

	margin-top: 40px;

	text-align: center}

.index-products-nav {

	text-align: center;

	display: inline-block;

	text-align: center;

	margin-bottom: 35px}

.index-products-nav a {

	display: block;

	width: 160px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	font-size: 16px;

	color: #666;

	background-color: #fff;

	border-radius: 5px;

	float: left;

	transition: all 0.5s ease-in-out;

	margin: 0px 5px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis}

.index-products-nav a:hover {

	color: #fff;

	background: linear-gradient(to right, red, darkorange)}

.index-products .swiper-container {

	width: 1200px;

	margin: 0 auto}

.index-products-more {

	width: 240px;

	height: 46px;

	margin: 0 auto;

	padding-bottom: 30px}

.index-products-more a {

	display: block;

	width: 240px;

	height: 46px;

	line-height: 46px;

	text-align: center;

	color: #ef7919;

	font-size: 16px;

	position: relative;

	background: url(../images/950ed83a_more-border.png) no-repeat center}

.index-products-more a span {

	display: block;

	width: 12px;

	height: 12px;

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

	position: absolute;

	right: 18px;

	top: 17px}

.index-products .h_product_hd {

	margin-bottom: 20px}

.index-products .h_product_hd .tlt {

	float: left;

	position: relative;

	width: 42%;

	overflow: hidden}

.index-products .h_product_hd .tlt p {

	font-size: 24px;

	color: #333;

	font-weight: bold;

	float: left;

	height: 46px;

	line-height: 46px}

.index-products .h_product_hd .tlt span {

	display: block;

	font-size: 14px;

	color: #999;

	float: left;

	height: 46px;

	line-height: 58px;

	padding-left: 10px;

	text-transform : uppercase}

.index-products .h_product_hd .tlt em {

	display: block;

	width: 58px;

	height: 2px;

	background: #f06403;

	position: absolute;

	bottom: 0;

	left: 0}

.index-products .h_product_hd .search {

	float: right;

	width: 42%;

	overflow: hidden}

.index-products .h_product_hd .search .sr {

	width: 300px;

	padding: 0 10px;

	background: #f3f3f3;

	color: #999;

	font-size: 14px;

	height: 38px;

	line-height: 38px;

	float: right;

	outline: none;

	border-radius: 4px 0 0 4px;

	border: 1px solid #ececec}

.index-products .h_product_hd .search .tj {

	width: 70px;

	height: 40px;

	background: #d92940 url(../images/5e0d8101_search_btn.png) center center no-repeat;

	font-size: 0;

	cursor: pointer;

	float: right;

	border-radius: 0 4px 4px 0;

	border: none}

.index-products .h_product_hd .search .tj:hover {

	background: #d92940 url(../images/5e0d8101_search_btn.png) center center no-repeat}

.index-products ul.h_product_bd li {

	float: left;

	width: 23%;

	margin-right: 32px;

	margin-bottom: 30px;

	position: relative}

.index-products ul.h_product_bd li:nth-child(4n) {

	margin-right: 0px}

.index-products ul.h_product_bd li .pro_img {

	background: #ccc;

	padding: 10px 10px 60px}

.index-products ul.h_product_bd li .pro_img a {

	width: 100%;

	height: 220px;

	text-align: center;

	overflow: hidden;

	background: #fff;

	display: block}

.index-products ul.h_product_bd li .pro_img img {

	vertical-align: middle;

	max-width: 100%;

	max-height: 100%;

	-webkit-transition-duration: 1s;

	transition-duration: 1s}

.index-products ul.h_product_bd li .pro_img .iblock {

	display: inline-block;

	height: 100%;

	width: 0;

	vertical-align: middle

}

.index-products ul.h_product_bd li p {

	padding: 5px 1%;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 98%;

	background: #7b7b7b;

	color: #fff;

	font-size: 18px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	transition-duration: .5s;

	-ms-transition-duration: .5s;

	-moz-transition-duration: .5s;

	-webkit-transition-duration: .5s}

.index-products ul.h_product_bd li p span {

	display: block;

	height: 50px;

	line-height: 50px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap}

.index-products ul.h_product_bd li p span a {

	color: #fff}

.index-products ul.h_product_bd li p em {

	display: none;

	font-size: 16px;

	height: 26px;

	line-height: 26px}

.index-products ul.h_product_bd li p em a {

	color: #fff}

.index-products ul.h_product_bd li:hover p em {

	display: block}

.index-products ul.h_product_bd li:hover p span {

	height: 40px;

	line-height: 40px}

.index-products ul.h_product_bd li:hover .pro_img img {

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

	transform: translate(0, -20px);

	-webkit-transform: translate(0, -20px);

	-ms-transform: translate(0, -20px)}

.index-products ul.h_product_bd li:hover p {

	height: 80px;

	background: #d92940}

@media (max-width:991px) {

.index-products {

	min-width: inherit;

	min-height: inherit;

	background: #eee}

.index-products-main {

	width: 100%;

	padding-top: inherit;

	padding: 2rem 0}

.index-products-title {

	font-size: 20px}

.index-products-title span {

	width: auto;

	height: auto}

.index-line {

	width: 2rem;

	height: 0.1rem;

	margin-top: 0.5rem;

	margin-bottom: 0.5rem}

.index-products-content {

	margin-top: 2rem}

.index-products-item-name {

	margin-top: 0.5rem;

	font-size: 0.5rem}

.index-products-nav {

	font-size: 0;

	text-align: center;

	overflow: hidden;

	width: 90%;

	margin-bottom: 0.5rem}

.index-products-nav a {

	width: 30%;

	height: 30px;

	line-height: 30px;

	margin-bottom: 0.5rem}

.index-products .swiper-container {

	width: 90%}

}

@media (max-width:767px) {

}

/* index-service */

.index-service {

	width: 100%;

	min-width: 1200px;

	margin: 0 auto}

.index-service-main {

	width: 1200px;

	margin: 0 auto;

	padding-top: 70px}

.index-service-title {

	text-align: center;

	color: #ccc;

	font-size: 30px}

.index-service-title span {

	display: inline-block;

	width: 60px;

	height: 30px;

	line-height: 30px;

	margin-right: 5px;

	background: linear-gradient(to right, red, darkorange);

	-webkit-background-clip: text;

	color: transparent;

	background-size: 100% 100%;

	position: relative}

.index-service-content {

	margin-top: 40px;

	text-align: center}

.index-service-item-img {

	width: 200px;

	height: 200px;

	margin: 0 auto;

	transition: all 0.5s ease-in-out;

	background-size: 100% 100%;

	background-repeat: no-repeat}

.index-service-img01 {

	background-image: url('../images/790f7e6a_service-icon01.png')}

.index-service-img02 {

	background-image: url('../images/1cfb2158_service-icon02.png')}

.index-service-img03 {

	background-image: url('../images/bb8f1e85_service-icon03.png')}

.index-service-img04 {

	background-image: url('../images/dce98c16_service-icon04.png')}

.index-service-img05 {

	background-image: url('../images/0339a8ad_service-icon05.png')}

.index-service-img06 {

	background-image: url('../images/ce21b313_service-icon06.png')}

.index-service-item-name {

	text-align: center;

	width: 255px;

	color: #000;

	font-size: 22px;

	margin: 0 auto;

	margin-bottom: 8px;

	margin-top: 22px}

.index-service-item-name a {

	color: #000}

.index-service-item-name11 {

	text-align: center;

	width: 255px;

	font-size: 14px;

	color: #666;

	line-height: 24px;

	margin: 0 auto}

.index-service-content ul {

	width: 100%;

	overflow: hidden}

.index-service-content ul li {

	float: left;

	width: 33%;

	text-align: center;

	margin-bottom: 55px}

.index-service-content ul li a {

	display: block;

	width: 100%;

	height: 100%}

.index-service-content ul li:nth-of-type(1):hover .index-service-item-img {

	background-image: url('../images/ba8c84b1_service-icon-on01.png')}

.index-service-content ul li:nth-of-type(2):hover .index-service-item-img {

	background-image: url('../images/2c892627_service-icon-on02.png')}

.index-service-content ul li:nth-of-type(3):hover .index-service-item-img {

	background-image: url('../images/655cfc86_service-icon-on03.png')}

.index-service-content ul li:nth-of-type(4):hover .index-service-item-img {

	background-image: url('../images/36a47476_service-icon-on04.png')}

.index-service-content ul li:nth-of-type(5):hover .index-service-item-img {

	background-image: url('../images/d303a0eb_service-icon-on05.png')}

.index-service-content ul li:nth-of-type(6):hover .index-service-item-img {

	background-image: url('../images/f179f74d_service-icon-on06.png')}

@media (max-width:991px) {

.index-service {

	min-width: inherit;

	min-height: inherit}

.index-service-main {

	width: 100%;

	padding-top: inherit;

	padding: 2rem 0}

.index-service-title {

	font-size: 20px}

.index-service-title span {

	width: auto;

	height: auto}

.index-line {

	width: 2rem;

	height: 0.1rem;

	margin-top: 0.5rem;

	margin-bottom: 0.5rem}

.index-service-content {

	margin-top: 2rem}

.index-service-item-name {

	margin-top: 1rem;

	font-size: 1rem;

	width: auto}

.index-service-item-name11 {

	display: none}

}

@media (max-width:767px) {

.index-service-content ul li {

	width: 50%;

	margin-bottom: 0.50rem}

.index-service-item-img {

	width: 8rem;

	height: 8rem}

}

/* index-news */

.index-news {

	width: 100%;

	min-width: 1200px;

	margin: 0 auto;

	min-height: 790px;

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

	background-size: 100% 100%}

.index-news-main {

	width: 1200px;

	margin: 0 auto;

	padding-top: 55px}

.index-news-title {

	text-align: center;

	color: #fff;

	font-size: 30px}

.index-news-title span {

	display: inline-block;

	height: 30px;

	line-height: 30px;

	margin-right: 5px;

	background: linear-gradient(to right, red, darkorange);

	-webkit-background-clip: text;

	color: transparent;

	background-size: 100% 100%;

	position: relative}

.index-news-name11 {

	color: #666;

	font-size: 14px;

	text-align: center}

.index-news-content {

	text-align: center;

	margin-top: 42px}

.index-news-nav {

	text-align: center;

	height: 45px;

	display: inline-block;

	text-align: center;

	margin-bottom: 30px}

.index-news-nav a {

	display: block;

	width: 160px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	font-size: 16px;

	color: #666;

	background-color: #fff;

	border-radius: 5px;

	float: left;

	transition: all 0.5s ease-in-out}

.index-news-nav a.active {

	color: #fff;

	background: linear-gradient(to right, red, darkorange)}

.index-news-nav a.margin-left10 {

	margin-left: 10px}

.swiper-container03 {

	width: 1200px}

.swiper-container03 .swiper-slide {

	width: 1200px}

.index-news-swiper {

	width: 1200px}

.margin-left0 {

	margin-left: 0 !important}

.index-news .h_tlt1 {

	width: 100%}

.index-news .h_tlt1 p {

	font-size: 20px;

	font-weight: bold;

	color: #555;

	text-align: center}

.index-news .h_tlt1 span {

	display: block;

	font-size: 22px;

	font-weight: lighter;

	color: #999;

	text-align: center;

	height: 40px;

	line-height: 40px}

.index-news .h_tlt1 em {

	display: block;

	width: 58px;

	height: 2px;

	background: #d92940;

	margin: 0 auto}

.index-news .news_bd .news_tj {

	width: 48%;

	float: left}

.index-news .news_bd .news_tj .news_tj_img a {

	display: block;

	width: 100%;

	height: 210px;

	overflow: hidden;

	text-align: center;

	background: #ffffff;

	border-bottom: 1px solid #f5f5f5}

.index-news .news_bd .news_tj .news_tj_img a img {

	width: 100%;

	vertical-align: middle;

	transition-duration: 3s;

	-ms-transition-duration: 3s;

	-moz-transition-duration: 3s;

	-webkit-transition-duration: 3s}

.index-news .news_bd .news_tj .news_tj_img a:hover img {

	transform: scale(1.1, 1.1);

	opacity: 0.5}

.index-news .news_bd .news_tj .news_tj_img a .iblock {

	display: inline-block;

	height: 100%;

	width: 0;

	vertical-align: middle

}

.index-news .news_bd .news_tj .news_tj_con {

	background: #ffffff;

	padding: 10px 20px 30px;

	text-align: left}

.index-news .news_bd .news_tj p a {

	display: block;

	width: 100%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-size: 18px;

	color: #333;

	font-weight: bold;

	height: 50px;

	line-height: 50px}

.index-news .news_bd .news_tj p a:hover {

	color: #d92940}

.index-news .news_bd .news_tj span {

	display: block;

	font-size: 14px;

	color: #999;

	line-height: 22px;

	background: #ffffff;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical}

.index-news .news_bd .news_tj em {

	display: block;

	font-size: 14px;

	color: #c6c6c6;

	padding-top: 10px;

	background: #ffffff}

.index-news .news_bd ul {

	width: 50%;

	float: right}

.index-news .news_bd ul li {

	background: #ffffff;

	padding: 24px;

	margin-bottom: 20px;

	position: relative}

.index-news .news_bd ul li .news_time {

	position: absolute;

	left: 24px;

	top: 24px;

	width: 90px;

	text-align: center;

	background: #fff;

	padding: 10px 0;

	overflow: hidden}

.index-news .news_bd ul li .news_time p {

	font-size: 24px;

	font-weight: bold;

	color: #fff}

.index-news .news_bd ul li .news_time span {

	font-size: 14px;

	color: #fff}

.index-news .news_bd ul li .news_con {

	padding-left: 110px;

	text-align: left}

.index-news .news_bd ul li .news_con p {

	font-size: 15px;

	font-weight: bold;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap}

.index-news .news_bd ul li .news_con p a {

	color: #555}

.index-news .news_bd ul li .news_con span {

	display: block;

	font-size: 14px;

	color: #999;

	line-height: 22px;

	padding-top: 5px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical}

.index-news .news_bd ul li:hover .news_time {

	background: #fff}

.index-news .news_bd ul li:hover .news_con p {

	color: #d92940

}

@media (max-width:991px) {

.index-news {

	min-width: inherit;

	min-height: inherit;

	background: #f5f5f5}

.index-news-main {

	width: 90%;

	padding-top: inherit;

	padding: 2rem 0}

.index-news-title {

	font-size: 20px;

	color: #999}

.index-news-title span {

	width: auto;

	height: auto}

.index-line {

	width: 2rem;

	height: 0.1rem;

	margin-top: 0.5rem;

	margin-bottom: 0.5rem}

.index-news-content {

	margin-top: 2rem}

.swiper-container03 {

	width: 100%}

.index-news-swiper {

	width: 100%}

}

@media (max-width:767px) {

}

/* index-clients */

.index-clients {

	width: 100%;

	min-width: 1200px;

	margin: 0 auto;

	min-height: 570px;

	background: url(../images/1fe0e1da_index-bg04.jpg) no-repeat center;

	background-size: 100% 100%}

.index-clients-main {

	width: 1200px;

	margin: 0 auto;

	padding-top: 80px}

.index-clients-title {

	text-align: center;

	color: #e0e0e0;

	font-size: 30px}

.index-clients-title span {

	display: inline-block;

	margin-right: 5px;

	color: #fff;

	font-size: 30px}

.index-clients-line {

	height: 2px;

	width: 50px;

	margin: 0 auto;

	margin-top: 25px;

	margin-bottom: 20px;

	background-color: #e1e1e1}

.index-clients-name11 {

	color: #fff;

	font-size: 14px;

	text-align: center}

.text {

	float: left;

	width: 50%}

.title {

	text-align: left;

    color: #ffffff;

	font-size: 25px;

	font-weight: body;

	font-weight: bold;

	padding-bottom: 20px;

    border-bottom-width: 2px;

    border-bottom-style: solid;

    border-bottom-color: rgb(218, 218, 218)}

.ind_about {

    margin-top: 20px;

	font-size: 16px;

	color: #fff;

	line-height: 30px;

	text-align: center}

.video_frame {

	float: left;

	margin-left: 20px;

	width: 48%}

.video_style {

	/* max-width: 50%; */

	/* float: left; */

}

.about_bg1 {

	position: relative;

	width: 100%;

	height: 500px}

.introduce {

	float: left;

	margin-bottom: 20px;

	width: 50%;

	text-align: left}

/*.about_video {

	margin: 0 auto !important;

	width: 600px !important;

	height: 320px !important;

	display: block}*/

.about_btn {

	margin: 0 auto}

.index-clients-left {

	width: 800px;

	margin: 0 auto}

.index-clients-text01 {

	width: 220px;

	border-right: 1px solid #fff;

	height: 160px;

	float: left;

	color: #fff}

.index-clients-text02 {

	width: 280px;

	border-right: 1px solid #fff;

	height: 160px;

	float: left;

	color: #fff}

.index-clients-text03 {

	width: 280px;

	height: 160px;

	float: left;

	color: #fff}

.index-clients-number01 {

	margin: 0 auto;

	padding-top: 10px;

	position: relative;

	display: table}

.index-clients-number-num {

	float: left;

	height: 90px;

	margin-right: 5px;

	transition: all 0.5s ease-in-out;

	font-size: 90px;

	font-weight: bold}

.index-clients-number01-more {

	position: absolute;

	top: 0px;

	font-size: 16px;

	font-weight: bold;

	right: -15px;

	width: 20px;

	height: 35px;

	line-height: 35px;

	text-align: center}

.index-clients-number02-more {

	position: absolute;

	top: 0px;

	right: -15px;

	width: 16px;

	height: 16px;

	font-size: 30px}

.index-clients-number01-txt {

	font-size: 16px;

	text-align: center;

	width: 220px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	margin-top: 15px}

.index-clients-number02-txt {

	font-size: 16px;

	text-align: center;

	width: 280px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	margin-top: 15px}

.index-clients-number03-txt {

	font-size: 16px;

	text-align: center;

	width: 280px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	margin-top: 15px}

@media (max-width:991px) {

.index-clients {

	min-width: inherit;

	min-height: inherit;

	background: #fff}

.index-clients-main {

	width: 90%;

	padding-top: inherit;

	padding: 2rem 0}

.index-clients-title {

	font-size: 20px;

	color: #999}

.index-clients-title span {

	display: inline-block;

	width: auto;

	height: auto;

	line-height: 30px;

	margin-right: 5px;

	background: linear-gradient(to right, red, darkorange);

	-webkit-background-clip: text;

	color: transparent;

	background-size: 100% 100%;

	position: relative}

.index-clients-line {

	width: 2rem;

	height: 0.1rem;

	margin: 0 auto;

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

	background-size: 100% 100%;

	margin-top: 0.5rem;

	margin-bottom: 0.5rem}

.index-clients-name11 {

	color: #888;

	margin-bottom: 50px}

.index-clients-content {

	margin-top: 2rem}

.ind_about {

	color: #888;

	width: 90%}

.index-clients-left {

	width: 90%}

.index-clients-text01, .index-clients-text02, .index-clients-text03 {

	color: #888;

	width: 30%;

	height: auto}

.index-clients-number-num {

	font-size: 2rem;

	height: auto}

.index-clients-number01-more {

	font-size: 0.5rem;

	top: -4px}

.index-clients-number02-more {

	font-size: 1rem;

	right: -10px}

.index-clients-number01-txt, .index-clients-number02-txt, .index-clients-number03-txt {

	width: 90%;

	margin: 0 auto;

	font-size: 0.5rem;

	overflow: auto;

	white-space: inherit}

}

@media (max-width:767px) {

}

/* index-partner */

.index-partner {

	width: 100%;

	margin: 0 auto;

	min-height: 60px;

	background: #666}

.f-l-right {

	width: 1200px;

	line-height: 22px;

	margin: 0 auto}

.f-l-title {

	font-size: 14px;

	color: #fff;

	float: left;

	height: 60px;

	line-height: 60px;

	float: left;

	width: 6%}

.f-l-list {

	float: left;

	width: 94%}

.f-l-list li {

	width: auto;

	height: 60px;

	line-height: 60px;

	float: left;

	margin-left: 35px}

.f-l-list li a {

	font-size: 14px;

	color: #fff;

	display: block;

	transition: all 0.3s ease-in-out}

.f-l-list li a:hover {

	color: #d92940}

@media (max-width:991px) {

.f-l-right {

	width: 98%}

.f-l-title {

	height: 1rem;

	line-height: 1rem;

	width: 90%;

	padding: 1rem}

.f-l-list {

	width: 100%}

.f-l-list li {

	height: 3rem;

	line-height: 3rem;

	margin-left: 1rem}

}

@media (max-width:767px) {

}

/*footer*/

.footer {

	width: 100%;

	margin: 0 auto;

	background-color: #444;

	min-height: 200px}

.footer-main {

	width: 1200px;

	margin: 0 auto;

	padding: 35px 0}

.footer-left {

	float: left;

	width: 740px}

.footer-menu ul li {

	float: left}

.footer-menu ul li span {

	display: inline-block;

	width: 1px;

	height: 16px;

	color: #888}

.footer-menu ul li a {

	padding: 0 16px;

	font-size: 16px;

	color: #ccc}

.footer-menu ul li a:hover {

	color: #d92940}

.footer-line {

	width: 740px;

	height: 1px;

	background-color: #666;

	margin-top: 20px;

	margin-bottom: 10px}

.footer-banner {

	display: table}

.footer-banner a {

	color: #666}

.footer-banner-left {

	float: left;

	width: 290px}

.footer-banner-right {

	float: left;

	max-width: 420px}

.footer-banner p {

	float: left;

	color: #999;

	line-height: 34px}

.footer-banner span {

	display: inline-block;

	width: 16px;

	height: 16px;

	margin-right: 12px;

	position: relative;

	top: 6px}

.footer-banner span.foot_icon_fax {

	background-image: url(../images/89f8dd77_footer-icon.png);

	background-position: 0 0}

.footer-banner span.foot_icon_email {

	background-image: url(../images/89f8dd77_footer-icon.png);

	background-position: 0-38px}

.footer-banner span.foot_icon_tel {

	background-image: url(../images/89f8dd77_footer-icon.png);

	background-position: 0-21px}

.footer-banner span.foot_icon_add {

	background-image: url(../images/89f8dd77_footer-icon.png);

	background-position: 0-54px}
.footer-right {

	float: right;

	width: 265px}

.footer-code-txt {

	float: left}

.footer-code-txt {

	float: left;

	line-height: 32px;

	color: #ccc;

	font-size: 16px;

	text-align: right;

	margin-right: 10px;

	margin-top: 36px}

.footer-code-img {

	float: left}

.footer-code-img img {

	width: 130px}

@media (max-width:991px) {

.footer-main {

	width: 90%}

.footer-left {

	float: none;

	width: 100%}

.footer-line {

	width: 100%}

.footer-banner {

	width: 100%}

.footer-right {

	float: none;

	width: 100%}

.footer-code-txt {

	width: 100%;

	text-align: center}

.footer-code-img {

	width: 100%;

	text-align: center}

}

@media (max-width:767px) {

.footer-menu ul li {

	width: 24%;

	margin-right: 1%;

	margin-bottom: 5px}

.footer-menu ul li span {

	display: none}

.footer-menu ul li a {

	display: inline-block;

	text-align: center;

	background: #3b3b3b;

	font-size: 12px;

	padding: 15px}

}

.h_article {

	width: 1200px;

	margin: 0 auto;

	padding: 40px 0}

.h_article .h_tlt1 {

	width: 100%}

.h_article .h_tlt1 p {

	font-size: 20px;

	font-weight: bold;

	color: #555;

	text-align: center}

.h_article .h_tlt1 span {

	display: block;

	font-size: 22px;

	font-weight: lighter;

	color: #999;

	text-align: center;

	height: 40px;

	line-height: 40px;

	text-transform : uppercase

}

.h_article .h_tlt1 em {

	display: block;

	width: 58px;

	height: 2px;

	background: #d92940;

	margin: 0 auto}

.h_article ul {

	width: 100%;

	overflow: hidden;

	padding: 40px 0 30px}

.h_article ul li {

	float: left;

	width: 23%;

	margin-right: 32px;

	margin-bottom: 30px}

.h_article ul li:nth-child(4n) {

	margin-right: 0px}

.h_article ul li .wrap {

	display: block;

	text-align: center;

	padding: 20px;

	background: #f3f3f3;

	position: relative;

	-webkit-transition: all .3s;

	-moz-transition: all .1s;

	-o-transition: all .1s;

	transition: all .1s}

.h_article ul li a div {

	font-size: 15px;

	color: #555;

	font-weight: bold;

	padding-top: 10px;

	-webkit-transition: all .1s;

	-moz-transition: all .1s;

	-o-transition: all .1s;

	transition: all .1s;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap}

.h_article ul li p {

	font-size: 14px;

	color: #999;

	line-height: 22px;

	height: 66px;

	overflow: hidden;

	margin: 10px 0;

	-webkit-transition: all .1s;

	-moz-transition: all .1s;

	-o-transition: all .1s;

	transition: all .1s}

.h_article ul li span {

	display: block;

	font-size: 14px;

	color: #b6b6b6;

	padding-bottom: 25px;

	-webkit-transition: all .1s;

	-moz-transition: all .2s;

	-o-transition: all .1s;

	transition: all .1s}

.h_article ul li em {

	text-align: center;

	display: block;

	width: 50px;

	height: 50px;

	background: url(../images/73e06f23_article_icon.png) center center no-repeat;

	position: absolute;

	left: 50%;

	margin-left: -25px;

	bottom: -25px;

	-webkit-transition: all .1s;

	-moz-transition: all .1s;

	-o-transition: all .1s;

	transition: all .1s}

.h_article ul li .wrap:hover {

	background: #d92940}

.h_article ul li .wrap:hover div {

	padding-top: 15px}/*@component 9depj04cuf*/

.h_article ul li .wrap:hover span {

	padding-bottom: 20px}

.h_article ul li .wrap:hover div, .h_article ul li .wrap:hover p, .h_article ul li .wrap:hover span {

	color: #fff}

.h_article ul li .wrap:hover em {

	background: url(../images/7ab6e912_article_icon2.png) center center no-repeat}

.h_more {

	display: block;

	width: 160px;

	height: 35px;

	border: 1px solid #eeeeee;

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

	margin: 0 auto}

.h_more:hover {

	background: #eeeeee url(../images/e199b603_more1.png) center center no-repeat;

	border: 1px solid #ffffff}

.h_about_wrap {

	background: #f5f5f5;

	width: 100%;

	padding-bottom: 40px}

.h_about {

	width: 1200px;

	margin: 0 auto;

	padding: 40px 0;

	overflow: hidden}

.h_about .h_about_img {

	float: left;

	width: 29%;

	height: 250px;

	display: flex;

	justify-content: center;

	align-items: center;

	display: -webkit-box;

	-webkit-box-pack: center;

	-webkit-box-align: center}

.h_about .h_about_img img {

	max-width: 100%;

	max-height: 100%}

.h_about .h_about_bd {

	float: right;

	width: 69%}

.h_about .h_about_bd .tlt {

	font-size: 24px;

	color: #333}

.h_about .h_about_bd .tlt2 {

	font-size: 14px;

	color: #999}

.h_about .h_about_bd .conn {

	font-size: 12px;

	color: #777;

	line-height: 24px;

	height: 120px;

	overflow: hidden;

	margin: 20px 0}

.h_about .h_about_bd .h_more {

	float: left}

.h_about .h_about_bd .h_more:hover {

	border: 1px solid #f5f5f5}

.h_link_wrap {

	width: 1200px;

	margin: 0 auto}

.h_link {

	background: #e2e2e2 url(../images/986dbd6a_link.png) 20px 25px no-repeat;

	font-size: 12px;

	color: #555;

	padding: 20px 50px;

	line-height: 22px}

.h_link a {

	font-size: 12px;

	color: #555}

.h_link a:hover {

	color: #d92940}

.youshi_wrap {

	background: #0c0c0c url(../images/04982400_youshi.jpg);

	background-position: top center;

	background-repeat: no-repeat;

	width: 100%;

	background-size: cover}

.youshi {

	width: 1200px;

	margin: 0 auto;

	padding: 40px 0 40px}

.youshi .tlt p {

	text-align: center;

	font-size: 30px;

	color: #fff;

	height: 60px;

	line-height: 60px}

.youshi .tlt span {

	display: block;

	height: 3px;

	text-align: center;

	background: url(../images/e07f3ebe_tlt2.png) center center no-repeat}

.youshi .tlt em {

	display: block;

	text-align: center;

	font-size: 14px;

	color: #fff;

	padding: 10px 0}

.youshi ul {

	width: 50%;

	margin: 0 auto;

	overflow: hidden;

	padding-top: 28px}

.youshi ul li {

	float: left;

	width: 21%;

	margin-right: 30px;

	margin-bottom: 30px}

.youshi ul li:nth-child(4n) {
	margin-right: 0px}

.youshi ul li a {

	display: block;

	cursor: default}

.youshi ul li p {

	margin: 0 auto;

	border-radius: 50%;

	text-align: center;

	width: 100px;

	height: 100px;

	border: 1px solid #fff;

	display: flex;

	justify-content: center;

	align-items: center;

	display: -webkit-box;

	-webkit-box-pack: center;

	-webkit-box-align: center}

.youshi ul li p img {

	max-width: 100%}

.youshi ul li span {

	display: block;

	text-align: center;

	font-size: 14px;

	color: #8f8f8f;

	height: 46px;

	line-height: 46px}

.youshi .youshi_btn {

	text-align: center}

.youshi .youshi_btn1 {

	display: inline-block;

	width: 204px;

	height: 56px;

	background: rgba(255,255,255,.5) url(../images/d16ee5b5_order_icon.png) 40px center no-repeat;

	font-size: 20px;

	line-height: 56px;

	border-radius: 4px;

	text-indent: 60px;

	color: #dcdcdc;

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	-o-transition: all .25s;

	transition: all .25s}

.youshi .youshi_btn2 {

	display: inline-block;

	width: 204px;

	height: 56px;

	background: url(../images/b1472178_kefu.png) 40px center no-repeat;

	font-size: 20px;

	line-height: 56px;

	border-radius: 4px;

	text-indent: 60px;

	color: #dcdcdc;

	margin-left: 15px;

	border: 1px solid #4e4e4e}

.youshi .youshi_btn1:hover {

	background: #d92940 url(../images/d16ee5b5_order_icon.png) 40px center no-repeat;

	color: #fff}

.youshi .youshi_btn2:hover {

	background: #333 url(../images/b1472178_kefu.png) 40px center no-repeat;

	color: #fff;

	border: 1px solid #333}

.foot_wrap {

	background: #0c0c0c;

	width: 100%}

.foot {

	width: 1200px;

	margin: 0 auto;

	padding: 20px 0;

	overflow: hidden;

	color: #989897;

	font-size: 12px}

.foot .foot_l {

	float: left;

	width: 70%}

.foot .foot_l a {

	color: #989897;

	font-size: 12px}

.foot .foot_l a:hover {

	color: #fff}

.foot .foot_l .foot_nav {

	color: #989897;

	font-size: 12px;

	line-height: 28px;

	padding-top: 10px}

.foot .foot_l .foot_nav span {

	padding: 0 5px}

.foot .foot_l .foot_nav a {

	color: #989897;

	font-size: 12px}

.foot .foot_l .foot_nav a:hover {

	color: #fff}

.foot .foot_r {

	float: right;

	width: 20%;

	position: relative;

	padding-right: 120px;

	padding-top: 10px}

.foot .foot_r p {

	line-height: 24px;

	margin-bottom: 5px;

	text-align: right}

.foot .foot_r .f_code {

	position: absolute;

	right: 0;

	top: 0;

	width: 94px;

	height: 94px}

.foot .foot_r .f_code img {

	width: 100%}

.ny_banner {

	width: 100%;

	margin-top: 100px;

	position: relative;

	overflow: hidden}

.ny_banner .slideshow {

	height: 380px;

	overflow: hidden;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover}

@media (max-width: 1199px) and (min-width: 1001px) {

.ny_banner .slideshow {

	height: 320px}

}

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

.ny_banner .slideshow {

	height: 200px}

}

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

.ny_banner .slideshow {

	height: 170px}

}

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

.ny_banner .slideshow {

	height: 100px}

}

.ny_banner .search {

	width: 1200px;

	overflow: hidden;

	margin: 0 auto;

	position: absolute;

	bottom: 10%;

	left: 50%;

	margin-left: -600px}

.ny_banner .search .sr {

	width: 300px;

	padding: 0 10px;

	background: #f3f3f3;

	color: #999;

	font-size: 14px;

	height: 34px;

	line-height: 34px;

	float: right;

	outline: none;

	border-radius: 4px 0 0 4px}

.ny_banner .search .tj {

	width: 70px;

	height: 40px;

	background: #d92940 url(../images/5e0d8101_search_btn.png) center center no-repeat;

	font-size: 0;

	cursor: pointer;

	float: right;

	border-radius: 0 4px 4px 0}

.ny_banner .search .tj:hover {

	background: #d92940 url(../images/5e0d8101_search_btn.png) center center no-repeat}

/* other-nav */

.other-nav {

	width: 100%;

	background-color: #fff}

.other-nav-main {

	width: 1200px;

	margin: 0 auto;

	padding: 20px 0px}

.other-nav-title {

	font-size: 14px;

	color: #999}

.other-nav-title a {

	font-size: 14px;

	color: #999}

.other-nav-title a:hover {

	color: #d92940}

.other-nav-title span {

	padding: 0 3px}

.other-nav-title span.home {

	display: inline-block;

	width: 14px;

	height: 14px;

	padding: 0;

	margin-right: 10px;

	background: url(../images/5434c8ab_home.png) no-repeat center;

	position: relative;

	top: 1px}

.other-nav-name {

	text-align: center;

	color: #d92940;

	font-size: 28px;

	font-weight: bold;

	padding: 5px 0;

	border-bottom: 1px solid #eee;

	margin-bottom: 30px}

.other-nav-name span {

	border-bottom: 2px solid #e5e5e5;

	padding: 5px 0}

.contact-nav-name {

	text-align: center;

	color: #d92940;

	font-size: 28px;

	font-weight: bold;

	padding-bottom: 30px;

	border-bottom: 1px solid #eee;

	margin-top: 55px

}

.contact-nav-name span {

	font-size: 28px;

	font-weight: bold;

	font-family: arial;

	color: #999;

	margin-left: 10px}

.other-nav-menu {

	text-align: center;

	width: 100%;

	margin: 0 auto;

	overflow: hidden}

.other-nav-menu ul {

	display: inline-block;

	text-align: center}

.other-nav-menu ul li {

	float: left;

	margin-bottom: 28px;

	text-align: center;

	display: inline-block}

.other-nav-menu a {

	display: inline-block;

	width: 110px;

	margin: 0 30px;

	margin-bottom: 28px;

	height: 34px;

	font-size: 16px;

	color: #aaa;

	text-align: center;

	line-height: 34px;

	background-image: url(../images/9dbb5fd5_other-nav.png);

	background-position: -170px 0;

	transition: all 0.3s ease-in-out}

.other-nav-menu a.active {

	background-position: 0 0;

	color: #fff}

.other-nav-menu a.margin60 {

	margin: 0 60px}

.other-nav-menu a.margin-left60 {

	margin-left: 60px}

@media (max-width:991px) {

.other-nav-main {

	width: 90%}

.other-nav-name {

	display: none}

.other-nav-menu {

	margin-top: 20px}

.other-nav-menu a {

	margin: 0 10px}

}

@media (max-width:767px) {

}

/* profile */

.profile {

	width: 100%;

	background-color: #fff;

	margin: 0 auto}

.profile-main {

	width: 1200px;

	background-color: #fff;

	margin: 0 auto;

	padding-bottom: 60px;

	padding-top: 45px}

.profile-title {

	text-align: center;

	font-size: 28px;

	font-weight: bold;

	color: #d92940;

	padding-bottom: 25px;

	border-bottom: 1px solid #eee}

.profile-title span {

	font-size: 28px;

	font-family: arial;

	color: #999;

	font-weight: bold;

	margin-left: 10px}

.profile-content {

	overflow: hidden;

	margin-top: 50px;

	margin-bottom: 60px}

.profile-left {

	position: relative;

	height: 460px;

	width: 420px;

	float: left}

.profile-img {

	width: 410px;

	height: 450px;

	position: absolute;

	top: 0;

	left: 0;

	overflow: hidden}

.profile-img img {

	width: 410px;

	height: 450px;

	max-width: 410px;

	max-height: 450px;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 99;

	-webkit-transform: scale(1, 1);

	-moz-transform: scale(1, 1);

	transform: scale(1, 1);

	transition: all 0.5s ease-in-out;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out}

.profile-img img:hover {

	-webkit-transform: scale(1.1, 1.1);

	-moz-transform: scale(1.1, 1.1);

	-o-transform: scale(1.1, 1.1);

	transform: scale(1.1, 1.1)}

.profile-modal {

	position: absolute;

	bottom: 0;

	right: 0;

	width: 410px;

	height: 450px;

	background: url('../images/7a30b343_profile-modal.png') no-repeat center;

	z-index: 9}

.profile-right {

	float: right;

	width: 680px;

	padding-top: 45px}

.profile-webkit span {

	font-size: 24px;

	color: #d92940;

	margin-right: 5px;

	font-style: normal;

	border-bottom: 3px solid #d92940;

	padding-bottom: 9px}

.profile-con {

	margin-top: 78px;

	color: #666;

	font-size: 14px;

	line-height: 28px;

	text-align: justify;

	text-justify: distribute-all-lines;

	text-indent: 28px}

.profile-con p {

	color: #666;

	font-size: 14px;

	line-height: 28px;

	text-align: justify;

	text-justify: distribute-all-lines;

	text-indent: 28px}

.profile-environment {

	width: 1100px;

	position: relative;

	height: 480px;

	margin: 0 auto;

	margin-top: 50px}

.environment-con {

	width: 620px;

	height: 480px}

.swiper-container06 .swiper-slide {

	width: 620px;

	height: 480px;

	background-position: center;

	background-size: cover}

.environment-name {

	height: 60px;

	width: 100%;

	line-height: 60px;

	font-size: 18px;

	color: #191919;

	text-align: center;

	display: none}

.swiper-container06 .swiper-slide-active .environment-name {

	display: block}

.environment-img {

	width: 608px;

	height: 408px;

	border: 6px solid #eee;

	background-color: #fff}

.profile-environment .swiper-button-prev {

	left: -50px;

	margin-top: 0;

	width: 25px;

	height: 41px;

	margin-top: -21px;

	background: url('../images/b0aa1e9c_environment-icon.png') no-repeat center;

	background-position: 0 0}

.profile-environment .swiper-button-next {

	right: -50px;

	margin-top: 0;

	width: 25px;

	height: 41px;

	margin-top: -21px;

	background: url('../images/b0aa1e9c_environment-icon.png') no-repeat center;

	background-position: -35px 0}

@media (max-width:991px) {

.profile-main {

	width: 90%}

.profile-left {

	width: 50%;

	position: inherit;

	height: auto}

.profile-img {

	width: 100%;

	height: auto;

	position: inherit}

.profile-img img {

	width: 100%;

	height: auto;

	position: inherit}

.profile-modal {

	display: none}

.profile-right {

	width: 45%;

	padding-top: 0px}

.profile-webkit {

	text-align: center}

.profile-webkit span {

	font-size: 1.2rem}

.profile-con {

	margin-top: 1rem;

	font-size: 1rem}

.profile-con p {

	font-size: 1rem;

	line-height: 1.5rem}

.profile-environment {

	width: 70%}

}

@media (max-width:767px) {

.profile-left {

	float: none;

	width: 100%;

	position: inherit;

	height: auto}

.profile-right {

	float: none;

	width: 100%;

	padding-top: 1rem}

}

/* products */

.products {

	width: 100%;

	background-color: #eee;

	margin: 0 auto;

	padding-top: 30px;

	padding-bottom: 80px}

.ny_content {

	width: 1200px;

	margin: 30px auto;

	overflow: hidden;

	background-color: #fff}

.ny_content .content_left {

	float: left;

	width: 20%;

	padding: 30px 0px 30px 30px}

.ny_content .content_left .c_tlt {

	height: 60px;

	line-height: 60px;

	text-align: center;

	font-size: 20px;

	font-weight: bold;

	background: #d92940;

	color: #ffffff;

	margin-bottom: 10px}

.pro_mulu li a {

	float: left;

	width: 70%;

	display: block;

	height: 40px;

	line-height: 40px;

	text-align: left;

	padding: 0 20px;

	background: #f1f1f1;

	color: #555;

	font-size: 14px;

	margin-bottom: 5px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap}

.pro_mulu li span {

	display: block;

	width: 13%;

	height: 40px;

	float: right;

	background: #f1f1f1 url(../images/a0dd6e92_menu_tb1.png) 50% center no-repeat}

.pro_mulu li div a {

	background: #ffffff;

	height: 30px;

	line-height: 30px;

	font-size: 12px}

.pro_mulu a.pro_more {

	clear: both;

	background: #ddd;

	display: block;

	text-align: center;

	height: 40px;

	line-height: 40px;

	color: #3a3a3a}

.news_l {

	padding-bottom: 20px}

.news_l li a {

	display: block;

	font-size: 12px;

	color: #555;

	padding-left: 15px;

	background: url(../images/5d959526_news_tb1.jpg) left center no-repeat;

	height: 40px;

	line-height: 40px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	border-bottom: 1px dashed #dedede}

.news_l li a:hover {

	color: #d92940}

.ny_content .content_right {

	/*float: right;*/

	width: 100%;

	padding: 30px 30px 30px 0px}

.ny_content .content_right_pro{

	float:right;

	width: 72%}



.ny_content .content_right2 {

	float: none;

	width: 100%;

	padding-bottom: 30px}

.ny_content .content_right .bread_nav {

	overflow: hidden;

	height: 40px;

	line-height: 40px;

	margin-bottom: 10px;

	border-bottom: 1px solid #dedede;

	padding-bottom: 5px}

.ny_content .content_right .bread_nav h2 {

	width: 20%;

	font-size: 20px;

	color: #333;

	float: left;

	font-weight: bold}

.ny_content .content_right .bread_nav div {

	float: right;

	width: 78%;

	text-align: right;

	color: #777;

	overflow: hidden}

.ny_content .content_right .bread_nav div a {

	color: #555}

.ny_content .content_right .bread_nav div a:hover {

	color: #d92940

}

.ny_content .content_right .conn {

	color: #555;

	font-size: 14px;

	line-height: 28px}

.ny_content .content_right .conn img {

	max-width: 100% !important;

	height: auto !important}

@media (max-width:991px) {

.products {

	padding-top: 1rem;

	padding-bottom: 1rem}

.ny_content .content_left {

	padding: 1.5rem 0rem 1.5rem 1.5rem}

.ny_content .content_right {

	padding: 1.5rem 1.5rem 1.5rem 0rem}

.pro_mulu li a {

	width: 59%}

}

@media (max-width:767px) {

.ny_content .content_left {

	padding: 0}

.ny_content .content_right {

	padding: 0.5rem}

.pro_mulu li a {

	width: 75%}

}

/* prolist */

.pro_list li {

	width: 100%;

	float: left;

	margin-bottom: 30px}

.pro_list .pro_img {

	width: 27%;

	float: left}

.pro_list .pro_img .box {

	width: 220px;

	height: 220px;

	border: 5px solid #f5f5f5;

	position: relative;

	display: table-cell;

	text-align: center;

	vertical-align: middle}

.pro_list .pro_img .box a {

	text-align: center;

	position: static;

+position:absolute;

	top: 50%}

.pro_list .pro_img .box a img {

	vertical-align: middle;

	position: static;

+position:relative;

	top: -50%;

	left: -50%;

	max-width: 90% !important;

	max-height: 100%}

.pro_list .pro_cont {

	width: 70%;

	float: left;

	margin-left: 3%}

.pro_list .pro_cont .pro_title {

	margin-bottom: 15px}

.pro_list .pro_cont .pro_title a {

	font-size: 22px;

	color: #222;

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap}

.pro_list .pro_cont .pro_des {

	font-size: 14px;

	color: #666;

	line-height: 24px;

	text-align: justify;

	text-justify: distribute-all-lines;

	height: 140px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 6;

	-webkit-box-orient: vertical}

.pro_list .pro_cont .pro_more {

	margin-top: 15px}

.pro_list .pro_cont .pro_more span {

	color: #666;

	border: 1px solid #eee;

	transition: all 0.3s ease-in-out;

	display: block;

	float: left;

	margin-right: 15px;

	height: 30px;

	line-height: 30px;

	padding: 0 15px 0 32px;

	font-size: 12px}

.pro_list .pro_cont .pro_more span:hover {

	color: #d92940;

	border-color: #d92940}

.pro_list .pro_cont .pro_more span:nth-child(1) {

	background: #f1f1f1 url(../images/79cf6f39_cs1.png) no-repeat 10px center}

.pro_list .pro_cont .pro_more span:nth-child(2) {

	background: #f1f1f1 url(../images/6ddd7739_cs2.png) no-repeat 10px center}

.pro_list .pro_cont .pro_more span:nth-child(3) {

	background: #f1f1f1 url(../images/2248bca4_cs3.png) no-repeat 10px center}

.pro_list .pro_cont .pro_more span:nth-child(4) {

	background: #f1f1f1 url(../images/64638f1a_cs4.png) no-repeat 10px center}

.pro_list .pro_cont .pro_more i {

	color: #d92940;

	font-style: normal}

@media (max-width:991px) {

.pro_list .pro_cont .pro_des {

	height: 98px;

	-webkit-line-clamp: 4}

.pro_list .pro_cont .pro_more span:nth-child(2n+2) {

	margin-right: 0px}

.pro_list .pro_cont .pro_more span {

	width: 34%;

	margin-right: 0.5rem;

	margin-bottom: 0.5rem}

}

@media (max-width:767px) {

.pro_list .pro_img {

	float: none;

	width: 100%;

	display: table}

.pro_list .pro_img .box {

	height: auto}

.pro_list .pro_cont {

	float: none;

	width: 100%;

	margin-left: inherit}

.pro_list .pro_cont .pro_title {

	margin-top: 1rem}

.pro_list .pro_cont .pro_des {

	height: auto}

}

/* productdetail */

.proshow_b {

	padding: 30px}

.picslider {

	width: 45%;

	float: left;

	position: relative}

.pro_wrap {

	width: 100%;

	height: 390px;

	border: #ddd 1px solid;

	display: flex;

	justify-content: center;

	align-items: center;

	display: -webkit-box;

	-webkit-box-pack: center;

	-webkit-box-align: center;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box}

#preview {

	text-align: center;

	margin-left: -1px;

	width: 100%;

	height: 100%;

	float: left;

	display: flex;

	justify-content: center;

	align-items: center;

	display: -webkit-box;

	-webkit-box-pack: center;

	-webkit-box-align: center}

.jqzoom {

	width: 100%;

	height: 100%;

	margin-bottom: 10px;

	overflow: hidden;

	position: relative;

	text-align: center

}

.jqzoom img {

	max-width: 95%;

	max-height: 95%;

	vertical-align: middle

}

.jqzoom .iblock {

	display: inline-block;

	height: 100%;

	width: 0;

	vertical-align: middle

}

.zoomdiv {

	width: 280px;

	height: 280px;

	left: 859px;

	z-index: 100;

	border: #e4e4e4 1px solid;

	position: absolute;

	text-align: center;

	width: 300px;

	display: none;

	height: 300px;

	overflow: hidden;

	top: 5px !important;

	left: 100% !important}

#spec {

	width: 320px;

	height: 70px;

	overflow: hidden}

#specList {

	margin-left: 5px

}

#specList UL LI {

	width: 70px;

	display: inline;

	float: left;

	margin-right: 4px

}

#specList UL LI IMG {

	border: #ccc 1px solid;

	padding: 2px;

	width: 60px;

	margin-bottom: 1px;

	height: 60px;

	cursor: pointer;

	margin-bottom: 10px}

.bigimg {

	WIDTH: 600px}

.jqZoomPup {

	z-index: 10;

	position: absolute;

	filter: alpha(opacity=50);

	width: 50px; /*background: #fede4f no-repeat 50% top;

	height: 70px;

	visibility: hidden;

	top: 0px;

	cursor: move;

	left: 0px;

	opacity: 0.5;

	-moz-opacity: 0.5;

	-khtml-opacity: 0.5

}

#specList {

	text-align: left;

	WIDTH: 400px;

	HEIGHT: 70px;

	OVERFLOW: hidden;

	TOP: 2px}

#specList UL {

	POSITION: absolute;

	WIDTH: 400px;

	clear: both}

.pro_wrap {

	height: 320px}

.smallImg {

	height: 90px;

	width: 100%;

	position: relative;

	overflow: hidden;

	margin-top: 8px}

.smallImg .tempWrap {

	width: 100% !important}

.smallImg_in {

	height: 90px;

	width: 100%;

	overflow: hidden;

	padding: 0 30px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box}

.smallImg ul {

	position: absolute;

	margin: 0 10px 0 10px !important;

	width: 625px}

.smallImg ul li {

	float: left;

	width: 90px;

	height: 94px;

	margin: 0 5px}

.smallImg ul li.on td {

	border: 1px solid #0061a5}

.smallImg ul li table td {

	text-align: center;

	vertical-align: middle;

	width: 102px;

	height: 76px;

	padding: 2px;

	border: 1px solid #dedede}

.smallImg ul li table td img {

	width: 80% !important}

.smallImg .btnLeft {

	width: 30px;

	height: 82px;

	position: absolute;

	left: 0;

	top: 1px;

	background: url(../images/d4a92ac3_btn.png) left top no-repeat}

.smallImg .btnRight {

	width: 30px;

	height: 82px;

	position: absolute;

	right: 0;

	top: 1px;

	background: url(../images/d4a92ac3_btn.png) right top no-repeat}

@media (max-width:1110px) {

.picslider {

	width: 50%}

}

@media (max-width:767px) {

.picslider {

	width: 100%;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box}

.pro_wrap {

	height: 320px}

}

/* news */

.news {

	width: 100%;

	/*background-color: #eee;*/

	margin: 0 auto;

	padding-top: 30px;

	padding-bottom: 80px}

.news .ny_content {

	background: none}

.news-item {

	padding: 30px;

	background-color: #fff;

	height: 180px}

.news-item-txt {

	width: 100%}

.news-item-title {

	float: left;

	width: 78%;

	margin-right: 60px

}

.news-item-name {

	font-size: 22px;

	color: #222;

	padding-top: 10px;

	margin-bottom: 15px}

.news-item-name a {

	font-size: 22px;

	color: #222;

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap}

.news-item-name a:hover {

	color: #d92940}

.news-item-name11 {

	font-size: 14px;

	color: #666;

	line-height: 24px;

	text-align: justify;

	text-justify: distribute-all-lines;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical}

.news-item-more {

	margin-top: 15px}

.news-item-more a {

	display: block;

	width: 100px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	font-size: 12px;

	color: #666;

	border: 1px solid #eee;

	transition: all 0.3s ease-in-out}

.news-item-more a:hover {

	color: #d92940;

	border-color: #d92940}

.news-item-date {

	float: right;

	width: 16%;

	text-align: center}

.news-item-day {

	font-size: 18px;

	color: #999;

	font-family: arial;

	line-height: 1em;

	padding-top: 30px}

.news-item-year {

	font-size: 72px;

	color: #999;

	font-family: arial}

.news-page {

	text-align: center}

.news-page ul {

	display: inline-block}

.news-page ul li {

	float: left}

.news-page ul li a {

	display: block;

	width: 40px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	color: #bbb;

	font-size: 18px;

	border-radius: 5px;

	background-color: #fff;

	margin: 0 10px}
.news-page ul li a.active {

	color: #fff;

	background-color: #d92940}

.news-page ul li a.none {

	display: none!important}

.news-page ul li a.page-next, .products-page ul li a.page-prev {

	width: 100px}



.blog-article {

	float: left;

	width: 100%}

.blog-article figure {

	float: left;

	width: 250px;

	margin-top: 0;

	margin-left: 0;

	margin-right: 25px;

	margin-bottom: 10px}

.blog-article .post-meta {

	width: 125px;

	margin: 0 30px 15px 0}

.blog-article .post-meta ul {

	padding: 0}

h2.post-title {

	font-size: 20px;

	letter-spacing: normal;

	margin-top: 0;

	margin-bottom: 12px;

	line-height: 1.4;

	overflow-x: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: bold;

	text-align: left}

h2.post-title a {

	font-weight: bold}

.img-responsive {

    display: block;

    max-width: 100%;

    height: auto}

.blog-article .post-summary {

	padding-right: 10px}

.blog-article .post-summary p {

	margin-bottom: 10px;

	line-height: 23px;

	color: #666}

.blog-article .post-content-wrapper {

	padding: 15px 0 30px}

.blog-article .post-meta ul li time {

	background: none;

	margin-left: -3px}

.entry-header {

	background: none;

	box-shadow: none;

	padding-top: 0;

	border: none}

.blog-article {

	margin-bottom: 30px}

.blog-article figure {

	margin-bottom: 20px}

.blog-article .format-icon {

	left: 0}

.blog-article p {

	margin-bottom: 20px;

	line-height: 24px}

.blog-article blockquote p {

	line-height: 32px}

.blog-article .read-more-link {

	text-transform: uppercase;

	line-height: 23px;

	color: #7d8489}

.blog-article .read-more-link:after {

	content: "\f101";

	font-family: FontAwesome;

	color: #f16543;

	padding-left: 8px}

.blog-article .read-more-link:hover {

	color: #373c40}

.blog-article .read-more-link:hover:after {

	color: #373c40}

.blog-article .post-meta {

	color: #a5aaae;

	font-size: 12px;

	float: left;

	width: 21.97402597402597%;

	border-right: 2px solid #d7dee0;

	margin: 0 30px 15px 0}

.blog-article .post-meta a {

	color: #a5aaae}

.blog-article .post-meta a:hover {

	color: #f16543}

.blog-article .post-meta ul {

	list-style: none;

	margin: 0;

	padding: 0 15px}

.blog-article .post-meta ul li {

	margin: 0 0 6px;

	padding: 4px 0;

	text-transform: uppercase;

	background: none}

.blog-article .post-meta ul li:before {

	font-family: 'FontAwesome';

	padding-right: 17px;

	font-size: 14px;

	color: #8C9194}

.blog-article .post-meta ul li.date:before {

	content: "\f073"}

.blog-article .post-meta ul li.comments:before {

	content: "\f086"}

.blog-article .post-meta ul li.tags:before {

	content: "\f02b"}

.blog-article .post-meta ul li.author:before {

	content: "\f007"}

.blog-article .post-summary {

	padding-right: 10px}/*compiled:fu01cv*/

.blog-article .post-summary p {

	margin-bottom: 10px;

	line-height: 23px;

	color: #666}

.blog-article .post-content-wrapper {

	padding: 15px 0 30px}

.blog-article .post-meta ul li time {

	background: none;

	margin-left: -3px}













@media (max-width:991px) {

.news-item {

	padding: 1.5rem;

	height: 10rem}

.news-item-title {

	margin-right: 2rem}

.news-item-name {

	padding-top: 0.5rem;

	margin-bottom: 0.5rem}

.news-item-name a {

	font-size: 1rem}

.news-item-year {

	font-size: 2rem}

}

@media (max-width:767px) {

.news-item-title {

	margin-right: 1rem;

	width: 70%}

.news-item-date {

	width: 20%}

.news-item-year {

	font-size: 1.4rem}

}

/* displaynews */

.displaynews-con {

	width: 90%;

	margin: 0 auto;

	padding: 5%}

.displaynews-title {

	text-align: center;

	font-size: 24px;

	color: #333}

.displaynews-date {

	text-align: center;

	color: #999;

	margin-top: 16px;

	margin-bottom: 36px;

	font-size: 14px}

.displaynews-content {

	color: #666;

	text-justify: distribute-all-lines;

	text-align: justify;

	line-height: 32px;

	font-size: 16px}

.displaynews-content p {

	color: #666;

	text-justify: distribute-all-lines;

	text-align: justify;

	line-height: 32px;

	font-size: 16px}

.displaynews-content img {

	text-align: center;

	max-width: 100%;

	margin-bottom: 20px;

	margin-top: 20px}

.displaynews-related {

	border-top: 1px dotted #d9d9d9;

	padding-top: 20px;

	margin-top: 40px}

.displaynews-btn {

	float: left}

.displaynews-btn .active {

	display: block}

.displaynews-btn .none {

	display: none}

.displaynews-btn .prev, .displaynews-btn .next {

	color: #666;

	line-height: 34px}

.displaynews-btn .prev a, .displaynews-btn .next a {

	color: #999;

	line-height: 34px;

	width: 850px;

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	float: right}

.displaynews-btn .prev a:hover, .displaynews-btn .next a:hover {

	color: #d92940}

.displaynews-return {

	float: right}

.displaynews-return a {

	color: #666}

.displaynews-return a:hover {

	color: #d92940}

@media (max-width:991px) {

.displaynews-title {

	font-size: 1rem}

.displaynews-date {

	font-size: 0.5rem}

.displaynews-content p {

	font-size: 1rem}

.displaynews-btn {

	float: none}

.displaynews-btn .prev a, .displaynews-btn .next a {

	width: 100%}

.ny_v {

	width: 100%;

	margin: 0 auto}

}

@media (max-width:767px) {

}

/* solution001 */

.solution001 {

	width: 100%;

	background-color: #fff;

	margin: 0 auto}

.solution001-main {

	width: 1200px;

	background-color: #fff;

	margin: 0 auto;

	padding-bottom: 40px}

.solution001-title {

	color: #d92940;

	font-size: 24px;

	font-weight: bold;

	padding-bottom: 12px;

	border-bottom: 1px solid #eee}

.solution001-con {

	margin-top: 40px;

	overflow: hidden}

.solution001-left {

	float: left;

	width: 560px}

.solution001-left p {

	color: #010101;

	line-height: 28px;

	font-size: 14px;

	text-align: justify;

	text-justify: distribute-all-lines}

.solution001-btn, .solution001-btn2 {

	margin-top: 30px;

	width: 100px;

	height: 30px}

.solution001-btn2 {

	display: none}

.solution001-btn a, .solution001-btn2 a {

	display: block;

	width: 100px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	color: #fff;

	background-color: #d92940;

	font-size: 14px;

	cursor: pointer}

.solution001-right {

	width: 598px;

	height: 309px;

	float: right;

	overflow: hidden}

.solution001-right img {

	-webkit-transform: scale(1, 1);

	-moz-transform: scale(1, 1);

	transform: scale(1, 1);

	transition: all 0.5s ease-in-out;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out}

.solution001-right img:hover {

	-webkit-transform: scale(1.1, 1.1);

	-moz-transform: scale(1.1, 1.1);

	-o-transform: scale(1.1, 1.1);

	transform: scale(1.1, 1.1)}

@media (max-width:991px) {

.solution001 {

	width: 90%}

.solution001-main {

	width: 100%}

.solution001-left {

	float: none;

	width: 100%}

.solution001-right {

	float: none;

	width: 100%;

	height: auto;

	text-align: center}

.solution001-right img {

	padding: 3rem}

.solution001-btn {

	display: none}

.solution001-btn2 {

	display: block}

}

@media (max-width:767px) {

.solution001-right img {

	padding: 3rem 0 0;

	width: 100%

}

}

/* contact */

.contact-webkit-title {

	font-size: 24px;

	color: #d92940;

	margin-bottom: 15px}

.contact-webkit-con p {

	font-size: 16px;

	color: #333;

	line-height: 36px}

.contact-webkit-con p span {

	display: inline-block;

	width: 16px;

	height: 18px;

	margin-right: 15px;

	background: url('../images/55ccf2f4_contact-icon.png') no-repeat center;

	position: relative;

	top: 3px}

.contact-webkit-con p span.tel {

	background-position: 0 0}

.contact-webkit-con p span.phone {

	background: url('../images/a49049fc_phone01.png') no-repeat center}

.contact-webkit-con p span.fax {

	background-position: 0 -38px}

.contact-webkit-con p span.email {

	background-position: 0 -79px}

.contact-webkit-con p span.address {

	background-position: 0 -112px}

.contact-feedback {

	width: 100%;

	margin-top: 70px}

.contact-feedback-title {

	font-size: 28px;

	text-align: center;

	color: #d92940;

	font-weight: bold}

.contact-feedback-title span {

	color: #999;

	font-family: arial;

	margin-left: 15px}

.contact-feedback-prompt {

	margin-top: 15px;

	text-align: center;

	color: #999;

	font-size: 12px;

	padding-bottom: 25px;

	border-bottom: 1px solid #eee;

	margin-bottom: 25px}

.contact-feedback-prompt span {

	color: #d92940}

.new_inside {

	overflow: hidden;

	margin-bottom: 30px}

.new_inside li {

	width: 100%;

	margin-bottom: 30px}

.news_box {

	position: relative;

	border-bottom: 1px solid rgba(0,0,0,.06);

	background: transparent;

	height: 180px}

.news_txt {

	float: left;

	padding: 36px 0 28px 14%;

	transition: all .3s ease-out 0s}

.news_box:hover .news_txt {

	padding: 36px 0 28px 16%}

.news_txt span {

	font-size: 16px;

	color: #717171;

	display: block;

	height: 24px;

	overflow: hidden;

	margin-bottom: 20px;

	transition: all .3s ease-out 0s}

.news_box:hover .news_txt span {

	color: #333

}

.news_box:hover .news_txt i {

	color: #999

}

.news_txt i {

	color: #7D7D7D;

	font-style: normal;

	line-height: 24px;

	height: 73px;

	display: block;

	overflow: hidden}

.news_date {

	width: 80px;

	float: right;

	font-family: "微软雅黑";

	color: #999;

	padding: 36px 66px 0 0;

	transition: all .3s ease-out 0s;

	position: absolute;

	left: 0;

	float: left;

	padding-top: 30px}

.news_box:hover .news_date {
	padding: 36px 86px 0 0

}

.arrow_left {

	position: absolute;

	top: 90px;

	left: 5px;

	width: 35px;

	height: 35px;

	text-align: center;

	border: 1px solid #fff;

	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;

	background: url(../images/bd34664b_icon.png) no-repeat 9px 14px}

.news_box:hover .arrow_left {

	border: 1px solid #d92940;

	background: url(../images/75278d17_icon_hover.png) no-repeat 9px 14px #d92940}

.arrow_left i {

	width: 14px;

	height: 9px;

	display: block;

	margin: 13px 0 0 11px}

.news_date span {

	float: left;

	line-height: 36px;

	height: 36px;

	font-size: 24px;

	font-family: "微软雅黑"}

.news_date i {

	float: left;

	color: #ABABAB;

	font-size: 0}

.news_txt span::before {

	width: 35px;

	height: 1px;

	content: '';

	background: #BFBFBF;

	position: absolute;

	top: 48px;

	left: 90px;

	transition: all 0.3s ease-out 0s}

.news_box:hover .news_txt span::before {

	width: 60px;

	transition: all 0.3s ease-out 0s;

	background: #7D7D7D}

.news_box:hover .news_date span {

	color: #333}

.news_box:hover .news_date {

	padding: 30px 42px 0 0}

.ny_content .content_right .conn .ny_news_tlt {

	text-align: center;

	font-size: 20px;

	color: #555;

	padding: 10px 0}

.ny_news_time {

	text-align: center;

	font-size: 12px;

	color: #999;

	padding-bottom: 10px;

	border-bottom: 1px dashed #dedede;

	margin-bottom: 10px}

.ny_news_ye {

	padding-top: 30px}

.ny_news_ye p {

	height: 35px;

	line-height: 35px;

	background: #f1f1f1;

	margin-bottom: 10px;

	padding: 0 20px}

.conn ul.h_product_bd li {

	float: left;

	width: 25%;

	/*margin-right: 43px;*/

	margin-bottom: 30px;

	position: relative}



.ny_content .content_right_pro .conn ul.h_product_bd li{

	width:33.3%}



.conn ul.h_product_bd2 li {

	margin-right: 60px}

.conn ul.h_product_bd li:nth-child(3n) {

	margin-right: 0px}

.conn ul.h_product_bd li .pro_img {

	background: #f5f5f5;

	padding: 10px 10px 60px}

.conn ul.h_product_bd li .pro_img a {

	width: 100%;

	height: 330px;

	text-align: center;

	overflow: hidden;

	background: #fff;

	display: block}

.conn ul.h_product_bd li .pro_img img {

	vertical-align: middle;

	max-width: 100%;

	max-height: 100%;

	-webkit-transition-duration: 1s;

	transition-duration: 1s}

.conn ul.h_product_bd li .pro_img .iblock {

	display: inline-block;

	height: 100%;

	width: 0;

	vertical-align: middle

}

.conn ul.h_product_bd li p {

	/*padding: 5px 1%;*/

	position: absolute;

	bottom: 0;

	left: 0;

	width: 98%;

	background: #7b7b7b;

	color: #fff;

	font-size: 18px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	transition-duration: .5s;

	-ms-transition-duration: .5s;

	-moz-transition-duration: .5s;

	-webkit-transition-duration: .5s}

.conn ul.h_product_bd li p span {

	display: block;

	height: 50px;

	line-height: 50px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap}

.conn ul.h_product_bd li p span a {

	color: #fff}

.conn ul.h_product_bd li p em {

	display: none;

	font-size: 16px;

	height: 26px;

	line-height: 26px}

.conn ul.h_product_bd li p em a {

	color: #fff}

.conn ul.h_product_bd li:hover p em {

	display: block}

.conn ul.h_product_bd li:hover p span {

	height: 40px;

	line-height: 40px}

.conn ul.h_product_bd li:hover .pro_img img {

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

	transform: translate(0, -20px);

	-webkit-transform: translate(0, -20px);

	-ms-transform: translate(0, -20px)}

.conn ul.h_product_bd li:hover p {

	height: 80px;

	background: #d92940}

.page_list {

	margin-bottom: 30px}

.ly_msg h3 {

	display: none}

.pro_name {

	font-size: 24px;

	font-weight: normal;

	/*height: 35px;*/

	line-height: -1px !important;

	color: #d92940;

	margin-bottom: 10px}

.proshow1 {

	padding-top: 40px;

	position: relative}

.proshow1 .js-silder {

	float: left;

	width: 45%;

	margin-top: 0 !important;

	border: 1px solid #ddd}

.proshow1 .js-silder .silder-scroll {

	width: 100%;

	overflow: hidden}

.proshow1 .js-silder .silder-main {

	position: relative;

	width: 100%;

	overflow: hidden;

	min-height: inherit}

.proshow1 .js-silder .silder-main-img {/*position:absolute;top:0;left:0;*/

	width: 100%;

	text-align: center

}

.proshow1 .js-silder .silder-main-img img {

	max-width: 80% !important;

	vertical-align: middle

}

.proshow1 .js-silder .silder-main-img .iblock {

	display: inline-block;

	height: 100%;

	width: 0;

	vertical-align: middle

}

.proshow1 .js-silder .js-silder-ctrl {

	width: 100%;

	text-align: center;

	position: absolute;

	bottom: 15px}

.proshow1 .js-silder .silder-ctrl-prev, .proshow1 .js-silder .silder-ctrl-next {

	position: absolute;

	top: -150px;

	width: 8%;

	height: 100%;

	vertical-align: middle;

	cursor: pointer;

	color: #fff;

	font-family: "宋体";

	font-size: 52px;

	font-weight: 600;

	text-shadow: #666 2px 2px 5px}

.proshow1 .js-silder .silder-ctrl-prev {

	left: 0;

	text-align: left}

.proshow1 .js-silder .silder-ctrl-next {

	right: 0;

	text-align: right}

.proshow1 .js-silder .silder-ctrl-prev>span, .silder-ctrl-next>span {

	position: absolute;

	top: 50%;

	margin-top: -40px}

.proshow1 .js-silder .silder-ctrl-prev>span {

	left: 0}

.proshow1 .js-silder .silder-ctrl-next>span {

	right: 0}

.proshow1 .js-silder .silder-ctrl-con {

	display: inline-block;

	width: 4%;

	padding: 10px 0;

	margin: 0 5px;

	cursor: pointer}

.proshow1 .js-silder .silder-ctrl-con>span {

	display: block;

	line-height: 0;

	text-indent: -9999px;

	overflow: hidden;

	padding: 2px 0;

	cursor: pointer;

	background-color: #e4e4e4}

.proshow1 .js-silder .silder-ctrl-con.active>span {

	background-color: #d92940}

.proshow1 .prodesc p {

	font-size: 14px;

	line-height: 34px;

	margin-bottom: 10px}

.proshow1 .prodesc p.bt {

	font-size: 20px;

	font-weight: bold;

	color: #d92940}

.proshow1 .prodesc {

	float: right;

	width: 51%}

.proshow1 .prodesc p.desc {

	height: 128px;

	overflow: hidden}

.proshow1 .pro_btn {

	padding-top: 0px;

	overflow: hidden}

.proshow1 .pro_btn1 {

	display: block;

	width: 40%;

	margin-right: 20px;

	height: 55px;

	line-height: 55px;

	text-align: center;

	font-size: 16px;

	color: #fff;

	background: #d92940;

	border-radius: 2px;

	float: left;

	border: 1px solid #fff}

.proshow1 .pro_btn2 {

	display: block;

	width: 40%;

	margin-right: 0;

	height: 55px;

	line-height: 55px;

	text-align: center;

	font-size: 16px;

	background: #7b7b7b;

	color: #fff;

	border-radius: 2px;

	float: left;

	border: 1px solid #fff}

.proshow1 .pro_btn1:hover {

	background: #fff;

	border: 1px solid #d92940;

	color: #d92940}

.proshow1 .pro_btn2:hover {

	background: #fff;

	border: 1px solid #7b7b7b;

	color: #7b7b7b}

.xgcp {

	overflow: hidden}

.xgcp li:nth-child(4n) {

	margin-right: 0px !important}

.xgcp li:nth-child(3n) {

	margin-right: 30px}

.xgcp li {

	width: 23% !important;

	margin-right: 30px !important}

.xgcp li {

	float: left;

	width: 30%;

	margin-right: 43px;

	margin-bottom: 30px;

	position: relative}

.xgcp li {

	margin-right: 60px}

.xgcp li:nth-child(4n) {

	margin-right: 0px}

.xgcp li .pro_img {

	background: #f5f5f5;

	padding: 10px 10px 60px}

.xgcp li .pro_img a {

	width: 100%;

	height: 220px;

	text-align: center;

	overflow: hidden;

	background: #fff;

	display: block}

.xgcp li .pro_img img {

	vertical-align: middle;

	max-width: 100%;

	max-height: 100%;

	-webkit-transition-duration: 1s;

	transition-duration: 1s}

.xgcp li .pro_img .iblock {

	display: inline-block;

	height: 100%;

	width: 0;

	vertical-align: middle

}

.xgcp li p {

	padding: 5px 1%;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 98%;

	background: #7b7b7b;

	color: #fff;

	font-size: 18px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	transition-duration: .5s;

	-ms-transition-duration: .5s;

	-moz-transition-duration: .5s;

	-webkit-transition-duration: .5s}

.xgcp li p span {

	display: block;

	height: 50px;

	line-height: 50px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap}

.xgcp li p span a {

	color: #fff}

.xgcp li p em {

	display: none;

	font-size: 16px;

	height: 26px;

	line-height: 26px}

.xgcp li p em a {

	color: #fff}

.xgcp li:hover p em {

	display: block}

.xgcp li:hover p span {

	height: 40px;

	line-height: 40px}

.xgcp li:hover .pro_img img {

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

	transform: translate(0, -20px);

	-webkit-transform: translate(0, -20px);

	-ms-transform: translate(0, -20px)}

.xgcp li:hover p {

	height: 80px;

	background: #d92940}

.tags_title {

	border-bottom: 1px solid #DDD;

	margin: 40px 0 30px}

.tags_title span {

	width: 80px;

	padding: 0 15px;

	font-size: 16px;

	text-align: center;

	height: 45px;

	line-height: 45px;

	margin-bottom: -1px;

	background: #fff;

	color: #d92940;

	display: block;

	margin-left: 5px;

	border: 1px solid #DDD;

	border-bottom: 1px solid #ffffff;

	font-weight: bold}

.proshow2 {

	padding-top: 20px}

.proshow2 .content_left {

	padding: 0}

.proshow2 .content_left .pro_mulu li span {

	width: 12%}

.proshow2 .prodetail_con {

	float: right;

	width: 77%}

.proshow2 .prodetail_con .tags_title {

	margin: 0}

.proshow2 .prodetail_con .content {

	padding: 30px 0}

.proshow2 .prodetail_con .content img {

	max-width: 80%;

	height: auto !important}

.contact .tags_title {

}

.contact .tags_title span {

	float: left;

	width: auto;

	cursor: pointer}

.contact .tags_title span.ron {

	background: #f1f1f1;

	border: 1px solid #f1f1f1;

	border-bottom: 1px solid #DDD;

	color: #666;

	font-weight: normal}

.contact .content2 {

	display: none}

.contact .content1 ul {

}

.contact .content1 ul li {

	float: left;

	width: 30%;

	margin-right: 45px}

.contact .content1 ul li:nth-child(3n) {

	margin-right: 0}

.contact .content1 ul li a {

	display: block}

.contact .content1 ul li a em {

	display: block;

	float: left;

	width: 60px;

	height: 60px;

	border: 1px solid #ddd;

	border-radius: 50%;

	margin-right: 15px}

.contact .content1 ul li.lx1 em {

	background: url(../images/07b63944_contact_tel.png) center center no-repeat}

.contact .content1 ul li.lx2 em {

	background: url(../images/a67fe500_contact_email.png) center center no-repeat}

.contact .content1 ul li.lx3 em {

	background: url(../images/4dc1d9ef_contact_address.png) center center no-repeat;

	-webkit-animation: bounce-up 1.4s linear infinite;

	animation: bounce-up 1.4s linear infinite}

.contact .content1 ul li a .wz {

	float: left;

	width: 78%}

.contact .content1 ul li a .wz p {

	font-size: 20px;

	padding-bottom: 10px}

.contact .content1 ul li a .wz span {

	font-size: 20px}

.lx_dz {

	width: 100%;

	overflow: hidden;

	margin: 50px auto 20px;

	padding: 0}

.lx_dz .dz_map {

	width: 97%;

	height: 370px;

	overflow: hidden;

	margin: 0 auto;

	padding: 1%;

	border: 1px solid #d9d9d9}

.page_list {

	text-align: center}

.page_list a {

	display: inline-block;

	padding: 0 10px;

	background: #ddd;

	height: 30px;

	line-height: 30px;

	text-align: center;

	margin-right: 5px}

.page_list input {

	display: inline-block;

	padding: 0 5px;

	background: #d92940;

	width: 40px !important;

	height: 30px !important;

	line-height: 30px;

	text-align: center;

	margin: 0 5px;

	color: #fff;

	cursor: pointer}

.page_list .p_input {

	display: inline-block;

	padding: 0 5px;

	background: #ddd;

	height: 30px;

	line-height: 30px;

	text-align: center;

	margin: 0 5px;

	color: #555;

	cursor: default}

.ly_msg {

	width: 100%;

	overflow: hidden;

	margin: 0 auto 20px;

	padding: 0}

.ly_msg h3 {

	width: 100%;

	height: 40px;

	overflow: hidden;

	line-height: 40px;

	margin: 0 auto;

	padding: 0;

	border-bottom: 1px solid #dfdfdf;

	color: #333;

	font-size: 14px;

	font-weight: bold;

	text-align: center}

.ly_msg ul {

	width: 100%;

	overflow: hidden;

	margin: 20px auto;

	padding: 0;/* box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;*/

}

.ly_msg ul li {

	width: 100%;

	overflow: hidden;

	margin: 0 auto 12px;

	padding: 0}

.ly_msg ul li h4 {

	width: 17%;

	height: 34px;

	overflow: hidden;

	line-height: 34px;

	margin: 0;

	padding: 0 20px 0 0;

	color: #333;

	font-size: 14px;

	text-align: right;

	float: left;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-o-box-sizing: border-box;

	-moz-box-sizing: border-box}

.ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara {

	width: 83%;

	overflow: hidden;

	margin: 0;

	padding-right: 20px;

	background: url(../images/b4dadc43_tb_img.png) top right no-repeat;

	float: left;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-o-box-sizing: border-box;

	-moz-box-sizing: border-box}

.ly_msg ul li .msg_ipt1 {

	height: 34px}

.ly_msg ul li .msg_tara {

	height: 118px}

.msg_ipt1 input, .msg_tara textarea {

	display: block;

	width: 100%;

	overflow: hidden;

	margin: 0;

	padding: 8px 15px;

	color: #666;

	font-size: 12px;

	border: 1px solid #dfdfdf;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-o-box-sizing: border-box;

	-moz-box-sizing: border-box}

.msg_ipt1 input {

	height: 34px;

	line-height: 16px}

.msg_tara textarea {

	height: 118px;

	line-height: 20px;

	resize: none}

.ly_msg ul li .msg_ipt2 {

	width: 120px;

	height: 34px;

	overflow: hidden;

	margin-right: 10px;

	padding: 0;

	float: left}

.msg_ipt2 input {

	display: block;

	width: 120px;

	height: 34px;

	overflow: hidden;

	line-height: 16px;

	margin: 0;

	padding: 8px 15px;

	color: #666;

	font-size: 12px;

	border: 1px solid #dfdfdf;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-o-box-sizing: border-box;

	-moz-box-sizing: border-box}

.ly_msg ul li a.yzm_img {

	display: block;

	width: 90px;

	height: 34px;

	overflow: hidden;

	margin: 0;

	padding-right: 20px;

	background: url(../images/b4dadc43_tb_img.png) top right no-repeat;

	float: left}

.ly_msg ul li .msg_btn {

	width: 83%;

	overflow: hidden;

	margin: 0;

	padding: 0;

	float: left}

.msg_btn input {

	display: block;

	width: 100px;

	height: 34px;

	overflow: hidden;

	line-height: 32px;

	margin: 20px 15px 0 0;

	padding: 0;

	background-color: #f0f0f0;

	color: #333;

	font-size: 13px;

	text-align: center;

	border: 1px solid #ccc;

	float: left}

.ly_msg ul li .msg_ipt12 {

	width: 83%;

	height: 34px;

	overflow: hidden;

	margin: 0;

	padding-right: 20px;

	float: left;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-o-box-sizing: border-box;

	-moz-box-sizing: border-box}

.msg_ipt12 input {

	height: 34px;

	line-height: 16px;

	display: block;

	width: 100%;

	overflow: hidden;

	margin: 0;

	padding: 8px 15px;

	color: #666;

	font-size: 12px;

	border: 1px solid #dfdfdf;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-o-box-sizing: border-box;

	-moz-box-sizing: border-box}

.cpzx .ly_msg ul li h4 {

	width: 10%;

	height: 45px;

	font-size: 12px}

.cpzx .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara {

	width: 90%}

.cpzx .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara {

	width: 90% !important}

.cpzx .ly_msg ul li .msg_ipt1 {

	height: 47px}

.cpzx .msg_ipt1 input {

	height: 45px;

	line-height: 45px}

.cpzx .ly_msg ul li .msg_ipt12 {

	width: 90% !important;

	height: 45px !important}

.cpzx .msg_ipt12 input {

	height: 45px}

.cpzx .ly_msg ul li .msg_ipt1 select {

	height: 45px !important}

.cpzx input {

	border-radius: 2px;

	border: 1px solid #fff !important;

	background: #f1f1f1}

.cpzx textarea {

	border-radius: 2px;

	border: 1px solid #fff !important;

	background: #f1f1f1}

.cpzx select {

	border-radius: 2px;

	border: none !important;

	background: #f1f1f1;

	outline: none;

	text-indent: 10px}

.cpzx input:focus, .cpzx textarea:focus {

	border: 1px solid #dedede !important}

.cpzx .ly_msg ul li a.yzm_img img {

	height: 100% !important}

.cpzx .msg_btn input {

	width: 150px;

	height: 45px;

	line-height: 45px;

	cursor: pointer}

.cpzx .msg_btn input:first-child {

	background: #d92940;

	color: #fff}

.cpzx .msg_ipt2 input {

	height: 45px}

.cpzx .ly_msg ul li .msg_ipt2 {

	height: 45px}

@media (max-width:991px) {

.proshow1 .prodesc {

	width: 45%}

.proshow_b .content_left {

	width: 21%}

}

@media (max-width:767px) {

.proshow_b {

	padding: 1rem}

}

/*悬浮链接*/

.suspension {

	position: fixed;

	z-index: 999999999;

	right: 0;

	bottom: 85px;

	width: 70px;

	height: 240px}

.suspension-box {

	position: relative;

	float: right}

.suspension .a {

	display: block;

	width: 55px;

	height: 40px;

	padding: 10px 0 5px;

	background-color: #d92940;

	margin-bottom: 4px;

	cursor: pointer;

	outline: none;

	text-decoration: none;

	text-align: center;

	border-radius: 2px}

.suspension .a.active, .suspension .a:hover {

	background: #f08705}

.suspension .a .i {

	display: inline-block;

	width: 44px;

	height: 44px;

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

	background-repeat: no-repeat}

.suspension .a-service .i {

	display: inline-block;

	width: 20px;

	height: 20px;

	background-image: url(../images/78bae95d_suspension-bg.png);

	background-repeat: no-repeat;

	background-position: 0 0}

.suspension .a span {

	display: block;

	width: 100%;

	text-align: center;

	color: #fff;

	font-size: 12px;

	padding-top: 4px}

.suspension .a-service-phone .i {

	display: inline-block;

	width: 20px;

	height: 20px;

	background-image: url(../images/78bae95d_suspension-bg.png);

	background-repeat: no-repeat;

	background-position: -27px 0}

.suspension .a-qrcode .i {

	display: inline-block;

	width: 20px;

	height: 20px;

	background-position: -56px -12px}

.suspension .a-cart .i {

	background-position: -88px 0}

.suspension .a-top .i {

	background-position: -132px 0}

.suspension .a-top {

	background: #D2D3D6;

	display: none}

.suspension .a-top:hover {

	background: #c0c1c3}

.suspension .d {

	display: none;

	width: 240px;

	background: #fff;

	position: absolute;

	right: 67px;

	border: 1px solid #E0E1E5;

	border-radius: 3px;

	box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11)}

.suspension .d .arrow {

	position: absolute;

	width: 8px;

	height: 12px;

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

	right: -8px;

	top: 31px}

.qrcode-img img {

	width: 150px;

	margin: 0 auto}

.suspension .d-service {

	top: 0}

.suspension .d-service-phone {

	top: 50px}

.suspension .d-qrcode {

	top: 78px}

.suspension .d .inner-box {

	padding: 8px 22px}

.suspension .d-service-item {

	padding: 4px 0}

.suspension .d-service .d-service-item {

	border-bottom: none}

.suspension .d-service .d-service-item a {

	color: #3a3a3a}

.suspension .d-service-item .circle {

	width: 44px;

	height: 44px;

	border-radius: 50%;

	overflow: hidden;

	background: #F1F1F3;

	display: block;

	float: left}

.suspension .d-service-item .i-qq {

	width: 44px;

	height: 44px;

	background: url(../images/1daca464_side_con_icon03.png) no-repeat center 15px;

	display: block;

	transition: all .2s;

	border-radius: 50%;

	overflow: hidden}

.suspension .d-service-item:hover .i-qq {

	background-position: center 3px}

.suspension .d-service-item .i-tel {

	width: 44px;

	height: 44px;

	background: url(../images/1770b229_side_con_icon02.png) no-repeat center center;

	display: block}

.suspension .d-service-item p {

	float: left;

	width: 112px;

	line-height: 22px;

	font-size: 15px;

	margin-left: 12px}

.suspension .d-service .d-service-item p {

	float: left;

	width: 112px;

	line-height: 44px;

	font-size: 15px;

	margin-left: 12px}

.suspension .d-service-item .text {

	float: left;

	width: 112px;

	line-height: 22px;

	font-size: 15px;

	margin-left: 12px}

.suspension .d-service-item .text .number {

	font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif}

.suspension .d-service-intro {

	padding-top: 10px}

.suspension .d-service-intro p {

	float: left;

	line-height: 27px;

	font-size: 12px;

	width: 50%;

	white-space: nowrap;

	color: #888}

.suspension .d-service-intro i {height: 27px;

	width: 14px;

	margin-right: 5px;

	vertical-align: top;

	display: inline-block}

.suspension .d-qrcode {

	text-align: center;

	width: 160px}

.suspension .d-qrcode .inner-box {

	padding: 10px 0}

.suspension .d-qrcode p {

	font-size: 14px;

	color: #999;

	padding-top: 5px}



/*小尺寸屏幕电脑*/

@media (max-width:1199px) {

.container {

	width: 95%}

.top h1,.top h2{

	width: 30%}

nav {

	width: 68%}

nav ul li {

	padding: 0;

	width: 12.5%}

nav ul li a {

	padding: 0;

	width: 100%}

.flickerplate {

	height: 335px}

.h_product .h_product_hd .search {

	width: 57%}

.h_product {

	width: 90%}

.index-products ul.h_product_bd li {

	width: 21%;

	margin-right: 5.33333%}

.index-news-main {

	width: 90%}

.h_article {

	width: 90%}

.h_article ul li {

	width: 21%;

	margin-right: 5.33333%}

.h_about {

	width: 90%}

.h_link_wrap {

	width: 90%}

.youshi {

	width: 90%}

.youshi ul {

	width: 60%}

.youshi ul li {

	width: 21%;

	margin-right: 5.33333%}

.foot {

	width: 90%}

.foot .foot_l {

	width: 60%}

.ny_banner .search {

	width: auto;

	top: auto;

	bottom: 10%;

	left: auto;

	right: 5%;

	margin-left: 0}

.suspension {

	display: none}

#KFRightScreen {

	display: none !important}

#KFCenterScreen {

	display: none !important}

#KFBoxTitle {

	display: none !important}

.custombox {

	display: none !important}

.ny_content {

	width: 95%;

	margin: 1rem auto}

.conn ul.h_product_bd li {

	width: 30%;

	margin-right: 5%}

.xgcp li {

	width: 21% !important;

	margin-right: 5.33333% !important}

.contact .content1 ul li a .wz {

	width: 60%}

.silder-main {

	min-height: inherit}

}



/*平板*/

@media (max-width:991px) {

.flickerplate {

	height: 380px}

.flickerplate ul.flicks>li:nth-child(1) {

	background-image: url(../images/c0adf754_banner_sj1.jpg) !important}

.flickerplate ul.flicks>li:nth-child(2) {

	background-image: url(../images/9af8611d_banner_sj2.jpg) !important}

.flickerplate ul.flicks>li:nth-child(3) {

	background-image: url(../images/a3afce57_banner_sj3.jpg) !important}

.index-products ul.h_product_bd li {

	width: 49%;

	margin-right: 2%}

.index-products ul.h_product_bd li:nth-child(2n) {

	margin-right: 0px}

.index-news .news_bd .news_tj {

	width: 100%;

	float: none;

	margin-bottom: 20px}

.index-news .news_bd ul {

	width: 100%;

	float: none}

.h_article ul li {

	width: 49%;

	margin-right: 2%}

.h_article ul li:nth-child(2n) {

	margin-right: 0px}

.youshi ul {

	width: 80%}

}

 @media (max-width:880px) {

/*导航菜单样式改变 begin*/

.btn-menu {

	display: block;

	padding: 0}

.btn_menu_wrap {

	width: 40px;

	height: 40px;

	float: right;

	display: flex;

	justify-content: center;

	align-items: center;

	-webkit-box-pack: center;

	-webkit-box-align: center;

	margin-top: 20px}

.fullWidth {

	margin: 80px auto 0}

nav {

	display: none;

	width: 80%;

	height: 100%;

	position: fixed;

	top: 80px;

	right: 0;

	z-index: 9999999;

	background: #f5f5f5;

	border-top: 2px solid #dedede}

nav ul li {

	width: 100%;

	float: none;

	position: relative}

nav ul li p {

	height: 40px;

	overflow: hidden;

	border-bottom: 1px solid #e8e8e8;

	padding: 0 20px}

nav ul li p a {

	display: block;

	height: 40px;

	line-height: 40px;

	float: left;

	width: 80%;

	padding: 0;

	text-align: left}

nav ul li p span {

	display: block;

	float: right;

	height: 40px;

	line-height: 40px;

	width: 20%;

	text-align: right;

	cursor: pointer}

nav ul li div.return {

	position: static;

	height: 40px;

	line-height: 40px;

	padding: 0 20px;

	font-size: 14px;

	color: #666;

	cursor: pointer}

nav .menu2 {

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	background: #f5f5f5;

	width: 100%;

	display: none}

nav .menu2 a {

	font-size: 14px}

nav .menu2 li div.mulu2 {

	position: absolute;

	top: 0;

	left: 0;

	background: #f5f5f5;

	width: 100%;

	display: none;

	z-index: 999}

nav .menu2 li div.mulu2 a {

	height: 40px;

	line-height: 40px;

	border-bottom: 1px solid #e8e8e8;

	text-align: left;

	padding: 0 20px}

/*导航菜单样式改变 end*/



.contact .content1 ul li {

	float: none;

	width: 100%;

	margin-right: 0;

	margin-bottom: 20px}

.contact .content1 ul li a .wz {

	width: 75%}

.contact .content1 ul li a .wz p {

	float: left;

	width: 100%;

	line-height: 26px;

	padding-right: 10px}

.contact .content1 ul li a .wz span {

	float: left;

	width: 100%;

	line-height: 26px}

.contact .content1 ul li.lx3 a .wz span {

	float: left;

	line-height: 30px}

.lx_dz {

	margin: 20px auto 20px}

.lx_dz .dz_map {

	height: 270px}

.ny_banner .search {

	width: auto;

	top: auto;

	bottom: 30%;

	left: auto;

	right: 50%;

	margin-right: -190px}

}



/*手机*/

@media (max-width:767px) {

.top {

	height: 80px}

.top .logo {

	width: 80%;

	height: 80px;

	overflow: hidden;

	line-height: 80px}

.top .logo a img {

	max-width: 100%;

	max-height: 100%}

.flickerplate {

	height: 240px}

.h_product {

	padding-top: 10px}

.index-products .h_product_hd .tlt {

	float: none;

	width: 100%}

.index-products .h_product_hd .tlt p {

	font-size: 20px}

.index-products .h_product_hd .search {

	float: none;

	width: 100%;

	margin-top: 20px}

.index-products .h_product_hd .search .tj {

	width: 20%}

.index-products .h_product_hd .search .sr {

	width: 76%;

	padding: 0 1%}

.index-products ul.h_product_bd li>a .pro_img {

	height: 150px}

.index-products ul.h_product_bd li p {

	font-size: 16px;

	height: 30px;

	line-height: 30px}

.index-products ul.h_product_bd li p span {

	height: 30px;

	line-height: 30px}

.index-products ul.h_product_bd li p em {

	font-size: 14px;

	height: 15px;

	line-height: 15px}

.index-products ul.h_product_bd li:hover p {

	height: 60px}

.index-news {

	padding: 20px 0}

.h_article {

	padding: 20px 0}

.h_article ul {

	padding: 20px 0 10px}

.h_article ul li {

	width: 100%;

	margin-right: 0}

.h_about {

	padding: 20px 0}

.h_about_wrap {

	padding-bottom: 20px}

.index-news .news_bd .news_tj .news_tj_img a {

	height: 150px}

.index-news .news_bd ul li {

	padding: 15px;

	margin-bottom: 15px}

.index-news .news_bd ul li .news_time {

	left: 15px;

	top: 6px;

	height:70px;

	max-height:70px}

.youshi {

	padding: 20px 0 20px}

.youshi ul {

	padding-top: 15px}

.youshi ul {

	width: 100%}

.youshi ul li {

	margin-bottom: 15px;

	margin-right: 5%}

.youshi ul li p {

	width: 70px;

	height: 70px}

.youshi ul li p img {

	max-width: 70%}

.youshi .youshi_btn1 {

	display: inline-block;

	width: 48%;

	height: 40px;

	font-size: 16px;

	line-height: 40px;

	border-radius: 4px;

	text-indent: 0;

	background: rgba(255,255,255,.5)}

.youshi .youshi_btn2 {

	display: inline-block;

	width: 48%;

	height: 40px;

	font-size: 16px;

	line-height: 40px;

	border-radius: 4px;

	text-indent: 0;

	color: #dcdcdc;

	margin-left: 2%;

	background: none}

.youshi .youshi_btn1:hover {

	background: #d92940;

	color: #fff}

.youshi .youshi_btn2:hover {

	background: #333;

	color: #fff}

.foot .foot_l {

	float: none;

	width: 100%;

	text-align: center}

.f_logo {

	display: inline-block}

.foot .foot_l span {

	display: none}

.foot .foot_l .foot_nav a {

	width: 24%;

	display: inline-block;

	text-align: center;

	background: #3b3b3b;

	margin-bottom: 5px;

	margin-right: 1%}

.foot .foot_l .banquan {

	padding-top: 5px;

	line-height: 20px}

.foot .foot_r {

	border-top: 1px dashed #555555;

	padding-top: 20px;

	margin-top: 20px}

.foot .foot_r {

	float: none;

	width: 70%;

	padding-right: 30%}

.foot .foot_r p {

	text-align: left}

.foot .foot_r .f_code {

	top: 20px}

.ny_content .content_left {

	float: none;

	width: 95%;

	margin: 0 auto}

.ny_content .content_right {

	float: none;

	width: 95%;

	margin: 0 auto}

.ny_banner .search {

	width: 95%;

	right: auto;

	margin-right: 0}

.ny_banner .search .sr {

	width: 68%}

.ny_banner .search .tj {

	width: 20%}

.ny_content .content_right .bread_nav {

	overflow: visible;

	height: auto;

	line-height: 24px}

.ny_content .content_right .bread_nav h2 {

	float: none;

	width: 100%}

.ny_content .content_right .bread_nav div {

	float: none;

	width: 100%;

	text-align: left;

	line-height: 15px;

	padding-top: 5px}

.ny_content .content_left .c_tlt {

	height: 38px;

	line-height: 38px}

.news_txt {

	padding: 20px 0 20px 23%}

.news_date {

	width: 20%;

	padding: 20px 3% 0 0}

.news_txt span::before {

	display: none}

.news_txt span {

	margin-bottom: 10px}

.news_txt i {

	height: 50px;

	overflow: hidden;

	display: block}

.news_box {

	height: auto;

	overflow: hidden}

.arrow_left {

	top: auto;

	bottom: 20px}

.page_list a {

	margin-right: 5px}

.ny_content .content_right2 {

	padding-bottom: 0}

.news_box:hover .news_txt {

	padding: 20px 0 20px 23%}

.news_box:hover .news_date {

	padding: 20px 3% 0 0}

.xgcp li {

	width: 100%;

	margin-right: 0}

.ly_msg ul li h4 {

	display: none}

.cpzx .ly_msg ul li div {

	width: 100% !important}

.cpzx .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara {

	width: 100% !important}

.cpzx .ly_msg ul li .msg_ipt12 {

	width: 100% !important}

.ly_msg ul li div.msg_ipt2 {

	width: 30% !important}

.ly_msg ul li span {

	display: none}

.ly_msg {

	margin: 0 auto 0 !important}

.cpzx .msg_btn input {

	width: 49%;

	margin-right: 0}

.cpzx .msg_btn input:first-child {

	margin-right: 2%}

.conn ul.h_product_bd li, .ny_content .content_right_pro .conn ul.h_product_bd li {

	width: 100%;

	margin-right:0;

	/*margin-right: 2%;*/

}

/*.conn ul.h_product_bd li:last-child{height:0;overflow:hidden}*/

.conn ul.h_product_bd li:nth-child(2n) {

	margin-right: 0 !important}

.conn ul.h_product_bd li:nth-child(3n) {

	margin-right: 2%}

.conn ul.h_product_bd li .pro_img a {

	height: 180px}

.xgcp li {

	width: 49% !important;

	margin-right: 2% !important}

.xgcp li:nth-child(2n) {

	margin-right: 0 !important}

.xgcp li:nth-child(3n) {

	margin-right: 2%}

.xgcp li .pro_img a {

	height: 180px}

.proshow1 .prodesc {

	float: none;

	width: 100%;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	padding-top: 15px}

.proshow1 .prodesc p.desc {

	height: 74px}

.proshow1 .pro_btn {

	padding-top: 15px}

.proshow1 .pro_btn1 {

	height: 44px;

	line-height: 44px}

.proshow1 .pro_btn2 {

	height: 44px;

	line-height: 44px}

.tags_title {

	margin: 20px 0 30px}

.proshow2 .prodetail_con {

	width: 100%}

.proshow2 {

	padding-top: 0}

.proshow2 .prodetail_con .content {

	padding: 10px 0}

/*荣誉资质*/

.page_case {

	text-align: center;

	margin-top: 20px;

	margin-bottom: 30px}



/*.zcon {

	width: 1200px;

	margin: 0 auto}

*/









.coreteamD-con img, .honoraryE-con1 img, .coreteamD-con img, .developmentC img, .video-box img{ max-width:100%}



.introduce, .video_frame{ width:100%}

.video_frame{ margin-left:0;text-align: center}

.introduce .js_about_left, .video_frame .about_video{ width:90%; margin:0 auto}

.about_h3{ text-align:center; margin:20px 0}

.slideBox ul li .pic{ max-width:100%}





/*news*/

.blog-article figure {

	margin-top: 0;

	margin-left: 0;

	margin-right: 0;

	width: 100%;

	margin-bottom: 25px}

.blog-article .entry-header {

	clear: both}

h2.post-title {

	font-size: 17px;

	margin-bottom: 14px}

.blog-article .post-meta {

	margin: 0 0px 15px 0;

	width: 100%;

	border-right: none}

.blog-article .post-meta ul li:before {

	padding-right: 10px}

.blog-article .post-meta ul li {

	float: left;

	padding: 0;

	margin: 0 12px 0 0px}

.blog-article .entry-content {

	clear: both}

.blog-article .post-summary p {

	margin-bottom: 0}







.index-solution-bgimg{ width:100%; margin-bottom:20px}



.index-solution-list{ width:100%}

.index-solution-list-item{ margin:0; margin-bottom:20px}

.index-solution-list-item-img{ float:none; margin:0 auto}

.index-solution-list-item-text{ width:100%; margin:0; margin-bottom:10px}

.index-solution-list-item-title{ width:100%; margin:0; text-align:center; margin-bottom:20px}

.index-solution-list-item-desc{ width:98%; margin:0 auto; line-height:20px}



.index-solution-content ul li {

	width: 90%;

	margin:20px auto;

	float:none}

.index-solution-content ul li:nth-child(4n) {

    margin-right: auto}

.index-solution-item-desc {

	width:98%;

	margin:0 auto}



.swiper-container03 .swiper-slide{

	width:100%}