.indexbanner{ height: auto; position: relative;}
.indexbanner img{ max-width: 100%;}
/*banner*/
.index-banner {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.index-banner .bd li {  
  background-size:auto 100%;
}
.index-banner .hd {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom:20px;  
  left: 0px; 
  z-index: 1
}
.index-banner .hd ul{ width: 100%; display:block; text-align: center;}
.index-banner .hd li {
  display: inline-block;
  width: 10px;
  height: 10px;
  cursor: pointer;
  margin-right: 10px;
  background:#fff;
  border-radius:50%;
  font-size: 0px;
}
.index-banner .hd li:last-child{margin-right:0;}
.index-banner .hd .on {
  background:#ba122b;
}

.index-banner .prev{position:absolute;left:3%;top:50%; width:47px;
 height:85px; margin-top:-42.5px; display:block;background:  no-repeat;background-size: 100% 100%; }

.index-banner .next{background:  no-repeat; 
  left:auto; right:3%;width:47px; height:85px;display:block;margin-top:-42.5px;
  position:absolute; top:50%; background-size: 100% 100%;}
.theme-default .nivoslider {
  position:relative;
  height: auto; overflow: hidden;
}
.theme-default .nivoslider img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}
.theme-default .nivoslider a {
  border:0;
  display:block;
}
.theme-default .nivo-controlnav {
      text-align: center;
   
    position: absolute;
 
    bottom: 10px;
    right: 0px;
    left: 0px;
    width: 100%;
    z-index: 9;
}
.theme-default .nivo-controlnav a {
  display:inline-block;
  width:10px;
  height:10px;
  background:#fff;
  text-indent:-9999px;
  border:0;
  margin: 0 2px;
  border-radius: 50%;
}
.theme-default .nivo-controlnav a.active {
 background:#168dd9;
}

.theme-default .nivo-directionnav a {
  display:block;
  width:75px;
  height:100px;
  background:url(/uploads/image/tmimages/arrows.png) no-repeat;
  text-indent:-9999px;
  border:0;
  opacity: 0;
  -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionnav a { opacity: 1; }
.theme-default a.nivo-nextnav {
  background-position:-76px 0;
  right:0px;
}
.theme-default a.nivo-prevnav {
  left:0px;
}

.theme-default .nivo-caption {
    font-family: helvetica, arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlnav.nivo-thumbs-enabled {
  width: 100%;
}
.theme-default .nivo-controlnav.nivo-thumbs-enabled a {
  width: auto;
  height: auto;
  background: none;
  margin-bottom: 5px;
}
.theme-default .nivo-controlnav.nivo-thumbs-enabled img {
  display: block;
  width: 120px;
  height: auto;
}
.theme-default .nivo-caption{ display: none !important;}
.mob-banner{ display: none;}
.indextitle{ height: auto; overflow: hidden; text-align: center;}
.indextitle .titlehtp{ font-size: 36px; color: #3e3e3e; font-weight: bold; margin:5px 5px;}
.indextitle .abre{ font-size:14px; color:#939393;}
.skl_product{ height: auto;  margin:3% 0px;}
.skl_product .indextitle .abre{height: 29px; line-height: 29px;}
.buyul{ height: auto; margin-top: 4%;}
.buyul li{ float: left; margin-right: 2%; background: #fff;  width:32%;  -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    box-shadow: 0 3px 10px rgba(0,0,0,0.1); margin-bottom:2%;}
@media screen and (max-width: 414px){.buyul li{float: left; margin-right: 2% !important; background: #fff;  width:32%;  -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
box-shadow: 0 3px 10px rgba(0,0,0,0.1); margin-bottom:2%;}}
.buyul li a{ height: auto; overflow: hidden; padding:9%;    display: block;}
.buyul li:nth-child(3n){ margin-right: 0px;}
.buyul li img{ display: block;margin:0 auto; max-width: 100%;transition: all 5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s; }
.buyul li .buytitle{ text-align: center;  font-size: 20px; color: #3e3e3e; font-weight: bold; margin:8% 0px 8%;}
.buyul li p{ font-size: 14px; color: #666666; text-align: center; height:80px;}
.buyul li span{ display: block; width: 114px; height: 34px; background: #168dd9; line-height: 34px; text-align: center; border-radius: 30px; color: #fff; margin:15% auto 0px;}

.buyul li img:hover{ -webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);}
.buyul li:hover .buytitle{ color: #168dd9;}
.skl_solu{ height: auto; overflow: hidden; padding:3% 0px; background-color: #f5f5f5;}
@media screen and (max-width: 768px) {
 .skl_solu{
display:none; }
}
.soluimg{ height: auto; overflow: hidden; margin-top: 3%;}
.soluimg img{ display: block;margin:0 auto;}
.skl_case{ height: auto;overflow: hidden; background:url(/uploads/image/tmimages/casebg.jpg) no-repeat top center; padding:3% 0px 3%; background-size: cover;}
.skl_case .indextitle .titlehtp{ color: #fff;}
.casecont{ height: auto;  max-width: 1400px; margin:0 auto; margin-top: 5%;}
.caseowl{ height: auto; }
.caseowl .owl-item{-webkit-transition: all .7s;
    transition: all .7s; }
.caseowl .item{ position: relative; height: auto; cursor:pointer; float: left; width: 20%;-webkit-transition: all .7s;
    transition: all .7s; }
.caseowl .item img{ display: block; max-width: 100%;-webkit-filter: grayscale(50%); -moz-filter: grayscale(50%); -ms-filter: grayscale(50%); -o-filter: grayscale(50%); filter: grayscale(50%); filter: gray;filter:progid:dximagetransform.microsoft.basicimage(grayscale=1);

-webkit-filter:grayscale(0.5); }
.case_gray{ height: auto; overflow: hidden;}
.case_gray .casein{ height: auto; overflow: hidden; position: absolute; bottom:0px; width: 100%; left:0px; color: #fff; padding:20px 0px;background:rgba(0,0,0,0.5); }
.case_gray .casein .casetitle{ text-align: center; font-size: 22px;}
.case_gray .casein a{ display: block; margin:0px auto; background: #168dd9; color: #fff; font-size: 13px; width: 137px; height: 33px; border-radius: 30px; line-height: 33px; text-align: center; margin-top: 20px;}
.caseowl .item:hover{     -webkit-transform: scale(1.1);
    transform: scale(1.1); z-index: 1;}
.caseowl .item:hover img{ -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; filter:none;filter:progid:dximagetransform.microsoft.basicimage(grayscale=0);

-webkit-filter:grayscale(0); }
/*
.caseowl .item.active{     -webkit-transform: scale(1.1);
    transform: scale(1.1); z-index: 1;}

.caseowl .item.active img{  -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; filter:none;filter:progid:dximagetransform.microsoft.basicimage(grayscale=0);

-webkit-filter:grayscale(0);  }*/
.caseowl .item.active .case_gray .casein{ background:rgba(0,0,0,0.5);}
.casemore{ display: none; height: auto; overflow: hidden;}
.casecmore{ height: auto; overflow: hidden;}
.casecmore a{     display: block;
    margin: 0px auto;
    background: #168dd9;
    color: #fff;
    font-size: 16px;
    width: 170px;
    height: 40px;
    border-radius: 30px;
    line-height: 40px;
    text-align: center;
    margin-top: 5%;}
.casecmore a:hover{ color: #168dd9; background: #fff; -webkit-transition: all .7s;
    transition: all .7s; }
.mse-parnet{ height: auto; overflow: hidden; padding:3% 0px;}
.mse-parnet .indextitle .abre{height: 29px; line-height: 29px;}
.parowl{ height: auto; overflow: hidden; margin-top: 3%;} 
.parowl .swiper-slide{ border:1px solid #e8e8e8;   }
.parowl .swiper-slide a{ display: block; height: auto; overflow: hidden; position: relative;}
.parowl .swiper-slide a .gray{
  height: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    background: rgba(0,0,0,0.75);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    opacity: 0;
  }
.parowl .swiper-slide a .gray p{
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
-ms-transform: translatey(-50%);
-moz-transform: translatey(-50%);
-webkit-transform: translatey(-50%);
-o-transform: translatey(-50%);
    width: 100%;
    text-align: center;
    font-size: 20px; color: #ffffff;
}
.parowl .swiper-slide a .gray p img{ display: block;
    margin: 2% auto 0px;}
 .swiper-container {
      width: 100%;
      height: auto;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      overflow: hidden;
    }
.swiper-slide img{ display: block; height: auto; overflow: hidden;transition: all 5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s; }
.swiper-slide:hover img{  transform: scale(1.2);
    -webkit-transform: scale(1.2);
    overflow: hidden;  -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; filter:none;filter:progid:dximagetransform.microsoft.basicimage(grayscale=0);
-webkit-filter:grayscale(0)}
.swiper-pagination{ display: none !important;}
.parowl .swiper-slide:hover a .gray{ opacity: 1;}
.newsindex{height: auto; overflow: hidden; background: #f7f7f7; padding:3% 0px 0px 0px;}
.newsul{ height: auto; overflow: hidden;}
.newsul >li{ float: left; width:33%; margin-right: 3%;}
.newsul >li:last-child{ margin-right: 0px; width:27%; float: right;}
.newsul >li .newstitle{ color: #168dd9; font-size:22px;  font-weight: normal; background: url(/uploads/image/tmimages/news_tit1.png) no-repeat left center; padding-left:30px;}
.newsul >li:nth-child(2) .newstitle{ background: url(/uploads/image/tmimages/news_tit2.png) no-repeat left center; padding-left:30px;}
.newsul >li:nth-child(3) .newstitle{ background: url(/uploads/image/tmimages/news_tit3.png) no-repeat left center; padding-left:30px;}
.newsul >li .newstitle a{ float: right; color: #363636; font-size: 13px; text-transform: uppercase; line-height: 31px; font-family: "arial";}
.newsul >li img{ display: block; margin:3% 0px; max-width: 100%;}
.newsol{ height: auto; overflow: hidden;}
.newsol li{ height: 35px;border-bottom: 1px dashed #cbcbcb;display: block; overflow: hidden;} 
.newsol li a{ color: #666;line-height: 35px;background: url(/uploads/image/tmimages/jiao.png) left center no-repeat;padding-left: 12px;display: block;font-size: 14px;}
.newsol li a span{ float: right;}
.newsol li:hover a{ color: #168dd9;}
.newsol li:last-child{ border-bottom: none;}
.newsbox{ height: auto; overflow: hidden; margin-top: 3%; width: 100%;}
.faqol{ height: auto; overflow: hidden; }
.faqol li{ height: auto;}
.faqol li a{ height: auto; overflow: hidden; padding: 3% 0px; border-bottom: 1px dashed #b4b4b4; display: block; }
.faqol li h3{display:block;color:#363636;font-size:14px;width:100%;height:auto;overflow:hidden;line-height:18px;margin-bottom:3px;font-weight: bold;/* padding-left:25px; */position:relative; overflow: hidden; height: 18px; overflow: hidden;}
/*.faqol li h3::before{content:"q";display:inline-block;width:18px;height:18px;background:#168dd9;color:#fff;text-align:center;line-height:18px;position:absolute;left:0;top:0; font-size: 12px;color:#fff;}*/
.faqol li p{display:block;font-size:14px;width:100%;height:auto;overflow:hidden;line-height:22px;/*p adding-left:25px; */position:relative; overflow: hidden; color: #666666; height: 44px;}
/* .faqol li p:before{content:"a";display:inline-block;width:18px;height:18px;background:#949494;color:#fff;text-align:center;line-height:18px;position:absolute;left:0;top:0;font-size: 12px;color:#fff;} */
.faqol li:last-child{ border-bottom: none;}
#select{height: 25px; width: auto; line-height: 25px;margin-top:30px;margin-bottom:10px;}
#footlinks ul {padding:0 0 5px 0; margin:0; background:#fff;}
#footlinks {height:25px; padding:0;}
#footlinks li {float:left;}
#footlinks li ul {height:400px;overflow:auto;margin-bottom:25px;border:1px solid #000;}
#footlinks li li {float:none; background:#fff;width:143px;}
#footlinks li p {width:150px;display:block; float:left; color:#888; text-align: center; padding:5px;border:1px solid #000;height:25px; line-height:25px; text-decoration:none; }
#footlinks li a {display:block; float:left; color:#888; padding:5px;height:25px; line-height:25px; text-decoration:none; }
#footlinks li li a {height:20px; line-height:20px; float:none;}
#footlinks li:hover {position:relative; z-index:300;}
#footlinks li:hover ul {left:0; bottom:21px; top:auto;}
#footlinks ul {position:absolute; left:-9999px; top:-9999px;}
.friend-in{ height: 113px; border:1px solid #168dd9;padding:0 35px; position: relative; margin-top: 4%;}
.fri-title{ text-align: center;}
.fri-title span{position: relative;display: inline-block;top:-15px;background-color: #f7f7f7;padding: 0 20px;font-size: 22px; color: #168dd9;}
.fri-ul{ height: auto; overflow: hidden; text-align: center;}
.fri-ul li{ display: inline-block;  margin-bottom: 10px; }
.fri-ul li a{ color: #646464; font-size: 14px;background:url(/uploads/image/tmimages/linf.jpg) no-repeat right center; display: block; padding-right: 10px; }
img{ max-width: 100%;}
@media screen and (min-width: 769px){
}
@media screen and (min-width: 992px) and (max-width: 1199px){
}
@media screen and (min-width: 769px) and (max-width: 992px){
}
@media screen and (max-width: 768px) { 
.mob-banner{ display: block;}
.pcbanner{ display: none;}
.mob-banner .owl-controls {position: absolute;left: 0;right: 0;bottom: 1%;z-index: 99; }
.mob-banner .owl-controls .owl-dots .owl-dot.active span{ background:#fff !important;}
.mob-banner .owl-controls .owl-dots .owl-dot span{ background:#3f4447 !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; opacity: 1 !important; border:0 !important;}
.caseowl .item{ float: left; width: 33.3%;}
.caseowl .item.active .case_gray{     background: rgba(0,0,0,0);}
.buyul li p{ overflow: hidden;}
.indextitle .titlehtp{ font-size: 24px;}
.casemore{ display: block; height: auto; overflow: hidden; float: left; width: 33.3%;}
.casemore a{ display: block; height: auto; overflow: hidden; position: relative;}
.casemore  .gray {
    height: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}
.casemore  .gray p{     position: absolute;
    top: 50%;
    transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #ffffff;}
.casemore  .gray p span{     display: block;
    margin: 0px auto;
    background: #168dd9;
    color: #fff;
    font-size: 13px;
    width: 90%;
    height: 33px;
    border-radius: 30px;
    line-height: 33px;
    text-align: center;
 }
.casecmore{ height: auto; overflow: hidden; display: none;}
.friend-in{ height: 150px; padding:0 5px;display:none;}
#select{display:none}
.fri-ul li{ margin-bottom:5px;}
.fri-ul li a{font-size: 12px; padding-right: 10px; }
}
@media screen and (max-width: 414px) {
.indextitle .titlehtp{ font-size: 18px;}
.buyul li{ width: 100%;}
.buyul li:nth-child(2n){ margin-right: 0px; margin-bottom: 2%;}
.buyul li img{ max-width: 44%;}
.buyul li .buytitle{ font-size: 14px;}
.buyul li p{ }
.buyul li a{ padding:9% 4px;}
.buyul li span{ font-size: 12px; margin-top: 8%;}
.case_gray .casein .casetitle{ font-size: 12px;}
.case_gray .casein a{ width: 114px; font-size: 12px;}
.newsul >li{ width: 100%; margin-right: 0px; margin-bottom: 3%;}
.newsul >li .newstitle{ font-size: 16px;}
.newsol li{ height: auto;}
.newsol li a{ font-size: 14px; line-height: 35px;}
.newsul >li:last-child{ width: 100%;}
.fri-title span{ font-size: 14px;}
.skl_product .indextitle .abre,.mse-parnet .indextitle .abre{ height: auto; line-height: 17px; font-size: 14px;}
.indextitle .abre{ font-size: 12px; padding:0 10px;}
.casemore  .gray p span{ font-size: 12px;}
}
@media screen and (max-width: 375px) {
}