body{
	background: #fff;
	font-size: 14px;
   font-family:"微软雅黑",Helvetica,Arial,sans-serif;	margin:0; padding:0;
}
a{text-decoration: none;outline: none;}
a:hover,a:focus{color:#df0716;}

html {
    -ms-touch-action: none;
    height: 100%;
}
body, ul, li {
    padding: 0;
    margin: 0;
    border: 0;
	list-style:none;
}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img{vertical-align:middle;border:0;}<!--控制图片放大缩小区域不变-->

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
    clear: both;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:bold;line-height:30px;margin:0; padding:0;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{font-weight:normal;line-height:1;color:#999999;}
.tl{ text-align:left;}
.tr{ text-align:right;}
.fl{ float:left;}
.fr{ float:right;}
p,span{ margin:0; padding:0;}





img{
	outline: none;
	border:none;
}
.shadow{
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=120,strength=10);/*ie*/
-moz-box-shadow: 1px 1px 10px #cacaca;/*firefox*/
-webkit-box-shadow: 1px 1px 10px #cacaca;/*safari或chrome*/
box-shadow:1px 1px 10px #cacaca;/*opera或ie9*/
      }
.shadow-up{
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*ie*/
-moz-box-shadow: 00 5px #cacaca;/*firefox*/
-webkit-box-shadow: 0 0 5px #cacaca;/*safari或chrome*/
box-shadow:0 0 5px #cacaca;/*opera或ie9*/
      }
.body-border-bottom{ border-bottom:#f0f0f0 solid 1px; }
.body-border-top{ border-top:#f0f0f0 solid 1px; }
/*----s - banner------*/


/*----e - banner------*/


.main-container{width: 100%; max-width:1450px; padding:20px 10px; background:#FFF; text-align:center; margin:0 auto;  overflow:hidden;}
.middle-style{background:#FFF; margin:20px auto;}
.news{ background:#fff;}
.hidden {
    display: none;
}
.findpro{ width:50%; margin: 0 auto;  float:left; padding-left:20px; }

.findpro .con{background:#fafafa;padding:8px 20px;position:relative }
.findpro .title{ float:left; display:inline-block; font-size:15px;  line-height:50px; position:absolute; left:20px; top:0; }
/*-----产品搜索框------*/
.form-seach{width: 50%; float:left; padding-left:10px; position:relative; }
.findpro input.search{
	height:35px;  width:100%;border:none; background:#fff;border:#fafafa solid 1px;padding:0 5px;transition: all .3s; color:#fe0012;outline:none;  cursor:pointer;
}
.findpro input.search:focus{background:#fff; border:#df0716 solid 1px; color:#333;}
/*-----产品搜索按钮------*/
.findpro .style-button{ width:33px; height:33px;background: url(../images/search.png) no-repeat  #fff; background-position:center center; background-size:16px 16px;border:none;	transition: all .3s;color:#FFF; position:absolute; right:1px; top:1px;}
.findpro .style-button:hover{width:33px; height:33px; background: url(../images/search1.png) no-repeat #df0716;	border:none; background-position:center center; background-size:16px 16px;color: #fff;transition: all .3s;}
/*-----产品下拉框------*/
.form-group {width:50%;float:left; padding-left:100px;}
.form-group select.pro-select{ width:100%; height:35px; padding:0 5px;line-height:35px; border:#fafafa solid 1px; }
.form-group select.pro-select:focus,.form-group select.pro-select:hover{ width:100%; height:32px; border:#df0716 solid 1px;}

.img-news{ padding:0 10px; width:25%;  background:#FFF; float:left;  }
.img-news .con{padding:0;max-height:350px;overflow:hidden; position:relative;background: #fafafa; margin-bottom: 18px;}
.img-news .con.row2{max-height:350px; min-height: 350px;  background:#fafafa; padding:20px; }
.img-news .con .box-shadow{ width:100%; height:100%; position:absolute; top:0; left:0;-webkit-box-shadow:inset 0 0 10px #df0716;  
  -moz-box-shadow:inset 0 0 10px #df0716;  
  box-shadow:inset 0 0 10px #df0716; }
.img-news .con a{display:block; padding-bottom:5px;transition: all .3s;}
.img-news .con a:hover{ display:block;transition: all .3s;}
.img-news .con .pic{width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.img-news .con .pic img{ width:100%; height:auto;overflow:hidden;}
.img-news .con a .pic img{-webkit-transform: translateZ(0)  scale(1);
    -moz-transform: translateZ(0)  scale(1);
    -ms-transform: translateZ(0)  scale(1);
    -o-transform: translateZ(0)  scale(1);
    transform: translateZ(0)  scale(1);
	-webkit-transition: all 0.8s; 
	-moz-transition: all 0.8s;
	 transition: all 0.8s;
	 }
.img-news .con a:hover .pic img{-webkit-transform: translateZ(0)  scale(1.05);
    -moz-transform: translateZ(0)  scale(1.05);
    -ms-transform: translateZ(0)  scale(1.05);
    -o-transform: translateZ(0)  scale(1.05);
    transform: translateZ(0)  scale(1.05);
	-webkit-transition: all 0.8s; 
	-moz-transition: all 0.8s;
	 transition: all 0.8s;
	 }



.img-news .con .title{ text-align:left; line-height:16px;font-size:15px; margin:0; height:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.img-news .con .title img{ width:16px; height:16px; margin-right:5px; float:left;}
.img-news .con a.navigation-link {
	display: block;
	position: relative;
	text-decoration: none;
	color: #333;
	-webkit-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

.img-news .con a.navigation-link:before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 0;
	border-bottom:#df0716 solid 1px;
}

.img-news .con a.navigation-link:before {
	left: 0;
}

.img-news .con a.navigation-link:hover {
	color: #df0716;
}

.img-news .con a.navigation-link:hover:before {
	width: 100%;
}

.img-news .con a.navigation-link:before {
	-webkit-transition: width .2s ease-in-out;
	transition: width .2s ease-in-out;
}
.img-news .con p{ text-align:left; line-height:22px; color:#808080; margin:10px 0 20px 0; height:45px; overflow:hidden;}
.img-news .con .titleList{ text-align:left; font-size:15px; line-height:16px; margin-bottom:10px; float:left;}
.img-news .con .more{ float:right;}
.img-news .con .more a{display:block;border-bottom:none;transition: all .3s;}
.img-news .con .titleList { float:left;}
.img-news .con .titleList img{ width:16px; height:16px; margin-right:8px; float:left;}
.img-news .con .listText{ margin:13px 0;height:48px; overflow:hidden; position:relative;}
.img-news .con .listText .time{ position:absolute; left:0; font-family:Arial, Helvetica, sans-serif; width:43px; height:43px; line-height:14px; background:#dadada; color:#FFF; font-size:10px; text-align:center;  border-radius:3px; }
.img-news .con .listText .time.current{ position:absolute; left:0; font-family:Arial, Helvetica, sans-serif; width:43px; height:43px; line-height:14px; background:#df0716; color:#FFF; font-size:10px; text-align:center;border-radius:3px;}
/*.img-news .con .listText .time p{ font-size:18px; margin:0; padding:3px 0;text-align:center; color:#FFF; }*/
.img-news .con .listText .time p{ font-size:20px;  margin:0; line-height:43px;text-align:center; color:#FFF; }
.img-news .con .listText .newsTxet{ width:100%; font-size:15px; padding-left:55px; line-height:24px;  text-align:left;overflow : hidden; text-overflow: ellipsis; display: -webkit-box;
  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.img-news .con .listText .newsTxet a{display:block; border-bottom:none;transition: all .3s;}
.img-news .con .listText .newsTxet a:hover{ display:block;border-bottom:#none;transition: all .3s;}
.img-news ul.sevice{ min-height:357px;}
.img-news ul.sevice li{ float:left; width:33.3333%; margin:5px 0;padding:0 5px; text-align:center;  line-height:24px;}
.img-news ul.sevice li a{display:block; width:100%;  padding:3px 0; border-bottom:none; background:#fafafa;border-radius: 3px; transition: all .3s;}
.img-news ul.sevice li a:hover{ display:block;border-bottom:none;background:#df0716;border-radius: 15px;color:#fff;transition: all .3s;}

.img-news ul.sevice li a.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: none;
  color: #333;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.img-news ul.sevice li a.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius:10px;
  background: #df0716;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.img-news ul.sevice li a.hvr-shutter-out-vertical:hover,.img-news ul.sevice li a.hvr-shutter-out-vertical:focus,.img-news ul.sevice li a.hvr-shutter-out-vertical:active {
  color: white;
}
.img-news ul.sevice li a.hvr-shutter-out-vertical:hover:before,.img-news ul.sevice li a.hvr-shutter-out-vertical:focus:before,.img-news ul.sevice li a.hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.img-news .code{ width:50%;   padding:0 5px; float:left;}
.img-news .code .part{ padding-top:60px; background:#fafafa;min-height:357px;}
.img-news .code .code-img img{ width:120px; height:auto; }
.img-news .code .nameing{ text-align:center; width:100px; margin:0 auto; padding:0 0; margin-top:20px;}
.img-news .code .nameing img{ width:20px; height:20px; margin-right:8px; float:left;}
.img-news .jobImg{ width:252px; height:auto; margin:5px auto; text-align:center;}
.img-news .jobImg img{width:100%; height:auto}
.bg{ background:url(../images/bg.png) repeat-y #fbf4ea; padding-bottom:40px;}
.bottom{border-top:#f0f0f0 solid 1px;  background:#FFF; }
.copy{ line-height:24px; padding:20px 0;}
.copy span{ padding:0 20px;}
.mainMar{margin-top:40px;}
/*----滚动产品------*/
#owl-demo{ position: relative; width: 300px; height: 275px;  margin-left: auto; margin-right: auto;}
#owl-demo .item{ position: relative; display: block;}
#owl-demo img { display: block; width: 100%; height:auto;}
#owl-demo b { position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; background-color: #fff; opacity: 1; filter: alpha(opacity=100);}
#owl-demo span { position: absolute; left: 0; bottom: 12px; width: 100%; font-size:14px; color: #333; text-align: center;}
#owl-demo a{ border-bottom:none;}
.owl-pagination { position: absolute; left: 0; bottom: 3px; width: 100%; height: 22px; text-align: center;}
.owl-page { display:none; width: 10px; height: 10px; margin: 0 5px; background-image: url(../images/bg15.png); *display: inline; *zoom: 1;}
.owl-pagination .active { width: 25px; background-image: url(../images/bg16.png);}
.owl-buttons { display: none;}
.owl-buttons div { position: absolute; top: 50%; width: 20px; height: 40px; margin-top: -20px; text-indent: -9999px;}
.owl-prev { left: 0; background-image: url(../images/bg17.png); background-size:100% 100%;}
.owl-next { right: 0; background-image: url(../images/bg18.png);background-size:100% 100%;}
.owl-prev:hover { background-image: url(../images/bg19.png);background-size:100% 100%;}
.owl-next:hover { background-image: url(../images/bg20.png);background-size:100% 100%;}
.onepic{width: 300px; height: 275px; position:relative}
.onepic img{ width:100%; height:auto;}
.onepic .bg{width:100%;background-color:rgba(255,255,255,1); position:absolute; bottom:0; left:0; padding:10px 0; font-size:14px;line-height:24px; color:#333; text-align:center}
.linksBg{background:#fff; padding:0;  }

.links{  line-height:30px; padding:15px 20px;}
.links span.title .dot-right {  
    font-size: 0;  
    line-height: 0;  
    border-width: 5px;  
    border-color: #df0716;  
    border-right-width: 0;  
    border-style: dashed;  
    border-left-style: solid;  
    border-top-color: transparent;  
    border-bottom-color: transparent; position:absolute; right:-5px; top:10px;  
}  
.links span.title{background:#df0716; color:#FFF; padding:5px 10px;  margin:0; position:relative; }
.links span{ margin:0 15px;line-height:30px;}
@media (max-width: 1366px) { 
.img-news ul.sevice li{ float:left; width:50%; margin:5px 0; text-align:center;  line-height:24px;}
}
@media (min-width: 768px) and (max-width: 1024px){ 
.findpro{ width:100%; margin: 0 auto; margin-top:10px;  float:none; padding-left:0 }
.findpro .con{background:#fff;padding:8px 0;}
.findpro .title{ left:0; top:0; }
.img-news{ padding:10px 10px; width:50%;  background:#FFF; float:left; }

}
@media (max-width: 768px) { 
   .mainMar{margin-top:0;}

	
	.main-container{padding: 0; }

    
   .meneame{ display:none;}
    .meneame-for-phone{ display:block;}
	.img-news .con .titleList{ text-align:left; font-size:14px; line-height:16px; margin-bottom:20px; float:left;}
   .bg{ background:none; padding-bottom:20px;}

	.findpro{ display:none; }
	.findpro .con{background:#fafafa;padding:8px 0;}
.findpro .title{ display:none;}

	.form-group {width:100%;float:none; }
.form-seach{width: 100%; float:none; padding:10px 10px;position:relative; }

	.findpro .style-button{ width:33px; height:33px;background: url(../images/search1.png) no-repeat  #fff; background-position:center center; background-size:16px 16px;border:none;	transition: all .3s;color:#FFF; position:absolute; right:12px; top:10px;}

 .img-news{ padding:10px; width:100%; float:none; }
 .img-news .con{padding:10px;max-height:none;overflow:hidden;}

.img-news .con.row2{max-height:none;}
.img-news .code{ width:100%; margin-bottom:20px;   padding:0; float:none;}
.img-news .code .part{ padding:20px 0; background:#fafafa;min-height:0;}
.img-news .code .nameing{ text-align:center; width:100px; margin:0 auto; padding:0 0; margin-top:10px;}

.links span{ margin:0 10px;line-height:30px;}
.copy{ }

.copy span{ padding:0 20px; display:block;}
.img-news .jobImg{ width:100%; height:auto; margin:5px auto; text-align:center;}

}