
@charset "utf-8";
/*首页*/

.content {
    WIDTH: 1200px;
    color: #000000;
    text-decoration: none;
    margin: 0px auto;
}
@media (max-width: 1200px){.content{width: 100%;}}

.hengxian {
    WIDTH: 1200px;
    text-decoration: none;
    margin: 0px auto;
    height: 30px;
    clear: both;
}
@media (max-width: 1200px){.hengxian{width: 100%;}}


.lianxi{
	WIDTH: 1200px;
	text-decoration: none;
	margin: 0px auto;
	clear:both;
}
@media (max-width: 1200px){.lianxi{width: 100%;}}
.lianxizuo{
	WIDTH: 260px;
	float:left;
	text-decoration: none;
}


.lianxiyou{
	WIDTH: 910px;
	float:right;
	text-decoration: none;
}
@media (max-width: 1200px){.lianxiyou{width: 700px;}}



.right3{
	float:right;
	width: 910px;
	height:45px;
	background-image: url("dpp.jpg");
	clear:both;
}
@media (max-width: 1200px){.right3{width: 100%;}}

.left{
	float:left;
	width: 220px;
}

.left2{
	float:left;
	width: 550px;
}
.left3{
	float:left;
	width: 130px;
	height:40px;
}


.left4{
	float:left;
	width: 260px;
	height:100px;
	clear:both;
	background-image: url("pp1.jpg");
}
.left5{
	float:left;
	width: 260px;
	height:100px;
	clear:both;
	background-image: url("pp2.jpg");
}


.right{
	float:right;
	width: 739px;
}

.right2{
	float:right;
	width: 640px;
	padding-top: 25px;
}
.zi15hh {
	font-size: 14px;
	line-height: 30px;
	color: #333;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	 
}
A.zi15hh:link {
	FONT-SIZE: 14px; COLOR: #565656; LINE-HEIGHT: 30px; TEXT-DECORATION: none
}
A.zi15hh:visited {
	FONT-SIZE: 14px; COLOR: #565656; LINE-HEIGHT: 30px; TEXT-DECORATION: none
}
A.zi15hh:hover {
	FONT-SIZE: 14px; COLOR: #ff3300; LINE-HEIGHT: 30px; TEXT-DECORATION: none
}
A.zi15hh:active {
	FONT-SIZE: 14px; COLOR: #ff3300; LINE-HEIGHT: 30px; TEXT-DECORATION: none
}
.k8{
	float: left;
	height: 20px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	line-height: 25px;
	color: #363636;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: bold;
}

.k9{
	float: right;
	width:240px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #666666;
	padding-top: 10px;
	text-align:right;
}

.data { overflow: hidden; zoom: 1; margin-bottom: 20px;}
.f30{float:left; width:33%; margin:0;}
.data::after { content: ""; display: table; clear: both }
.data .title_name { float: left; width: 100px; padding-right: 30px; font-size: 14px; line-height: 42px; text-align: right; display: none; }
.data .input { padding: 8px 16px; font-size: 14px; transition: all 0.3s linear; vertical-align: top; }
.data textarea.input { min-height: 166px; width:1200px;}
.data .input_option { display: block; overflow: hidden; zoom: 1; }
.data .input_option span { display: block; line-height: 20px; padding-top: 10px; }
.btn-area { padding: 20px 0 !important; }
.btn-area .btn-submit, .btn-area .reset { display: inline-block; width: 40%; height: 44px; background:#204697; border: 0; font-size: 18px; line-height: 44px; transition: all 0.3s linear; z-index: 1; vertical-align: top; color:#fff; text-transform:uppercase; }

/*CSS meneame style pagination*/

DIV.meneame {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 80%; PADDING-BOTTOM: 3px; MARGIN: 3px; COLOR: #ff6500; PADDING-TOP: 3px; TEXT-ALIGN: center;clear:both;
}
DIV.meneame A {
	BORDER-RIGHT: #ff9600 1px solid; PADDING-RIGHT: 7px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ff9600 1px solid; PADDING-LEFT: 7px; BACKGROUND-IMAGE: url("meneame.jpg"); PADDING-BOTTOM: 5px; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500;font-family:Arial, Helvetica, sans-serif; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ff9600 1px solid; TEXT-DECORATION: none;
}
DIV.meneame A:hover {
	BORDER-RIGHT: #ff9600 1px solid; BORDER-TOP: #ff9600 1px solid; BACKGROUND-IMAGE: none;font-family:Arial, Helvetica, sans-serif; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; BORDER-BOTTOM: #ff9600 1px solid; BACKGROUND-COLOR: #ffc794;
}
DIV.meneame A:active {
	BORDER-RIGHT: #ff9600 1px solid; BORDER-TOP: #ff9600 1px solid; BACKGROUND-IMAGE: none;font-family:Arial, Helvetica, sans-serif; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; BORDER-BOTTOM: #ff9600 1px solid; BACKGROUND-COLOR: #ffc794;
}
DIV.meneame SPAN.current {
	BORDER-RIGHT: #ff6500 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #ff6500 1px solid; PADDING-LEFT: 7px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; BORDER-LEFT: #ff6500 1px solid; COLOR: #ff6500; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ff6500 1px solid;font-family:Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffbe94;
}
DIV.meneame SPAN.disabled {
	BORDER-RIGHT: #ffe3c6 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #ffe3c6 1px solid; PADDING-LEFT:  7px; font-family:Arial, Helvetica, sans-serif; PADDING-BOTTOM: 5px; BORDER-LEFT: #ffe3c6 1px solid; COLOR: #ffe3c6; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ffe3c6 1px solid;
}



.imalist2{ width:900px; height:auto; padding:0px 0px; line-height:27px; color:#666; font-size:14px; overflow: hidden;}
.imalist2 ul{ margin:0; padding:0;display: block;}
.imalist2 ul li{ width:270px; height:247px;background:#fff;float:left; margin:0px 6px 15px 6px; border:1px #ddd solid; padding:8px; line-height:35px;display: block; overflow:hidden;}
.imalist2 ul li a img{ width:270px; height:250 !important; transition: all 0.8s;}
.imalist2 ul li img:hover{transform: scale(1.2);}
.imalist2 ul li a{display: block; width:270px; height:247px; overflow: hidden; position: relative;}
.imalist2 ul li a span{display: block;width:270px;height:60px;position: absolute; left: 0;bottom:-15px;z-index: 1; background:url("052.png");color: #fff; padding:10px 20px; box-sizing:border-box; text-align:center;}
.imalist2 ul li a span em{ font-size:15px; font-weight:100; line-height:20px;}
.imalist2 ul li a span em b{font-weight:100; line-height:20px; font-family:Arial, Helvetica, sans-serif;}
.imalist2 ul li a p{z-index:999;position: relative;}



.ltk{border:1px solid #dedede; width:258px; margin:0 auto; clear:both; background:#fff;}
.lnav{width: 236px; margin:0 auto; clear:both; margin-top:15px; margin-bottom:15px;}
.lnav ul {margin:0; padding:0; list-style:none;}
.lnav ul li{ width: 236px; height: 41px; line-height: 41px; font-size:16px; color:#333; font-family:Arial, Helvetica, sans-serif; background:url("ER_06.jpg") no-repeat left center; text-align:left; margin:5px 0px; }
.lnav ul li a{ display: block; text-decoration:none; padding-left:10px;  font-family:Arial, Helvetica, sans-serif; text-transform:capitalize;}
.lnav ul li  a:hover{  display: block; background:url("ER_09.jpg") no-repeat left center; color: #fff; }


.zuo01{
	WIDTH: 230px;
	height:35px;
	margin: 0px auto;
	padding-top: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 35px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	font-style:italic;
}
.zuo02{
	WIDTH: 230px;
	margin: 0px auto;
	padding-top: 10px;
	padding-bottom:10px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 14px;
	line-height: 25px;
	color: #363636;
	text-decoration: none;
}

.right4{
	float:right;
	width: 910px;
	height:25px;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
}
@media (max-width: 1200px){.right4{width: 100%;}}



.right5{
	float:right;
	width: 910px;
	clear:both;
}
@media (max-width: 1200px){.right5{width: 100%;}}

.right55{
	float:right;
	width: 910px;
	text-align:center;
	clear:both;
}
.right55 img,.right5 img{ display:block; margin:0 auto; text-align:center; max-width:900px; margin-top:5px; margin-bottom:5px;}

.footer2{
	WIDTH: 100%;
	text-decoration: none;
	float: left;
	background-color: #204697;
	height: 112px;
	background-repeat: no-repeat;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 32px;
	padding-top: 25px;
	text-align: center;
}
.right6{
	width:96%; margin:0 auto; clear:both;
	font:18px/40px Arial, Helvetica, sans-serif;
	 text-align:center;
 
	 color:#333;
	 padding:5px 0;
 
}

.right7{
	width:96%; margin:0 auto; clear:both;
	font:14px/28px Arial, Helvetica, sans-serif;
	 text-align:center;
	 border-top:1px solid #dcdcdc;
	 color:#888;
	 padding:5px 0;
}

.footer2 a{
	color: #FFFFFF;
}
.footer2 a:hover{
	color: #FFFF00;
}


.k1{
	width: 180px;
	float: right;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #5D5D5D;
	padding-top: 25px;
}

.k2{
	width: 190px;
	float: left;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #5D5D5D;
	padding-top: 20px;
	padding-left: 760px;
}

.k3{
	width: 180px;
	float: left;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #FFFFFF;
	background-image: url("index_3.jpg");
	background-repeat: no-repeat;
	padding-top: 12px;
	padding-bottom: 5px;
	padding-left: 35px;
}

.k4{
	width: 180px;
	float: left;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #005B94;
	padding-left: 20px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
	padding-bottom: 5px;
	background-image: url("index_7.jpg");
	background-repeat: repeat-y;
	background-position: 15px;
}

.k5{
	text-decoration: none;
	float: left;
	width: 205px;
	padding-top: 10px;
	padding-left: 12px;
	font-family: "Arial Black", Gadget, sans-serif;
	line-height: 22px;
	color: #3A3A3A;
	font-size: 12px;
}

.k6{
	width: 365px;
	float: left;
	font-size: 12px;
	line-height: 25px;
	color: #666666;
	height: 245px;
}

.k7{
	width: 360px;
	float: left;
	background-image: url("index_4.jpg");
	background-repeat: no-repeat;
	background-position: 10px 5px;
	height: 37px;
	padding-top: 10px;
}

 

.k99{
	float: right;
	width: 240px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	text-align:right;
	color: #666666;
	padding-top: 5px;
}

.k10{
	float: left;
	padding-right: 8px;
}
.k10 img{ display:block; width:60px; height:60px; margin-top:15px;}

.k11{
	width: 338px;
	float: left;
	font-size: 12px;
	line-height: 25px;
	color: #666666;
	padding-left: 15px;
}

.k12{
	width: 734px;
	float: left;
	background-image: url("index_5.jpg");
	background-repeat: no-repeat;
	background-position: 10px 5px;
	height: 37px;
	padding-top: 10px;
}

.k13{
	float: left;
	height: 20px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #494949;
	padding-top: 5px;
	padding-left: 40px;
	padding-right: 10px;
}

.hengxian{
	WIDTH: 1200px;
	text-decoration: none;
	margin: 0px auto;
	height: 30px;
	clear:both;
}

.dh{
	width:400px;
	float: left;
	font-size: 20px;
	line-height: 40px;
	color: #fffff;
	height:90px;
 
}
.dh2{
	float: left;
	width: 300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 90px;
	color: #ffffff;
	font-weight:bold;
	font-style:italic;
	letter-spacing:2px;
	text-align:left;
	box-sizing:border-box;
	padding-left:20px;
}
.yx{
	width: 400px;
	float:left;
	font-size: 20px;
	line-height: 40px;
	color: #fffff;
 
}
.yx2{
	float: left;
	width: 300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 90px;
	color: #ffffff;
	font-weight:bold;
	font-style:italic;
	letter-spacing:2px;
	text-align:left;
	box-sizing:border-box;
	padding-left:20px;
}
.wz{
	width: 400px;
	float:right;
	font-size: 20px;
	line-height:40px;
	color: #fffff;
 
}
.wz2{
	float: left;
	width: 300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 90px;
	color: #ffffff;
	font-weight:bold;
	font-style:italic;
 
	text-align:left;
	box-sizing:border-box;
	padding-left:20px;
}

/*轮播图*/
.ban2 {
	width: 100%;
	clear: both;
	height: 550px;
	margin: 0 auto;
}
.fullSlide {
	width: 100%;
	position: relative;
	height: 550px;
	background: #fff;
	z-index: 1;
}
.fullSlide .bd {
	margin: 0 auto;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.fullSlide .bd ul {
	width: 100% !important;
}
.fullSlide .bd li {
	width: 100% !important;
	height: 550px;
	overflow: hidden;
	text-align: center;
}
.fullSlide .bd li a {
	display: block;
	height: 550px;
}
.fullSlide .hd {
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 15px;
	left: 0;
	height: 30px;
	line-height: 30px;
}
.fullSlide .hd ul {
	text-align: center;
}
.fullSlide .hd ul li {
	cursor: pointer;
	display: inline-block;
*display:inline;
	zoom: 1;
	width: 42px;
	height: 11px;
	margin: 1px;
	overflow: hidden;
	background: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	line-height: 999px;
}
.fullSlide .hd ul .on {
	background: #ff4200;
}
.fullSlide .prev, .fullSlide .next {
	display: block;
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -30px;
	left: 15%;
	z-index: 1;
	width: 40px;
	height: 60px;
	background: url("slider-arrow.png") -126px -137px #000 no-repeat;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: 0.5;
	display: none;
}
.fullSlide .next {
	left: auto;
	right: 15%;
	background-position: -6px -137px;
}
 
.i_pro_bg2{background-color:#f2f2f2; overflow:hidden;}
.i_pro_t{height:90px; overflow:hidden; line-height:90px; text-align:center; background:url("i_bg1.jpg") center bottom no-repeat; font-size:42px; color:#333333; letter-spacing:5px; margin-bottom:2%; margin-top:2%;}
/* 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*/
/* 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("i_pro_left.png") no-repeat; float:left;}
.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url("i_pro_left_on.png") no-repeat;}
.owl-theme .owl-controls .owl-buttons div.owl-next{background:url("i_pro_right.png") no-repeat; float:right;}
.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url("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: 10px;height: 10px;margin: 5px 7px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #aaa;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{background: #204697;}
/* 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*/
.owl-item.loading{min-height: 150px;background: url("ajaxloader.gif") no-repeat center center}
#owl-demo{padding-bottom:3%;}
#owl-demo .item{margin: 0.5px;position:relative;height:350px;/* 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("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:30%; background-color:#0068b7; 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:54px; padding-left:10px; padding-right:10px; display:inline-block; margin-top:9%;}
#owl-demo .item .bg-list-hs{max-height:316px; height:70%; position:absolute; bottom:30%; background:url("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-demo2{margin-top:3%; text-align:center; padding-bottom:2%;}
#owl-demo2.owl-theme .owl-controls .owl-buttons{position:absolute; top:25%; width:100%; left:0; height:0;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;width: 73px;height:90px;/*IE7 life-saver*/font-size: 0;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("i_case_left.png") no-repeat; float:left;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url("i_case_left_on.png") no-repeat;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next{background:url("i_case_right.png") no-repeat; float:right;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url("i_case_right_on.png") no-repeat;}
#owl-demo2.owl-theme .owl-controls .owl-page{display:inline-block;}
#owl-demo2 .item{margin: 0px;padding-bottom:20px;}
#owl-demo2 .item img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;transition: all .5s;}
#owl-demo2 .item dd{width: 95%;margin:0 auto;max-width:424px;margin-bottom:10px;}
#owl-demo2 .item dd .imgs{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
#owl-demo2 .item dd h2{font-weight:bold;color:#434343;width: 100%;margin:0 auto;background-color:#fff;font-size:16px;line-height:26px;padding: 20px 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#owl-demo2 .item dd:hover img{transform: scale(1.1);}
@media screen and (max-width: 1600px){#owl-demo .item{height:350px;}
#owl-demo .item .i_pro_bg{height:88%;}
.owl-theme .owl-controls .owl-buttons div{margin-top:-18%;}}
@media screen and (max-width: 1280px){#owl-demo .item{height:360px;}
.owl-theme .owl-controls .owl-buttons div{margin-top:-20%;}}
@media screen and (max-width:979px){
/*案例*/
.owl-theme .owl-controls .owl-buttons div{margin-top:-24%;}
#owl-demo .item{height:330px;}
#owl-demo .item .i_pro_bg{height:82%;}
#owl-demo .item .bg-list-hs p{height:110px;}}
@media screen and (max-width:789px){
/*案例*/
.owl-theme .owl-controls .owl-buttons div{margin-top:-27%;}
#owl-demo .item{height:300px;}
#owl-demo .item .i_pro_bg{height:82%;}}
@media screen and (max-width: 780px){.owl-theme .owl-controls .owl-buttons div{margin-top:-33%;}

/*关于我们*/
.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:300px;}}
@media screen and (max-width: 480px){
/*案例*/
.owl-theme .owl-controls .owl-buttons div{margin-top:-70%;}
#owl-demo .item{height:250px;}
#owl-demo .item .bg-list-hs p{height:88px;}}
@media screen and (max-width:320px){
/*案例*/
.owl-theme .owl-controls .owl-buttons div{margin-top:-88%;}
#owl-demo .item{height:200px;}}