@charset "utf-8";
/* CSS Document */

/*-----轮播------*/
.syFocusThumb,
.syFocusThumb .sliderwrapper {HEIGHT: auto; }
.syFocusThumb { width:100%; overflow:hidden; position:relative;  }
.syFocusThumb .sliderwrapper { margin:0 auto;POSITION: relative; WIDTH:100%;}
.syFocusThumb .contentdiv { width:100%;}
.syFocusThumb .prev,
.syFocusThumb .next { display:none;}
.syFocusThumb .AdvBanner:hover .prev{}
.syFocusThumb .pagination { position:absolute;width:100%; HEIGHT:22px; CLEAR:both; left:0;bottom:0px;z-index:10; margin:0px;}
.syFocusThumb .thumbWrap { width:250px; position:relative; margin:0 auto;}
.syFocusThumb .holder { width:250px; text-align:center; margin:0 auto; margin-top:-5px; }
.syFocusThumb .holder .toc {CURSOR: pointer;margin:0 3px; float:left;height:3px; width:40px; line-height:13px; overflow:hidden; display:block; background:#fff; text-align:center; border-radius:8px;  }
.syFocusThumb .holder .selected {background: #f29600; color:#fff; text-decoration:none;}



/*products*/
.product{ max-width:1160px; height:auto; margin:0 auto; margin-top:30px; overflow:hidden; margin-bottom:20px;}
.product_title{ width:100%; height:auto; line-height:40px; font-family:"微软雅黑"; font-size:35px; color:#616161; text-align:center; margin-bottom:50px; overflow:hidden;}
.product .pro1{ overflow:hidden; margin-bottom:40px;}
.pro1 .pic1{ float:left; width:100px; height:100px; overflow:hidden;}

.product .pro1 .text1{ float:right; padding-top:5px;font-family:"微软雅黑"; font-size:15px; max-width:240px; line-height:22px; color:#616161; padding-left:5px; min-height:120px;}
.product .pro1 .text1 span{ font-family:"微软雅黑"; font-size:20px; line-height:45px; color:#616161;}

.pic1 img{ width:95%;}
.pic1:hover img{ width:95%;-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-ms-transform:translateY(-100px);
      -o-transform:translateY(-100px);transform:translateY(-100px);transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;}


/*choice_bg*/
.choice_bg{ width:100%; height:auto; background-color:#e8e8e8; overflow:hidden;}
.choice{ max-width:1160px; height:auto; margin:0 auto; overflow:hidden; margin-top:10px; margin-bottom:20px;}


.futext{ position:absolute; width:100%; bottom:0; left:0; background:rgba(153,153,153,0.8); text-align:center; padding:4% 0; text-align:center; color:#fff; font-size:120%;}

.effects { margin-bottom:10px;
}
.effects .img {
  position: relative;
  width:100%;
  overflow: hidden;
}

.effects .img img {
  display: block;
  margin:0;
  padding:0;
  max-width:100%;
  height:auto;
}

.overlay {
  display:block;
  position:absolute;
  z-index: 20;
  background:rgba(153,153,153,0.8);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  cursor:pointer;
}

.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  font-weight: 700;
  width:100%;
  text-align: center;
  cursor: pointer;
}
.close-overlay.hidden {
  display: none;
}

.expand {
  color: #fff;
  display: block;
  position: absolute;
  z-index:100;
  width:100%;
  text-align: center;
  color:#fff;
  font-weight: normal;
  font-size:20px;
}

.expand p{ font-family:"微软雅黑"; font-size:14px; line-height:25px; padding:10px 15px;}

/* ============================================================
  EFFECT 1 - SLIDE IN BOTTOM
============================================================ */
#effect-1 .overlay {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  /*padding:5% 0;*/
  overflow:hidden;
}
#effect-1 .overlay .expand {
  left:0;
  right:0;
  bottom:40%;
  margin:0 auto -10px auto;
}
#effect-1 .img.hover .overlay {
  height:100%;
}


/*solution*/
.solution{ max-width:1160px; height:auto; margin:0 auto; margin-top:30px; overflow:hidden; margin-bottom:20px;}
.solution ul{ width:100%; height:auto; overflow:hidden;}
.solution ul li{ margin-bottom:20px; min-height:340px; overflow:hidden; border-radius:10px;}
.solution ul li a{ text-decoration:none;}
.solution ul li:hover{ border:2px solid #f29600; box-shadow: 5px 5px 5px #ddd;}
.solution ul li h1{ width:100px; height:auto; padding-bottom:10px; overflow:hidden; margin:0 auto; padding-top:5px;}
.solution ul li h2{ font-family:"微软雅黑"; font-size:17px; line-height:30px; text-align:center; color:#000000; font-weight:normal;}
.solution ul li h3{ font-family:"微软雅黑"; padding:10px; font-size:15px; line-height:30px; color:#666; font-weight:normal;}



/*about*/
.about_bg{ width:100%; height:auto; background-color:#f1f1f1; overflow:hidden; padding-bottom:20px;}
.about{ max-width:1160px; height:auto; margin:0 auto; overflow:hidden; margin-top:10px; margin-bottom:20px;}
.about_left{ overflow:hidden;}
.title2{ line-height:40px; font-family:"微软雅黑"; font-size:35px; color:#616161;margin-bottom:20px; margin-top:20px;}
.about_text{ width:58%; float:left; overflow:hidden;font-family:"微软雅黑"; font-size:14px; line-height:26px;  color:#666; font-weight:normal;}
.about_text p{ padding-top:15px; font-size:22px; }
.about_img{ float:right; width:40%; overflow:hidden;}

.news{ overflow:hidden;}
.news ul{ width:100%; height:auto; overflow:hidden;}
.news ul li{ width:100%; height:120px; overflow:hidden; background:url(../images/news_bg1.png) 90px 0px no-repeat}
.news ul li a{font-family:"微软雅黑"; font-size:16px; line-height:30px; height:30px; overflow:hidden; font-weight:normal; color:#616161; text-decoration:none;}
.news ul li a:hover{ color:#f29600;}
.news ul li:hover{background:url(../images/news_bg2.png) 90px 0px no-repeat}
.news ul li:hover a{ color:#f29600;}
.news ul li h1{ float:left; width:90px; height:100px; overflow:hidden;font-family:"微软雅黑"; font-size:15px; line-height:70px;  color:#616161; font-weight:normal;}
.news ul li div{ overflow:hidden; width:auto; padding-left:30px;}
.news ul li div h2{ font-family:"微软雅黑"; font-size:16px; line-height:30px; height:30px; overflow:hidden; font-weight:normal; color:#616161;}
.news ul li div h3{ font-family:"微软雅黑"; font-size:14px; line-height:25px; overflow:hidden; font-weight:normal; color:#616161;}

.news span{ display:block; margin-top:30px; width:95px; border:1px solid #333; height:30px;}
.news span a{ font-family:"微软雅黑"; font-size:14px; line-height:28px; overflow:hidden; font-weight:normal; color:#616161; text-align:center; display:block; text-decoration:none; }
.news span a:hover{ color:#f29600;}


.about_img iframe{width: 220px;height: 263px;}
@media (min-width:641px){
.syFocusThumb .sliderwrapper{margin-top:120px;} 
.product .pro1{ overflow:hidden; margin-bottom:50px;}
 .product_title{ padding-top:20px; padding-bottom:20px;}

}

@media (max-width:640px){
 .syFocusThumb .sliderwrapper{margin-top:60px;}
 .about_text{ width:100%;}
 .about_img{ width:100%;}
  .about_img iframe{width: 100%;height: auto;}
}