@charset "UTF-8";

html {
	margin: 0;
	padding: 0;
	border: 0
}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
p,
blockquote,
pre,
a,
address,
code,
b,
em,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
footer,
header,
hgroup,
nav,
section {
	margin: 0;
	padding: 0;
	border: 0
}

body {
	background: #fff;
	position: relative;
	color: #000;
	font: 14px/1.5 Microsoft YaHei, arial, 宋体, sans-serif;
	vertical-align: baseline;
	width: 100%;
	overflow-x: hidden
}

a {
	text-decoration: none;
	outline: none
}

a:link {
	color: #000
}

a:visited {
	color: #000
}

a:hover,
a:active,
a:focus {
	color: #772450;
	text-decoration: none;
	outline: none
}

input {
	padding: 0;
	margin: 0;
	font-family: microsoft yahei
}

img {
	border: none;
	background: 0 0;
	vertical-align: middle
}

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

select,
input,
img,
select {
	vertical-align: middle
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

table,
th,
td {
	vertical-align: middle
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden
}

.clearfix {
	zoom: 1
}

.clearboth {
	height: 0;
	line-height: 0;
	overflow: hidden;
	clear: both;
	font-size: 0
}

h1,
h2,
h3,
h4 {
	font-size: 14px
}

hr {
	border: 0;
	border-top: 1px solid #ccc;
	height: 0
}

.top {
	line-height: 35px;
	background: #efefef
}

.top a {
	color: #000
}
.banquan{ background: #C30D23; line-height: 30px; text-align: center; color: #fff;}
.navbar-default {
	border-color: transparent;
	background-color: transparent
}

.navbar {
	margin: 0
}

.navbar-brand {
	height: auto
}

.navbar-static-top {
	border-width: 0 0 0
}

.navbar-nav>li {
	margin-left: 2px
}

.navbar-nav>li a {
	padding: 35px 15px;
	font-size: 16px;
	color: #000
}

.navbar-nav>li a:hover {
	color: #fff !important;
	background: #772450 !important
}

.navbar-nav>li a.active {
	color: #fff !important;
	background: #772450
}

.navbar-toggle.collapsed {
	margin-top: 20px
}

@media(min-width:768px) and (max-width:1200px) {
	.product_ul ul li{ width:33.3% !important; float:left; margin-bottom:3%; }
	.product_ul ul li dd{ width:95% !important; margin:0 2.5%; max-width:260px;margin-bottom:10px;}
	.navbar-nav>li a {
		padding: 30px 10px
	}
}

@media(min-width:992px) and (max-width:1200px) {
	.product_ul ul li{ width:33.3% !important; float:left; margin-bottom:3%; }
	.product_ul ul li dd{ width:95% !important; margin:0 2.5%; max-width:260px;margin-bottom:10px;}
	.navbar-header {
		width: 35%
	}
}

@media(min-width:768px) and (max-width:991px) {
	.product_ul ul li{ width:33.3% !important; float:left; margin-bottom:3%; }
	.product_ul ul li dd{ width:95% !important; margin:0 2.5%; max-width:260px;margin-bottom:10px;}
	.navbar-header {
		width: 36%
	}

	.navbar-nav>li a {
		padding: 25px 5px
	}

	.navbar-brand {
		padding: 15px 0 !important
	}
}

@media(max-width:768px) {
	.product_ul ul li{ width:50% !important; float:left; margin-bottom:3%; }
	.product_ul ul li dd{ width:95% !important; margin:0 2.5%; max-width:260px;margin-bottom:10px;}
	.navbar-brand {
		width: 75%
	}

	.navbar-nav>li a {
		padding: 10px;
		font-size: 14px
	}

	.navbar-nav {
		margin: 0 -15px !important;
		padding: 0
	}
}

.jianju {
	padding: 45px 0;
	overflow: hidden
}

@media(max-width:768px) {
	.jianju {
		padding: 20px 15px
	}
}

.iabout {
	background: url(../images/abobg.jpg)	no-repeat top center;
	background-size: cover;
	background-attachment: fixed
}

.tit {
	text-align: left
}

.tit em {
	display: block;
	width: 9rem;
	height: 6px;
	background: #000;
	margin: 10px 0
}

.tit h3 {
	font-size: 30px;
	color: #aeaeae;
	text-transform: uppercase;
}

.tit span {
	font-size: 30px;
	font-weight: 400;
	color: #3f3f3f
}

.t-cen {
	text-align: center !important
}

.t-cen span {
	color: #333;
}

.iabo_box {
	margin: 0 15px
}

@media(max-width:768px) {
	.iabo_box {
		margin: 0
	}
}

.abo_txt {
	color: #717171;
	font-size: 14px;
	line-height: 24px;
	padding-top: 30px;
	text-indent: 2em
}

.iabout .abo_more {
	padding: 0 20px;
	line-height: 50px;
	background: #772450;
	color: #fff;
	margin: 30px 0;
	display: inline-block
}

.iabout .abo_more i {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	padding: 0 10px
}

.iabout .abo_more:hover {
	box-shadow: 0 5px 8px rgba(0, 0, 0, .3)
}

.fenlei{ margin-bottom: 2%;}
.fenlei ul li {
	display: inline-block;
	font-size: 16px;
	padding: 10px 0px
}

.fenlei ul li a {
	color: #fff; background: #C30D23; display: block; margin: 5px 10px; line-height: 45px;
}
.fenlei ul dl {
	display: inline-block;
	margin: 10px;
	font-size: 16px;
	background: #772450;
	padding: 10px 15px
}

.fenlei ul dl a {
	color: #fff
}
.ipro {
	margin: 20px 0
}
.ipro li {
	position: relative;
	text-align: center;
	margin-bottom: 50px
}
.ipro li:nth-child(4){
	clear: both;
}
.ipro li:nth-child(7){
	clear: both;
}
.ipro li:nth-child(10){
	clear: both;
}
.ipro1 {
	margin: 20px 0
}
.ipro1 li {
	position: relative;
	text-align: center;
	margin-bottom: 50px
}

.lar{ text-align: center; vertical-align: middle;}
.lar .img {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
}

.lar img {
	max-width: 100%;
	height: auto;
	display: inline;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	transition: all .5s ease-out
}

.lar .hides {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .4);
	text-align: center;
	display: none
}

.lar .hides div {
	display: table;
	height: 100%;
	width: 100%
}

.lar .hides img {
	display: inline
}

.lar .hides p {
	display: table-cell;
	vertical-align: middle
}

.lar:hover .hides {
	display: block
}

.lar:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	-webkit-transition: all .6s ease-out;
	--moz-transition: all0.6sease-out;
	transition: all .6s ease-out
}

.ipro li h3 {
	width: 75%;
	line-height: 50px;
	background: #FACD89;
	border: 1px solid #944325;
	margin: 5% 12.5% 0 12.5%;
    border-radius: 10px;	
}

.ipro li h3 a{
	font-size: 24px;
	color: #681401
}



.inews {
	background: url("../images/casebg.jpg")
		/*tpa=http://html.admin868.com/html53/images/casebg.jpg*/
		no-repeat center fixed;
	overflow: hidden;
	background-size: cover
}

.inews_list {
	margin: 20px 0
}

.inews_list li {
	padding: 15px 0
}

.inews_in {
	background: #fff;
	margin: 0 10px;
	padding: 20px 0;
	overflow: hidden
}

.news_txt a {
	font-size: 16px;
	color: #282828;
	line-height: 35px
}

.news_txt p {
	color: #727272;
	line-height: 25px
}

.news_txt span {
	color: #727272;
	display: block;
	padding-top: 2%
}

.ibuss li {
	display: inline-block;
	margin: 5px
}

.footer {
	background: #3d3d3d;
	color: #fff
}

.footer a {
	color: #fff
}

.foot_in {
	padding: 15px 0
}

.tel {
	background: url("../images/tel.png")
		/*tpa=http://html.admin868.com/html53/images/tel.png*/
		no-repeat left center;
	padding-left: 50px
}

.tel span {
	font-size: 16px;
	font-weight: 700
}

.footnav {
	border-bottom: 1px solid #6d6c71;
	padding: 15px 0
}

.footnav a {
	padding: 0 10px
}

.footnav a:first-child {
	padding-left: 0
}

.copyright {
	padding: 15px 0
}

.copyright p {
	line-height: 25px
}

.imain {
	padding: 20px 0;
	overflow: hidden
}

.left_con h3 {
	font-size: 22px;
	line-height: 55px;
	color: #fff;
	background: #772450;
	padding-left: 30px;
	border-bottom: 1px solid #fff
}

.box {}

.sort {
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc
}

.sort li {
	line-height: 50px;
	text-indent: 50px
}

.sort li a {
	color: #666;
	display: block;
	line-height: 50px;
	border-bottom: 1px solid #ddd
}

.sort li a:hover {
	color: #000;
	background: url("../images/n11.png")
		/*tpa=http://html.admin868.com/html53/images/n11.png*/
		no-repeat 30px #ddd
}

.n_news {
	border: 1px solid #dcdcdc;
	border-top: none
}

.n_news li {
	padding-left: 12px;
	line-height: 40px
}

.n_contact {
	padding: 15px;
	background: #772450;
	color: #fff;
	margin-bottom: 15px
}

.n_contact p {
	line-height: 35px
}

.right_con {}

.crumb {
	border-left: 10px solid #772450;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	height: 50px;
	line-height: 50px
}

.crumb .site {
	font-size: 14px;
	color: #000;
	margin-right: 20px;
	float: right
}

.site a {
	font-size: 14px;
	color: #000
}

.crumb h3 {
	font-size: 20px;
	color: #000;
	float: left;
	padding-left: 20px;
	line-height: 50px
}

.pt15 {
	padding-top: 15px
}

.content {
	padding: 15px;
	overflow: hidden
}

.content p {
	line-height: 30px
}

.content img {
	
	max-width: 100%;
	height: auto
}
.article-media li{border-bottom:1px solid #ccc;padding:5px 0 15px}

.article-media .media .media_img{width: 160px;margin-right:15px;overflow:hidden;}

.article-media .media .media_img img{width: 160px;}

.article-media li{margin-bottom:12px;}

.article-media img{display:block;width:150px;}

.article-media .media .time{color:#999; font-size:14px;}

.article-media .media-body h3 a{color: #2a333c; font-size:18px;font-weight: 400;}

.article-media .media-body h3 a:hover{color: #C30D23;}

.article-media .media-body p{line-height:160%;margin-bottom:5px; font-size:14px;}
.relate_list {
	margin-top: 10px
}

.relate_list h4 {
	line-height: 30px;
	border-bottom: 2px solid #772450;
	padding-left: 5px;
	font-size: 16px
}

.news_list li {
	line-height: 35px;
	position: relative;
	padding-left: 10px;
	border-bottom: 1px solid #dcdcdc
}

.news_list li:last-child {
	border-bottom: none
}

.news_list li a {
	line-height: 35px;
	display: block
}

.news_list li a:hover {
	text-decoration: none;
	color: #772450
}

.news_list li a i {
	display: inline-block;
	color: #772450;
	font-size: 12px;
	padding-right: 5px
}

.news_list li span {
	color: #666;
	z-index: 0;
	line-height: 35px;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 13px
}

@media(max-width:768px) {
	.news_list li span {
		position: initial
	}
}

.news_detail h1 {
	text-align: center;
	font-size: 18px;
	border-bottom: 1px dashed #e0e1dc;
	padding-bottom: 10px
}

.info_title {
	line-height: 30px;
	text-align: center;
	font-weight: 400;
	color: gray;
	overflow: hidden
}

.news_con {
	margin: 10px 0
}

.tagbg {
	padding: 10px;
	background: #f0f0f0
}

.tag {
	line-height: 30px
}

.tag a {
	color: #666
}

.relate_list {
	margin-top: 10px
}

.relate_list h4 {
	line-height: 30px;
	border-bottom: 2px solid #C30D23;
	padding-left: 5px;
	font-size: 16px
}

.xg_news li {
	line-height: 30px;
	height: 30px;
	border-bottom: 1px dotted #ccc
}

.xg_news li a {
	width: 70%;
	float: left;
	color: #000;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.xg_news li span {
	width: 30%;
	float: right;
	text-align: right
}

.relatepro ul {
	margin: 15px -15px
}

.xg_pro li {
	text-align: center
}

.xg_pro li img {
	display: inline
}

.xg_pro li h3 {
	line-height: 30px
}

.protext {
	padding: 0 15px
}

.para h1 {
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 20px
}

.para p {
	line-height: 30px;
	border-bottom: 1px dashed #e0e1dc
}

@media(max-width:768px) {
	.para h1 {
		padding-top: 20px
	}

	.info_title span {
		display: block
	}
}

.p_detail {
	padding: 15px 0
}

.p_detail span.title {
	line-height: 30px;
	display: block;
	color: #772450;
	font-weight: 700;
	border-bottom: 1px solid #772450
}

.sitemap {
	margin: 10px 0
}

.sitemap h3 {
	margin: 20px 0;
	font-size: 16px
}

.sitemap dl a {
	margin-right: 10px
}

.map img {}

.pages { display: flex; justify-content: center;}

.pages li { margin: 0px 5px; border: 1px solid #ccc; background: #fff; padding: 10px;}

.pages li a {
	display: block;
	color: #666;
	font-size: 12px
}

.pages li:hover {
	border: 1px solid #c30d23;
	background: #c30d23;
	color: #fff;
	text-decoration: none
}
.pages li:hover a{ color: #fff;}
.pages .current{background: #c30d23;}
.pages .current a{color: #fff !important;}

@media(max-width:767px) {
	body {
		padding-bottom: 70px
	}
}

.phonefooternav {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 99999
}

.phonefooternav ul li {
	width: 25%;
	background: #494949;
	float: left;
	padding: 3px 0;
	border-right: 1px solid #666;
	list-style: none
}

.phonefooternav ul li a {
	display: block;
	color: #fff;
	text-align: center
}

.phonefooternav ul li a:hover {
	text-decoration: initial
}

.phonefooternav ul li a i {
	display: block;
	font-size: 20px;
	padding: 10px 0
}
/*首页*/

.i_pro_bg2{ background-color:#fcfcfc; overflow:hidden;}

.i_pro_t{ height:90px; overflow:hidden; line-height:90px; text-align:center; background:url(../images/i_bg1.jpg) center bottom no-repeat; font-size:42px; color:#333333; letter-spacing:5px; margin-bottom:3%; margin-top:1%;}

/*滚动产品与案例*/

.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/* display none until init*/

.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}

.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}

.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}

.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}

.owl-carousel .owl-item{float: left;}

.owl-controls .owl-page,

.owl-controls .owl-buttons div{cursor: pointer;}

.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/* mouse grab icon*/

.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}

/* fix*/

.owl-carousel .owl-wrapper,

.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}

.owl-theme .owl-controls{margin-top:20px;text-align: center;}

/* Styling Next and Prev buttons*/

.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:38px; height:74px;/*IE7 life-saver*/ text-indent:40px; margin-top:-16%; z-index:9; position:relative; overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}

.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/i_pro_left.png) no-repeat; float:left;}

.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/i_pro_left_on.png) no-repeat;}

.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/i_pro_right.png) no-repeat; float:right;}

.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/i_pro_right_on.png) no-repeat; }

/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/

.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ display:none;}

.owl-theme .owl-controls .owl-page span{display: block;width: 16px;height: 16px;margin: 5px 7px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background:url(../images/i_bg3.png) no-repeat;}

.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span{background:url(../images/i_bg4.png) no-repeat;}

/* If PaginationNumbers is true*/

.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}

/* preloading images*/
.case_bgs{z-index: 19891024;background:url(../images/case_bg.png) repeat; width: 100%; height: 100%;  position: fixed;  left: 0;  top: 0;  display: none;}
.case_tc{z-index: 19891025; width: 950px; /* top: 157.5px; */  left: 50%; margin-left:-475px; /* margin-left: -300px; */  position:absolute; background-color: #c30d23; border:6px solid #b2b2b2; border-radius: 6px; overflow: hidden; top:270px; height:0; display: none;}

.case_tc .case_divs{ position:relative;}

.case_tc .case_divs .closed{ right:2%; position:absolute; top:2%; cursor:pointer;}

.case_tc .case_divs .closed:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}

.case_tc #tc_big{ width:100%; display:block;}

.case_tc .case_divs .case_txt{ padding:3%; color:#fff; font-size:14px; line-height:22px;}

.case_tc .case_divs .case_txt h2{ font-size:18px; line-height:30px; font-weight:normal;}

.owl-item.loading{min-height: 150px;background: url(../images/ajaxloader.gif) no-repeat center center}

#owl-demo{ padding-bottom:3%;}

#owl-demo .item{margin: 0.5px;position:relative;height:400px;/* margin-top:50px;*/}

#owl-demo .item img{/*display: block;*/height: 100%;width: 100%;transition: all 0.3s;}

#owl-demo .item .bg-list-img{ position:absolute; bottom:49px;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; width:100%;}

#owl-demo .item .bg-list-tit{ height:56px; overflow:hidden; bottom:0; position:absolute; text-align:center; width:100%;}

#owl-demo .item .bg-list-tit h4{ margin:0 auto; display:inline-block; border-bottom:2px solid #e2e2e2; font-weight:normal; font-size:18px; line-height:54px; padding-left:10px; padding-right:10px;}

#owl-demo .item .bg-list-more{ width:100%; position:absolute; bottom:0; background:url(../images/i_por_pic1.png) center 38px no-repeat #3c3a38; height:56px; line-height:46px; font-size:14px; color:#fff; text-align:center;filter: Alpha(Opacity=0);/*IE7 fix*/opacity: 0;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}

#owl-demo .item .i_pro_bg{position:absolute; width:100%; bottom:56px; /*height:100%;*/height:89%;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;filter: Alpha(Opacity=0);/*IE7 fix*/opacity: 0; left:0;}

#owl-demo .item .bg-list-yew{ position:absolute; width:100%; bottom:0px; height:25%; background-color:#c30d23; text-align:center; color:#fff;}

#owl-demo .item .bg-list-yew h5{  border-bottom:2px solid #fff; font-weight:normal; font-size:18px; line-height:40px; padding-left:10px; padding-right:10px; display:inline-block; margin-top:5%;}

#owl-demo .item .bg-list-hs{ max-height:316px; height:75%; position:absolute; bottom:25%; background:url(../images/i_por_pic2.png) center top no-repeat; background-size:100% 100%; width:100%;}

#owl-demo .item .bg-list-hs p{ width:80%; margin:0 auto; margin-top:10%; color:#fefefe; font-size:14px; height:50%; overflow:hidden; line-height:22px; max-height:198px;}

#owl-demo .item:hover .bg-list-img{  /*height:93%;*/height:90%;}

#owl-demo .item:hover .i_pro_bg{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;transition: all 0.3s;}

#owl-demo .item:hover .bg-list-more{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;transition: all 0.3s;}



/*首页产品*/

#owl-demo2{ background-color:#f9f9f9; margin-top:1%; text-align:center; padding-bottom:2%;}

#owl-demo2.owl-theme .owl-controls .owl-buttons{ position:absolute; top:40%; width:100%; left:0; height:0;}

#owl-demo2.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:59px; height:90px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:0;}

#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/i_case_left.png) no-repeat; float:left;}

#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/i_case_left_on.png) no-repeat;}

#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/i_case_right.png) no-repeat; float:right;}

#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/i_case_right_on.png) no-repeat; }



#owl-demo2.owl-theme .owl-controls .owl-page{ display:inline-block;}



#owl-demo2 .item{margin: 0px;  background:url(../images/i_bg2.png) right center no-repeat;}

#owl-demo2 .item img{display: block;height: 100%;width: 90%; margin:0 auto;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }

#owl-demo2 .item dd{ width:100%; margin:0 auto; max-width:424px;margin-bottom:10px;}

#owl-demo2 .item dd .imgs{ position:relative; width:100%; overflow:hidden;}

#owl-demo2 .item dd .imgs p{ position:absolute; width:100%; height:100%; background:url(../images/i_bg5.png) center center no-repeat; top:0; text-align:center;opacity:0; filter:alpha(opacity=0);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }

#owl-demo2 .item dd  h2{  font-weight:normal; color:#333; font-size:18px; line-height:22px; height:22px; overflow:hidden; margin-top:7px;}

#owl-demo2 .item dd:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

#owl-demo2 .item dd:hover h2{ color:#eb6360;}

#owl-demo2 .item dd:hover .imgs p{opacity:1; filter:alpha(opacity=100);}



/*关于我们*/

.i_about_t{ height:90px; overflow:hidden; line-height:90px; text-align:center; background:url(../images/i_about_bg2.jpg) center bottom no-repeat; font-size:42px; color:#fff; letter-spacing:5px; margin-top:1%;}

.i_about{padding-bottom:2%; overflow:hidden; background:url(../images/i_about_bg.jpg) #c81c2d center top no-repeat; background-size:cover;}

.i_about .i_about_con{ width:100%; max-width:1282px; margin:0 auto; padding-top:1.5%; overflow:hidden;}

.i_about .imgs{ float:left; width:45%; overflow:hidden; margin-top:2%;}

.i_about .imgs img{ width:100%;}

.i_about .imgs img:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}

.i_about .i_about_r{ float:right; width:47.6%; margin-left:2.5%; overflow:hidden; color:#fff; font-size:14px; line-height:30px; margin-right:2.5%; padding-top:4%;}

.i_about .i_about_r .i_about_t2{ font-size:36px; font-weight:bold; letter-spacing:6px; line-height:60px;}

.i_about .i_about_r .i_about_txt{ padding-top:3%;}
.i_about_txt p{ text-indent: 2em; line-height: 45px;}

.i_about .i_about_r .i_about_txt .i_about_span{ font-size:18px; font-weight:bold;}

.i_about .i_about_r .i_about_more{ width:184px; height:48px; overflow:hidden; background:url(../images/i_more.png) no-repeat; text-indent:39px; font-size:16px; letter-spacing:1.5px; display:block; margin-top:4%; margin-bottom:3%; line-height:48px; color:#fff; clear:both;}

.i_about .i_about_r .i_about_more:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}



/*资讯中心*/

.i_news_bg{ background:url(../images/i_news_bg.jpg) center top no-repeat;padding-bottom:2%; overflow:hidden;}

.i_news_a{ text-align:center; overflow:hidden; padding-top:1%; padding-bottom:1%; font-size:17.8px; margin-top:10px;}

.i_news_a a{ display:inline-block; color:#fff; margin-left:12px; margin-right:12px;}

.i_news_a a.osel{ color:#d23e4a;}

.i_news_con{overflow:hidden; width:98%; max-width:1294px; margin:0 auto; margin-top:10px; padding-bottom:20px;}

.i_news_con .i_news_div{ display:none; overflow:hidden; background:url(../images/i_news_bg2.png) left bottom no-repeat; padding-bottom:7px;}

.i_news_con .i_news_div img{ width:50%; display:block; float:right;}

/*首页公司资讯*/

#owl-demo3{ text-align:center;}

#owl-demo3.owl-theme .owl-controls .owl-buttons{ position:absolute; top:66%; width:100%; left:0; height:0;}

#owl-demo3.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:35px; height:35px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:0; float:none;}

#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/s_left2.png) no-repeat;}

#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/s_left2_on.png) no-repeat;}

#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/s_right2.png) no-repeat;}

#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/s_right2_on.png) no-repeat; }



#owl-demo3.owl-theme .owl-controls{ margin-top:0;}

#owl-demo3 .item{margin: 0px;}

#owl-demo3 .item img{display: block;height: 380px;width: 698px;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }

#owl-demo3 .item dd{ width:100%; margin:0 auto; position:relative; overflow:hidden;}

#owl-demo3 .item dd .imgs{ width:50%; overflow:hidden; float:right; position:relative;}

#owl-demo3 .item dd .imgs h2{ height:46px; line-height:46px; background:url(../images/i_news_bg4.png) repeat; overflow:hidden; bottom:0; left:0; width:94%; position:absolute; color:#fff; text-align:left; font-weight:normal; font-size:16px; padding-left:3%; padding-right:3%;}

#owl-demo3 .item dd .imgs h2 em{ float:right; margin-left:10px;}

#owl-demo3 .item dd .i_news_l{ position:absolute; width:50%; height:100%; left:0; top:0;}

#owl-demo3 .item dd .i_news_l ul{ margin-top:2%; overflow:hidden;}

#owl-demo3 .item dd .i_news_l ul li{ display:block; overflow:hidden; background:url(../images/i_news_bg3.png) center bottom no-repeat; background-size:80% 1px; padding-bottom:4%; padding-top:2%; text-align:left; padding-left:4%; padding-right:4%;}

#owl-demo3 .item dd .i_news_l ul li .four_date{ float:left; width:18%; overflow:hidden;color:#999999; font-size:12px; line-height:26px; border-right:1px solid #e2e2e2; text-align:center;}

#owl-demo3 .item dd .i_news_l ul li .four_date b{ font-size:50px; display:block; line-height:50px; font-family:Impact; font-weight:normal;}

#owl-demo3 .item dd .i_news_l ul li .four_txt{ float:left; width:80%; overflow:hidden; text-align:left;transition:all 0.3s;}

#owl-demo3 .item dd .i_news_l ul li .four_txt h2{ height:30px; line-height:30px; margin-top:1%; overflow:hidden; font-weight:normal; font-size:18px; padding-left:20px; padding-right:10px; color:#121212;}

#owl-demo3 .item dd .i_news_l ul li .four_txt p{ line-height:20px; height:40px; overflow:hidden;padding-left:20px; padding-right:10px; font-size:14px; color:#666;}

#owl-demo3 .item dd .i_news_l ul li:hover .four_txt{ color:#333;}

#owl-demo3 .item dd .i_news_l ul li:hover .four_txt h2{color:#d23e4a;}

#owl-demo3 .item dd .i_news_l ul li:last-child{ background:none;}



/*首页行业资讯*/

#owl-demo4.owl-theme .owl-controls{ margin-top:0;}

#owl-demo4{ text-align:center;}

#owl-demo4.owl-theme .owl-controls .owl-buttons{ position:absolute; top:66%; width:100%; left:0; height:0;}

#owl-demo4.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:35px; height:35px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:0; float:none;}

#owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/s_left2.png) no-repeat;}

#owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/s_left2_on.png) no-repeat;}

#owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/s_right2.png) no-repeat;}

#owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/s_right2_on.png) no-repeat; }





#owl-demo4 .item{margin: 0px;}

#owl-demo4 .item img{display: block;height: 100%;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }

#owl-demo4 .item dd{ width:100%; margin:0 auto; position:relative; overflow:hidden;}

#owl-demo4 .item dd .imgs{ width:50%; overflow:hidden; float:right; position:relative;}

#owl-demo4 .item dd .imgs h2{ height:46px; line-height:46px; background:url(../images/i_news_bg4.png) repeat; overflow:hidden; bottom:0; left:0; width:94%; position:absolute; color:#fff; text-align:left; font-weight:normal; font-size:16px; padding-left:3%; padding-right:3%;}

#owl-demo4 .item dd .imgs h2 em{ float:right; margin-left:10px;}

#owl-demo4 .item dd .i_news_l{ position:absolute; width:50%; height:100%; left:0; top:0;}

#owl-demo4 .item dd .i_news_l ul{ margin-top:2%; overflow:hidden;}

#owl-demo4 .item dd .i_news_l ul li{ display:block; overflow:hidden; background:url(../images/i_news_bg3.png) center bottom no-repeat; background-size:80% 1px; padding-bottom:4%; padding-top:2%; text-align:left; padding-left:4%; padding-right:4%;}

#owl-demo4 .item dd .i_news_l ul li .four_date{ float:left; width:18%; overflow:hidden;color:#999999; font-size:12px; line-height:26px; border-right:1px solid #e2e2e2; text-align:center;}

#owl-demo4 .item dd .i_news_l ul li .four_date b{ font-size:50px; display:block; line-height:50px; font-family:Impact; font-weight:normal;}

#owl-demo4 .item dd .i_news_l ul li .four_txt{ float:left; width:80%; overflow:hidden; text-align:left;transition:all 0.3s;}

#owl-demo4 .item dd .i_news_l ul li .four_txt h2{ height:30px; line-height:30px; margin-top:1%; overflow:hidden; font-weight:normal; font-size:18px; padding-left:20px; padding-right:10px; color:#121212;}

#owl-demo4 .item dd .i_news_l ul li .four_txt p{ line-height:20px; height:40px; overflow:hidden;padding-left:20px; padding-right:10px; font-size:14px; color:#666;}

#owl-demo4 .item dd .i_news_l ul li:hover .four_txt{ color:#333;}

#owl-demo4 .item dd .i_news_l ul li:hover .four_txt h2{color:#d23e4a;}

#owl-demo4 .item dd .i_news_l ul li:last-child{ background:none;}

/*服务中心*/

.i_service_bg{background: url(../images/i_service_bg.jpg) center top no-repeat; overflow:hidden; color:#fff;}

.i_service_bg em{ display:block; font-size:14px; line-height:22px; text-align:center; margin-top:13px;}

.i_youshi{ width:100%; max-width:728px; margin:0 auto; overflow:hidden; margin-top:2%; margin-bottom:1%;}

.i_youshi ul{ padding:0;}

.i_youshi ul li{ float:left; width:25%; overflow:hidden; line-height:36px; margin-top:20px; text-align:center; color:#fff; font-size:16px;}

.i_youshi ul li img{ margin:0 auto; display:block; width:76%; max-width:98px;-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;

-o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }

.i_youshi ul li a{ color:#fff;}

.i_youshi ul li:Hover img{-webkit-transform:rotate(30deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);transform:rotate(360deg);}



.i_service_bg .i_service_more{ margin:0 auto;width:175px; height:40px; overflow:hidden; background:url(../images/i_service_bg2.png) no-repeat; text-indent:68px; font-size:17.6px; letter-spacing:1.5px; display:block; margin-bottom:20px; line-height:40px; color:#fff; clear:both;}

.i_service_bg .i_service_more:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}

/*轮显*/

.flash_div{ width:100%; margin:0 auto; overflow:hidden;/* min-height:550px;*/display:none;}

.flash{height:140px;width:320px;overflow:hidden;position:relative;margin:0 auto;/*margin-top:100px;*/}

.ul_flash{width:100000px;height:100%}

.ul_flash li{float:left;width:320px;height:100%}

.ul_flash img{width:100%;height:100%}

.flash .pagination{clear:both;position:absolute;left:44%;bottom:15px;z-index:99;height:10px; float:left; text-align:left;}

.flash .pagination span{ float:left;background:url(../images/dian.png) no-repeat; background-size:100% 100%;width:11px;height:9px;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;overflow:hidden;margin:0 3px;cursor:pointer;position:relative}

.flash .pagination span.swiper-active-switch{ background:url(../images/dian2.png) no-repeat; background-size:100% 100%;}



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

#owl-demo .item{ height:477px;}

#owl-demo .item .i_pro_bg{ height:88%;}

#owl-demo .item:hover .bg-list-img{ height:90%;}

.owl-theme .owl-controls .owl-buttons div{ margin-top:-20%;}

}

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

#owl-demo .item{ height:507px;}

.owl-theme .owl-controls .owl-buttons div{ margin-top:-26%;}

}

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

/*首页公司资讯*/

#owl-demo3 .item dd .i_news_l ul li{ padding-bottom:3%;}

#owl-demo3 .item dd .i_news_l ul li .four_date b{ font-size:40px;line-height:40px; }

#owl-demo3 .item dd .i_news_l ul li .four_txt h2{ font-size:16px; height:24px; line-height:24px;}



/*首页行业资讯*/

#owl-demo4 .item dd .i_news_l ul li{ padding-bottom:3%;}

#owl-demo4 .item dd .i_news_l ul li .four_date b{ font-size:40px;line-height:40px; }

#owl-demo4 .item dd .i_news_l ul li .four_txt h2{ font-size:16px; height:24px; line-height:24px;}

}

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

#owl-demo .item{ height:447px;}

}

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

#owl-demo .item{ height:437px;}

/*首页公司资讯*/

#owl-demo3 .item dd .i_news_l ul li{padding-top:3%;}

#owl-demo3 .item dd .i_news_l ul li .four_date b{ font-size:30px;line-height:30px; }

#owl-demo3 .item dd .i_news_l ul li .four_txt p{ height:20px;}



/*首页行业资讯*/

#owl-demo4 .item dd .i_news_l ul li{padding-top:3%;}

#owl-demo4 .item dd .i_news_l ul li .four_date b{ font-size:30px;line-height:30px; }

#owl-demo4 .item dd .i_news_l ul li .four_txt p{ height:20px;}



}



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

/*案例*/

.owl-theme .owl-controls .owl-buttons div{ margin-top:-27%;}

#owl-demo .item{ height:417px;}

#owl-demo .item .i_pro_bg{ height:82%;}

#owl-demo .item:hover .bg-list-img{ height:83%;}

#owl-demo .item .bg-list-hs p{ height:110px;}

/*首页公司资讯*/

#owl-demo3 .item dd .i_news_l ul li{padding-top:2%;}

#owl-demo3 .item dd .imgs h2{ font-size:14px; height:36px; line-height:36px;}



/*首页行业资讯*/

#owl-demo4 .item dd .i_news_l ul li{padding-top:2%;}

#owl-demo4 .item dd .imgs h2{ font-size:14px; height:36px; line-height:36px;}



}

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

/*首页公司资讯*/

#owl-demo3.owl-theme .owl-controls .owl-buttons{ top:50%;}

#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev{ float:left;}

#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next{ float:right;}

#owl-demo3 .item dd .imgs{ display:none;}

#owl-demo3 .item dd .i_news_l{ width:100%; position:relative;}



/*首页行业资讯*/

#owl-demo4.owl-theme .owl-controls .owl-buttons{ top:50%;}

#owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-prev{ float:left;}

#owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-next{ float:right;}

#owl-demo4 .item dd .imgs{ display:none;}

#owl-demo4 .item dd .i_news_l{ width:100%; position:relative;}



/*轮显*/

.module-content{ display:none;}

.flash_div{ display:block;}

}

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

/*案例*/

.owl-theme .owl-controls .owl-buttons div{ margin-top:-41%;}

#owl-demo .item{ height:487px;}

#owl-demo .item .i_pro_bg{ height:82%;}

#owl-demo .item:hover .bg-list-img{ height:83%;}

}



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

.owl-theme .owl-controls .owl-buttons div{ margin-top:-40%;}

/*关于我们*/

.i_about .imgs{ width:94%; margin-left:3%;}

.i_about .i_about_r{ width:94%; padding-top:2%; padding-bottom:1%; margin-right:3%;}

}

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

.i_pro_t{ font-size:30px;}

/*首页产品*/

#owl-demo2.owl-theme .owl-controls .owl-buttons{ display:none;}

/*案例*/

#owl-demo.owl-theme .owl-controls .owl-buttons{ display:none;}

#owl-demo .item{ height:410px;}

/*资讯中心*/

.i_about_t{ font-size:30px;}





}

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

/*案例*/

.owl-theme .owl-controls .owl-buttons div{ margin-top:-70%;}

#owl-demo .item{ height:300px;}

#owl-demo .item .bg-list-hs p{ height:88px;}

/*服务中心*/

.i_youshi ul li{ font-size:14px;}

}



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

/*案例*/

.owl-theme .owl-controls .owl-buttons div{ margin-top:-88%;}

#owl-demo .item{ height:400px;}

/*服务中心*/

.i_youshi ul li{ font-size:12px;}

}
