@charset "utf-8";

/* 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;

}

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 {

	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) {

	background-image: url(../images/banner1.jpg);

}

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

	background-image: url(../images/banner2.jpg);

}

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

	background-image: url(../images/banner3.jpg);	

}

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

	background-image: url(../images/banner4.jpg);	

}

.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/case_left.png) center center no-repeat; }

.slideBox .sNext{ left:auto; right:5px; background:url(../images/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/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/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 {

	background-image: url("../images/arrow-left-dark.png")

}

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

	background-image: url("../images/arrow-right-dark.png")

}

.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/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/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/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/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/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/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/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/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/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/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/czf_hover.png);

}

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

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

}

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

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

}

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

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

}

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

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

}

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

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

}

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

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

}

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

	background-image: url(../images/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/index_icon2601.png) no-repeat; background-size:cover;}

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

.index-solution-list-item-img03{ background-image: url(../images/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/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/more-border.png) no-repeat center;

}

.index-products-more a span {

	display: block;

	width: 12px;

	height: 12px;

	background: url(../images/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/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/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/service-icon01.png');

}

.index-service-img02 {

	background-image: url('../images/service-icon02.png');

}

.index-service-img03 {

	background-image: url('../images/service-icon03.png');

}

.index-service-img04 {

	background-image: url('../images/service-icon04.png');

}

.index-service-img05 {

	background-image: url('../images/service-icon05.png');

}

.index-service-img06 {

	background-image: url('../images/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/service-icon-on01.png');

}

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

	background-image: url('../images/service-icon-on02.png');

}

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

	background-image: url('../images/service-icon-on03.png');

}

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

	background-image: url('../images/service-icon-on04.png');

}

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

	background-image: url('../images/service-icon-on05.png');

}

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

	background-image: url('../images/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/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/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/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/footer-icon.png);

	background-position: 0 0;

}

.footer-banner span.foot_icon_email {

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

	background-position: 0-38px;

}

.footer-banner span.foot_icon_tel {

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

	background-position: 0-21px;

}

.footer-banner span.foot_icon_add {

	background-image: url(../images/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/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;

}

.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/article_icon2.png) center center no-repeat;

}

.h_more {

	display: block;

	width: 160px;

	height: 35px;

	border: 1px solid #eeeeee;

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

	margin: 0 auto;

}

.h_more:hover {

	background: #eeeeee url(../images/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/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/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/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/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/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/order_icon.png) 40px center no-repeat;

	color: #fff;

}

.youshi .youshi_btn2:hover {

	background: #333 url(../images/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/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/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/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/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/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/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/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/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/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/cs1.png) no-repeat 10px center;

}

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

	background: #f1f1f1 url(../images/cs2.png) no-repeat 10px center;

}

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

	background: #f1f1f1 url(../images/cs3.png) no-repeat 10px center;

}

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

	background: #f1f1f1 url(../images/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;*/

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

	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/btn.png) left top no-repeat;

}

.smallImg .btnRight {

	width: 30px;

	height: 82px;

	position: absolute;

	right: 0;

	top: 1px;

	background: url(../images/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;

}

.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/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/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/icon.png) no-repeat 9px 14px;

}

.news_box:hover .arrow_left {

	border: 1px solid #d92940;

	background: url(../images/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/contact_tel.png) center center no-repeat;

}

.contact .content1 ul li.lx2 em {

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

}

.contact .content1 ul li.lx3 em {

	background: url(../images/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/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/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/side_icon.png);

	background-repeat: no-repeat;

}

.suspension .a-service .i {

	display: inline-block;

	width: 20px;

	height: 20px;

	background-image: url(../images/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/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/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/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/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 {

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

	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 {

	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/banner_sj1.jpg) !important;

}

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

	background-image: url(../images/banner_sj2.jpg) !important;

}

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

	background-image: url(../images/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%;

}