@charset "utf-8";

html {
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden
}

blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul {
	margin: 0;
	padding: 0
}

header,hgroup,nav,menu,main,section,article,summary,details,aside,figure,figcaption,footer {
	display: block;
	margin: 0;
	padding: 0
}

table {  
  width: 100%;  
  border-collapse: collapse;  
} 
tr:nth-of-type(odd) {  
  background: #eee;  
} 
th {  
  background: #333;  
  color: white;  
  font-weight: bold;  
} 
td, th {  
  padding: 6px;  
  border: 1px solid #ccc;  
  text-align: left;  
} 
fieldset,img {
	border: 0
}

address,caption,cite,code,dfn,em,i,th,var {
	font-style: normal;
	font-weight: 400
}

dl,ol,ul {
	list-style-type: none
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: 400
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	outline: 0;
	outline: 0;
	blr: expression(this.onFocus=this.blur())
}

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}

textarea {
	resize: none
}

img {
	vertical-align: middle
}

select,textarea,button,input[type=submit],input[type=button],input[type=reset],input[type=password],input[type=search],input[type=text],input[type=button] {
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-tap-highlight-color: transparent;
	outline: 0;
	outline: 0;
	blr: expression(this.onFocus=this.blur())
}

select {
	outline: 0
}

textarea {
	font-family: Arial
}

body {
	font-size: 14px;
	color: #333;
	line-height: 1.3;
	background: #fff;
	font: 14px/1.3 "Arial","Microsoft YaHei"
}

a,li,div {
	-webkit-tap-highlight-color: transparent
}

input,img,div,a,li {
	outline: 0
}

a {
	color: #333
}

.fl {
	float: left
}

.fr {
	float: right
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0
}

#web-ietip {
	width: 526px;
	height: 90px;
	padding: 83px 0 0 84px;
	overflow: hidden;
	background: url(../css/ietip/browser.png) no-repeat center center;
	margin: 200px auto 0
}

#web-ietip a {
	display: block;
	width: 65px;
	height: 80px;
	float: left
}

a,.more i,.float_right .box,.i_part .text,h2,li:before,li,a:before,.p8_lb,.dis_list li .img,.news_list .n_more,.news_list .n_more i,.pro_list .p_more,.pro_list .p_more i,.close,.sol_main .text,.more {
	transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
	-o-transition: all 300ms
}

.w {
	width: 100%
}

.pr {
	position: relative
}

.pa {
	position: absolute
}

.tl {
	text-align: left
}

.tc {
	text-align: center
}

.tr {
	text-align: right
}

.vt {
	vertical-align: top
}

.vm {
	vertical-align: middle
}

.none {
	display: none
}

.cp {
	cursor: pointer
}

.db {
	display: block
}

.d_ib {
	display: inline-block;
	_zoom: 1;
	*display: inline
}

.baseWidth {
	width: 1200px;
	margin: 0 auto
}

.tover {
	display: block;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.clear {
	clear: both
}

.zoom {
	position: relative;
	display: block;
	overflow: hidden
}

.zoom img,.zoom span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.zoom:hover img,.zoom:hover span,li:hover .zoom span {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05)
}

.over {
	overflow: hidden
}

.bg_f5f5f5 {
	background: #f5f5f5
}

.bg_f4f4f4 {
	background: #f4f4f4
}

.header {
	height: auto /*140px*/
}

.htop {
	height: 46px;
	line-height: 46px;
	background: #f7f7f7;
	font-size: 0
}

.hphone {
	padding-left: 24px;
	background: url(../images/icon1.png) left center no-repeat;
	color: rgba(0,0,0,.8)
}

.hphone font,.htop .hphone em {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle
}

.hphone em {
	font-size: 18px;
	color: #b80101
}

.hlink {
	font-size: 14px;
	color: rgba(0,0,0,.8)
}

.hlink .hmap {
	margin-right: 10px;
	padding: 0 18px;
	border-right: 1px solid #aaa
}

.hlink .hmap:hover {
	color: #c60000
}

.hlink .hicon {
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat
}

.hlink .wechat {
	background-image: url(../images/icon2.png)
}

.hlink .wechat:hover {
	background-image: url(../images/icon2on.png)
}

.hlink .weibo {
	background-image: url(../images/icon3.png)
}

.hlink .weibo:hover {
	background-image: url(../images/icon3on.png)
}

.hbot {
	clear: both;
	height: 94px;
	line-height: 94px;
	
	
}

.hbot.small {
	box-shadow: 0 2px 10px rgba(0,0,0,.1);
	position: fixed;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 999;
	height: 74px;
	line-height: 74px
}

.hbot.small .logo {
	max-height: 40px
}

.hbot.small .nav li {
	height: 74px
}

.hbot.small .nav li>a {
	height: 74px;
	line-height: 71px
}

.hbot.small .s_nav {
	top: 74px
}

.h_box {
	margin-right: -26px
}

.nav {
	position: relative
}

.nav li {
	margin-right: 18px;
	position: relative;
	float: left;
	height: 94px;
	display: block;
	font-size: 16px;
	box-sizing: border-box
}

.nav li>a {
	padding: 0 26px;
	color: #383838;
	display: block;
	height: 94px;
	line-height: 91px;
	box-sizing: border-box;
	border-bottom: 3px solid transparent
}

.nav li.on>a,.nav li:hover>a {
	color: #c60000;
	border-color: #c60000
}

.nav li:last-child {
	margin-right: 0
}

.s_nav {
	display: none;
	border-top: 1px solid transparent;
	white-space: nowrap;
	min-width: 494px;
	font-size: 0;
	box-sizing: border-box;
	padding: 50px;
	position: absolute;
	left: 50%;
	top: 94px;
	width: auto;
	line-height: 40px;
	z-index: 999;
	background: #f8f8f8;
	box-shadow: 3px 3px 0 rgba(0,0,0,.15)
}

.nav_pic {
	width: 266px;
	height: 186px;
	display: inline-block;
	vertical-align: top;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat
}

.nav li dl {
	position: relative;
	width: 170px;
	white-space: normal;
	padding-right: 20px;
	display: inline-block;
	vertical-align: top
}

.nav li dl dd {
	width: 100%;
	display: inline-block;
	vertical-align: top
}

.nav li dd>a {
	padding-left: 14px;
	position: relative;
	font-size: 16px;
	color: #000;
	padding: 0 10px;
	min-width: 118px;
	display: block;
	white-space: nowrap;
	font-weight:bold
}

.nav li dd>a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 18px;
	width: 3px;
	height: 3px;
	background: #737373
}

.nav li dd>a:hover {
	color: #c60000
}

.nav li dd>a:hover:before {
	background: #c60000
}

.nav_right {
	display: none;
	vertical-align: top
}

.nav_txt {
	height: 52px;
	overflow: hidden;
	margin-top: 20px;
	width: 454px;
	white-space: normal;
	font-size: 16px;
	color: rgba(0,0,0,.8);
	line-height: 26px
}

.t_nav {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	width: 280px;
	padding: 0 30px;
	box-sizing: border-box;
	white-space: normal
}

.t_nav.over_y {
	max-height: 264px;
	overflow-y: auto
}

.t_nav a {
	display: block;
	color: #151923;
	font-size: 16px;
	padding: 7px 0
}

.t_nav a:hover {
	color: #c60000
}

.t_nav a:before {
	display: none
}

.t_nav .t_nav_de {
	line-height: 30px
}

.nav li.goright {
	position: static
}

.nav li.goright .s_nav {
	left: auto;
	right: 0;
	margin-left: 0!important
}

.nav li:nth-child(3) .nav_right {
	margin-left: 250px;
	position: absolute;
	right: -470px;
	top: 0
}

.nav li:nth-child(3) .s_nav {

	padding: 25px 35px 35px;
	line-height: 50px
}

.nav li:nth-child(3) .s_nav .nav_pic {
	width: 444px
}

.nav li:nth-child(3) dl {
	border-right: 1px solid #e5e5e5
}

.nav li:nth-child(3) dl dd.on>a {
	color: #c60000
}

.nav li:nth-child(3) dl dd.on a:before {
	background: #c60000
}

.nav li:nth-child(3) dl dd:first-child .t_nav {
	display: block
}

.nav li:nth-child(3) dl dd .t_nav .t_nav_de.on .nav_right {
	display: block!important
}

.nav li:nth-child(3) dl dd .t_nav .t_nav_de.on>a {
	color: #c60000
}

.nav li:nth-child(3) dl a:before {
	top: 24px
}

.dd_right {
	position: absolute;
	left: 486px;
	top: 7px;
	height: 100%
}

.nav-skip {
	display: none;
	box-sizing: border-box;
	width: 2.4rem;
	height: 2.4rem;
	padding: .5em 0 .4em;
	text-indent: 2.1875em;
	font-size: 1.3rem;
	line-height: 1.9em;
	text-align: center
}

.nav-skip span {
	position: relative;
	top: .4em;
	margin: 0 auto;
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.nav-skip span:before,.nav-skip span:after {
	position: absolute;
	content: ''
}

.nav-skip span,.nav-skip span:before,.nav-skip span:after {
	width: 1.3em;
	height: 2px;
	background-color: #c60000;
	display: block;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-delay: .2s,0;
	transition-delay: .2s,0
}

.nav-skip span:before {
	top: -.4em
}

.nav-skip span:after {
	top: .4em
}

.nav-skip.toggled span {
	background-color: transparent;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

.nav-skip.toggled span:before,.nav-skip.toggled span:after {
	top: 0;
	-webkit-transition-delay: 0,.2s;
	transition-delay: 0,.2s
}

.nav-skip.toggled span:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.nav-skip.toggled span:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.search_box {
	margin-right: 60px;
	position: relative;
	box-sizing: border-box;
	background: #fff;
	margin-top: 7px;
	float: right;
	width: 200px;
	height: 32px;
	overflow: hidden;
	border-radius: 16px;
	border: 1px solid #dcdcdc
}

.search_box:before {
	position: absolute;
	left: 160px;
	content: '';
	float: left;
	width: 1px;
	height: 14px;
	top: 8px;
	background: #e5e5e5
}

.search_input {
	position: relative;
	width: 160px;
	height: 30px;
	line-height: 30px;
	border: 0;
	float: left;
	padding: 0 10px;
	box-sizing: border-box
}

.search_sub {
	cursor: pointer;
	width: 38px;
	height: 30px;
	background-color: #fff;
	background-image: url(../images/icon80.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 13px;
	border: 0;
	float: right
}

.search_sub:hover {
	background-image: url(../images/icon80on.png)
}

.wechat_wrap {
	position: relative
}

.wechat_box {
	border-radius: 5px;
	line-height: 20px;
	font-size: 13px;
	display: none;
	position: absolute;
	text-align: center;
	left: 50%;
	margin-left: -70px;
	top: 40px;
	width: 140px;
	padding: 10px 0;
	background: #fff;
	z-index: 10000;
	box-shadow: 0 0 10px rgba(0,0,0,.3)
}

.wechat_box img {
	max-width: 100%
}

.wechat_box p {
	color: #333;
	margin-top: 5px
}

.wechat_wrap:hover .wechat_box {
	display: block
}

.ftop .wechat_box {
	top: auto;
	bottom: 60px;
	left: 0;
	margin: 0
}

.float_right .wechat_box {
	left: auto;
	margin: 0;
	top: auto;
	bottom: 0;
	right: 60px
}

.qq_wrap {
	position: relative
}

.qq_box {
	display: none;
	width: 235px;
	position: absolute;
	bottom: -40px;
	right: 50px
}

.qq_main {
	width: 202px;
	min-height: 156px;
	padding: 1px;
	box-sizing: border-box;
	border: 1px solid #c60000;
	border-radius: 4px
}

.qq_content {
	text-align: center;
	width: 198px;
	min-height: 152px;
	box-sizing: border-box;
	background: #ca0000;
	border-radius: 4px;
	padding-bottom: 7px
}

.qq_top {
	padding: 12px 0 7px;
	width: 100%
}

.qq_top span {
	display: inline-block;
	line-height: 28px;
	font-size: 16px;
	color: #fff;
	background: url(../images/icon82.png) left center no-repeat;
	padding-left: 26px
}

.qq_bot {
	text-align: left;
	padding: 11px 7px;
	box-sizing: border-box;
	float: left;
	width: 184px;
	min-height: 97px;
	border-radius: 0 0 4px 4px;
	background: #fff;
	margin: 0 7px
}

.qq_bot li {
	height: 31px;
	line-height: 31px;
	margin-bottom: 7px
}

.qq_bot li img {
	margin-right: 10px
}

.qq_bot li font {
	display: inline-block;
	vertical-align: middle
}

.qq_bot li:hover a {
	color: #c60000
}

.qq_wrap:hover .qq_box {
	display: block
}

.phone_wrap {
	position: relative
}

.phone_box {
	display: none;
	width: 242px;
	position: absolute;
	right: 50px;
	top: -14px
}

.phone_top {
	text-align: center;
	width: 226px;
	height: 72px;
	border-radius: 4px 4px 0 0;
	background: #c60000;
	color: #fff
}

.phone_top .text {
	margin-top: 13px;
	display: inline-block;
	text-align: left;
	padding-left: 35px;
	background: url(../images/icon84.png) left center no-repeat
}

.phone_top .text h3 {
	font-size: 24px;
	font-weight: 700
}

.phone_bot {
	padding: 6px 18px;
	border: 1px solid #e3e3e3;
	width: 226px;
	height: 90px;
	box-sizing: border-box;
	background: #fff;
	font-size: 13px;
	color: #686868;
	line-height: 24px
}

.phone_wrap:hover .phone_box {
	display: block
}

.footer {
	background: #323131
}

.ftop {
	padding: 74px 0 22px
}

.fnav {
	width: 71.4%;
	line-height: 32px
}

.fnav li {
	width: 20%;
	padding-right: 10px;
	box-sizing: border-box;
	float: left
}

.fnav li>a {
	position: relative;
	font-size: 16px;
	color: #fff;
	display: block
}

.fnav li>a:after {
	content: '';
	display: block;
	width: 18px;
	height: 1px;
	background: rgba(230,230,230,.4);
	margin: 10px 0 15px
}

.fnav dd a {
	display: block;
	color: rgba(255,255,255,.87)
}

.fcon {
	padding-top: 26px;
	width: 28.6%;
	color: rgba(255,255,255,.8)
}

.fcon .box {
	padding-left: 60px
}

.fcon h2 {
	line-height: 30px;
	font-size: 22px;
	color: rgba(255,255,255,.9)
}

.fcon .box:first-child {
	margin-bottom: 36px
}

.fcon .box:first-child h2 {
	font-weight: 700;
	font-size: 24px
}

.fcon .box.phone {
	background: url(../images/icon17.png) left center no-repeat
}

.fcon .box.wechat {
	background: url(../images/icon18.png) left center no-repeat
}

.fbot {
	color: rgba(255,255,255,.8);
	font-size: 12px;
	line-height: 28px;
	border-top: 1px solid rgba(255,255,255,.1)
}

.fbot .baseWidth {
	padding: 14px 0
}

.fbot .flinks {
	float: right;
	width: calc(100% - 70px)
}

.fbot a {
	color: rgba(255,255,255,.8);
	margin-right: 20px
}

.footer a:hover {
	color: #c60000
}

.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	z-index: 0;
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 100%
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
}

.slick-track:before,.slick-track:after {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	outline: 0;
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block;
	width: 100%
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-dots {
	height: 10px;
	width: 100%;
	text-align: center;
	line-height: 1;
	position: absolute;
	bottom: 0;
	list-style: none
}

.slick-dots li {
	border-radius: 50%;
	display: inline-block!important;
	vertical-align: top;
	cursor: pointer;
	width: 10px;
	overflow: hidden;
	height: 10px;
	background: #f1f2f0;
	box-sizing: border-box;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 0 5px
}

.slick-dots li button {
	background: 0 0;
	border: 0;
	outline: 0;
	font-size: 0
}

.slick-dots li.slick-active {
	overflow: hidden;
	background: #c60000
}

.slick-arrow {
	background-color: transparent;
	outline: 0;
	border: 0;
	width: 33px;
	height: 33px;
	top: 50%;
	margin-top: -16.5px;
	text-indent: 100px;
	overflow: hidden;
	-webkit-transition: all .5s;
	transition: all .5s;
	cursor: pointer;
	position: absolute;
	z-index: 10
}

.banner {
	display: block;
	position: relative
}

.banner-text {
	clear: both;
	height: 780px;
	overflow: hidden;
	position: relative
}

.banner-wrap {
	
}

.banner-wrap .banner-bg {
	background-size: cover;
	background-position: center center;
	
	display: block;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.banner .slick-dots {
	bottom: 82px
}

.banner-text.baseWidth {
	position: absolute;
	top: 95px;
	left: calc((100% - 1200px)/2);
	z-index: 2;
	width: 405px
}

.banner-txt {
	width: 405px;
	height: 466px;
	background: rgba(255,255,255,.8);
	padding: 48px 34px 54px;
	box-sizing: border-box;
	position: relative;
	z-index: 1
}

.banner-txt h2 {
	margin-bottom: 4px;
	font-size: 44px;
	color: #9d2222;
	font-weight: 700
}

.banner-txt h3 {
	max-height: 64px;
	overflow: hidden;
	margin-bottom: 38px;
	line-height: 32px;
	font-size: 24px;
	color: #4c4c4c;
	font-weight: 700
}

.banner-txt .text_p {
	max-height: 104px;
	overflow: hidden;
	font-size: 16px;
	color: #282828;
	line-height: 26px
}

.banner-txt .more {
	position: absolute;
	left: 34px;
	bottom: 54px;
	width: 126px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	background: #b80101;
	color: #fff
}

.more i {
	width: 14px;
	height: 46px;
	background: url(../images/icon9.png) center no-repeat;
	display: inline-block;
	vertical-align: top;
	margin-left: 4px
}

.more:hover i {
	margin-left: 8px
}

.i_path {
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #fff;
	height: 66px;
	line-height: 66px;
	border-top: 1px solid rgba(255,255,255,.2)
}

.i_path .baseWidth {
	background: url(../images/icon4.png) left center no-repeat;
	padding-left: 54px;
	box-sizing: border-box
}

.i_path ul {
	font-size: 16px;
	box-sizing: border-box;
	height: 66px;
	line-height: 66px
}

.i_path a {
	color: #fff
}

.i_path li em {
	float: left;
	width: calc(100% - 90px);
	display: inline-block;
	display: block;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.i_path li:hover em {
	text-decoration: underline
}

.i_service {
	padding: 160px 0 215px
}

.i_title {
	text-align: center
}
.i_part .i_title{
	margin:80px 0;
}
.i_title h2 {
	text-transform: uppercase;
	line-height: 50px;
	font-weight: 700;
	font-size: 48px;
	letter-spacing: 6px;
	color: #000
}
.i_titles {
	text-align: left;
	margin:20px 0;
}


.i_titles h2 {
	text-transform: uppercase;
	
	font-weight: 700;
	font-size: 35px;
	
	color:#333
}

.i_titles h3 {
	
	font-size: 24px;
	color: #333;
	letter-spacing: 0px;
	margin-top:20px;
}



.i_service .i_title {
	margin-bottom: 108px
}

.i_ser_slick {
	text-align: center
}

.i_ser_slick .img {
	margin: 0 auto 30px;
	width: 194px;
	height: 194px;
	line-height: 194px;
	text-align: center;
	border-radius: 50%;
	background: #f5f5f5;
	border: 4px solid #f5f5f5;
	box-sizing: border-box;
	font-size: 0
}

.i_ser_slick .img img {
	display: inline-block;
	width: auto;
	height: auto;
	max-width: 80%;
	max-height: 80%
}

.i_ser_slick p {
	margin-bottom: 50px;
	font-size: 24px;
	color: #000
}

.i_ser_slick .more {
	display: block;
	margin: 0 auto;
	border-radius: 20px;
	width: 120px;
	height: 38px;
	line-height: 38px;
	color: #2c2c2c;
	border: 1px solid #666
}

.i_ser_slick .more i {
	width: 6px;
	height: 40px;
	display: inline-block;
	vertical-align: top;
	background: url(../images/icon22.png) center no-repeat;
	margin-left: 6px
}

.i_ser_slick .more:hover {
	background: #c60000;
	border-color: #c60000;
	color: #fff
}

.i_ser_slick .more:hover i {
	background: url(../images/icon22on.png) center no-repeat
}

.i_ser_slick .slick-slide:hover img {
	animation: swing 1s 0s linear normal;
	-webkit-animation: swing 1s 0s linear normal
}

.i_part .wrap {
	width: 50%;
	height: 0;
	padding-bottom: 48%;
	float: left;
	margin-top:50px;
}

.i_part .box {
	background: #000;
	position: relative
}

.i_part .box a {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block
}

.i_part .box .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.i_part .box .text {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 1
}

.i_part .text h2 {
	font-size: 24px;
	color: #000
}

.i_part .text .text_p {
	margin-top: 26px;
	font-size: 16px;
	color: rgba(0,0,0,.7);
	line-height: 28px
}

.i_part .left_w .box {
	width: 100%;
	height: 0;
	padding-bottom: 48%
}

.i_part .left_w .box:first-child {
	background: #f7f7f7
}

.i_part .left_w .box:first-child:hover h2 {
	color: #b80101
}

.i_part .left_w .text {
	height: 142px;
	width: 485px;
	max-width: 78%
}

.i_part .left_w .text .text_p {
	height: 84px;
	overflow: hidden
}

.i_part .right_w .box {
	overflow: hidden;
	width: 50%;
	height: 0;
	padding-bottom: 48%;
	float: left
}

.i_part .right_w .box .img {
	opacity: .8
}

.i_part .right_w .box:hover {
	background: #b80101
}

.i_part .right_w .box:hover .img {
	opacity: .12
}

.i_part .right_w .text {
	width: 78%;
	height: 32px;
	text-align: center
}

.i_part .right_w .text h2 {
	color: #fff
}

.i_part .right_w .text .text_p {
	height: 96px;
	margin-top: 22px;
	color: #fff;
	line-height: 24px;
	overflow: hidden
}

.i_part .right_w .box:hover .text {
	height: 150px;
	text-align: left
}

.i_part .right_w .box:hover .text .text_p {
	display: block;
	height: 96px;
	overflow: hidden
}

.i_customer {
	padding: 80px 0 80px
}

.i_customer .i_title {
	margin-bottom: 60px
}

.i_customer .img {
	float:none;
	width: 100%;
	margin-right:3%;
	border-radius: 50%
}

.i_customer .img img {
	max-width: 100%;
	max-height: 100%;
	
}

.i_customer .text {
	margin-top: 15px;
	
	width:100%;
		
}

.i_customer .text h2 {
	margin-bottom: 5px;
	font-size: 28px;
	color: rgba(0,0,0,.8)
}

.i_customer .text span {
	margin-bottom: 26px;
	display: block;
	font-size: 16px;
	line-height: 22px;
	color: #585858
}

.i_customer .text p {
	height: 140px;
	overflow: hidden;
	font-size: 16px;
	color: rgba(0,0,0,.7);
	line-height: 28px
}

.i_customer .text .more {
	display: block;
	margin-top: 22px;
	width: 116px;
	height: 42px;
	line-height: 42px;
	background: #c60000;
	color: #fff;
	text-align: center
}

.i_customer .text .more i {
	height: 42px
}

.i_customer .text h2:hover {
	color: #b80101
}

.i_cus_slick .slick-prev {
	left: -120px;
	width: 86px;
	height: 86px;
	margin-top: -43px;
	background: url(../images/icon10.png) center no-repeat;
	background-size: contain
}

.i_cus_slick .slick-prev:hover {
	background: url(../images/icon10on.png) center no-repeat;
	background-size: contain
}

.i_cus_slick .slick-next {
	right: -120px;
	width: 86px;
	height: 86px;
	margin-top: -43px;
	background: url(../images/icon11.png) center no-repeat;
	background-size: contain
}

.i_cus_slick .slick-next:hover {
	background: url(../images/icon11on.png) center no-repeat;
	background-size: contain
}

.i_cus_slick .slick-dots {
	width: 20%;
	left: 4.75%
}

.i_cus_slick .slick-dots li {
	margin-bottom: 10px;
	background: #fff;
	cursor: pointer;
	width: 32px;
	height: 32px;
	line-height: 30px;
	border: 1px solid #d3d3d3
}

.i_cus_slick .slick-dots button {
	cursor: pointer;
	font-size: 14px;
	color: rgba(0,0,0,.6)
}

.i_cus_slick .slick-dots li.slick-active {
	background: #c60000;
	border-color: #c60000
}

.i_cus_slick .slick-dots li.slick-active button {
	color: #fff
}

.i_news {
	padding: 110px 0 100px;
	background-color: #f7f7f7;
	background-repeat: no-repeat;
	background-position: top center
}

.i_news .i_ntop h2 {
	margin-bottom: 2px;
	font-size: 36px;
	color: rgba(0,0,0,.9)
}

.i_news .i_ntop p {
	font-size: 16px;
	color: rgba(0,0,0,.8);
	line-height: 24px;
	height: 48px;
	overflow: hidden
}

.i_nleft {
	background: #fff;
	width: calc(100% - 340px);
	height: 535px;
	padding: 42px 20px 0 38px;
	box-sizing: border-box
}

.i_nright {
	background: #c60000;
	width: 340px;
	height: 535px;
	padding: 42px 25px;
	box-sizing: border-box
}

.i_nright .i_ntop h2 {
	color: #fff
}

.i_nright .i_ntop p {
	color: #fff
}

.i_nl_main {
	width: 56%;
	margin-top: 22px
}

.i_nl_main .img {
	height: 146px;
	margin-bottom: 26px
}

.i_nl_main .text h2 {
	font-size: 16px;
	color: #000;
	margin-bottom: 14px
}

.i_nl_main .text h2:hover {
	color: #c60000
}

.i_nl_main .text p {
	font-size: 14px;
	color: rgba(0,0,0,.6);
	line-height: 25px;
	height: 70px;
	overflow: hidden
}

.i_nl_main .text .more {
	display: block;
	margin-top: 42px;
	width: 116px;
	height: 42px;
	line-height: 42px;
	background: #c60000;
	color: #fff;
	text-align: center
}

.i_nl_main .text .more i {
	height: 42px
}

.i_nl_list {
	width: 36%;
	margin-top: 22px
}

.i_nl_list li {
	position: relative;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #f2f2f2
}

.i_nl_list li a {
	color: rgba(0,0,0,.8)
}

.i_nl_list li:before {
	content: '';
	position: absolute;
	left: -15px;
	width: 4px;
	height: 4px;
	background: #676767;
	top: 24px;
	display: block
}

.i_nl_list li:hover a {
	color: #c60000
}

.i_nl_list li:hover:before {
	background: #c60000
}

.i_nr_info {
	margin: 40px 0 8px;
	line-height: 18px;
	color: #fff
}

.i_nr_info .box {
	padding-left: 40px;
	margin-bottom: 24px;
	background-position: 8px center;
	background-repeat: no-repeat
}

.i_nr_btn {
	padding-bottom: 34px;
	border-bottom: 1px dotted rgba(255,255,255,.5);
	margin-bottom: 28px
}

.i_nr_btn a {
	width: 140px;
	height: 42px;
	box-sizing: border-box;
	line-height: 40px;
	border: 1px solid rgba(255,255,255,.8);
	color: #fff;
	text-align: center;
	display: block
}

.i_nr_btn a em {
	width: 15px;
	height: 40px;
	background: url(../images/icon14.png) center no-repeat;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px
}

.i_nr_btn a i {
	margin-left: 14px;
	width: 14px;
	height: 40px;
	background: url(../images/icon15.png) center no-repeat;
	display: inline-block;
	vertical-align: top
}

.i_nr_btn a:hover {
	background: #ff7d14;
	border-color: #ff7d14
}

.i_nr_ewm .fl {
	width: 33.5%
}

.i_nr_ewm .fr {
	width: 56%;
	color: #fff
}

.i_nr_ewm .fr h2 {
	font-weight: 700;
	font-size: 26px;
	margin-bottom: 12px
}

.i_nr_ewm .fr .tips {
	border-top: 1px solid rgba(255,255,255,.3);
	border-bottom: 1px solid rgba(255,255,255,.3);
	height: 36px;
	line-height: 36px;
	padding-left: 18px;
	background: url(../images/icon16.png) 4px center no-repeat
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}


	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	40% {
		-webkit-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	60% {
		-webkit-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	80% {
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	100% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

.wbanner {
	height: 388px;
	clear: both;
	background-size: cover;
	background-position: center center
}

.m_bar {
	min-height: 75px;
	margin-top: 14px;
	line-height: 75px;
	border-bottom: 1px solid #eee
}

.mpath {
	background: url(../images/icon23.png) left center no-repeat;
	text-indent: 38px;
	max-width: 45%;
	display: block;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.mpath a {
	color: #000;
	vertical-align: middle
}

.mpath a:hover,.mpath span {
	color: #c60000;
	vertical-align: middle
}

.mpath b {
	display: inline-block;
	vertical-align: middle;
	margin: 0 12px;
	background: url(../images/icon24.png) center no-repeat;
	width: 5px;
	height: 35px
}

.mnav {
	max-width: 50%
}

.mnav li {
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
	margin-left: 40px;
	text-align: center
}

.mnav li a {
	display: block;
	box-sizing: border-box;
	height: 76px;
	line-height: 74px;
	min-width: 60px
}

.mnav li.on a,.mnav li:hover a {
	color: #c60000
}

.mnav li.on a {
	border-bottom: 2px solid #c60000
}

.float_right {
	position: fixed;
	right: 35px;
	top: 50%;
	margin-top: -115px;
	z-index: 999
}

.float_right>div {
	display: block;
	margin: 20px 0
}

.float_right .box {
	background-color: rgba(0,0,0,.5);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat
}

.float_right .box.qq {
	background-image: url(../images/icon19.png)
}

.float_right .box.wechat {
	background-image: url(../images/icon20.png)
}

.float_right .box.phone {
	background-image: url(../images/icon21.png)
}

.float_right .box:hover {
	background-color: #c60000
}

.pages {
	font-size: 0;
	margin: 0 auto 30px
}

.pages a,.pages span {
	border: 1px solid #b5b5b5;
	text-align: center;
	color: #333;
	height: 34px;
	display: inline-block;
	margin: 0 6px 10px;
	font-size: 14px;
	min-width: 34px;
	box-sizing: border-box;
	line-height: 34px;
	padding: 0 5px
}

.pages span {
	border: 0
}

.pages .current {
	border-color: #c60000;
	padding: 0 5px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	background: #c60000;
	color: #fff
}

.pages a:hover {
	border-color: #c60000;
	background: #c60000;
	color: #fff!important
}

.pages a:first-child {
	margin-left: 0
}

.pages a:last-child {
	margin-right: 0
}

.pages .prev {
	width: 75px
}

.pages .next {
	width: 75px
}

.abo_part1 {
	padding: 50px 0 70px
}

.p1_top .img {
	width: 48.5%
}

.p1_top .text {
	width: 48%
}

.p1_top .text h2 {
	font-size: 26px;
	color: #000;
	margin: 5px 0 18px
}

.p1_top .text p {
	font-size: 16px;
	color: rgba(0,0,0,.8);
	line-height: 32px
}

.p1_mid {
	margin: 55px auto
}

.p1_mid .box {
	width: 20%;
	padding: 0 5px;
	box-sizing: border-box;
	text-align: center;
	float: left
}

.p1_mid .box h2 {
	font-size: 14px;
	font-weight: 700;
	color: #b80101;
	line-height: 62px
}

.p1_mid .box h2 b {
	font-size: 50px;
	margin-right: 5px
}

.p1_mid .box p {
	font-size: 14px;
	color: #383838;
	line-height: 18px
}

.p1_bot {
	font-size: 16px;
	color: rgba(56,56,56,.8);
	line-height: 28px
}

.abo_part2 {
	padding: 75px 0 70px
}

.abo_part2 .p2_box {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	float: left;
	position: relative;
	text-align: center;
	color: #fff;
	width: 49.2%;
	height: 0;
	padding-bottom: 33.3%;
	float: left
}

.abo_part2 .p2_box:first-child {
	margin-right: 1.6%
}

.abo_part2 .p2_box .text {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 110px
}

.abo_part2 .p2_box a {
	color: #fff;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.abo_part2 .p2_box h2 {
	position: relative;
	margin-top: 20px;
	display: inline-block;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 40px;
	line-height: 40px;
	padding: 0 8px;
	font-size: 18px
}

.abo_part2 .p2_box h2:after {
	display: none;
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: 0;
	width: 20px;
	height: 2px;
	background: #fff
}

.abo_part2 .p2_box h3 {
	width: 120px;
	margin: 0 auto;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 100;
	font-family: 华文细黑
}

.abo_part2 .p2_box p {
	width: 90%;
	margin: 0 auto;
	font-size: 16px;
	display: none
}

.abo_part2 .p2_box:hover .text {
	height: 24px
}

.abo_part2 .p2_box:hover a {
	background: rgba(198,0,0,.86)
}

.abo_part2 .p2_box:hover h2 {
	position: relative;
	top: -96px;
	margin-top: 0;
	border: 0
}

.abo_part2 .p2_box:hover h2:after {
	display: block
}

.abo_part2 .p2_box:hover h3 {
	width: 90%;
	height: 24px
}

.abo_part2 .p2_box:hover p {
	display: block
}

.abo_tit {
	font-size: 26px;
	color: #000;
	text-align: center
}

.p3_slick {
	position: relative
}

.p3_slick:before {
	content: '';
	position: absolute;
	left: 0;
	top: 11px;
	width: 100%;
	height: 1px;
	background: #bbb
}

.abo_part3 {
	background: url(../images/icon30.png) 84% 78.5% no-repeat;
	background-size: contain
}

.abo_part3 {
	padding: 55px 0 70px
}

.abo_part3 ul {
	margin-top: 430px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: #bbb
}

.abo_part3 ul li.slick-slide {
	cursor: pointer;
	padding: 36px 0 10px;
	background: url(../images/icon25.png) center 5px no-repeat
}

.abo_part3 ul li.slick-slide.on {
	color: #c60000;
	background: url(../images/icon26.png) center 0 no-repeat
}

.abo_part3 ul li.slick-slide:hover {
	color: #c60000
}

.abo_part3 .slick-prev {
	left: 0;
	width: 33px;
	height: 60px;
	top: -185px;
	margin-top: 0;
	background: url(../images/icon27.png) center no-repeat;
	background-size: contain
}

.abo_part3 .slick-prev:hover {
	background: url(../images/icon27on.png) center no-repeat;
	background-size: contain
}

.abo_part3 .slick-next {
	right: 0;
	width: 33px;
	height: 60px;
	top: -185px;
	margin-top: 0;
	background: url(../images/icon28.png) center no-repeat;
	background-size: contain
}

.abo_part3 .slick-next:hover {
	background: url(../images/icon28on.png) center no-repeat;
	background-size: contain
}

.p3_detail {
	overflow: hidden;
	background: #fff;
	position: absolute;
	top: -400px;
	left: 6.5%;
	width: 87%;
	padding: 15px;
	height: 340px;
	border: 1px solid #eee;
	box-sizing: border-box;
	box-shadow: 0 21px 38px rgba(0,0,0,.08)
}

.p3_detail .img {
	float: left;
	width: 40%;
	height: 308px
}

.p3_detail .text {
	margin-right: 4.5%;
	float: right;
	width: 50%
}

.p3_detail .text h2 {
	margin: 26px 0 14px;
	font-weight: 700;
	font-size: 42px;
	color: #c60000;
	padding: 12px 0;
	border-bottom: 1px solid #e5e5e5
}

.p3_detail .text h2 span {
	font-size: 14px;
	display: inline-block;
	vertical-align: text-top;
	margin-left: 5px
}

.p3_detail .text dl {
	height: 160px;
	overflow: hidden
}

.p3_detail .text dd {
	background: url(../images/icon29.png) left center no-repeat;
	padding-left: 14px;
	line-height: 40px;
	font-size: 16px;
	color: #666
}

.abo_part4 {
	padding: 55px 0 85px
}

.abo_part4 .abo_blist {
	margin: 28px auto 75px
}

.abo_blist {
	width: calc(100% - 200px);
	text-align: center;
	margin: 0 auto
}

.abo_blist li {
	min-width: 100px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 6px;
	position: relative;
	margin: 0 14px;
	padding: 0 14px;
	cursor: pointer;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	color: rgba(32,32,32,.8)
}

.abo_blist li:last-child {
	padding: 0
}

.abo_blist li a {
	display: block;
	padding: 0 14px
}

.abo_blist li.on,.abo_blist li:hover {
	background: #c60000;
	color: #fff
}

.abo_blist li:hover a {
	color: #fff
}

.abo_blist li.on:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -6.5px;
	bottom: -6px;
	width: 13px;
	height: 6px;
	background: url(../images/icon31.png) center no-repeat
}

.p4_box .text {
	width: 51.6%
}

.p4_box .text h2 {
	margin: 58px 0 16px;
	font-size: 24px;
	color: #000
}

.p4_box .text p {
	font-size: 16px;
	color: rgba(0,0,0,.8);
	line-height: 32.3px
}

.p4_box .text .more {
	color: rgba(0,0,0,.8);
	font-size: 14px;
	margin-top: 50px;
	display: inline-block;
	padding-right: 24px;
	background: url(../images/icon33.png) right center no-repeat
}

.p4_box .text .more:hover,.p4_box .text h2:hover {
	color: #c60000
}

.p4_wrap {
	clear: both
}

.p4_wrap .p4_box {
	line-height: 26px
}

.p4_wrap .p4_box {
	display: none;
	opacity: .6
}

.p4_wrap .p4_box:first-child {
	display: block;
	opacity: 1
}

.p4_wrap .p4_box .img {
	width: 40%
}

.abo_part5 {
	padding: 55px 0 70px
}

.p5_list {
	margin-top: 14px
}

.p5_list .slick-slide {
	cursor: pointer;
	margin: 20px 10px
}

.p5_list .slick-slide:hover {
	box-shadow: 0 2px 10px rgba(0,0,0,.1);
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px)
}

.p5_list .text {
	padding: 15px 20px;
	background: #fbfbfb
}

.p5_list .text h2 {
	margin-bottom: 5px;
	font-size: 18px;
	color: #333
}

.p5_list .text h2 span {
	width: 86px;
	overflow: hidden;
	margin-left: 12px;
	font-size: 14px;
	color: #c81118;
	border: 1px solid #c8c8c8;
	border-radius: 2px;
	padding: 0 6px;
	height: 20px;
	line-height: 18px
}

.p5_list .text p {
	margin-bottom: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #999
}

.p5_list .text .more {
	width: 116px;
	height: 30px;
	line-height: 30px;
	background: #d21e1f;
	color: #fff;
	text-align: center;
	border-radius: 2px
}

.p5_list .slick-prev {
	left: -65px;
	width: 33px;
	height: 60px;
	margin-top: -30px;
	background: url(../images/icon27.png) center no-repeat;
	background-size: contain
}

.p5_list .slick-prev:hover {
	background: url(../images/icon27on.png) center no-repeat;
	background-size: contain
}

.p5_list .slick-next {
	right: -65px;
	width: 33px;
	height: 60px;
	margin-top: -30px;
	background: url(../images/icon28.png) center no-repeat;
	background-size: contain
}

.p5_list .slick-next:hover {
	background: url(../images/icon28on.png) center no-repeat;
	background-size: contain
}

.abo_part6 {
	padding: 60px 0 55px
}

.abo_part6 .abo_blist {
	margin: 27px auto 30px
}

.p6_list .img {
	margin: 20px 10px;
	text-align: center;
	background: #fff;
	height: 230px;
	line-height: 230px;
	font-size: 0
}

.p6_list .img:hover {
	box-shadow: 0 2px 10px rgba(0,0,0,.1);
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px)
}

.p6_list .img img {
	width: auto;
	height: auto;
	display: inline-block;
	max-height: 80%;
	max-width: 80%
}

.p6_list .slick-prev {
	left: -65px;
	width: 33px;
	height: 60px;
	margin-top: -30px;
	background: url(../images/icon27.png) center no-repeat;
	background-size: contain
}

.p6_list .slick-prev:hover {
	background: url(../images/icon27on.png) center no-repeat;
	background-size: contain
}

.p6_list .slick-next {
	right: -65px;
	width: 33px;
	height: 60px;
	margin-top: -30px;
	background: url(../images/icon28.png) center no-repeat;
	background-size: contain
}

.p6_list .slick-next:hover {
	background: url(../images/icon28on.png) center no-repeat;
	background-size: contain
}

.p6_wrap .p6_list {
	display: none;
	opacity: .6
}

.p6_wrap .p6_list:first-child {
	display: block;
	opacity: 1
}

.numm0 {
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: forwards
}

.numm1 {
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: forwards
}

.numm2 {
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: forwards
}

.numm3 {
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: forwards
}

.numm4 {
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: forwards
}

.numm5 {
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: forwards
}

.numm6 {
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: forwards
}

.numm7 {
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: forwards
}

.numm8 {
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: forwards
}

.numm9 {
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: forwards
}

.team_bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(0,0,0,.6)
}

.team_wrap {
	max-width: 90%;
	max-height: 80%;
	padding: 100px 50px 80px;
	box-sizing: border-box;
	width: 1200px;
	height: 515px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #fff
}

.team_wrap .close {
	position: absolute;
	right: 42px;
	top: 24px;
	width: 30px;
	height: 30px;
	background: url(../images/icon34.png) center no-repeat;
	cursor: pointer
}

.team_top {
	font-size: 22px;
	color: rgba(0,0,0,.9);
	padding-left: 382px;
	height: 100px;
	line-height: 100px
}

.team_top span {
	margin-left: 15px;
	color: rgba(0,0,0,.6);
	font-size: 14px
}

.team_bot {
	background: #f5f5f5;
	padding: 35px 25px 35px 382px;
	height: 230px;
	box-sizing: border-box;
	line-height: 32px;
	color: rgba(0,0,0,.8)
}

.team_bot .text_p {
	padding-right: 10px;
	height: 160px;
	overflow: auto
}

.team_img {
	position: absolute;
	left: 55px;
	bottom: 50px;
	width: 280px;
	height: 280px
}

.mCustomScrollBox {
	padding-right: 20px
}

.abo_part7 {
	padding: 50px 0;
	font-size: 16px;
	color: rgba(0,0,0,.8);
	line-height: 36px
}

.p7_top {
	margin-bottom: 25px
}

.p7_top .img {
	width: 55.8%;
	float: left
}

.p7_top .text {
	width: 40.8%;
	float: right
}

.p7_top .text h2 {
	font-size: 26px;
	color: #000;
	margin-bottom: 15px
}

.p7_top .text .text_p {
	margin-bottom: 22px;
	font-size: 16px;
	color: rgba(0,0,0,.8);
	line-height: 32.3px
}

.p7_top .text dd {
	position: relative;
	line-height: 36px;
	color: #000;
	font-size: 16px;
	padding-left: 14px
}

.p7_top .text dd em {
	color: #c60000
}

.p7_top .text dd:before {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	top: 16px;
	left: 0;
	background: #c60000
}

.abo_part8 {
	padding: 58px 0 90px;
	font-size: 16px;
	color: rgba(0,0,0,.8);
	line-height: 32.3px
}

.p8_con {
	margin-top: 45px
}

.p8_con .img {
	width: 49.1%;
	float: left;
	margin-top: 8px
}

.p8_con .text {
	width: 47.5%;
	float: right
}

.p8_list li {
	position: relative;
	margin-top: 24px;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	background-image: url(../images/icon37.png);
	background-position: 97% 26px;
	padding: 0 15px;
	box-sizing: border-box;
	background-repeat: no-repeat
}

.p8_list h2 {
	background-repeat: no-repeat;
	background-position: left center
}

.p8_list .p8_lt {
	box-sizing: border-box;
	cursor: pointer;
	height: 58px;
	line-height: 58px;
	padding: 0 22px
}

.p8_list .p8_lt h2 {
	padding: 0 50px
}

.p8_list .p8_lt h2:hover {
	color: #c60000
}

.p8_list .p8_lb {
	display: none;
	padding: 18px 15px 6px;
	line-height: 40px
}

.p8_list .p8_lb dd {
	font-size: 16px
}

.p8_list .p8_lb dd a {
	position: relative;
	display: block;
	padding-left: 18px;
	box-sizing: border-box;
	color: rgba(0,0,0,.8)
}

.p8_list .p8_lb dd a:hover {
	color: #c60000
}

.p8_list .p8_lb dd a:before {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	left: 6px;
	top: 18px;
	background: #b2b2b2
}

.p8_list .p8_lb dd a:hover:before {
	background: #c60000
}

.p8_list .p8_more {
	display: inline-block;
	font-size: 14px;
	color: #c60000;
	padding-left: 18px
}

.p8_list li.on {
	background-color: #fff;
	background-image: url(../images/icon37on.png);
	border-radius: 3px 3px 0 0
}

.p8_list li.on .p8_lt {
	border-bottom: 1px solid #e5e5e5
}

.p8_list li.on .p8_lb {
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: -1px;
	width: calc(100% + 2px);
	background: #fff;
	z-index: 1;
	border: 1px solid #e5e5e5;
	border-radius: 0 0 3px 3px;
	border-top: 0
}

.hon_main {
	padding: 70px 0 95px
}

.hon_main .tit {
	font-size: 26px;
	color: #000;
	text-align: center
}

.hon_list {
	margin-bottom: 150px
}

.hon_list li {
	cursor: pointer;
	overflow: visible;
	position: relative;
	width: 33.3%;
	float: left
}

.hon_list .img {
	padding-bottom: 83.5%;
	position: relative;
	height: 0;
	width: 100%;
	text-align: center;
	display: inline-block;
	overflow: hidden
}

.hon_list .img img {
	max-width: 77%;
	max-height: 70%;
	width: auto;
	height: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

.hon_list li p {
	padding: 0 5%;
	box-sizing: border-box;
	height: 36px;
	line-height: 36px;
	background: #fff;
	text-align: center;
	color: #161616;
	font-size: 16px
}

.hon_list li:hover p {
	color: #c60000
}

.hon_list li:nth-child(3n):after {
	content: '';
	position: absolute;
	display: block;
	width: 1200px;
	right: 0;
	bottom: 36px;
	height: 58px;
	background: url(../images/sd1.png) center no-repeat;
	background-size: contain
}

.hon_list li:nth-child(3n):before {
	content: '';
	position: absolute;
	display: block;
	width: 1200px;
	right: 0;
	top: 100%;
	height: 97px;
	background: url(../images/sd2.png) center no-repeat;
	background-size: contain
}

.hon_bg {
	display: none;
	background: rgba(0,0,0,.5);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999
}

.hon_wrap {
	padding: 40px;
	box-sizing: border-box;
	background: #fff;
	width: 890px;
	height: 595px;
	max-width: 80%;
	max-height: 80%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

.hon_box {
	width: 100%;
	height: 100%
}

.hon_wrap h2 {
	font-size: 30px;
	color: #000;
	margin-bottom: 45px;
	text-align: center
}

.hon_wrap h3 {
	margin-bottom: 20px;
	font-size: 22px;
	color: #000;
	text-align: center
}

.hon_wrap .close {
	cursor: pointer;
	width: 35px;
	height: 35px;
	background: url(../images/icon61.png) center no-repeat;
	position: absolute;
	right: 22px;
	top: 22px
}

.hon_wrap .close:hover {
	background: url(../images/icon61on.png) center no-repeat
}

.hon_slick {
	width: 500px;
	height: 315px;
	margin: 0 auto 36px;
	max-height: 70%
}

.hon_slick .slick-slide,.hon_slick .slick-track,.hon_slick .slick-list {
	height: 100%
}

.hon_slick img {
	display: inline-block
}

.hon_slick .pic {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}

.hon_wrap .hon_page {
	text-align: center;
	color: rgba(0,0,0,.6);
	font-size: 16px;
	font-family: 微软雅黑
}

.hon_wrap .hon_page .now {
	font-size: 22px
}

.hon_slick .slick-prev {
	left: -85px;
	width: 35px;
	height: 35px;
	background: url(../images/icon59.png) center no-repeat
}

.hon_slick .slick-prev:hover {
	background: url(../images/icon59on.png) center no-repeat
}

.hon_slick .slick-next {
	right: -85px;
	width: 35px;
	height: 35px;
	background: url(../images/icon60.png) center no-repeat
}

.hon_slick .slick-next:hover {
	background: url(../images/icon60on.png) center no-repeat
}

.con_main {
	padding: 55px 0
}

.con_main .tit {
	font-size: 30px;
	color: #000;
	text-align: center
}

.c1_part {
	padding: 0 7% 52px;
	box-sizing: border-box
}

.c1_part .tit {
	margin-bottom: 56px
}

.c1_part .box {
	position: relative;
	width: 25%;
	float: left;
	text-align: center
}

.c1_part .box:after {
	content: '';
	position: absolute;
	right: -14.5px;
	top: 44px;
	width: 29px;
	height: 15px;
	background: url(../images/icon42.png) center no-repeat
}

.c1_part .box:last-child:after {
	display: none
}

.c1_part .box .img {
	width: 104px;
	height: 104px;
	line-height: 104px;
	font-size: 0;
	margin: 0 auto 25px
}

.c1_part .box:hover img {
	animation: swing 1s 0s linear normal;
	-webkit-animation: swing 1s 0s linear normal
}

.c1_part .box .img img {
	max-width: 100%;
	max-height: 100%
}

.c1_part .box p {
	font-size: 16px;
	color: rgba(0,0,0,.8)
}

.c2_part {
	position: relative
}

.c2_left {
	overflow: hidden;
	float: left;
	width: 30.5%;
	height: 100%;
	position: absolute
}

.c2_left img {
	position: absolute;
	left: 50%;
	height: 100%
}

.c2_right {
	padding: 0 60px;
	box-sizing: border-box;
	min-height: 254px;
	float: right;
	width: 69.5%;
	background: #f7f7f7
}

.c2_right .box {
	margin: 10px 0;
	width: 50%;
	float: left;
	color: rgba(0,0,0,.8)
}

.c2_right .box h2 {
	margin-bottom: 20px;
	font-size: 16px;
	display: inline-block;
	min-width: 122px;
	border-bottom: 1px solid #c60000;
	padding: 13px 0
}

.c2_right .detail {
	font-size: 15px;
	padding-left: 45px;
	line-height: 24px
}

.c2_right .phone .detail {
	color: #000;
	background: url(../images/icon43.png) left center no-repeat
}

.c2_right .phone .detail em {
	color: #c60000;
	font-weight: 700;
	font-size: 20px
}

.c2_right .call .detail {
	background: url(../images/icon44.png) left center no-repeat
}

.c2_right .email .detail {
	background: url(../images/icon45.png) left center no-repeat
}

.c2_right .qq .detail {
	background: url(../images/icon46.png) left center no-repeat
}

.c2_right .qq a {
	margin-bottom: 5px;
	font-size: 14px;
	position: relative;
	margin-right: 13px;
	float: left;
	display: inline-block;
	border: 1px solid #dcdcdc;
	width: 98px;
	height: 33px;
	line-height: 33px;
	padding-left: 30px;
	box-sizing: border-box;
	background: url(../images/bg2.png)
}

.c2_right .qq a:after {
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	background: url(../images/icon47.png) 6px center no-repeat
}

.c2_right .qq a:last-child {
	margin-right: 0
}

.c3_top {
	padding: 30px 0
}

.c3_left {
	width: 46.8%;
	height: 0;
	padding-bottom: 38.8%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.c3_right {
	height: 390px;
	overflow: auto;
	margin-top: 26px;
	width: 40%
}

.c3_right li {
	cursor: pointer;
	padding: 14px 0
}

.c3_right h2 {
	font-size: 16px;
	color: #1b1b1b;
	line-height: 30px
}

.c3_right p {
	font-size: 14px;
	color: rgba(0,0,0,.6);
	line-height: 20px
}

.c3_right li:hover h2,.c3_right li.on h2 {
	color: #c60000
}

.c3_bot {
	margin-bottom: 60px
}

#allmap {
	width: 100%;
	height: 300px
}

.BMap_bubble_content .f18 {
	font-size: 18px;
	color: #000;
	line-height: 30px;
	margin-bottom: 6px
}

.BMap_bubble_content .f14 {
	font-size: 13px;
	line-height: 27px;
	color: rgba(0,0,0,.6);
	display: inline-block;
	vertical-align: top;
	width: 350px
}

.c4_part {
	padding: 55px 0 65px
}

.c4_part .c4_con {
	margin-top: 28px
}

.c4_con .img {
	float: left;
	width: 48.5%;
	height: 480px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.c4_con .text {
	padding: 18px 35px 30px;
	box-sizing: border-box;
	float: right;
	width: 51.5%;
	background: #fff
}

.c4_con .text h3 {
	margin-bottom: 10px;
	font-size: 20px;
	color: #000;
	height: 44px;
	line-height: 44px;
	border-bottom: 1px solid #eee
}

.c4_list {
	height: 377px;
	overflow: auto
}

.c4_list li {
	cursor: pointer;
	border-bottom: 1px solid #eee;
	padding: 14px 0
}

.c4_list h2 {
	margin-bottom: 6px;
	font-size: 16px;
	color: #000
}

.c4_list p {
	font-size: 14px;
	color: rgba(0,0,0,.8)
}

.c4_list p em {
	margin-right: 20px;
	min-width: 100px;
	display: inline-block
}

.c4_list p span {
	color: rgba(0,0,0,.6)
}

.c4_list li:hover h2 {
	color: #c60000
}

.c5_form {
	padding: 55px 0 75px
}

.c5_form .tit {
	margin-bottom: 32px
}

.c5_form .c5_fl {
	width: 53%
}

.c5_form .c5_fr {
	width: 42.5%
}

.c5_form input {
	margin-bottom: 29px;
	width: 100%;
	height: 50px;
	line-height: 48px;
	box-sizing: border-box;
	padding: 0 18px;
	border: 1px solid #ececec;
	background: #fafafa
}

.c5_form textarea {
	width: 100%;
	height: 368px;
	box-sizing: border-box;
	border-radius: 2px;
	padding: 28px 30px;
	border: 1px solid #ececec;
	background: #fafafa
}

.c5_form .c5_sub {
	cursor: pointer;
	width: 158px;
	height: 54px;
	line-height: 54px;
	background: #c60000;
	color: #fff;
	text-align: center;
	font-size: 18px
}

.re_bg {
	display: none;
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999
}

.re_wrap {
	background: #fff;
	width: 970px;
	height: 76.8%;
	max-width: 80%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

.re_wrap .re_title {
	border-bottom: 1px solid #eee;
	position: relative;
	height: 64px;
	line-height: 64px;
	margin-top: 16px;
	padding: 0 75px 0 85px;
	box-sizing: border-box;
	font-size: 24px;
	color: #000
}

.re_wrap .re_title i {
	cursor: pointer;
	width: 30px;
	height: 30px;
	top: 12px;
	position: absolute;
	right: 75px;
	background: url(../images/icon48.png) center no-repeat
}

.re_wrap .re_text {
	line-height: 34px;
	padding: 24px 85px 0;
	height: calc(100% - 81px);
	box-sizing: border-box;
	font-size: 14px;
	color: #6c6c6c
}

.re_wrap .text span {
	margin-right: 95px
}

.re_wrap .re_scroll {
	height: calc(100% - 115px);
	overflow: auto
}

.re_wrap .re_text h2 {
	margin-bottom: 2px;
	color: #000;
	font-size: 20px
}

.re_wrap .re_text .box {
	margin-bottom: 30px
}

.re_wrap .re_text .box:last-child {
	margin-bottom: 0
}

.re_bot {
	margin: 35px 0
}

.re_bot .rbtn {
	display: inline-block;
	width: 195px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #c60000;
	color: #fff;
	font-size: 14px
}

.re_bot font {
	color: #666;
	font-size: 20px;
	margin-left: 20px;
	font-weight: 100;
	font-family: 微软雅黑
}

.pro_main {
	padding-bottom: 100px
}

.pro_list {
	margin-bottom: 110px
}

.pro_list .box {
	padding: 30px 0
}

.pro_list .img {
	width: 48%;
	float: right;
	text-align: center
}

.pro_list .img img {
	max-width: 100%
}

.pro_list .text {
	margin-top: 80px;
	width: 51.6%;
	float: left
}

.pro_list .text h2 {
	font-size: 30px;
	color: #c60000;
	line-height: 40px;
	margin-bottom: 16px
}

.pro_list .text_p {
	height: 128px;
	overflow: hidden;
	margin-bottom: 40px;
	font-size: 16px;
	color: rgba(0,0,0,.8);
	line-height: 32px
}

.pro_list .p_more {
	display: inline-block;
	line-height: 35px;
	color: rgba(0,0,0,.8);
	font-size: 14px
}

.pro_list .p_more i {
	margin-left: 10px;
	width: 13px;
	height: 35px;
	display: inline-block;
	vertical-align: top;
	background: url(../images/icon33.png) center no-repeat
}

.pro_list .p_more:hover {
	color: #c60000
}

.pro_list .p_more:hover i {
	background: url(../images/icon33on.png) center no-repeat
}

.pro_list .box:nth-child(2n+1) {
	background: #f5f5f5
}

.pro_list .box:nth-child(2n) .img {
	float: left
}

.pro_list .box:nth-child(2n) .text {
	float: right
}

.prob {
	padding: 40px 0 45px
}

.prob img {
	max-width: 100%!important;
	height: auto!important
}

.pro_tit {
	margin-bottom: 45px
}

.pro_tit h2 {
	font-size: 50px;
	color: #ff0000;
	margin-bottom: 10px;
	font-weight:bold;
	line-height:40px;
	
}

.pro_tit p {
	max-width: 80%;
	margin: 0 auto;
	font-size: 25px;
	color:#565656;
	line-height: 24px;
	font-weight:bold
	
}

.pro1_wrap .text {
	float: left;
	width: 43%;
	font-size: 16px;
	color: rgba(0,0,0,.8);
	line-height: 33px
}

.pro1_wrap {
	width:100%;
	text-align:center
}
.pro1_wrap .img {
	float:none;
	max-width: 100%;
	
}

.pro1_wrap .img iframe {
	width: 100%!important;
	float: none!important
}

.prob_list {o
	width: 890px;
	max-width: 100%;
	margin: 0 auto;
}

.pro_detail{
	

}

.prob_list li {
	margin-bottom: 10px;
	background-image: url(../images/icon72.png);
	background-position: 98% 22px;
	background-repeat: no-repeat;
	padding: 0 18px;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-sizing: border-box
}

.prob_list .prob_top {
	cursor: pointer;
	background: url(../images/icon71.png) left center no-repeat;
	padding: 0 30px 0 40px;
	font-size: 18px;
	color: #000;
	height: 58px;
	line-height: 58px
}

.prob_list .prob_bot {
	display: none;
	border-top: 1px solid #e3e3e3;
	padding: 24px 0 34px;
	font-size: 16px;
	line-height: 45px;
	color: rgba(0,0,0,.8)
}

.prob_list li.on {
	background-color: #fbfbfb;
	background-image: url(../images/icon72on.png)
}

.ben_list {
	margin-bottom: 30px;
	width: 100%
}

.ben_list li {
	color: #fff;
	font-size: 24px;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 15px;
	text-align: center;
	width: 24%;
	margin-right: 1.3%;
	height: 130px;
	line-height: 130px;
	float: left
}

.ben_list li .red {
	background: #c60000
}

.ben_list li .blue {
	background: #002261
}

.ben_list li:nth-child(4n) {
	margin-right: 0
}

.ben_list li span {
	line-height: 35px;
	display: inline-block;
	vertical-align: middle
}

.ben_list li p:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 114px;
	margin-left: -1px
}

.ben_list li .img {
	display: block;
	width: 100%;
	height: 130px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.prob_text {
	font-size: 16px;
	color: #000;
	line-height: 30px
}

.prob_text em {
	color: #c60000
}

.prob_text b {
	color: #c60000;
	font-weight: 700
}

.case_list.prob5_list li {
	width: auto;
	margin: 0 10px!important
}

.prob5_list .slick-prev {
	left: -54px;
	width: 24px;
	height: 44px;
	margin-top: -22px;
	background: url(../images/icon73.png) center no-repeat
}

.prob5_list .slick-prev:hover {
	background: url(../images/icon73on.png) center no-repeat
}

.prob5_list .slick-next {
	right: -54px;
	width: 24px;
	height: 44px;
	margin-top: -22px;
	background: url(../images/icon74.png) center no-repeat
}

.prob5_list .slick-next:hover {
	background: url(../images/icon74on.png) center no-repeat
}

.prob_bg {
	padding: 144px 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.prob6_text {
	float: right
}

.prob6_text h2 {
	margin-bottom: 18px;
	font-size: 30px;
	color: #000
}

.prob7_con {
	padding: 20px
}

.prob7_con h2 {
	margin-bottom: 16px;
	color: #c60000;
	font-size: 16px;
	font-weight: 700
}

.prob7_con a.tit {
	display: block;
	padding-left: 16px;
	position: relative;
	font-size: 16px;
	line-height: 36px;
	color: #000
}

.prob7_con a.tit:before {
	content: '';
	position: absolute;
	left: 0;
	top: 14px;
	width: 5px;
	height: 5px;
	background: #c60000;
	display: block
}

.prob7_con a.tit:hover {
	color: #c60000
}

.sol_main {
	background: #e3e3e3;
	padding: 35px 0
}

.sol_main ul {
	margin-bottom: 40px
}

.sol_main li {
	
	position: relative;
	text-align: center;
	display:inline-block;
	height:481px;
	
	width: 48%;
	margin:0 0.9%;
	margin-bottom: 4%;

}

.sol_main li:nth-child(4n) {
	margin-right: 0
}

.sol_main li .img {
	height: 100%;
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.sol_main .icon {
	top: -28px;
	left: 50%;
	margin-left: -28px;
	position: absolute;
	width: 56px;
	height: 56px;
	line-height: 56px;
	border-radius: 50%;
	background: #fff;
	font-size: 0;
	border:1px solid #938f8f
}

.sol_main .icon img {
	max-width: 100%;
	max-height: 100%
}

.sol_main .text {
	width: 100%;
	position:absolute;
	bottom:0px;
	padding-top: 30px;
	box-sizing: border-box;
	height: 100px;
	background: #fff
}

.sol_main .text h2 {
	padding: 0 0px;
	position: relative;
	z-index: 1;
	font-size: 25px;
	color: #ff0000;
	
	font-family:"微软雅黑";
	font-weight:bold
}

.sol_main .text_p {
	line-height: 24px;
	overflow: hidden;
	color: rgba(0,0,0,.6);
	font-size: 16px;
	max-width: 80%;
	margin: 0 auto;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}

.sol_main .more {
	display: none
}

.sol_main li.active .text {
	padding-top: 55px;
	height: 100%;
	left: 0;
	width: 100%;
	background: rgba(198,0,0,0.6);
}

.sol_main li.active .text * {
	color: #fff
}

.sol_main li.active .icon {
	position: static;
	width: 160px;
	height: 160px;
	line-height: 76px;
	font-size: 0;
	
	background: 0 0;
	margin: 0 auto 10px
}

.sol_main li.active .text_p {
	margin-bottom: 25px
}

.sol_main li.active .more {
	max-width: 80%;
	display: block;
	border: 1px solid #fff;
	width: 126px;
	height: 34px;
	line-height: 34px;
	margin: 0 auto
}

.sol_main li .more:hover {
	background: #fff;
	color: #c60000
}

.prob8 .abo_blist {
	margin-bottom: 50px
}

.prob9_list .img {
	width: 39.5%
}

.prob9_list .img img {
	max-width: 100%
}

.prob9_list .text {
	width: 47.5%
}

.prob9_list li {
	position: relative;
	padding: 20px 0;
	border-bottom: 1px solid #eee
}

.prob9_list li .img {
	float: left
}

.prob9_list li .text {
	float: right
}

.prob9_list li:nth-child(2n) .img {
	float: right
}

.prob9_list li:nth-child(2n) .text {
	float: left
}

.prob9_list .text h2 {
	margin: 70px 0 16px;
	font-size: 20px;
	color: #000
}

.prob9_list .text p {
	font-size: 16px;
	color: rgba(0,0,0,.6);
	line-height: 30px
}

.prob9_list .more {
	cursor: pointer;
	color: rgba(0,0,0,.8);
	font-size: 14px;
	margin-top: 50px;
	display: inline-block;
	padding-right: 24px;
	background: url(../images/icon33.png) right center no-repeat
}

.prob9_list .more:hover,.prob9_list .text h2:hover {
	color: #c60000
}

.prob9_list .detail {
	display: none;
	position: absolute;
	left: auto;
	right: 0;
	width: 56.6%;
	padding: 40px 30px;
	box-sizing: border-box;
	height: 320px;
	top: 50%;
	margin-top: -160px;
	background: #c60000;
	color: #fff;
	box-sizing: border-box
}

.prob9_list li:nth-child(2n) .detail {
	left: 0
}

.prob_scroll {
	height: 240px;
	overflow: auto
}

.prob_scroll:before {
	content: '';
	position: absolute;
	left: -15px;
	top: 50%;
	margin-top: -15px;
	width: 15px;
	height: 30px;
	background: url(../images/icon76.png) center no-repeat
}

.prob9_list li:nth-child(2n) .prob_scroll:before {
	content: '';
	position: absolute;
	left: auto;
	right: -15px;
	top: 50%;
	margin-top: -15px;
	width: 15px;
	height: 30px;
	background: url(../images/icon77.png) center no-repeat
}

.prob_scroll h2 {
	margin-bottom: 20px;
	font-size: 20px
}

.prob_scroll .text_p {
	font-size: 14px;
	line-height: 14px
}

.prob_scroll .text_p p {
	line-height: 24px
}

.dis_main {
	padding: 30px 0 50px
}

.dis_left {
	background: #fff;
	width: 250px
}

.dis_right {
	width: calc(100% - 250px);
	box-sizing: border-box;
	font-size: 16px;
	color: #666;
	line-height: 30px
}

.ml_title {
	font-size: 26px;
	color: #fff;
	height: 80px;
	line-height: 80px;
	box-sizing: border-box;
	background: #c60000;
	padding-left: 30px
}

.ml_nav {
	padding: 12px 0;
	background: #f6f6f6
}

.ml_nav li {
	position: relative;
	font-size: 16px;
	line-height: 54px;
	padding: 0 20px 0 45px
}

.ml_nav li:before {
	content: '';
	width: 4px;
	height: 4px;
	position: absolute;
	left: 30px;
	top: 25px;
	background: #8a8a8a;
	display: inline-block
}

.ml_nav li>a {
	display: block;
	display: block;
	color: #8a8a8a;
	display: block;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.ml_nav li.on>a,.ml_nav li>a:hover {
	color: #c60000
}

.ml_nav li.on:before,.ml_nav li:hover:before {
	background: #c60000
}

.dis_list {
	margin-bottom: 50px
}

.dis_list li {
	margin-bottom: 45px;
	padding: 0 10px;
	box-sizing: border-box;
	float: left;
	width: 25%;
	text-align: center
}

.dis_list li .img {
	height: 115px;
	line-height: 115px;
	font-size: 0;
	margin-bottom: 12px
}

.dis_list li .img img {
	max-width: 90%;
	max-height: 90%
}

.dis_list li:hover .img {
	-webkit-transform: translate3d(0,-4px,0);
	transform: translate3d(0,-4px,0)
}

.dis_list li p {
	font-size: 16px;
	color: rgba(0,0,0,.8)
}

.dis_list li:hover p {
	color: #c60000
}


.case_main {
	padding: 45px 0;
	background:#ececec
	
}

.case_slick {
	height: 390px;
	margin-bottom: 80px
}

.case_slick .img {
	width: 66%;
	height: 390px;
	background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	
}

.case_slick .text {
	line-height: 24px;
	padding: 0 24px;
	box-sizing: border-box;
	width: 34%;
	height: 390px;
	background: #c60000;
	color: #fff
}

.case_slick .text h2 {
	margin-top: 70px;
	line-height: 34px;
	font-size: 36px;
	font-weight:bold
}

.case_slick .text .cpmc {
	
	line-height: 34px;
	font-size: 20px;
	
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
	color:#FFF
}

.case_slick .text .cpeng {
	

	font-size: 15px;
	
	text-transform:uppercase;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
		color:#FFF

}


.case_slick .text span {
	display: block;
	margin-bottom: 22px
}

.case_slick .text_p {
	margin-bottom: 30px;
	height: 120px;
	overflow: hidden;
	font-size: 14px;
	color: rgba(255,255,255,.8)
}

.case_slick .ca_more {
	font-size: 14px
}

.case_slick .ca_more i {
	margin-left: 10px;
	width: 13px;
	height: 24px;
	display: inline-block;
	vertical-align: top;
	background: url(../images/icon33.png) center no-repeat
}

.case_slick .slick-dots {
	width: 66%;
	bottom: 10px
}

.case_list {
	margin-bottom: 50px
}

.case_list li {
	margin-bottom: 30px;
	width: 31.8%;
	float: left;
	margin-right: 2.3%
}

.case_list li:nth-child(3n) {
	margin-right: 0
}

.case_list li .img {
	height: 0;
	padding-bottom: 65%
}
.case_list li .img span{
	background-size:contain;
	background:no-repeat
}

.case_list .text {
	padding: 28px 24px 38px;
	box-sizing: border-box;
	background: #f9f9f9
}

.case_list .text h2 {
	font-size: 18px;
	color: #000
}

.case_list .text span {
	display: block;
	margin: 8px 0 20px
}

.case_list .text_p {
	font-size: 14px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	color: rgba(0,0,0,.6);
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

.case_list li:hover h2 {
	color: #c60000
}

.case_detail {
	padding: 25px 0 70px
}

.ca_left {
	width: 220px
}

.ca_lt {
	height: 110px;
	line-height: 110px;
	font-size: 0;
	text-align: center;
	margin-bottom: 30px
}

.ca_lt img {
	max-width: 100%;
	max-height: 100%;
	display: inline-block
}

.ca_lb {
	padding: 20px;
	border: 1px solid #eee;
	box-sizing: border-box;
	background: #f9f9f9
}

.ca_lb p {
	margin-bottom: 14px
}

.ca_lb span {
	line-height: 30px;
	color: #000;
	font-weight: 700;
	font-size: 15px;
	display: block
}

.ca_lb font {
	line-height: 24px;
	font-size: 14px;
	color: rgba(0,0,0,.8)
}

.ca_right {
	padding-top: 132px;
	width: 220px
}

.ca_right .box {
	margin-bottom: 38px
}

.ca_right h2 {
	margin-bottom: 6px;
	line-height: 46px;
	color: #c60000;
	font-weight: 700;
	font-size: 24px
}

.ca_right h2 b {
	font-size: 36px
}

.ca_right p {
	line-height: 22px;
	font-size: 15px;
	color: rgba(0,0,0,.8)
}

.ca_mid {
	padding-top: 22px;
	width: calc(100% - 500px);
	margin: 0 auto
}

.ca_mid>h2 {
	margin-bottom: 38px;
	font-size: 26px;
	color: rgba(0,0,0,.8);
	line-height: 40px
}

.ca_mid .content {
	padding-bottom: 40px;
	font-size: 16px;
	color: rgba(0,0,0,.8);
	line-height: 30px
}

.ca_mid .content h3 {
	font-weight: 700;
	color: #c60000;
	font-size: 18px
}

.ca_mid .content p.tit {
	padding-left: 20px;
	position: relative
}

.ca_mid .content p.tit:before {
	content: '';
	position: absolute;
	left: 0;
	top: 12px;
	width: 5px;
	height: 5px;
	background: #c60000;
	display: block
}

.ca_mid .content img {
	max-width: 100%!important;
	height: auto!important
}

.ca_mid .comment {
	padding: 26px 0 35px;
	border-top: 3px solid #e5e5e5;
	border-bottom: 3px solid #e5e5e5
}

.ca_mid .comment .tit {
	margin-bottom: 18px;
	font-size: 24px;
	color: #000
}

.ca_mid .comment .word {
	font-size: 20px;
	color: rgba(0,0,0,.8);
	line-height: 35px;
	margin-bottom: 20px
}

.ca_mid .comment .name {
	margin-bottom: 8px;
	font-size: 16px;
	color: #000
}

.ca_mid .comment .job {
	font-size: 14px;
	color: rgba(0,0,0,.6)
}

.ca_mid .ca_case {
	padding: 30px 0
}

.ca_mid .ca_case .tit {
	margin-bottom: 16px;
	font-size: 20px;
	color: #000
}

.ca_mid .ca_case .case_list li {
	width: 47.6%;
	margin-right: 4.8%
}

.ca_mid .ca_case .case_list li:nth-child(2n) {
	margin-right: 0
}

.ca_mid .ca_case .case_list {
	margin: 0
}

.news_main {
	padding: 50px 0
}

.news_top {
	margin-bottom: 25px
}

.news_top .box {
	position: relative;
	width: 100%
}

.news_top .shadow {
	font-size: 16px;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 18px;
	box-sizing: border-box
}

.news_left {
	width: 66.6%
}

.news_left .box {
	height: 0;
	padding-bottom: 50.5%
}

.news_left .shadow {
	font-size: 18px;
	height: 52px;
	line-height: 52px;
	background: rgba(0,0,0,.5)
}

.news_right {
	width: 30.75%;
	position: relative;
	height: 0;
	padding-bottom: 33.66%
}

.news_right .box {
	height: 0;
	padding-bottom: 50.5%
}

.news_right .box:last-child {
	position: absolute;
	bottom: 0;
	left: 0
}

.news_right .shadow {
	height: 42px;
	line-height: 42px;
	background: rgba(0,0,0,.6)
}

.news_list {
	margin-bottom: 90px
}

.news_list li {
	padding: 30px 0;
	border-bottom: 1px solid #ededed
}

.news_list .img {
	width: 26.8%;
	float: left;
	height: 200px
}

.news_list .text {
	width: 69.5%;
	float: right
}

.news_list .text h2 {
	font-size: 22px;
	color: #222;
	margin: 5px 0;
	line-height:30px;
}

.news_list .text .time {
	display: block;
	margin-bottom: 24px;
	color: #aaa;
	font-size: 14px;
	background: url(../images/icon33.png) left center no-repeat;
	padding-left: 24px;
	line-height: 20px
}

.news_list .text_p {
	margin-bottom: 14px;
	height: 56px;
	overflow: hidden;
	font-size: 16px;
	line-height: 28px;
	color: rgba(0,0,0,.8);
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

.news_list .n_more {
	display: inline-block;
	line-height: 35px;
	color: rgba(0,0,0,.8);
	font-size: 14px
}

.news_list .n_more i {
	margin-left: 10px;
	width: 13px;
	height: 35px;
	display: inline-block;
	vertical-align: top;
	background: url(../images/icon33.png) center no-repeat
}

.news_list .n_more:hover {
	color: #c60000
}

.news_list .n_more:hover i {
	background: url(../images/icon33on.png) center no-repeat
}

.news_list .text h2:hover {
	color: #c60000
}

.news_detail .info {
	padding: 105px 0 38px;
	border-bottom: 1px solid #ebebeb
}

.news_detail .info h2 {
	margin-bottom: 26px;
	font-size: 24px;
	color: #333;
	font-weight: 700
}

.news_detail .info .des {
	line-height: 30px;
	color: rgba(0,0,0,.8);
	font-size: 14px
}

.news_detail .info .n_share {
	margin-left: 26px;
	color: #999
}

.news_detail .info .n_share a img {
	max-width: 25px;
	max-height: 25px
}

.news_detail .info .n_share a:hover img {
	opacity: .8
}

.news_detail .content {
	padding: 44px 0 50px;
	border-bottom: 1px solid #ebebeb;
	font-size: 14px;
	color: #666;
	line-height: 24px
}

.news_detail .content img {
	max-width: 100%!important;
	height: auto!important
}

.rec_list {
	padding: 35px 0 55px
}

.rec_list h2 {
	margin-bottom: 14px;
	line-height: 20px;

	border-left: 5px solid #c60000;
	padding-left: 10px;
	font-size: 20px;
	color: #000
}

.rec_list li {
	width: 22.8%;
	float: left;
	margin-right: 2.93%
}

.rec_list li:nth-child(4n) {
	margin-right: 0
}

.rec_list li .img {
	width: 100%;
	height: 0;
	padding-bottom: 59%;
	margin-bottom: 8px
}

.rec_list li p {
	line-height: 24px
}

.rec_list li:hover p {
	color: #c60000
}

.ser_detail {
	padding: 40px 0 70px
}

.ser_detail .content {
	border-bottom: 0;
	line-height: 33px;
	font-size: 16px;
	color: rgba(1,1,1,.8)
}

.down_list {
	padding: 50px 0 40px
}

.down_list ul {
	margin-bottom: 60px
}

.down_list li {
	cursor: pointer;
	font-size: 0;
	border-bottom: 1px solid #d7d7d7;
	height: 63px;
	line-height: 63px
}

.down_list li:first-child {
	background: #ca0f19;
	border-bottom: 0
}

.down_list li:first-child .box {
	color: #fff
}

.down_list li:first-child .box1 {
	padding-left: 56px
}

.down_list li:first-child .box2 {
	position: relative
}

.down_list li:first-child .box2:before {
	content: '';
	position: absolute;
	left: 0;
	width: 1px;
	height: 26px;
	top: calc((100% - 26px)/2);
	background: #fff
}

.down_list li:first-child .box2:after {
	content: '';
	position: absolute;
	right: 0;
	width: 1px;
	height: 26px;
	top: calc((100% - 26px)/2);
	background: #fff
}

.down_list .box {
	font-size: 16px;
	color: #000;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box
}

.down_list .box1 {
	text-align: left;
	width: calc(100% - 420px)
}

.down_list .box1.tover {
	padding-left: 20px;
	position: relative
}

.down_list .box1.tover:before {
	content: '';
	position: absolute;
	left: 0;
	width: 6px;
	height: 6px;
	top: calc((100% - 6px)/2);
	background: #d7d7d7
}

.down_list .box2 {
	text-align: center;
	width: 170px
}

.down_list .box3 {
	padding-right: 84px;
	text-align: right;
	width: 250px
}

.down_list .box .pdf {
	vertical-align: middle;
	display: inline-block;
	width: 34px;
	height: 34px;
	background: url(../images/icon79.png) center no-repeat;
	background-size: contain
}

.down_list .box .pdf.active {
	background: url(../images/icon79on.png) center no-repeat;
	background-size: contain
}

.down_list li:hover .box1 {
	color: #c60000
}

.down_bg {
	display: none;
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999
}

.down_wrap {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: #fff;
	width: 910px;
	height: 414px
}

.down_wrap .re_title {
	border-bottom: 1px solid #eee;
	position: relative;
	height: 64px;
	line-height: 64px;
	margin-top: 16px;
	padding: 0 75px 0 56px;
	box-sizing: border-box;
	font-size: 24px;
	color: #000
}

.down_wrap .re_title i {
	cursor: pointer;
	width: 30px;
	height: 30px;
	top: 12px;
	position: absolute;
	right: 45px;
	background: url(../images/icon48.png) center no-repeat
}

.down_form {
	font-size: 0;
	padding: 16px 10px
}

.down_form .item {
	float: left;
	height: 70px;
	line-height: 70px;
	width: 410px
}

.down_form .item span {
	display: inline-block;
	font-size: 16px;
	color: rgba(0,0,0,.8);
	width: 130px;
	padding: 0 10px 0 50px;
	box-sizing: border-box
}

.down_form .item input {
	border: 1px solid #e5e5e5;
	width: calc(100% - 130px);
	height: 44px;
	line-height: 42px;
	box-sizing: border-box;
	padding: 0 20px
}

.down_form .item input.down_sub {
	cursor: pointer;
	width: 195px;
	background: #c60000;
	font-size: 16px;
	color: #fff;
	margin-left: 10%
}

@media screen and (max-width:1550px) {
	.p6_list .slick-next,.p5_list .slick-next,.prob5_list .slick-next {
		right: -30px;
		width: 30px;
		background-size: contain
	}

	.p6_list .slick-prev,.p5_list .slick-prev,.prob5_list .slick-prev {
		left: -30px;
		width: 30px;
		background-size: contain
	}

	.p6_list .slick-next,.p6_list .slick-prev,.p5_list .slick-next,.p5_list .slick-prev,.prob5_list .slick-prev,.prob5_list .slick-next {
		width: 20px
	}

	.p6_wrap .p6_list,.p5_list {
		margin: 0 30px
	}

	.case_list {
		margin: 0 30px 30px
	}
}

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

	.i_cus_slick .slick-prev {
		left: -10px;
		width: 46px;
		height: 46px
	}

	.i_cus_slick .slick-next {
		right: -10px;
		width: 46px;
		height: 46px
	}

	.i_cus_slick .slick-slide {
		
		box-sizing: border-box
	}

	.i_cus_slick .slick-dots {
		display: none!important
	}

	.i_cus_slick .slick-slide img {
		width: auto;
		display: inline-block
	}

	.i_customer .img {
	
		width: 100%;
		text-align: center
	}

	.i_customer .text {
		width: 100%;
		margin-right: 5%
	}

	.news_detail .info {
		padding: 50px 0 30px
	}

	.i_service,.i_customer,.i_news {
		padding: 80px 0
	}

	.i_service .i_title,.i_customer .i_title {
		margin-bottom: 40px
	}
}

@media screen and (min-width:1221px) {
	.nav {
		display: inline-block!important;
		vertical-align: top
	}

	.hbot .search_box {
		display: none!important
	}
}

@media screen and (max-width:1220px) {
	.dd_right {
		display: none
	}

	.wbanner {
		height: 300px
	}

	.banner-wrap,.banner-wrap .banner-bg {
	
	}

	.banner-text.baseWidth {
		margin: 0;
		top: 0;
		left: 0;
		height: 100%
	}

	.banner-txt {
		height: 500px
	}

	.baseWidth {
		width: 94%;
		margin: 0 3%;
	
	}
	
	.htop {
		display: none
	}

	.header {
		height: 60px;
		line-height: 60px;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 9999;
		background: #fff;
		box-shadow: 0 2px 8px rgba(0,0,0,.1)
	}

	.header .logo {
		max-height: 40px
	}

	.hbot {
		height: 80px;
		line-height: 80px
	}

	.nav-skip {
		display: inline-block
	}

	.hbot .search_box {
		margin-right: 20px;
		margin-top: 0;
		float: none
	}

	.h_box {
		margin-right: 0
	}

	.nav {
		box-shadow: 0 2px 2px rgba(0,0,0,.1);
		display: none;
		box-sizing: border-box;
		overflow: auto;
		position: absolute;
		top: 80px;
		right: 0;
		padding: 10px 0;
		width: 33.3%;
		height: auto;
		background: rgba(255,255,255,.9);
		z-index:9999
	}

	.nav li {
		margin: 0;
		box-sizing: border-box;
		padding: 0 30px 0 20px;
		width: 100%;
		display: block;
		float: none;
		min-height: 45px;
		line-height: 45px;
		height: auto;
		font-size: 16px;
		font-weight: 400;
		text-align: left
	}

	.nav li.on,.nav li:hover {
		border-top: 0;
		border-bottom: 0
	}

	.nav li.on>a,.nav li:hover>a {
		border: 0;
		height: auto;
		line-height: 45px
	}

	.nav li>a {
		height: auto;
		line-height: 45px;
		border: 0;
		font-size: 16px;
		display: block;
		padding: 0;
		color: #333
	}

	.nav li.hase {
		margin: 0;
		background: url(../images/icon78.png) 97% 21px no-repeat;
		background-size: 10px
	}

	.s_nav,.nav li:nth-child(3) .s_nav {
		width: auto;
		box-shadow: none;
		min-width: 0;
		display: none;
		padding: 0;
		position: static;
		margin: 0!important;
		background: 0 0;
		border-top: 0
	}

	.t_nav {
		display: none!important
	}

	.nav li:nth-child(3) dl {
		border: 0
	}

	.s_nav .nav_pic {
		display: none
	}

	.nav li dl {
		width: 100%;
		margin: 0;
		height: auto;
		float: none
	}

	.nav li dl dd {
		display: block
	}

	.nav li dl dd {
		height: auto!important;
		margin: 0;
		float: none;
		width: 100%;
		text-align: left
	}

	.nav li dl dd>a {
		font-size: 14px;
		font-weight: 400;
		border-bottom: 0;
		line-height: 30px;
		border: 0;
		padding: 0 12px;
		width: 100%;
		box-sizing: border-box
	}

	.nav li dl a:before,.nav li:nth-child(3) dl a:before {
		top: 13px
	}

	.nav li dl .baseWidth {
		width: 100%
	}

	.nav li:nth-child(3) dl dd.on>a {
		color: initial
	}

	.nav li:nth-child(3) dl dd.on>a:before {
		background-color: #737373
	}

	.nav li a:hover,.nav li dl dd>a:hover {
		color: #c60000
	}

	.ftop {
		display: none
	}

	.banner,.banner-text {
		overflow: visible
	}

	.i_path {
		position: static;
		background: #5b5b5b;
		height: 50px;
		line-height: 50px
	}

	.i_path ul {
		font-size: 14px;
		height: 50px;
		line-height: 50px
	}

	.i_path .baseWidth {
		padding-left: 30px;
		background-size: 18px
	}

	.banner .slick-dots {
		bottom: 10px
	}

	.float_right {
		top: auto;
		margin: 0;
		bottom: 8%;
		right: 10px
	}

	.news_detail .info {
		padding: 40px 0 20px
	}

	.news_detail .info h2 {
		margin-bottom: 10px
	}

	.news_detail .content {
		padding: 40px 0 50px
	}

	.news_main {
		padding: 40px 0 50px
	}

	.rec_list li {
		width: 24%;
		margin-right: 1.3%
	}

	.sol_main li {
		height: auto;
		
		padding-bottom: 0
	}
	.sol_main .text{
		position:relative;
		padding:10px 0;
		height:auto;
		
	}
	.sol_main .icon{
	  display:none	
	}

	.sol_main li .img {
		height: 210px;
		padding-bottom: 0
	}

	.sol_main li.active .text {
		padding-top: 50px
	}

	.hon_main {
		padding: 40px 0 50px
	}

	.hon_main .tit {
		margin-bottom: 10px
	}

	.hon_list {
		margin-bottom: 30px
	}

	.hon_list li:nth-child(3n):after,.hon_list li:nth-child(3n):before {
		display: none
	}

	.hon_list li {
		margin-bottom: 20px;
		padding-bottom: 10px
	}

	.hon_list li .img {
		padding-bottom: 55%
	}

	.hon_list .img img {
		max-width: 85%;
		max-height: 80%
	}

	.con_main {
		padding: 40px 0 50px
	}

	.c1_part .tit {
		margin-bottom: 30px
	}

	.c2_right {
		padding: 0 3%
	}

	.c2_right .box h2 {
		margin-bottom: 10px
	}

	.c1_part {
		padding: 0 0 40px
	}

	.c4_part {
		padding: 40px 0 50px
	}

	.re_wrap .text span {
		min-width: 33.3%;
		margin-right: 0;
		display: inline-block;
		float: left
	}

	.re_wrap .re_text {
		padding: 20px 3%;
		line-height: 30px
	}

	.re_wrap .re_title,.down_wrap .re_title {
		padding: 0 3%
	}

	.re_wrap .re_title i,.down_wrap .re_title i {
		right: 3%
	}

	.down_wrap {
		max-width: 90%
	}

	.down_form {
		padding: 15px 3%
	}

	.down_form .item {
		width: 49%
	}

	.down_form .item input {
		padding: 0 10px
	}

	.down_form .down_box .item:first-child {
		margin-right: 2%
	}

	.down_form .item span {
		width: 90px;
		padding: 0 10px 0 0
	}

	.down_form .item input {
		width: calc(100% - 90px)
	}

	.team_wrap {
		padding: 40px 3%
	}

	.team_top {
		height: 50px;
		line-height: 50px;
		padding-left: 40%
	}

	.team_bot {
		height: calc(100% - 50px);
		padding: 30px 3% 30px 36%;
		line-height: 26px;
		font-size: 14px
	}

	.team_img {
		width: 30%;
		height: auto;
		left: 3%;
		top: 30px;
		bottom: auto
	}

	.team_bot .text_p {
		height: 100%;
		padding-right: 0
	}

	.team_wrap .close {
		right: 3%
	}

	.prob9_list .detail {
		display: inline-block!important;
		position: relative;
		vertical-align: middle;
		width: 55%;
		height: 280px;
		margin-top: 0;
		padding: 20px 3%;
		background: #f8f8f8;
		color: rgba(0,0,0,.6)
	}

	.prob9_list li {
		padding: 30px 0
	}

	.prob_scroll h2 {
		margin-bottom: 10px
	}

	.prob9_list li .img {
		float: none;
		display: inline-block;
		vertical-align: middle;
		width: 40%;
		margin-right: 5%
	}

	.prob9_list li:nth-child(2n) .img {
		float: none
	}

	.prob9_list li {
		font-size: 0
	}

	.prob9_list li .text {
		display: none
	}

	.prob9_list .detail h2 {
		color: #000
	}

	.prob_scroll:before {
		display: none
	}

	.i_ser_slick .img {
		width: 140px;
		height: 140px;
		line-height: 140px
	}

	.i_ser_slick .img img {
		max-width: 50%;
		max-height: 50%
	}

	.i_ser_slick p {
		font-size: 20px;
		margin-bottom: 20px
	}

	.i_part .text h2 {
		font-size: 20px
	}

	.i_part .right_w .text {
		width: 80%
	}

	.i_part .left_w .text {
		max-width: 80%
	}

	.i_customer .text h2 {
		font-size: 24px
	}
}

@media screen and (max-width:1150px) {
	.m_bar {
		margin-top: 0;
		min-height: 0;
		line-height: 30px
	}

	.mpath {
		float: none;
		clear: both;
		width: 100%;
		min-width: 100%
	}

	.mnav {
		width: 100%;
		margin-top: 10px;
		max-width: 100%;
		float: none
	}

	.mnav li {
		margin: 0 10px;
		font-size: 14px
	}

	.mnav li a {
		height: 35px;
		line-height: 35px
	}

	.news_list {
		margin-bottom: 50px
	}

	.pages {
		margin-bottom: 0
	}

	.ca_left {
		width: 100%
	}

	.ca_lt {
		width: 20%;
		float: left;
		margin-bottom: 0
	}

	.ca_lb {
		width: 80%;
		float: right
	}

	.ca_lb span,.ca_lb font {
		line-height: 24px;
		display: inline-block;
		vertical-align: top
	}

	.ca_lb span {
		min-width: 100px
	}

	.ca_lb p {
		min-width: 50%;
		float: left
	}

	.ca_right {
		padding-top: 0;
		width: 100%
	}

	.ca_right .box {
		width: 33.3%;
		padding: 20px 2%;
		box-sizing: border-box;
		text-align: center;
		margin: 0;
		float: left
	}

	.ca_right h2 {
		line-height: 26px
	}

	.ca_mid {
		clear: both;
		width: 100%;
		padding-top: 0
	}

	.ca_mid>h2 {
		text-align: center
	}

	.dis_left {
		width: 100%
	}

	.ml_title {
		height: 40px;
		line-height: 40px;
		font-size: 20px;
		padding: 0 3%;
		text-align: center
	}

	.ml_nav {
		padding: 10px 3%;
		margin-bottom: 20px
	}

	.ml_nav li {
		float: left;
		padding: 0 15px;
		background: 0 0;
		margin-right: 20px;
		line-height: 35px
	}

	.ml_nav li:before {
		left: 0;
		top: 15px
	}

	.dis_right {
		width: 100%
	}

	.pro_list {
		margin-bottom: 50px
	}

	.pro_main {
		padding-bottom: 50px
	}

	.c5_form {
		padding: 40px 0 0
	}

	.c2_left {
		width: 34.5%
	}

	.c2_right {
		width: 65.5%
	}

	.float_right .wechat_wrap:hover .wechat_box {
		display: none
	}

	.float_right .wechat_wrap:hover .box {
		background-color: rgba(0,0,0,.5)
	}

	.float_right .wechat_wrap.show .wechat_box {
		display: block
	}

	.float_right .wechat_wrap.show .box {
		background-color: #c60000
	}

	.float_right .qq_wrap:hover .qq_box {
		display: none
	}

	.float_right .qq_wrap:hover .box {
		background-color: rgba(0,0,0,.5)
	}

	.float_right .qq_wrap.show .qq_box {
		display: block
	}

	.float_right .qq_wrap.show .box {
		background-color: #c60000
	}

	.float_right .phone_wrap:hover .phone_box {
		display: none
	}

	.float_right .phone_wrap:hover .box {
		background-color: rgba(0,0,0,.5)
	}

	.float_right .phone_wrap.show .phone_box {
		display: block
	}

	.float_right .phone_wrap.show .box {
		background-color: #c60000
	}
}

@media screen and (max-width:1024px) {
	.wbanner {
		height: 250px
	}

	.ser_detail .content {
		padding: 0
	}

	.news_left .shadow {
		padding: 0 3%;
		font-size: 16px
	}

	.news_right .shadow {
		font-size: 14px;
		padding: 0 3%
	}

	.case_slick,.case_slick .img,.case_slick .text {
		width:100%;
		float:

	}
	.case_slick .img{
		height:auto
	}
	.case_slick, .case_slick .img, .case_slick .text{
	   	width:100%;
		

    }
	
	.case_slick .text{ height:auto}
	.case_slick .ca_more{ display:none}
	.case_slick{
	    height:auto;
		margin-bottom:3	0px
	}
	.case_slick .slick-dots{ width:100%; top:65%}

	.case_slick .text h2 {
		margin-top: 20px
	}

	.case_slick .text_p {
		height: auto
	}

	.pro_list .text {
		width: 58%;
		margin-top: 20px
	}

	.pro_list .img {
		width: 36%
	}

	.pro_list .text h2 {
		font-size: 24px;
		line-height: 30px
	}

	.pro_list .text_p {
		margin-bottom: 20px
	}

	.sol_main li{
		width: 48%;
		margin:0 0.8% 3% 0.8% ;
	}



	.c3_right {
		margin-top: 0;
		width: 50%
	}

	.c3_right li {
		padding: 10px 0
	}

	.c4_list li {
		padding: 10px 0
	}

	.c4_con .img {
		height: 403px
	}

	.c4_list {
		height: 300px
	}

	.abo_part7 {
		line-height: 26px;
		font-size: 14px
	}

	.p7_top .text dd {
		line-height: 26px;
		font-size: 14px
	}

	.p7_top .text .text_p {
		line-height: 26px;
		font-size: 14px
	}

	.p7_top .text dd:before {
		top: 13px
	}

	.abo_blist {
		width: 100%
	}

	.abo_blist li {
		font-size: 14px;
		margin: 0
	}

	.p4_box .text h2 {
		margin-top: 0
	}

	.p6_list .img {
		height: 80px;
		line-height: 80px;
		margin: 10px 5px
	}

	.p6_list .img img {
		max-height: 90%;
		max-width: 90%
	}

	.abo_part8,.abo_part6,.abo_part4,.abo_part7,.abo_part3,.abo_part2,.abo_part1,.abo_part5 {
		padding: 40px 0
	}

	.abo_part8 {
		font-size: 14px;
		line-height: 24px
	}

	.p1_top .text p,.p1_bot {
		font-size: 14px;
		line-height: 24px
	}

	.p1_top .text h2 {
		font-size: 24px;
		margin: 0 0 10px
	}

	.p3_detail .text dd {
		height: 30px;
		line-height: 30px
	}

	.p3_detail .text dl {
		height: 150px
	}

	.p3_detail .img {
		height: 230px
	}

	.p3_detail {
		height: 260px
	}

	.abo_part3 ul {
		margin-top: 300px
	}

	.p3_detail {
		top: -280px
	}

	.p3_detail .text h2 {
		font-size: 38px;
		margin: 0 0 5px;
		padding: 0
	}

	.p5_list .text {
		padding: 10px 3%
	}

	.pro1_wrap .text {
		font-size: 14px;
		line-height: 26px
	}

	.pro_tit h2 {
		font-size: 35px;
		margin-bottom: 0
	}

	.prob6_text h2 {
		font-size: 24px;
		margin-bottom: 10px
	}

	.pro_tit {
		margin-bottom: 15px
	}

	.pro_tit p {
		font-size: 17px
	}
     
	
	 
	.ben_list li {
		font-size: 20px
	}

	.ben_list li p {
		padding: 0 10px
	}

	.ben_list li span {
		line-height: 26px
	}

	.i_title h2 {
		font-size: 40px;
		line-height: 40px
	}

	.i_title h3 {
		font-size: 20px
	}

	.i_news .i_ntop h2 {
		font-size: 26px
	}

	.i_news .i_ntop p {
		font-size: 14px
	}

	.i_nr_info {
		margin-top: 20px
	}

	.i_nl_main,.i_nl_list {
		margin-top: 10px
	}

	.i_nl_main .text .more {
		margin-top: 20px
	}

	.i_nright,.i_nleft {
		height: 495px
	}

	.i_nl_main {
		width: 50%
	}

	.i_nl_list {
		width: 46%
	}

	.i_nleft {
		padding: 42px 3%
	}

	.i_nl_list li:before {
		display: none
	}

	.down_list .box3 {
		text-align: center;
		padding-right: 0;
		width: 170px
	}

	.down_list .box1 {
		width: calc(100% - 340px)
	}

	.down_list li:first-child .box1 {
		padding-left: 3%
	}
}

@media screen and (max-width:900px) {
	.nav {
		width: 50%
	}

	.wbanner {
		height: 200px
	}

	.news_list li {
		padding: 15px 0 10px
	}

	.news_list .text h2 {
		font-size: 20px
	}

	.news_list .text .time {
		margin-bottom: 10px
	}

	.news_list .text {
		width: 65%
	}

	.news_list .img {
		width: 32%;
		height: 180px
	}

	.case_list li {
		margin-bottom: 20px
	}

	.case_list .text {
		padding: 20px 3%
	}

	.case_list li,.case_list li:nth-child(3n) {
		width: 49%;
		margin-right: 2%
	}

	.case_list li:nth-child(2n) {
		margin-right: 0
	}

	.case_slick,.case_slick .img,.case_slick .text {
		height: auto;
		
	}
	.case_slick{ margin-bottom:30px}

	.case_slick .text h2 {
		margin-top: 25px
	}

	.case_slick .text span {
		display:none
	}

	.case_slick .text_p {
		font-size: 12px;
		line-height: 20px;
		height: auto;
		margin-bottom: 14px
	}

	.ca_mid>h2 {
		font-size: 20px;
		margin-bottom: 20px;
		line-height: 30px
	}

	.ca_mid .content {
		font-size: 14px;
		line-height: 24px
	}

	.ca_mid .content h3 {
		font-size: 16px;
		margin-bottom: 5px
	}

	.ca_mid .comment {
		padding: 20px 0
	}

	.ca_mid .comment .tit {
		font-size: 18px;
		margin-bottom: 5px
	}

	.ca_mid .comment .word {
		font-size: 16px;
		line-height: 26px
	}

	.case_detail {
		padding: 20px 0
	}

	.ml_nav li {
		width: 25%;
		box-sizing: border-box;
		margin: 0
	}

	.dis_list li {
		margin-bottom: 20px
	}

	.dis_list li .img {
		height: 80px;
		line-height: 80px
	}

	.pro_list .text_p {
		font-size: 14px;
		line-height: 24px;
		height: 120px
	}

	.hon_list li,.hon_list li:nth-child(3n) {
		width: 49%;
		margin-right: 2%;
		background: #fff
	}

	.hon_list li:nth-child(2n) {
		margin-right: 0
	}

	.hon_slick {
		width: 90%;
		height: 70%
	}

	.hon_slick .slick-next {
		right: -40px
	}

	.hon_slick .slick-prev {
		left: -40px
	}

	.c2_right .detail {
		padding-left: 25px;
		background-size: 16px!important
	}

	.c1_part .tit,.con_main .tit,.hon_main .tit {
		font-size: 26px
	}

	.c2_right .qq a:after {
		background-size: 10px
	}

	.c2_right .qq a {
		padding-left: 22px;
		width: 90px;
		margin-right: 10px
	}

	.c1_part .tit {
		margin-bottom: 20px
	}

	.c1_part .box .img {
		width: 80px;
		height: 80px;
		line-height: 80px
	}

	.c3_top {
		font-size: 0
	}

	.c3_left {
		display: inline-block;
		vertical-align: middle;
		float: none
	}

	.c3_right {
		display: inline-block;
		vertical-align: middle;
		float: none;
		margin-left: 3.2%;
		height:100px
	}

	.p4_box .text p {
		font-size: 14px;
		line-height: 24px
	}

	.p4_box .text .more {
		margin-top: 30px
	}

	.abo_part4 .abo_blist {
		margin: 20px auto 30px
	}

	.p8_list .p8_lt {
		padding: 0
	}

	.p8_list .p8_lt h2 {
		padding: 0 30px;
		background-size: 20px
	}

	.p8_list .p8_lb {
		line-height: 30px
	}

	.p8_list .p8_lb dd a:before {
		top: 13px
	}

	.p8_con {
		margin-top: 20px
	}

	.p8_list .p8_lb dd {
		font-size: 14px
	}

	.abo_tit {
		font-size: 20px
	}

	.p4_box .text h2 {
		font-size: 18px;
		margin-bottom: 10px
	}

	.p8_con .img {
		width: 30%
	}

	.p8_con .text {
		width: 68%
	}

	.p8_list li {
		margin-top: 15px
	}

	.p8_list li.on .p8_lb {
		position: static;
		border: 0
	}

	.prob_list .prob_top {
		height: 45px;
		line-height: 45px;
		font-size: 16px;
		padding: 0 3%;
		background-size: 2%
	}

	.prob_list li {
		padding: 0 3%
	}

	.prob_list .prob_bot {
		padding: 15px 3%;
		line-height: 26px;
		font-size: 15px
	}

	.prob_bg {
		padding: 40px 0
	}

	.pro1_wrap {
		font-size: 0
	}

	.pro1_wrap .img {
		margin-right: 2%;
		width: 42%;
		display: inline-block;
		vertical-align: middle;
		float: none
	}

	.pro1_wrap .text {
		width: 56%;
		display: inline-block;
		vertical-align: middle;
		float: none
	}

	.banner {
		height: auto
	}

	.banner-wrap,.banner-wrap .banner-bg {
	
	}

	.banner-text.baseWidth {
		position: static;
		width: 100%;
		top: auto;
		bottom: 0;
		height: auto
	}

	.banner-txt {
		background: #f5f5f5
	}

	.banner-txt h2 {
		font-size: 20px;
		line-height: 1.3
	}

	.banner-txt h3 {
		font-size: 14px;
		line-height: 1.3;
		margin-bottom: 10px
	}

	.banner-txt .text_p {
		font-size: 14px;
		line-height: 24px;
		height: auto;
		max-height: 46px
	}

	.banner-txt {
		height: auto
	}

	.banner-txt {
		padding: 20px
	}

	.banner-txt .more {
		position: static;
		display: block;
		height: 30px;
		line-height: 30px;
		float: right;
		margin-top: 10px
	}

	.more i {
		height: 30px
	}

	.banner .slick-dots {
		z-index: 999
	}

	.banner .slick-dots li {
		background: #fff
	}

	.banner .slick-dots li.slick-active {
		background: #c60000
	}

	.down_list li {
		height: 50px;
		line-height: 50px
	}

	.down_list .box {
		font-size: 14px
	}

	.down_list {
		padding: 40px 0
	}

	.down_list ul {
		margin-bottom: 30px
	}

	.re_bot {
		margin: 20px auto 10px
	}

	.re_bot font {
		display: block;
		line-height: 30px;
		margin-top: 10px;
		margin-left: 0
	}
}

@media screen and (max-width:800px) {
	.rec_list {
		padding: 20px 0
	}

	.rec_list li {
		width: 48%;
		margin-right: 2%;
		margin-bottom: 20px
	}

	.p1_top {
		font-size: 0
	}

	.p1_top .img {
		width: 30%;
		float: none;
		display: inline-block;
		vertical-align: middle
	}

	.p1_top .text {
		width: 68%;
		margin-left: 2%;
		float: none;
		display: inline-block;
		vertical-align: middle
	}

	.p1_top .text h2 {
		font-size: 20px
	}

	.p1_mid .box h2 {
		line-height: 50px
	}

	.p1_mid .box h2 b {
		font-size: 36px
	}

	.p1_mid {
		margin: 30px auto
	}

	.abo_part3 .slick-next,.abo_part3 .slick-prev {
		width: 20px;
		background-size: contain
	}

	.i_part .right_w .text .text_p,.i_part .left_w .text .text_p {
		margin-top: 10px
	}

	.i_part .left_w .text {
		max-width: 90%
	}

	.i_part .wrap {
		width: 100%;
		height: auto;
		padding-bottom: 0
	}

	.i_part .left_w .box,.i_part .right_w .box {
		padding-bottom: 0;
		height: 160px
	}

	.i_part .left_w,.i_part .right_w {
		float: none
	}

	.i_part .left_w .box {
		text-align: center;
		width: 50%;
		float: left
	}

	.i_part .left_w .text .text_p {
		font-size: 13px;
		line-height: 22px;
		height: auto;
		max-height: 88px
	}

	.i_part .text h2 {
		font-size: 18px
	}

	.i_part .right_w .text {
		height: 24px;
		width: 90%
	}

	.i_part .right_w .text .text_p {
		font-size: 13px;
		line-height: 22px
	}

	.i_part .right_w .box:hover {
		text-align: center
	}

	.i_part .left_w .box .text,.i_part .right_w .box:hover .text {
		text-align: left;
		height: auto;
		position: static;
		display: inline-block;
		vertical-align: middle
	}

	.i_part .right_w .box:hover .text .text_p {
		max-height: 86px;
		height: auto
	}

	.i_part .left_w .box a:before,.i_part .box:hover a:before {
		content: '';
		width: 1px;
		height: 100%;
		display: inline-block;
		vertical-align: middle
	}

	.i_ser_slick .img {
		width: 100px;
		height: 100px;
		line-height: 100px;
		margin-bottom: 10px
	}

	.i_ser_slick p {
		font-size: 16px;
		margin-bottom: 20px
	}

	.i_ser_slick .more {
		height: 30px;
		line-height: 30px;
		width: 100px;
		font-size: 12px
	}

	.i_ser_slick .more i {
		height: 30px
	}
.i_news{ background-size:cover}
	.i_service,.i_customer,.i_news {
		padding: 10px 0
	}

	.i_service .i_title,.i_customer .i_title {

		margin-bottom: 20px
	}

	.i_title h2 {
		font-size: 30px;
		line-height: 1.3
	}

	.i_title h3 {
		font-size: 16px;
		line-height: 1.3
	}

	.i_cus_slick .slick-slide {
		padding: 0
	}

	.i_cus_slick {
		margin: 0 0px
	}

	.i_customer .img {
		margin-left: 0;
		width: 100%;
		margin-left: 2%
	}

	.i_customer .text {
		margin-right: 0;
		width: 100%;
		margin-right: 2%;
		margin-top: 0
	}

	.i_customer .text h2 {
		font-size: 20px
	}

	.i_customer .text span {
		font-size: 16px;
		margin-bottom: 15px
	}

	.i_customer .text p {
		font-size: 14px;
		line-height: 24px;
		height: 118px
	}

	.i_cus_slick .slick-next,.i_cus_slick .slick-prev {
		width: 30px
	}

	.i_cus_slick .slick-prev {
		left: -30px
	}

	.i_cus_slick .slick-next {
		right: -30px
	}

	.i_nleft {
		width: 100%;
		height: auto
	}

	.i_news .i_ntop p {
		height: auto
	}

	.i_news .i_ntop h2 {
		font-size: 20px
	}

	.i_nright,.i_nleft {
		padding: 20px 3%
	}

	.i_nl_main .text h2 {
		margin-bottom: 10px
	}

	.i_nl_main .text p {
		font-size: 12px;
		line-height: 20px;
		height: 78px
	}

	.i_nl_main .img {
		height: 120px;
		margin-bottom: 20px
	}

	.i_nl_list li {
		height: 40px;
		line-height: 40px
	}

	.i_nright {
		width: 100%;
		height: auto
	}

	.i_nr_info .box {
		width: 50%;
		float: left;
		box-sizing: border-box;
		margin-bottom: 0;
		margin-bottom: 10px
	}

	.i_nr_btn {
		padding-bottom: 20px;
		margin-bottom: 20px
	}

	.i_nr_btn a {
		float: left;
		margin-right: 10px
	}

	.i_nr_ewm {
		font-size: 0
	}

	.i_nr_ewm .fl {
		width: 120px;
		height: 120px;
		float: none;
		display: inline-block;
		vertical-align: middle
	}

	.i_nr_ewm .fr {
		font-size: 14px;
		width: calc(100% - 140px);
		margin-left: 20px;
		float: none;
		display: inline-block;
		vertical-align: middle
	}
}

@media screen and (max-width:768px) {
	.fbot .baseWidth>p {
		text-align: center
	}

	.fbot {
		line-height: 22px
	}

	.float_right>div {
		margin: 10px 0
	}

	.float_right .box {
		width: 40px;
		height: 40px;
		background-size: 18px
	}

	.float_right .wechat_box {
		right: 50px
	}

	.float_right .phone_box {
		width: 226px;
		top: auto;
		bottom: 0
	}

	.qq_wrap {
		display: none!important
	}

	.float_right .qq_box {
		width: 202px
	}

	.news_detail .info h2 {
		font-size: 20px
	}

	.news_detail .info {
		padding: 20px 0 15px
	}

	.pro_list .box {
		padding: 20px 0
	}

	.pro_list .text h2 {
		margin-bottom: 10px
	}

	.hon_wrap h2 {
		margin-bottom: 20px
	}

	.c5_form .c5_fr {
		width: 44%
	}

	.c5_form input {
		line-height: 38px;
		height: 40px;
		margin-bottom: 20px;
		padding: 0 3%
	}

	.c5_form textarea {
		height: 282px;
		padding: 10px 3%
	}

	.c5_form .c5_sub {
		height: 40px;
		line-height: 40px;
		width: 120px;
		font-size: 16px
	}

	.c4_con .text {
		padding: 20px 3%
	}

	.c4_con .img {
		height: 395px
	}

	.p7_top .img {
		width: 40%
	}

	.p7_top .text {
		width: 55%
	}

	.p7_top .text h2 {
		font-size: 18px;
		margin-bottom: 10px
	}

	.p7_top .text .text_p {
		margin-bottom: 10px
	}

	.p7_top {
		margin-bottom: 10px
	}

	.abo_blist li:after {
		display: none
	}

	.abo_blist li,.abo_blist li:last-child {
		min-width: 0;
		margin-bottom: 5px;
		padding: 0 10px
	}

	.abo_part6 .abo_blist {
		margin: 20px auto
	}

	.ben_list li {
		font-size: 16px
	}

	.ben_list li {
		height: 100px;
		line-height: 100px
	}

	.ben_list li .img {
		height: 100px
	}

	.ben_list li p:before {
		height: 100%
	}

	.ben_list {
		margin-bottom: 20px
	}

	.prob7_con {
		padding: 0
	}

	.prob_bg {
		position: relative
	}

	.prob_bg:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(255,255,255,.6)
	}

	.prob6 {
		position: relative;
		z-index: 1;
		text-align: center
	}

	.prob6_text {
		float: none
	}

	.prob9_list .detail h2 {
		font-size: 18px
	}

	.down_wrap {
		max-width: 70%;
		height: 520px
	}

	.down_form {
		padding: 15px 5%
	}

	.down_form .item input.down_sub {
		margin-top: 10px
	}

	.down_wrap .re_title {
		margin-top: 0;
		font-size: 20px
	}

	.down_wrap .re_title i {
		top: 18px
	}

	.down_form .item span {
		font-size: 14px;
		width: 70px
	}

	.down_form .item input {
		line-height: normal;
		width: calc(100% - 70px)
	}

	.down_form .item input.down_sub {
		width: 120px;
		font-size: 14px
	}

	.down_form .item {
		height: 60px;
		line-height: 60px;
		width: 100%;
		margin: 0!important
	}
}

@media screen and (max-width:700px) {
	.wbanner {
		height: 150px
	}

	.news_left,.news_right {
		float: none;
		width: 100%
	}

	.news_left .box {
		padding-bottom: 40%
	}

	.news_right {
		padding-bottom: 0;
		margin-top: 10px
	}

	.news_right .box {
		float: left;
		width: 49%;
		margin-right: 2%;
		padding-bottom: 25%
	}

	.news_right .box:last-child {
		position: relative;
		margin-right: 0
	}

	.news_top .shadow {
		height: 35px;
		line-height: 35px;
		font-size: 14px
	}

	.news_list .text_p {
		font-size: 12px;
		line-height: 22px;
		height: 42px
	}

	.news_list .img {
		height: 150px
	}

	.news_list .text h2 {
		font-size: 16px;
		margin-top: 0
	}

	

	.sol_main li:nth-child(2n) {
		margin-right: 0
	}

	.hon_wrap {
		padding: 30px 20px;
		height: 50%;
		max-width: 94%
	}

	.hon_wrap h2 {
		margin-bottom: 20px;
		font-size: 20px
	}

	.hon_wrap .close {
		right: 0;
		top: 0;
		background-size: 15px
	}

	.hon_slick {
		margin: 0 auto 20px
	}

	.c4_con .img {
		width: 100%;
		height: 200px
	}

	.c4_con .text {
		width: 100%
	}

	.c5_form .c5_fl {
		margin-bottom: 15px
	}

	.c5_form .c5_fl,.c5_form .c5_fr {
		width: 100%
	}

	.c5_form .c5_sub {
		margin: 0 auto;
		display: block
	}

	.c3_left {
		width: 80%;
		height: 0;
		padding-bottom: 66%;
		margin: 0 auto 10px;
		display: block
	}

	.c2_right .phone .detail em {
		font-size: 18px
	}

	.c3_right {
		width: 100%;
		margin-left: 0
	}

	.c2_left {
		width: 100%;
		float: none;
		margin: 0 auto;
		display: block;
		position: relative;
		padding-bottom: 69%;
		display:none
	}

	.c2_left img {
		width: 100%;
		height: 100%;
		margin: 0!important;
		left: 0;
	
		
	}

	.c2_right {
		width: 100%
	}

	.c5_form textarea {
		height: 120px
	}

	.p7_top .img {
		width: 100%;
		margin-bottom: 10px
	}

	.p7_top .text {
		width: 100%
	}

	.p8_con .img {
		width: 100%;
		margin: 0 auto 10px
	}

	.p8_con .text {
		width: 100%
	}

	.p1_top .img {
		width: 100%
	}

	.p1_top .text {
		width: 100%;
		margin: 10px 0 0
	}

	.abo_part2 .p2_box:hover p {
		position: relative;
		top: -20px
	}

	.abo_part2 .p2_box:hover h2 {
		top: -75px
	}

	.p5_list .text h2 {
		font-size: 16px
	}

	.down_list .box2,.down_list .box3 {
		width: 120px
	}

	.down_list .box1 {
		width: calc(100% - 240px)
	}

	.down_list .box .pdf {
		width: 25px;
		height: 25px
	}

	.down_list .box1.tover {
		padding-left: 3%
	}

	.down_list .box1.tover:before {
		width: 4px;
		height: 4px;
		top: calc((100% - 4px)/2)
	}
}

@media screen and (min-width:601px) and (max-width:1220px) {
	.hbot .search_box {
		display: inline-block!important
	}
}

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

	.header,.hbot {
		height: 80px;
		line-height: 80px
	}

	.header .logo {
		height: 32px
	}

	.hbot .search_box {
		box-shadow: 0 2px 2px rgba(0,0,0,.04);
		font-size: 0;
		display: none;
		padding: 0 3%;
		box-sizing: border-box;
		position: fixed;
		z-index: 999;
		width: 100%;
		height: 50px;
		line-height: 50px;
		top: 50px;
		background: #fff;
		left: 0;
		border-radius: 0;
		margin: 0;
		border: 0
	}

	.hbot .search_input {
		float: none;
		font-size: 14px;
		vertical-align: middle;
		background: #f4f4f4;
		height: 35px;
		line-height: normal;
		width: 84%
	}

	.hbot .search_sub {
		float: none;
		background-color: #c60000;
		vertical-align: middle;
		width: 16%;
		height: 35px;
		background-image: url(../images/icon80w.png)
	}

	.hsearch_icon {
		display: inline-block;
		vertical-align: middle;
		width: 2.4rem;
		height: 2.4rem;
		background: url(../images/icon81.png) center no-repeat;
		background-size: 1.4rem
	}

	.nav {
		width: 100%
	}

	.pages a,.pages span {
		margin-bottom: 5px;
		box-sizing: border-box;
		font-weight: 400;
		height: 30px;
		line-height: 30px;
		min-width: 30px;
		font-size: 14px;
		padding: 0 4px
	}

	.pages .prev,.pages .next {
		width: auto;
		padding: 0 10px
	}

	.ser_detail,.news_detail .content,.news_main,.dis_main {
		padding: 20px 0 40px
	}

	.news_top {
		margin-bottom: 10px
	}

	.ser_detail .content,.news_detail .content {
		font-size: 14px;
		line-height: 22px
	}

	.fbot a {
		margin-right: 10px
	}

	.news_detail .info h2 {
		font-size: 18px
	}

	.rec_list h2 {
		font-size: 18px
	}

	.rec_list li p {
		font-size: 12px;
		line-height: 22px
	}

	.news_list,.case_list,.dis_list,.pro_list {
		margin-bottom: 30px
	}

	.case_main .case_list {
		margin: 0 auto 30px
	}

	.pro_main {
		padding-bottom: 40px
	}

	.case_slick .img,.case_slick .slick-dots {
		width: 100%;
		height:10px;
		top:65% !important
		
	}
    .case_slick .ca_more,.case_slick .text .cpeng{
	     display:none
	 }
	 
	.case_slick .text h2 {
		font-size: 18px
	}

	.case_slick .text {
		width: 100%
	}

	.case_slick .text_p {
		height: auto !important;
		margin:0;
	}

	.case_slick,.case_slick .img,.case_slick .text {
		height: auto
	}

	.case_slick .text {
		padding: 1% 3%
	}

	.case_slick .text h2 {
		margin-top:0;
		font-size:23px;
	}

	.case_list .text span {
		margin: 6px 0 10px
	}

	.ca_right h2,.ca_right h2 b {
		font-size: 20px
	}

	.ca_right p {
		font-size: 12px
	}

	.ca_lt {
		border: 1px solid #ddd;
		background: #fff;
		border-radius: 50%;
		margin: 0 auto 20px;
		float: none;
		width: 80px;
		height: 80px;
		line-height: 78px;
		overflow: hidden
	}

	.ca_lb {
		padding: 15px 3%;
		width: 100%
	}

	.ca_lb p {
		margin-bottom: 4px
	}

	.ca_lb span,.ca_lb font {
		font-size: 12px
	}

	.ca_lb span {
		min-width: 70px
	}

	.dis_list li {
		width: 33.3%
	}

	.ml_nav li {
		width: 50%;
		font-size: 14px;
		line-height: 30px
	}

	.ml_title {
		font-size: 18px;
		height: 35px;
		line-height: 35px
	}

	.dis_list li .img {
		height: 60px;
		line-height: 60px
	}

	.dis_list li p {
		font-size: 14px
	}

	.pro_list .img,.pro_list .box:nth-child(2n) .img {
		width: 50%;
		margin: 0 auto;
		float: none
	}

	.pro_list .text {
		width: 100%
	}

	.pro_list .text h2 {
		font-size: 18px;
		margin-bottom: 0
	}

	.pro_list .text_p {
		font-size: 12px;
		line-height: 20px;
		height: 100px;
		margin-bottom: 10px
	}

	.pro_list .p_more {
		float: right
	}

	.hon_list li,.hon_list li:nth-child(3n) {
		padding: 20px 0;
		background: #f4f4f4;
		padding-bottom: 20px;
		width: 100%!important;
		margin-right: 0!important
	}

	.hon_list li .img {
		padding-bottom: 50%
	}

	.hon_list li .img img {
		max-height: 90%
	}

	.hon_list li p {
		background: 0 0;
		height: auto;
		line-height: 22px;
		font-size: 14px
	}

	

	.c1_part .box p {
		font-size: 14px
	}

	.c1_part .box .img {
		width: 60px;
		height: 60px;
		line-height: 60px;
		margin-bottom: 10px
	}

	.re_wrap {
		min-width: 90%
	}

	.re_wrap .re_title {
		font-size: 20px
	}

	.re_wrap .re_text h2 {
		font-size: 15px
	}

	.re_wrap .re_text {
		line-height: 24px
	}

	.re_wrap .text span,.re_wrap .re_text .box p {
		font-size: 12px
	}

	.re_wrap .re_title,.down_wrap .re_title {
		height: 50px;
		line-height: 50px;
		margin-top: 0
	}

	.re_wrap .re_title i,.down_wrap .re_title i {
		top: 10px
	}

	.re_wrap .re_text {
		height: calc(100% - 50px)
	}

	.re_wrap .re_scroll {
		height: calc(100% - 90px)

	}

	.re_wrap .rbtn {
		width: 120px;
		font-size: 15px;
		height: 35px;
		line-height: 35px
	}

	.re_bot font {
		font-size: 15px;
		line-height: 20px;
		margin-top: 5px
	}

	.p8_list li.on .p8_lb {
		padding: 10px 0
	}

	.p8_list .p8_lt {
		height: 40px;
		line-height: 40px
	}

	.p8_list li {
		background-position: 95% 18px
	}

	.p1_mid .box {
		width: 50%;
		margin-bottom: 10px
	}

	.p1_mid .box h2 {
		line-height: 26px
	}

	.p1_mid .box p {
		height: 34px;
		overflow: hidden;
		font-size: 12px
	}

	.abo_part2 .p2_box h2 {
		font-size: 14px
	}

	.abo_part2 .p2_box h3 {
		font-size: 16px
	}

	.abo_part2 .p2_box:hover p {
		font-size: 14px
	}

	.p3_detail .text dd {
		font-size: 14px
	}

	.p3_detail .text h2 {
		font-size: 30px
	}

	.abo_part3 ul {
		margin: 20px auto
	}

	.abo_part3 .slick-prev {
		top: 20px;
		background-size: 12px!important
	}

	.abo_part3 .slick-next {
		top: 20px;
		background-size: 12px!important
	}

	.p3_detail {
		position: static;
		top: 0;
		width: 100%
	}

	.abo_part8,.abo_part6,.abo_part4,.abo_part7,.abo_part3,.abo_part2,.abo_part1,.abo_part5 {
		padding: 20px 0
	}

	.p5_list .text p {
		margin-bottom: 10px
	}

	.p6_list .slick-next,.p6_list .slick-prev,.p5_list .slick-next,.p5_list .slick-prev,.prob5_list .slick-next,.prob5_list .slick-prev {
		background-size: 12px!important
	}

	.abo_blist li {
		height: 30px;
		line-height: 30px
	}

	.p1_top .text h2 {
		font-size: 16px;
		margin-bottom: 5px
	}

	.p1_mid {
		margin: 15px 0 5px
	}

	.p1_top .text p,.p1_bot {
		font-size: 12px;
		line-height: 20px
	}

	.team_img {
		display: block;
		margin: 0 auto 10px;
		position: static;
		height: 100px;
		width: 100px;
		border-radius: 50%;
		border: 1px solid #ddd
	}

	.team_bot {
		font-size: 12px;
		line-height: 20px;
		width: 100%;
		padding: 20px 3%
	}

	.team_bot .text_p {
		height: calc(100% - 110px)
	}

	.team_top {
		padding-left: 0;
		text-align: center
	}

	.team_wrap {
		padding: 20px 3%
	}

	.p5_list .slick-slide {
		margin: 20px 5px 10px
	}

	.prob {
		padding: 20px 0 30px
	}

	.pro_tit {
		margin-bottom: 10px
	}

	.pro_tit h2,.prob6_text h2 {
		font-size: 18px
	}

	.pro_tit p {
		font-size: 12px;
		max-width: 100%
	}

	.pro1_wrap .img {
		width: 100%;
		margin: 0 auto 10px
	}

	.pro1_wrap .text {
		width: 100%;
		margin: 0
	}

	.pro1_wrap .text {
		font-size: 12px;
		line-height: 20px
	}

	.prob_list .prob_top {
		font-size: 14px
	}

	.prob_list .prob_bot {
		font-size: 14px;
		line-height: 20px
	}

	.ben_list li span {
		font-size: 14px;
		line-height: 18px
	}

	.ben_list li {
		margin-bottom: 6px
	}

	.prob_text {
		font-size: 14px;
		line-height: 24px
	}

	.prob7_con a.tit {
		font-size: 14px;
		line-height: 24px
	}

	.prob7_con h2 {
		margin-bottom: 5px
	}

	.prob7_con a.tit:before {
		top: 10px
	}

	.prob_bg {
		padding: 20px 0
	}

	.p4_box .text h2 {
		font-size: 16px;
		margin-bottom: 5px
	}

	.prob9_list .detail h2 {
		font-size: 16px
	}

	.prob_scroll .text_p p {
		font-size: 12px;
		line-height: 20px
	}

	.prob9_list li {
		padding: 20px 0
	}

	.prob9_list li .img {
		width: 26%;
		margin: 0 auto 10px;
		display: block
	}

	.prob9_list .detail {
		width: 100%;
		max-height: 200px;
		height: auto
	}

	.prob_scroll {
		max-height: 160px;
		height: auto
	}

	.banner-wrap,.banner-wrap .banner-bg {
		
		background-size:contain
	}

	.i_service,.i_customer,.i_news {
		padding: 20px 0 30px
	}

	.i_part .left_w .text .text_p {
		max-height: 66px
	}

	.i_part .text h2 {
		font-size: 16px
	}

	.i_ser_slick {
		margin: 0 30px
	}

	.i_ser_slick .slick-prev {
		left: -30px;
		width: 30px;
		height: 86px;
		margin-top: -43px;
		background: url(../images/icon10.png) center no-repeat;
		background-size: contain
	}

	.i_ser_slick .slick-prev:hover {
		background: url(../images/icon10on.png) center no-repeat;
		background-size: contain
	}

	.i_ser_slick .slick-next {
		right: -30px;
		width: 30px;
		height: 86px;
		margin-top: -43px;
		background: url(../images/icon11.png) center no-repeat;
		background-size: contain
	}

	.i_ser_slick .slick-next:hover {
		background: url(../images/icon11on.png) center no-repeat;
		background-size: contain
	}

	.i_customer .img {
		margin: 0 auto 15px;
		float: none;
		display: block
	}

	.i_customer .text {
		width: 100%;
		margin: 0;
		padding: 0 3%;
		box-sizing: border-box
	}

	.i_customer .text h2 {
		font-size: 18px
	}

	.i_customer .text span {
		font-size: 14px;
		margin-bottom: 10px
	}

	.i_customer .text p {
		font-size: 12px;
		line-height: 20px;
		height: 40px
	}

	.i_customer .text .more,.i_nl_main .text .more {
		height: 30px;
		line-height: 30px;
		margin: 15px auto 0;
		display: block
	}

	.i_customer .text .more i,.i_nl_main .text .more i {
		height: 30px
	}

	.i_nl_main,.i_nl_list {
		width: 100%
	}

	.i_nr_info .box {
		width: 100%
	}

	.mpath {
		font-size: 12px;
		text-indent: 18px;
		background-size: 12px
	}

	.mpath b {
		margin: 0 6px
	}

	.i_path,.i_path ul {
		font-size: 12px;
		height: 40px;
		line-height: 40px
	}

	.i_ser_slick p {
		font-size: 14px;
		margin-bottom: 10px
	}

	.i_title h2,.i_title h3 {
		letter-spacing: 2px
	}

	.sol_main .icon img {
		max-width: 40%;
		max-height: 40%
	}

	.down_list {
		padding: 20px 0 40px
	}

	.down_list li {
		height: 42px;
		line-height: 42px
	}

	.down_list .box {
		font-size: 12px
	}

	.down_list .box2 {
		width: 80px
	}

	.down_list .box3 {
		width: 50px
	}

	.down_list .box1 {
		width: calc(100% - 130px)
	}

	.sol_main {
		padding-top: 20px
	}

	.sol_main ul {
		margin-bottom: 10px
	}

	.i_ser_slick .img {
		border-width: 2px
	}

	.down_wrap {
		height: 380px
	}

	.down_wrap {
		max-width: 90%
	}

	.re_wrap .re_title i,.down_wrap .re_title i {
		background-size: 20px
	}
}

@media screen and (max-width:500px) {
	.wbanner {
		height: 120px
	}

	.news_list .img {
		width: 100%;
		padding-bottom: 60%;
		height: 0
	}

	.news_list .text {
		width: 100%;
		margin-top: 10px
	}

	.news_list .n_more {
		float: right
	}

	.news_list .text_p {
		margin-bottom: 0
	}

	.news_list .text h2,.news_list .text .time {
		margin-bottom: 5px
	}

	.case_list li,.case_list li:nth-child(2n),.case_list li:nth-child(3n) {
		width: 100%;
		margin: 0 auto 14px
	}

	

	.sol_main li .img {
		height: 150px
	}

	.sol_main .text {
		height: auto;
		padding:10px 0
	}

	.sol_main .text h2 {
		font-size: 16px;
		margin-bottom: 5px
	}

	.sol_main .text_p {
		font-size: 12px;
		line-height: 20px;
		
	}

	.sol_main li.active .text {
		padding-top: 25px
	}

	.sol_main li.active .icon {
		width: 50px;
		height: 50px;
		line-height: 48px;
		margin-bottom: 20px
	}

	.hon_wrap {
		padding: 20px
	}

	.hon_wrap h2 {
		font-size: 16px;
		margin-bottom: 10px;
		line-height: 18px
	}

	.hon_wrap h3 {
		font-size: 14px;
		line-height: 20px;
		height: 20px;
		margin-bottom: 5px;
		overflow: hidden
	}

	.hon_slick {
		margin: 0 auto 10px
	}

	.hon_wrap .hon_page .now {
		font-size: 16px
	}

	.c2_right .box {
		width: 100%
	}

	.c2_right .box h2 {
		padding: 5px 0
	}

	.c1_part .box:after {
		display: none
	}

	.c1_part .box {
		width: 50%;
		margin-bottom: 20px
	}

	.c1_part {
		padding-bottom: 0
	}

	.con_main {
		padding: 20px 0 40px
	}

	.c1_part .tit,.con_main .tit,.hon_main .tit {
		font-size: 20px
	}

	.c2_right .box h2 {
		font-size: 14px
	}

	.c2_right .phone .detail,.c2_right .detail {
		font-size: 12px
	}

	.c2_right .box {
		margin: 6px 0
	}

	.c3_right li {
		padding: 5px 0
	}

	.c4_list h2 {
		font-size: 14px
	}

	.c4_list p em {
		font-size: 12px
	}

	.c4_list p em {
		margin-right: 10px;
		min-width: 80px
	}

	.c4_con .text h3 {
		height: 30px;
		line-height: 30px;
		font-size: 18px
	}

	.c5_form {
		padding-top: 20px
	}

	.c5_form .tit {
		margin-bottom: 20px
	}

	.p4_wrap .p4_box .img {
		margin: 0 auto 10px;
		float: none;
		display: block
	}

	.p4_box .text .more {
		margin-top: 15px;
		float: right
	}

	.p4_box .text {
		width: 100%;
		margin: 0 auto
	}

	.abo_blist li {
		font-size: 12px
	}

	.abo_tit {
		font-size: 18px
	}

	.abo_part8,.abo_part6,.abo_part4,.abo_part7 {
		padding: 20px 0 30px
	}

	.abo_part2 .p2_box {
		width: 100%;
		padding-bottom: 66.6%;
		margin: 5px auto
	}

	.p3_detail .img {
		width: 100%;
		height: 0;
		padding-bottom: 75%
	}

	.p3_detail {
		height: auto
	}

	.p3_detail .text {
		width: 100%;
		margin: 10px auto 0
	}

	.p3_detail .text dl {
		height: auto
	}

	.case_list.prob5_list li {
		margin: 0!important
	}

	.case_list .text h2 {
		font-size: 16px
	}

	.case_list .text_p {
		font-size: 12px
	}

	.prob5 .case_list {
		margin-bottom: 0
	}

	.ben_list li span {
		font-size: 12px
	}

	.i_nr_ewm .fl {
		width: 100px;
		height: 100px
	}

	.i_nr_ewm .fr {
		width: calc(100% - 115px);
		margin-left: 15px;
		font-size: 12px
	}

	.i_nr_ewm .fr h2 {
		font-size: 20px
	}

	.i_nr_btn a {
		width: 130px
	}

	.mnav li {
		font-size: 12px
	}

	.down_form .item span {
		font-size: 12px;
		padding-right: 0;
		width: 55px
	}

	.down_form .item {
		height: 50px;
		line-height: 50px
	}

	.down_form .item input {
		height: 38px
	}

	.down_form .item input {
		width: calc(100% - 55px);
		font-size: 12px;
		padding: 0 5px
	}

	.down_wrap {
		height: 330px
	}

	.down_form .item input.down_sub {
		width: 100px
	}
}

@media screen and (max-width:370px) {
	.wbanner {
		height: 100px
	}

	.prob_text {
		font-size: 12px
	}
}

.site ul {
	float: left;
	margin-left: 2%;
	width: 18%
}

.site ul .str {
	text-align: center;
	font-size: 16px;
	font-weight: 600
}

.site ul .stitle {
	text-align: center;
	font-size: 14px;
	margin-top: 10%
}


.pr_img{ background-size:cover}
.pr_img img {max-width:100%;}
.cp_title{ margin:50px 0;}
.cp_title h2 {
		    text-align: center;
    font-size: 30px;
    color: #cfd8dc;
		
	}
.cp_title h3 {
		    font-size: 40px;
    color: #2e2e2e;
    font-family: "Microsoft JhengHei";
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);	
    transform: translateY(-50%);
	}
.cp_gs{ margin-bottom:50px}	
.cp_gstop{ line-height:35px; width:160px; position:relative; padding:0 10px; font-size:22px; box-sizing:border-box; border-bottom:none; border-radius:15px 15px 0 0; background:#e5322c; text-align:center; color:#fff}
.cp_bor{  border-bottom:3px solid #e8e7e7;}

.cp_div{ padding:0 10px;}
.cp_gstext{ padding:15px; font-size:14px; line-height:30px; font-family:"微软雅黑"}
.cp_ne{ border-top:2px solid #e1e1e1; margin:40px 0}
.cp_ne:before{ display:block; content:""; width:250px; border-radius:0 0 15px 15px; background:#DA251C; height:6px; margin:0 auto}


@media screen and (max-width: 1024px){
	.cp_title h3{
		font-size:30px;
	} 
	.cp_title{ margin:25px 0;}
	.cp_title h2{
		font-size:20px;
	}
	
	.cp_gstop{
		font-size:18px;
	}
	
	.i_titles h2{ font-size:22px}
	.i_titles h3{ font-size:18px;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
    margin-top:10px;
}
	.i_titles{ margin:10px 0}
	.case_slick .text .cpmc{
		}
}

@media screen and (max-width: 555px){
.slick-dots {
		top:200px !important
		
	}
.case_slick .text .cpmc{
	 line-height:inherit;
	 font-size:16px
}
.case_slick .text_p{
	margin-bottom:0px;
}	
}

@media screen and (max-width: 460px){
.slick-dots {
		top:80% !important
		
	}
}


* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF;
	color: #333333;
	font-family: "微软雅黑",Arial,Lucida,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 150%;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	color: #990000;
}

ol, ul {
	list-style: none outside none;
}

.m {
	margin-bottom: 10px;
}

.m, .mt, .mc, .mb {
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}





ul,li {
	list-style-type: none;
}

img {
	border: 0px;
}

a {
	color: #333;
}

.not-animated {
	opacity: 0;
}

.totop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	cursor: pointer;
	z-index: 666;
}







/*.banner{ background:url(../images/banner.jpg) no-repeat center; height:742px;}*/

.spro {
	padding: 65px 0px 55px 0;
}

.lanmutop {
	text-align: center
}

.lanmutit {
	margin-bottom: 14px;
}

.lanmucn {
	font-size: 28px;
	color: #000;
}

.spronav {
	height: 46px;
	background: url(../images/navxian.jpg) center;
	margin-top: 52px;
	text-align: center
}

.spronav ul li {
	display: inline-block;
	width: 143px;
	height: 46px;
	background:url(../images/navh_.png) no-repeat center;
	background-size:contain;
	margin: 0 30px;
	line-height: 46px;
	font-size: 14px;
}

.spronav ul li a {
	color: #fff;
}

.spronav ul li:hover {
	background: url(../images/navh.jpg) no-repeat center;
		background-size:contain;
}

.spronav ul li:hover a {
	color: #fff;
}

.spronav ul .spronavh {
	background: url(../images/navh.jpg) no-repeat center;
}

.spronav ul .spronavh a {
	color: #fff;
}

.sproul {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	display: none;
}

.sproul ul {
	width: 1210px;
	margin-top: 53px;
	overflow: hidden
}

.sproul ul li {
	float: left;
	width: 47%;
	margin: 0 1.3%;
	border: 1px solid #d6d6d6;
	box-sizing:border-box;
	 margin-bottom:3%
}

.sproimg {
	
	margin: 0 auto;
}

.sproimg img {
	width: 100%
}

.sproxian {
	margin: 0 auto;
	width: 227px;
	
	
}

.sprowz {

	margin: 0 auto;
	background: url(../images/sproxian.jpg) no-repeat left;
	
}

.sprolx {
	background:#a61412;
	padding-left: 17px;
	font-size: 25px;
	font-family: Arial;
	color: #333;
    line-height:30px;
	color:#FFF;
	font-weight:bold;
	
}

.sprotit {
	padding-left: 17px;
	font-size: 18px;
	color: #333;
	
	line-height:35px;
	background:#EC0404;
	color:#fff
}
.sprolx,.sprotit{
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}

.sproul ul li:hover .sprotit {
	font-weight: bold;
}

.sproa {
	width: 182px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin: 0 auto;
	margin-top: 45px;
	line-height: 44px;
	background: #ce1917;
	border-radius: 22px;
}

.sproa a {
	color: #fff;
	display: block;
}

.sproc .sproulh {
	animation: mymove 0.8s 1;
}

@media screen and (max-width: 1199px) {
	
	.spronav ul li {
		width: 30%;
		margin: 0 0.8%
	}

	.sproul {
		padding: 0 10px;
		width: auto !important
	}

	.sproul ul {
		width: auto;
		margin-top: 20px
	}

	.sproul ul li {
		width: 47%;
		margin: 2% 1.5%;
		box-sizing: border-box;
	}

	.spronav ul .spronavh {
		background-size: contain
	}

	.sproimg {
		width: 100%;
	}

	.sproxian {
		width: auto
	}

	.sprowz {
		width: auto
	}
}

@media screen and (max-width: 414px) {
	
	.spronav ul li {
		width: 30%;
		margin: 0 0.8%
	}

	.sproul {
		padding: 0 10px;
		width: auto !important
	}

	.sproul ul {
		width: auto;
		margin-top: 20px
	}

	.sproul ul li {
		width: auto;
		float: none;
		margin: 4% 1.5%;
		box-sizing: border-box;
	}

	.spronav ul .spronavh {
		background-size: contain
	}

	.sproimg {
		width: 100%;
	}
}