@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{ overflow:hidden; width:100%; height:680px;  position:relative;}
.banner ul{ overflow:hidden; width:100%; height:680px; position:relative}
.banner li{ width:100%; height:680px; position:absolute; left:0; top:0}
.banner li a{ display:block; width:100%; height:100%;}
.banner .li01{background:url(Img/Index/banner01.jpg) no-repeat center top;}
.banner .li02{background:url(Img/Index/banner02.jpg) no-repeat center top;}
.banner .li03{background:url(Img/Index/banner03.jpg) no-repeat center top;}
.banner .btn{ overflow:hidden; width:69px; height:11px; position:absolute; left:50%; bottom:40px; margin-left:-35px; background:#eee; border-radius:20px; padding:10px 20px; 
			filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;}
.banner .btn span{ display:block; width:11px; height:11px; background:url(../images/banner_btn.png) no-repeat left center; cursor:pointer; float:left; margin:0 6px;}
.banner .btn span.cur{ background-position:right}
.banner i{ display:none; width:42px; height:72px; z-index:1000; position:absolute; cursor:pointer;}
/* .banner i.btn_left{ left:0; top:245px; background:url(../images/banner_btn01.png) no-repeat top center;}
.banner i.btn_right{ right:0; top:245px; background:url(../images/banner_btn02.png) no-repeat top center;} */
.banner:hover i{display:block}
.banner i:hover{background-position:bottom}

.aoran_title{padding-top:60px;}
.aoran_title h3{text-align:center; font-size:32px; line-height:44px; color:#333;}
.aoran_title h3 span{ color:#cc2b1e;}
.aoran_title p{text-align:center; font-size:20px; color:#66;margin-top:20px;}

.fivez{ overflow: hidden;

			height: 240px;text-align: center;background-position:-300px -900px;background: url(../images/osi_youshi_bg.jpg) no-repeat center;transform:translate3d(0,0,0); animation:play 25s linear infinite;
		background-attachment: fixed; overflow:hidden;}
.five { overflow:hidden;  margin:40px auto; width:1300px;}
.five ul{ overflow:hidden; width:110%;}
.five li{ float:left; width:160px; overflow:hidden; margin-right:60px; cursor:pointer; }
.five li span{ display:block; width:160px; height:100px; overflow:hidden; position:relative; margin-bottom:15px;}
.five li em{ display:block; font-size:16px; color:#fff; text-align:center;}







.la-session-more {
  text-align:center;
}
.la-session-more a {
  width: 130px;
  display:inline-block;
  height: 32px;
  border: 1px solid #dfdfdf;
  padding:0;
  background:none;
  text-align:center;
  color: #000000;
  line-height:32px;
  margin: 6px 6px;
  text-decoration:none;
  background-color: #ffffff;
  border-radius: 20px;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
}
.la-session-more a:hover {
  border-color:#e60012;
  background:none;
}
/*滚动产品图片样式*/
.h-pro-gun01 li{
  padding: 11px;
  margin: 8px;
  margin-bottom: 18px;
  float: left;
  border: 1px solid #eceaea;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.h-pro-gun01 li .tu{
  overflow: hidden;
}
.h-pro-gun01 li .tu img{
  
  -webkit-transform: scale(1, 1); 
  -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
  -moz-transition: all 0.5s ease-out; 
  transition: all 0.5s ease-out;
}
.h-pro-gun01 li:hover .tu img{
  -webkit-transform: scale(1.1, 1.1); 
  -moz-transform: scale(1.1, 1.1); 
  transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.6s ease-out; 
  -moz-transition: all 0.6s ease-out; 
  transition: all 0.6s ease-out;
}
.h-pro-gun01 li a h3{
  margin-top:8px;
  display: block;
  height: 25px;
  line-height: 25px;
  font-size: 15px;
  color: #1e2532;
  text-align: center;
  letter-spacing: 0px;
  background:url(../images/pro-bg01.jpg) top center no-repeat;
}

.h-pro-gun01 li:hover a h3{
  margin-top:8px;
  display: block;
  height: 25px;
  line-height: 25px;
  font-size: 15px;
  color: #f2f2f2;
  text-align: center;
  letter-spacing: 0px;
  background:url(../images/pro-bg01.jpg) top center no-repeat;
}
.h-pro-gun01 li p{
  height: 35px;
  text-align: center;
  font-size: 15px;
  color: #666;
  line-height: 35px;
}
.h-pro-gun01 li .more01 a{
  margin:0 auto;
  display: block;
  width: 137px;
  height: 32px;
  line-height: 32px;
  background-color: #000000;
  border-radius: 30px;
  text-align: center;
  font-size: 15px;
  color:#ffffff;
}
.h-pro-gun01 li .more01:hover a{
}
.h -pro-gun01 li:hover.more01 a{
  background-color: #ffffff;
  color: #fcfcfc;
}
.h-pro-gun01 li:hover p{
    color: #fff;
}
.h-pro-gun01 li{background-color:#f2f2f2;}
.h-pro-gun01 li:hover{
  background-color: #cc2b1e;
}
.h-pro-gun01 li:hover a h3{
}





.homeWhy{ background-color:#fff; padding:60px 0; width:1200px; margin:0 auto;}

.whyTitle{ background:url(../images/why-title.png) no-repeat center top; height:150px;}


.homeWhyTab{ height:160px; margin-top:40px;}
.homeWhyTab ul{}
.homeWhyTab ul li{ width:240px; height:120px; padding-top:40px; float:left; background-color:#f5f5f5; text-align:center; cursor:pointer;}
.homeWhyTab ul li:nth-child(2){ background-color:#eee;}
.homeWhyTab ul li:nth-child(3){ background-color:#e3e3e3;}
.homeWhyTab ul li:nth-child(4){ background-color:#dcdcdc;}
.homeWhyTab ul li:nth-child(5){ background-color:#d0d0d0;}
.homeWhyTab ul li h6{ position:relative; font-weight:700; font-size:30px; line-height:40px; color:#a6a6a6; }
.homeWhyTab ul li h6:before{ content:""; overflow:hidden; position:absolute; right:80px; top:19px; height:2px; width:10px; background-color:#a6a6a6;}
.homeWhyTab ul li h6:after{ content:""; overflow:hidden; position:absolute; left:80px; top:19px; height:2px; width:10px; background-color:#a6a6a6;}
.homeWhyTab ul li p{ font-size:18px; line-height:40px; color:#555;}

.homeWhyTab ul li.on{ background-color:#cc2b1e; color:#fff;}
.homeWhyTab ul li.on h6{ color:#fff;}
.homeWhyTab ul li.on h6:before,.homeWhyTab ul li.on h6:after{ background-color:#fff;}
.homeWhyTab ul li.on p{ color:#fff;}

.whyList{ height:360px; border-bottom:3px solid #e5e5e5; background-repeat:no-repeat; background-position:right bottom;}

.whyText{ position:relative; width:500px; float:left; /* padding-left:100px; */}
.whyText h6{font-family:'Impact7598deec817559'; font-size:80px; line-height:80px; color:#888; position:absolute; left:0; top:0px;}

.whyText h2{ position:relative; font-weight:700; font-size:26px; line-height:30px; color:#333;}
.whyText h2 span{ color:#cc2b1e;}

.whyText ul{ padding:10px 0 20px; font-size:14px; line-height:28px; color:#333;}
.whyText ul li{ padding:0 0 10px 12px; background-image:url(../images/why-jiao.png); background-repeat:no-repeat; background-position:left 8px; font-size:14px; line-height:24px; color:#555; margin-top:10px; border-bottom:1px dotted #aaa;}
.whyText ul li:nth-last-child(1){ border:none;}

.whyText h5 a{ display:inline-block; font-size:12px; line-height:30px; color:#555; position:relative; padding:0 25px 0 15px; background-color:#ddd; margin-right:5px;}
.whyText h5 a em{ width:4px; height:7px; position:absolute; right:14px; top:50%; margin-top:-3px; background:url(../images/tm/jiao-b-2.png) no-repeat right 50%;}
.whyText h5 a:hover{ background-color:#cc2b1e; color:#fff;}
.whyText h5 a:hover em{background:url(../images/tm/jiao-w-8.png) no-repeat right 50%;}


.whyTel{padding-left:48px; background:url(../images/tel.png) no-repeat left 3px; margin-top:30px;}
.whyTel dt{ font-size:14px; line-height:20px; color:#888}
.whyTel dd{ font-size:24px; line-height:24px; color:#555;}


.whyList-1{ background-image:url(../images/why-a.jpg);}
.whyList-2{ background-image:url(../images/why-b.jpg);}
.whyList-3{ background-image:url(../images/why-c.jpg);}
.whyList-4{ background-image:url(../images/why-d.jpg);}
.whyList-5{ background-image:url(../images/why-e.jpg);}

.whyList-1 .whyText{ margin-left:40px; margin-top:100px;}
.whyList-2 .whyText{ margin-left:40px; margin-top:100px;}
.whyList-3 .whyText{ margin-left:40px; margin-top:100px;}
.whyList-4 .whyText{ margin-left:40px; margin-top:100px;}
.whyList-5 .whyText{ margin-left:40px; margin-top:100px;}
.whyList-6 .whyText{ margin-left:40px; margin-top:100px;}





.introductionl {
 background:#fff;
	margin-top:30px;
  width:100%;
/*   padding-bottom:68px;
  border-bottom:1px dashed #ccc; */
}

.columnTitle .tit{color:#fff; text-align:center; font-size:32px;}
.columnTitle .txt{color:#fff; text-align:center; font-size:16px;}
 .introductionl .bg {
  height: 314px;
  background: url(../images/osi_youshi_bg.jpg) no-repeat center 0;
  background-attachment: fixed;
  padding-top: 60px;
  box-sizing: border-box;
}
 .introductionl .content {
  position: relative;
  margin-top: -135px;
  z-index: 2;
  background: #fff;
}
.introductionl .content:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.introductionl .content .pic {
  width: 50%;
  overflow: hidden;
  float: right;
}
.introductionl .content .pic img {
  width: 100%;
  display: block;
}
.introductionl .content .text {
  width: 50%;
  float: left;
  padding: 40px;
  box-sizing: border-box;
 box-shadow: 5px 3px 10px 0px #ccc; 
  min-height: 437px;
}
.introductionl .content .text .tit {
  line-height: 34px;
  font-size: 30px;
  font-weight: bold;
  color: #333333;
}
 .introductionl .content .text .line {
  width: 33px;
  height: 2px;
  background: #d2d2d2;
  margin: 28px 0 16px 0;
}
 .introductionl .content .text .txt {
  line-height: 30px;
  font-size: 14px;
  color: #595959;
}
.introductionl .content .text ul {
  margin-top: 44px;
}
.main .introductionl .content .text ul:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.introductionl .content .text ul li {
  width: 33.333%;
  float: left;
  text-align: center;
  background: url(../images/introductionl_line.gif) no-repeat 0 center;
}
 .introductionl .content .text ul li:first-child {
  background: none;
}
 .introductionl .content .text ul li a:hover .txt2 {
  color: #175bc0;
}
 .introductionl .content .text ul li .icon {
  height: 34px;
}
.introductionl .content .text ul li .icon img {
  max-height: 100%;
}
.introductionl .content .text ul li .txt2 {
  line-height: 20px;
  font-size: 16px;
  color: #333333;
  margin-top: 10px;
}
 .introductionl .honor {
  margin-top: 42px;
  position: relative;
}
 .introductionl .honor .swiper-button-next,
 .introductionl .honor .swiper-button-prev {
  display: none;
}
 .introductionl .honor:hover .next,
. .introductionl .honor:hover .prev {
  opacity: 1;
  filter: alpha(opacity=100);
}
 .introductionl .honor .next,
 .introductionl .honor .prev {
  width: 50px;
  height: 50px;
  background: url(../images/prev2.png) no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  left: -60px;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.introductionl .honor .next {
  left: auto;
  right: -60px;
  background-image: url(../images/next2.png);
}
.introductionl .honor .swiper-slide img {
  width: 100%;
  display: block;
}






.container03{ padding:10px 0 40px 0; background-color:#fff; border-bottom:#b0aca7 1px dotted;}

.container03 .ab-title{margin-bottom:50px;}
.container03 ul{ float:left; width:1240px}

.container03 ul li{float:left;width:284px;height: 280px;margin-right: 19px;}


.container03 ul li .img{ width:264px; height:198px; padding:10px; border:#dedede 1px solid; position:relative;}

.container03 ul li .img img{ width:264px; height:198px;}

.container03 ul li h5{ line-height:54px; height:54px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:14px; color:#373739; text-align:center;}

.container03 ul li .img .top{ position:absolute; left:10px; top:10px; width:264px; 
height:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BC1E1B18', endColorstr='#BC1E1B18');background:rgba(0,0,0,0.5); -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; overflow:hidden;}

.container03 ul li .img .top span{display:block;width:42px;height:42px;line-height: 40px;font-size: 24px;
color: #de0033;text-align: center;background-color:#fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;margin: 80px auto;vertical-align:middle;}

.container03 ul li:hover .top{ height:198px;}







#service1{ width: 100%; height: 160px; margin: 0 auto; background:url(../images/service.png) no-repeat center; margin-top: -1px; }
.service-more { width: 105px; height: 35px; padding-top: 95px;padding-left: 275px; }
.service-more a{ width: 105px; height: 35px; line-height: 35px; text-align: center;background: #fff; color: #d9333d; font-size: 16px; border-radius: 5px; display: block; }
.service-more a:hover{ background:none; color:#fff; border:1px solid#fff;}
#service1 ul { width: 840px; float: right; margin-top: -115px;}
#service1 ul li{ width: 98px; height: 135px; float: left; margin-left: 67px;}
#service1 ul li:hover{ margin-top: 10px;}





.Effect{position:  relative;/* top: -21px; */z-index: 1;  background:#f5f5f5; padding-bottom:10px;}

.EffectTitle{text-align: center;padding: 75px 0 70px;}


.EffectCon dl.dl01{background: url(../images/Advantage04.jpg) no-repeat bottom;padding-bottom: 52px;}
.EffectCon dl.dl02{background: url(../images/Advantage05.jpg) no-repeat bottom;padding-bottom: 52px;}
.EffectCon dl.dl03{background: url(../images/Advantage04.jpg) no-repeat bottom;padding-bottom: 52px;}
.EffectCon dl dt{width: 655px;height: 413px;}
.EffectCon dl dt img{display: block;width: 655px;height: 413px; margin-top:-36px;}
.EffectCon dl dt{width: 535px;}
.EffectCon dl dd{margin-top: 40px;}
.EffectCon dl dd h3{font-size: 24px;color: #333;font-weight: normal;}
.EffectCon dl dd h3 b{font-weight: bold; color:#de0033;}
.EffectCon dl dd h3 em{display: block;font-size: 14px;color: #999;text-transform: uppercase;margin-top: 5px;}
.EffectCon dl dd h3 i{width: 74px;height: 2px;background-color: #333;display: block;margin-top: 25px;margin-bottom: 25px;}
.EffectCon dl dd p{font-size: 14px;color: #666;margin-top: 20px;}




.case{width: 100%;background: #fff; overflow:hidden;border-bottom:1px dashed #ccc; }
.case .mainCon{width: 100%;margin-top: 26px;}
.case .mainCon .menu{width: 626px;height: 50px;overflow: hidden;}
.case .mainCon .menu a{display: block;width: 197px;height: 48px;border: 1px solid #ddd;float: left;line-height: 48px;text-align: center;font-size: 16px;color: #333333;text-decoration: none;background: #fff;}
/* .case .mainCon .menu a:first-child{border-right: none;border-radius: 24px 0 0 24px;} */
.case .mainCon .menu a.cur{background: #de0033;color: #fff;border-color: #de0033;}
/* .case .mainCon .menu a.last{border-radius: 0 24px 24px 0;} */
.case .mainCon .conBox{width: 100%;margin-top: 30px;height: 368px;overflow: hidden;position: relative;}
.case .mainCon .conBox .box{position: relative;height: 368px;overflow: hidden;}
.case .mainCon .conBox ul{width: 104%;position: absolute;left: 0;top: 0;}
.case .mainCon .conBox li{padding: 19px 18px 0;width: 254px;height: 250px;float: left;margin-right: 10px;border: 1px solid #ececec;background: #fff;}
.case .mainCon .conBox li span{display: block;width: 254px;height: 190px;overflow: hidden;}
.case .mainCon .conBox li img{display: block;width: 254px;height: 190px;transition: all 1s ease-out;}
.case .mainCon .conBox li em{height: 68px;display: block;text-align: center;line-height: 68px;font-size: 16px;color: #333333;}
.case .mainCon .conBox li a{text-decoration: none;}
.case .mainCon .conBox li:hover img{transform: scale(1.2);}





/* #s_about_link li:hover .icon_box{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);  } */










h3.htitle{ text-align:center; font-size:32px; padding-top:55px; margin-bottom:3px; color:#333; line-height:60px; }
h3.htitle a{ color:#333;}
h3.htitle a:hover{color:#e4393c;}
span.htitle{ display:block; text-align:center; font-size:12px; color:#777; font-family:Arial; padding-bottom:20px; background:url(../images/title_bg.png) no-repeat center bottom; text-transform: uppercase;}


	.cp_liebiao{margin:40px auto 0; width:1200px; }
	.cp_liebiao ul{border-left:1px solid #ccc; box-sizing: border-box; margin:0 auto;}
.cp_liebiao ul li{float:left; width:171px; line-height:50px;  box-sizing: border-box;  border-top:1px solid #ccc;}
.cp_liebiao ul li a{width:100%; display:block; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc;box-sizing: border-box;}
 .cp_liebiao ul li a:hover{background:#176949; color:#fff;} 























/*pro*/
.pro { overflow:hidden; width:100%; height:710px; background-color:#f9f9f9;}
.pro h3.htitle a:hover{ color:#dc1313}
.pro ul{ overflow:hidden; width:1220px; margin:0 auto;}
.pro li{ overflow:hidden; float:left; width:224px; height:235px; position:relative; margin:10px;}
.pro li img.pro_tu{ display:block;}
.pro li b{ width:100%; height:100%; position:absolute; background:url(Img/Index/pro_cur_bg.png) repeat center; z-index:1}
.pro li .wen{ display:block; overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2}
.pro li .wen .icon{ display:block; margin:0 auto; margin-top:70px;}
.pro li .wen h4{ margin-top:10px; color:#fff; text-align:center; font-weight:normal; font-size:16px; margin-bottom:10px;}
.pro li .wen a{ display:block; width:100%; height:100%; color:#fff; text-decoration:none;}
.pro li .wen i{ display:block; margin:0 auto; width:40px; height:2px; background-color:#fff; margin-bottom:15px;}
.pro li .wen p{ width:190px; margin:0 auto; font-size:14px; color:#e8e8e8; line-height:22px; height:66px; overflow:hidden; text-align:justify; text-align-last:center; display:none;}
.pro li .wen span{ display:none; font-size:0}
.pro li .wen span img{ display:block; margin:0 auto; margin-top:15px;}
.pro li.li01 b{ left:-224px; top:-235px;}
.pro li.li02 b{ left:-224px; top:0;}
.pro li.li03 b{ left:0; top:235px;}
.pro li.li04 b{ left:224px; top:0;}
.pro li.li05 b{ left:224px; top:-235px;}
.pro li.li06 b{ left:-224px; top:235px;}
.pro li.li07 b{ left:-224px; top:0;}
.pro li.li08 b{ left:0; top:-235px;}
.pro li.li09 b{ left:224px; top:0;}
.pro li.li010 b{ left:224px; top:235px;}











/* c产品优势
 */



.shhjBox .container{ position:relative; z-index:999;}
.shhjBox .shTle{ background:url(Img/Index/sstlbg.png) no-repeat left top; padding-top:40px; padding-bottom:32px;}
.shhjBox .container ul{ overflow:hidden; position:absolute; left:45%; bottom:-52px; z-index:999;}
.shhjBox .container li{ float:left;  width:51px; height:52px;}
.shhjBox .container li a{ display:block;  height:52px;}
.shhjBox .container li.lbg1{ background:url(Img/Index/libg01.png) repeat center;}
.shhjBox .container li.lbg1 a{ background:url(Img/Index/libot01.png) no-repeat center;}
.shhjBox .container li.lbg2{ background:url(Img/Index/libg02.png) repeat center;}
.shhjBox .container li.lbg2 a{ background:url(Img/Index/libot02.png) no-repeat center;}
.shhjBox .hjCont{}
#jianz{ position:relative;}
.shhjBox .hjCont ul{ overflow:hidden; width:1920px;}
.shhjBox .hjCont li{ float:left; width:480px; position:relative;}
.shhjBox .hjCont li img{ display:block;}
.shhjBox .hjCont li i{ display:block; width:480px; height:388px; position:absolute; background:url(Img/Index/hjlbg.png) repeat center; top:0; left:0; cursor:pointer;}
.shhjBox .hjCont li p{ padding:27px 0; text-align:center; width:100%;}
.shhjBox .hjCont li p a{ font-size:14px; color:#333;}
.shhjBox .hjCont li:hover i{ display:none;}
.shhjBox .hjCont li:hover p{ background:#ef6b00;}
.shhjBox .hjCont li:hover p a{ color:#fff;}




















.zzry {padding:10px 0 10px;background-color: #f2f2f2;}
.zzry .container {position: relative;}
.zzry .zzry_con {margin-top: 30px;position: relative;height: 278px;overflow: hidden;}
.zzry .zzry_con ul {position: absolute;left: 0;top: 0;}
.zzry .zzry_con ul li {float: left;width: 282px;margin-left: 24px;}
.zzry .zzry_con ul li:first-child {margin-left: 0;}
.zzry .zzry_con ul li span {display: block;width: 280px;height: 209px;border: 1px solid #e4e3e3;overflow: hidden;}
.zzry .zzry_con ul li span img {display: block; transition: all 0.5s;}
.zzry .zzry_con ul li i {display: block;height: 30px;line-height: 30px;text-align: center;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;font-size: 16px;}

.zzry .zzry_con ul li:hover span {border: 1px solid #70bc0a;}
.zzry .zzry_con ul li:hover img {transform: scale(1.1);}
.zzry .zzry_con ul li:hover i {color: #70bc0a;}

.zzry .zzry_btnl {position: absolute;left: -60px;top: 100px;height: 45px;width: 25px;background: url(../images/index_tab_l.png) no-repeat center;cursor: pointer; }
.zzry .zzry_btnr {position: absolute;right: -60px;top: 100px;height: 45px;width: 25px;background: url(../images/index_tab_r.png) no-repeat center;cursor: pointer;}









.ysTit1{overflow: hidden;background:#999590;height: 206px;text-align: center;}

.ysTit1 h2 {font-size: 40px; margin-top: 50px;color: #fff;letter-spacing: 3px;}
.ysTit1 p {font-size: 24px;margin-top: 25px;color: #fff;}	

.ysTit_about{overflow: hidden;height: 206px;text-align: center;background-position:-300px -900px;background: url(../images/osi_youshi_bg_about.jpg) no-repeat center;transform:translate3d(0,0,0);
animation:play 25s linear infinite;background-attachment: fixed; overflow:hidden; position:relative;}


.ysTit_xinwen{overflow: hidden;height: 206px;text-align: center;background-position:-300px -900px;background: url(../images/osi_youshi_bg_xinwen.jpg) no-repeat center;transform:translate3d(0,0,0);
animation:play 25s linear infinite;background-attachment: fixed; overflow:hidden; position:relative;}



.ysTit_about h2 {font-size: 43px; margin-top: 50px;color: #fff;letter-spacing: 3px;}
.ysTit_about p {font-size: 24px; margin-top: 15px; color: #fff;}

.ysTit_xinwen h2 {font-size: 43px; margin-top: 50px;color: #fff;letter-spacing: 3px;}
.ysTit_xinwen p {font-size: 24px; margin-top: 15px; color: #fff;}	



.ysTit1{overflow: hidden;background:#999590;height: 206px;text-align: center;
		}


.ysTit1{overflow: hidden;background:#999590;height: 206px;text-align: center;
		}

.ysTit1 h2 {
    font-size: 40px;
    margin-top: 50px;
    color: #fff;
	letter-spacing: 3px;
	}
.ysTit1 p {font-size: 24px;margin-top: 25px;color: #fff;}	







#s_news {background: #fff;padding-top: 70px;padding-bottom: 78px;}
#s_news .m {overflow: hidden;}
#s_news .s_tt {height: 78px;background: url(../images/s_tt_bg.png) center 40px no-repeat;margin-top: 78px;margin-bottom: 72px;}
#s_news .s_tt .m {background: url(../images/s_news_tt.png) center top no-repeat;height: 100%;padding-top: 43px;text-align: center;font-size: 22px;color: #384249;}
#s_news .fl {width: 240px;background: url(../images/s_news_left_bg.png) right top no-repeat;height: 556px;}
#s_news .fl h4 {font-size: 16px;color: #b8b9bb;font-family: "NewsGoth BT", arial;margin-bottom: 30px;margin-top: 19px;}
#s_news .fl h5 {font-size: 27px;line-height: 40px;color: #de0033;}
#s_news .fl .more {width: 134px;height: 108px;display: block;position: relative;background: url(../images/s_news_more_bg.png) right top no-repeat;margin-top: 210px;}
#s_news .fl .more:before {content: "";background: url(../images/s_news_more.png) left bottom no-repeat;display: block;width: 100%;height: 100%;position: absolute;transition: .3s;-webkit-transition: .3s;}
#s_news .fl .more:hover:before {background: url(../images/s_news_more_on.png) left bottom no-repeat;}
#s_news .fr {}
#s_news .fr .box {width: 417px;float: left;margin-left: 58px;}
#s_news .fr .box .news1 {overflow: hidden}
#s_news .fr .box .news1 .img {width: 417px;height: 180px;margin-bottom: 35px;}
#s_news .fr .box .news1 .img img {transition: 2s;-webkit-transition: 2s;}
#s_news .fr .box .news1:hover .img img {transform: scale(1.1);}
#s_news .fr .box .news1 .riqi {font-size: 27px;color: #5f6062;font-family: arial;float: left;}
#s_news .fr .box .news1 .riqi span {display: block;font-size: 18px;color: #c2c4c7;}
#s_news .fr .box .news1 .txt {width: 363px;float: right;border-left: 1px solid #e5e5e5;padding-left: 18px;margin-top: 2px;margin-bottom: 35px;}
#s_news .fr .box .news1 .txt h5 {font-size: 16px;color: #5f6062;margin-bottom: 10px;transition: .3s;font-weight:normal;line-height:14px;}
#s_news .fr .box .news1 .txt h5:hover {color: #de0033;}
#s_news .fr .box .news1 .txt p {font-size: 14px;line-height:14px;color: #c1c1c1;}
#s_news .fr .box ul {}
#s_news .fr .box ul li {height: 48px;line-height: 48px;border-bottom: 1px dotted #bababd;}
#s_news .fr .box ul li i {font-size: 12px;color: #d2d4d5;margin-right: 8px;}
#s_news .fr .box ul li h5 {display: inline-block;font-size: 14px;color: #656567;transition: .3s;font-weight:normal;}
#s_news .fr .box ul li span {float: right;font-size: 12px;color: #adadae;font-family: arial;}





.partner{width: 100%;background: #f2f2f2;padding-bottom: 60px; overflow:hidden; margin-top:30px;}
.partner .partner-ul{position: relative;overflow: hidden;margin-top: 50px;}
.partner .partner-ul ul{position: relative;}
.partner .partner-ul ul li{float: left;margin-left:36px;}
.partner .partner-ul ul li:first-child{margin-left: 0;}
.partner .partner-ul ul li a{display: block;width: 168px;height: 117px;border: 1px solid #d3d3d3;overflow: hidden;}
.partner .partner-ul ul li a img{display: block;width: 168px;height: 117px;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
transition: all 1s ease-out;}
.partner .partner-ul ul li a img:hover{transform: scale(1.1);}
.partner .partner-ul ul li:hover a{border: 1px solid #de0033;}
.partner .partner-ul ul li:hover a img{display: block;width: 168px;height: 117px;    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: gray;}

.partner .container{position: relative;}
.partner .container span{position: absolute;display: block;width: 25px;height: 45px;top: 224px;cursor: pointer;}
.partner .container span#partner-anniu01{left: -30px; top:50px; background: url(../images/feel3.png) no-repeat top left}
/* .partner .container span#partner-anniu01:hover{background: url(../images/feel3.png) no-repeat bottom left} */
.partner .container span#partner-anniu02{right: -30px; top:50px;background: url(../images/feel4.png) no-repeat top right}
/* .partner .container span#partner-anniu02:hover{background: url(../images/index/zuoyou-qh.png) no-repeat bottom right} */





/* 应用领域 */
.lingyu { overflow:hidden; padding-top:60px; width:100%; background:url(Img/Index/lingyu_bg.png) repeat-x left top; padding-bottom:70px;}
.lingyu ul{ overflow:hidden; width:1220px; margin:0 auto; height:400px;}
.lingyu li{ overflow:hidden; float:left; width:285px; margin:0 10px; height:400px; position:relative;}
.lingyu li img{ display:block;}
.lingyu li .imgIcon{ display:block; position:absolute; left:50%; margin-left:-25px; top:305px; z-index:2}
.lingyu li a{ display:block; width:100%; height:70px; position: absolute; left:0; bottom:0; text-decoration:none}
.lingyu li .icon{ margin:0 auto; display:none;}
.lingyu li .a01{ background-color:#e4393c;}

.lingyu li em{ display:block; margin:0 auto; text-align:center; padding:20px 0; width:120px; font-size:16px; color:#fff; margin-top:-15px;}
.lingyu li p{ width:80%; margin:10px auto; font-size:14px; color:#fff; line-height:20px; height:40px; overflow:hidden; text-align:center}

/* 友情链接
 */

 .link{width: 100%; background:#fff;}
.link dt{height: 74px;line-height: 74px;font-size: 18px;color: #333333;border-bottom: 1px solid #ccc;}
.link dt a{color: #333333; text-decoration: none;}
.link dt em{font-family: arial;}
.link dd{padding: 24px 0 14px 0;overflow: hidden;}
.link dd a{display: block;float: left;font-size: 12px;color: #333333;padding: 0 28px;border-left: 1px solid #e9e9e9;margin-bottom: 10px;}
.link dd a:first-child{border-left: none;}