body,form,div,span,ul,ol,li,p,pre,dl,dt,dd,em,a,fieldset,legend,address,label,textarea,select,input,figure,table,th,td,b,i,button{margin:0;padding:0;font-family:"微软雅黑",Arial, Helvetica, sans-serif;transition: all 0.5s;}
fieldset,img{border:0;margin:0; padding:0;}
body{margin:0; padding:0;overflow-x: hidden; }
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
ul,li{list-style:none;}
em,i{font-style:normal;}
table{border-collapse:separate;border-spacing:0;}
a{text-decoration:none;color:#000;transition: all 0.2s;}
a:hover{color:none;text-decoration:none;}
input,select,img{ vertical-align:middle;}
hr{border:1px solid #333;}
/*
animate
*/
@keyframes bounce-down {
    25% {transform: translateY(-3px);}
    50%{transform: translateY(0);}
    75% {transform: translateY(3px);}
    100% {transform: translateY(0);}
}


.clear {
    zoom: 1;
}
.clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.fl{float: left;}
.fr{float: right;}
.wp{max-width: 1440px;margin: 0 auto;position: relative;}
.header{width: 100%;padding:0 3%;position: fixed;z-index: 99;}

.logo{padding: 27px 0px;}
.menu{margin-right: 50px;}
.menu ul li{display: inline-block; margin-left:70px;line-height: 100px;}
.menu ul li a{color: #FFF;font-size: 16px;display: block;padding: 0px 10px 0px 15px;letter-spacing: 10px;text-align: center;font-size: 18px;text-shadow: 0px 0px 3px #000;}
.menu ul li a:hover {color: #26acff;text-shadow: 0px 0px 3px #26acff;}

.header.hdbg ul li a{color: #333;}
.header.hdbg ul li.on a{color: #FFF;}
.tel{padding: 0px 15px;height: 30px;border-radius: 30px;background: #3fb5ff;color: #FFF;line-height: 30px;margin-top: 33px;}
.tel i{margin-right: 10px;}
.carousel-control.right,.carousel-control.left{background: none;}

section.design{background: #f7f8fa;min-height: 630px;padding-bottom: 30px;}
.ds-tt{text-align: center;font-size: 20px;position: relative;}
.ds-tt:after{
    content: "";
    width: 94%;margin: 0 auto;border-bottom: 1px solid #3f3f3f;position: absolute;left:3%;top: 50px;
}
.ds-tt span{background: #f7f8fa;padding: 0px 60px;line-height: 100px;position: relative;z-index: 5;letter-spacing:1px;}
section.design h3,section.design h2{text-align: center;}
.design h2{font-size: 46px;color: #26acff;font-weight: bold;}
.design h3{font-size: 26px;margin-top: 26px;}
.design div.design_lc{text-align: center;margin-top: 50px;}
.design div.design_lc img{max-width: 92%;}

@keyframes heart{
from{transform:translate(0,0)}
to{transform:translate(0,6px)}
}
.bt-down{text-align: center;margin-top: 30px;cursor: pointer;
animation: heart 0.6s ease-in-out 0s infinite alternate;
}
.s-home{margin-top: 10px;}
.s-home dl dt{transition:all 0.5s;position:relative;overflow:hidden;}
.s-home dl dt li{transition:all 0.5s;}
.s-home dl dt:hover li{transform: scale(1.1)}
.s-home dl dt a{display: block;width: 100%;height: 100%;background: rgba(41,45,48,0.8);color: #FFF;opacity: 0;transition: all 0.6s ease-in-out; padding:35% 10%;text-align: center;position:absolute;z-index:5;top:0;left:0;}
.s-home dl dt a h3{margin-bottom: 20px;}
.s-home dl dt a p{font-size: 14px;line-height: 35px;font-weight: normal;}
.s-home dl dt a em{margin-top: 20px;display: block;color: #26acff;}
.s-home dl.dl1{width:34.3%;float: left;height: 590px;height: 590px;}
.s-home dl.dl1 dt{margin-bottom: 10px;background: #8a8a8a;}
.s-home dl.dl1 dt:nth-child(1){height:590px;}
.s-home dl.dl1 dt:nth-child(2) div.fl{background: url(images/2.jpg) center no-repeat;background-size:  120%; height: 350px;position:relative;overflow:hidden;}
.s-home dl.dl1 dt:nth-child(2) div.fl:hover{background-size: 130%;}

.s-home dl dt div.fl{width: 65%;}
.s-home dl dt div.fr{width: 35%;background: #8a8a8a;color: #FFF;height: 100%;text-align: center;font-weight: normal;font-size: 1.5rem;}
.s-home dl dt div.fr:hover{background: #26acff;}
.s-home dl dt div.fr span{display: block;text-align: center;padding-top: 60%;font-size: 2.4rem;font-weight: normal;margin-bottom: 5px;}
.s-home dl.dl2{width: 21%;float: left;height: 950px;}
.s-home dl.dl2 div{padding: 0px 10px;}
.s-home dl.dl2 dt{background: #26acff;color: #FFF;text-align: center;font-weight: normal;}
.s-home dl.dl2 dt span{display: block;font-size: 2.4rem;font-weight: normal;padding-top: 40%;margin-bottom: 5px;}
.s-home dl.dl2 dt:nth-child(1){height: 336px;}

.s-home dl.dl2 dt:hover{background: rgba(41,45,48);}
.s-home dl.dl3{width: 44.7%;height:100%; float: left;min-height: 950px;}
.s-home dl.dl3 dt{width: 100%;height: 100%;display: table;}
.s-home dl.dl4{float: left;width:45%;  height: 944px;margin-top: 10px;}
.s-home dl.dl4 dt{width: 100%;height: 100%;}
.s-home dl.dl5{width:31.8%;float: left;margin-top: 10px;height: 944px;}
.s-home dl.dl5 div{padding:0px 10px;}
.s-home dl.dl5 dt{background: #8a8a8a;color: #FFF;}
.s-home dl.dl5 div dt:nth-child(1){width: 100%; height: 238px; text-align: center;margin-bottom: 10px;font-size: 2rem;font-weight: normal;overflow: hidden;}
.s-home dl.dl5 div dt:nth-child(1):hover{background: #26acff;}
.s-home dl.dl5 div dt:nth-child(1) span{font-size: 2.6rem;font-weight: normal;padding-top: 90px;margin-bottom: 5px;display: block;}
.s-home dl.dl5 div dt:nth-child(2){height: 696px;}
.s-home dl.dl6{width: 23.2%;float: left;margin-top: 10px;}
.s-home dl.dl6 dt:nth-child(1){width: 100%;height: 304px;}
.s-home dl.dl6 dt:nth-child(1) a{padding: 25% 10%;}
.s-home dl.dl6 dt:nth-child(2){width: 100%;height: 160px;background: #26acff;text-align: center;color: #FFF;font-weight: normal;}
.s-home dl.dl6 dt:nth-child(2):hover{background: rgba(41,45,48);}
.s-home dl.dl6 dt:nth-child(2) span{font-size: 2.6rem;font-weight: normal;display: block;padding-top: 50px;margin-bottom: 5px;}
.s-home dl.dl6 dt:nth-child(3){width:100%;height: 480px;}
.s-home dl.dl7{width: 29.3%; float: left;margin-top: 10px;}
.s-home dl.dl7 dt:nth-child(1){width: 100%; background: #8a8a8a;height: 183px; color: #FFF;text-align: center;font-weight: normal;font-size: 2rem;letter-spacing: 2px;}
.s-home dl.dl7 dt:nth-child(1):hover{background: #26acff;}
.s-home dl.dl7 dt:nth-child(1) span{font-size: 2.6rem;font-weight: normal;display: block;padding-top: 50px;margin-bottom: 5px;}
.s-home dl.dl7 dt:nth-child(2){width: 100%; height: 764px;}
.s-home dl.dl8{width: 25.7%;margin-top: 10px;float: left;}
.s-home dl.dl8 div{padding:0px 10px;}
.s-home dl.dl8 div dt:nth-child(1){width: 100%;height: 287px;}
.s-home dl.dl8 div dt:nth-child(1) a{padding: 25% 10%;}
.s-home dl.dl8 div dt:nth-child(2){width: 100%;height: 490px;margin-top: 10px;}
.s-home dl.dl8 div dt:nth-child(3){width: 100%;height: 160px;background: #26acff; color: #FFF;text-align: center;font-weight: normal;font-size: 2rem;}
.s-home dl.dl8 div dt:nth-child(3):hover{background: rgba(41,45,48);}
.s-home dl.dl8 div dt:nth-child(3) span{font-size: 2.6rem;font-weight: normal;display: block;padding-top: 50px;margin-bottom: 5px;}

.s-home dl dt:hover a{opacity: 1;}
.dl9{width: 45%;height: 947px;float: left;margin-top: 10px;}
.dl9 dt{width: 100%;height: 100%;}
section.more{width: 100%;height: 124px;background: #7a7a7a;text-align: center;padding-top: 38px;}
section.more a{width: 210px;height: 58px;border:4px solid #FFF;color: #FFF;display: block;margin:0 auto; line-height: 46px;font-size: 18px;border-radius: 10px;font-size: 24px;letter-spacing: 8px;}
section.more a:hover{background:#26acff;border: 4px solid #26acff; }
.youshi div.ds-tt span{background: #FFF;}
.youshi h2{font-size: 40px;color: #26acff;font-weight: bold;}
.youshi p{font-size: 20px;margin-top: 20px;color: #666;line-height: 30px;letter-spacing:3px;}
.ys-top{height: 185px;background:#eff1f2;margin-top: 50px;position: relative;}
.ys-bot{margin-top: 5px;height: 510px;background:#d2d4d5;}
.ys-bzleft{position: absolute;z-index: 9;font-size: 24px;font-weight: bold;letter-spacing: 5px;color: #666;top: 90px;right: 55%;}
.ys-bzleft span{color: #12b6eb;}
.ys-level{width:100%;position:absolute;top:0;z-index:9}
.ys-level ul{padding-top: 35px;}
.ys-level ul li{width: 100%;text-align: center;color: #FFF;font-size: 21px;font-weight: bold;line-height: 80px;}
.ys-bzright{position: absolute;z-index: 9;left: 65%;top: 20px;}
.ys-bzright p{font-size: 16px;margin-bottom: 30px;letter-spacing:3px;}
.ys-bzright p b{font-size: 20px;color:#12b6eb;margin-left: 30px;}
.ys-bzright p:nth-child(1){margin-bottom: 50px;margin-left: -50px;}
.ys-bot{position: relative;}
.ys-bot .ys-level ul{padding-top: 0px;}
.ys-bot .ys-bzleft{top: 200px;}
.ys-bot .ys-bzleft span{color: #0282cc;}
.ys-bot .ys-bzright p{margin-bottom: 50px;}
.ys-bot .ys-bzright p:nth-child(1){margin-left: 0;}
.ys-bot .ys-bzright p:nth-child(2){margin-left: -50px;}
.ys-bot .ys-bzright p:nth-child(3){margin-left: -100px;}
.ys-bot .ys-bzright p:nth-child(4){margin-left: -150px;}

.ys-box,.ys-box1-1,.ys-box1-2{width:100%;height:185px;position:absolute;}
.ys-box1-1{background:url(images/13-14.png) bottom no-repeat;z-index:1}
.ys-box1-2{background:url(images/14-14.png) bottom no-repeat;z-index:2}
.ys-box2,.ys-box2-1,.ys-box2-2,.ys-box2-3,.ys-box2-4{width:100%;height:510px;position:absolute;}
.ys-box2-1{background:url(images/15_14.png) top no-repeat;z-index:1}
.ys-box2-2{background:url(images/16_14.png) top no-repeat;z-index:2}
.ys-box2-3{background:url(images/17_14.png) top no-repeat;z-index:3}
.ys-box2-4{background:url(images/18_14.png) top no-repeat;z-index:4}

div.item-img{position: relative;background:#F8F8F8;}
div.item-img img{max-width: 100%;}
div.item-box{position: absolute;z-index: 9;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top: 0;left: 0;padding:22% 10%;color: #FFF;opacity: 0;transition:all 0.5s;}
div.item-img:hover .item-box{opacity:1;}
div.item-box p{font-size: 14px;line-height: 26px;margin-top: 25px;line-height: 30px;letter-spacing:3px;margin-right:6%;margin-left:6%;}
div.item-box a{color:#26acff; }
.hotList{margin-top: 50px;}
.service .ds-tt span{background: #fff;}
.service .ds-tt h2,.custom .ds-tt h2{font-size: 40px;color: #26acff;font-weight: bold;}
.service .ds-tt p,.custom .ds-tt p{font-size: 18px;margin-top: 26px;color: #666;line-height: 30px;letter-spacing:3px;}
.service-item{height: 753px;background: #f4f5f5;margin-top: 50px;}
.service-top{width: 100%; max-width: 1440px;margin: 0 auto; position: relative; height: 535px;padding-top: 150px;background: url(images/bg1.png) center no-repeat;background-size: 100%;}
.service-top dl{ position: relative;float: left;z-index: 5;}
.service-top dl:nth-child(1):after{
  content: "";
  width: 230px;height: 230px;
  background-size: 80%;
  display: block;position: absolute;left: 55%;top: 10px;z-index: -1;
}
.service-top dl:nth-child(1){width: 20%;}
.service-top dl:nth-child(2){width: 30%;}
.service-top dl:nth-child(3){width: 20%;margin-left: 9.5%;margin-top: -5px;}
.service-top dl:nth-child(4){float: right;margin-right: -5px;}
.service-top dl:nth-child(1) div{ width: 200px;height: 200px;border-radius: 100%;margin-left: -4px;}
.service-top dl:nth-child(2) div{ width: 380px;height: 380px;border-radius: 100%;margin: 0 auto;margin-top: -105px;}
.service-top dl:nth-child(3) div{ width: 300px;height: 300px;border-radius: 100%;margin: 0 auto;margin-top: -50px;}
.service-top dl:nth-child(4) div{ width: 200px;height: 200px;border-radius: 100%;margin: 0 auto;}
.service-top dl dt{width: 76%;height: 76%; margin: 12%;border-radius: 100%;position: relative;z-index: 0;top: 8%;background: #8fd2e9;}
.service-top dl dd{width:76%;height: 76%;margin: 12%;border-radius: 100%;margin-top: -80%;z-index: 99;position: relative;}
.service-top dl dd img{width: 70%;margin: 15%;transition: all 0.8s ease-out 0s;}
.service-top dl:hover dd img{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}

.service-box{width: 100%;text-align: center;height: 535px;background-size: 80%;}
.service-box img{width: 80%;}
.service-list{width: 100%;max-width: 1440px;margin: 0 auto;}
.service-list ul li{float: left;width: 230px;text-align: center;}

.service-list ul li h3{font-size: 26px;color: #187bbe;}
.service-list ul li:nth-child(1){margin-left: 3%;margin-top: -70px;margin-left: -30px;}
.service-list ul li:nth-child(2){margin-left: 13%;margin-top: 10px;}
.service-list ul li:nth-child(3){margin-left: 20%;margin-top: -30px;}
.service-list ul li:nth-child(4){float: right;margin-right: -30px; margin-top: -80px;}
.service-list ul li p{margin-top: 10px;line-height: 30px;font-size: 16px;letter-spacing:2px;}
.custom .ds-tt span{background: #FFF;}
.custom-count ul{padding: 0px 10%;text-align: center;margin-top: 50px;}
.custom-count ul li{width: 200px;height: 200px;border:2px solid #26acff;border-radius: 100%;text-align: center;display: inline-block;margin: 0px 4.5%;}
.custom-count ul li b{font-size: 56px;color:#26acff; display: block;padding-top: 40px;font-weight: normal;}
.custom-count ul li span{display: block;font-size: 20px;}
.custom-count ul li:hover{background:#26acff;border:2px solid #26acff;}
.custom-count ul li:hover b{color:#FFF;}
.custom-count ul li:hover span{color:#FFF;}
.swiper-container{
      width: 100%;
      height: 100%;
    }
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  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;
}
.kefu{background: #f2f3f3;padding: 50px 0px;margin-top: 50px;}
.multipleColumn{ position:relative; width:1100px; }

    .multipleColumn .hd .prev,.multipleColumn .hd .next{ display:block;  width:21px; height:33px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
       cursor:pointer; background:url("images/icoLeft.gif") no-repeat;position: absolute;top: 100px}
       .multipleColumn .hd .prev{left: -50px;}
    .multipleColumn .hd .next{ right: -50px; }
    .multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
    .multipleColumn .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
    .multipleColumn .hd ul li.on{ background-position:0 0; }

    .multipleColumn .bd{ padding:10px; overflow:hidden;  }
    .multipleColumn .bd ul{ overflow:hidden; zoom:1; width:220px;  float:left; _display:inline;  }
    .multipleColumn .bd ul li{width:220px; float:left; _display:inline; overflow:hidden; text-align:center; text-align: center;text-align: center;}
    .multipleColumn .bd ul li .pic{ text-align:center; }
    .multipleColumn .bd ul li .pic img{ width:157px; height:100px; }
    .multipleColumn .bd ul li .pic a:hover img{ border-color:#999;  }
    .multipleColumn .bd ul li .title{ line-height:24px;   }

.main6 {
    width: 100%;
    height: 72px;
    line-height: 72px;
    background: #66c5ff;
    font-size: 14px;
    color: #fff;
}

.main6 li.lli {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.main6 li span {
    line-height: 72px;
    height: 72px;
}

.main6 span {
    padding-left: 40px;
    display: block;
}
.main6 span.s3 {
    padding-left: 50px;
    display: block;
}
.main6 span.s1 {
    background: url(images/s1.png) 0px center no-repeat;
}

.main6 span.s2 {
    background: url(images/s2.png) 0px center no-repeat;
}

.main6 span.s3 {
    background: url(images/s3.png) 0px center no-repeat;
}
footer{padding:2% 5%;background: #23282d;text-align: center;color: #FFF;}
footer h2{text-align: left;margin-bottom: 50px;}
footer p{margin-top: 10px;}
footer p a{color: #FFF;}
.foot-menu{margin-top: 30px;margin-bottom: 30px;}
.foot-menu a{color: #FFF;font-size: 24px;margin: 0px 30px;}
.foot-menu a:hover{color:#26acff; }
.ibanner{width: 100%; height: 639px;background: url(images/ibanner1.jpg) center;}
.ibanner1{background: url(images/ibanner1.jpg) center;}
.ibanner2{background: url(images/ibanner2.jpg) center;}
.ibanner3{background: url(images/ibanner3.jpg) center;}
.ibanner4{background: url(images/ibanner4.jpg) center;}
.ibanner5{background: url(images/ibanner5.jpg) center;}
.catname{width: 100%;height: 110px;background: #929292;overflow: hidden;text-align: center;}
.catname a{display: inline-block;padding: 0px 45px;line-height: 110px;font-size: 24px;color: #FFF;}
.catname a.on{background:#26acff; }
.product{padding: 0 5%;}
.product ul li{float: left;}
.ibanner1{width: 100%;}
.about .ds-tt span{background: #FFF;}
.about .ds-tt h2{font-size: 48px;font-weight: bold;color: #26acff;}
.about .ds-tt p{margin-top: 20px;font-size: 16px;line-height: 35px;letter-spacing:3px;}
.about dl{margin: 0 3%;background: #f4f5f5;}
.about dl dt{width: 50%;}
.about dl dt img{width: 100%;}
.about dl dd{width: 50%;}
.about dl dd div{padding: 12% 12%;}
.about dl dd div h3{font-size: 38px;font-weight: bold;color: #606060;}
.about dl dd div p{margin-top: 50px;line-height: 35px;font-size: 18px;}
.about-list{margin-top: 50px;}
.more.more2{background: #26acff;}
.culture{width: 100%;padding: 80px 0;background: #f7f8fa;}
.culture .ds-tt h2{font-size: 48px;font-weight: bold;color: #26acff;}
.culture .ds-tt p{margin-top: 20px;font-size: 16px;line-height: 35px;}
.culture ul{text-align: center;}
.culture ul li{width: 266px;height: 266px;border:2px solid #26acff;border-radius: 100%;text-align: center;display: inline-block;margin: 0 100px;margin-top: 50px;}
.culture ul li b{font-size: 42px;color: #26acff;display: block;padding-top: 50px;position: relative;}
.culture ul li b:after{content: ""; width: 95px;height: 2px;background: #26acff;position: absolute; left: 50%;margin-left: -48px;top: 115px;}
.culture ul li span{font-size: 18px;color: #535353;width: 60%;display: block;margin: 0 auto;margin-top: 30px;line-height: 35px;}
.culture ul li:hover{background:#26acff;color: #FFF; }
.culture ul li:hover b{color: #FFF;}
.culture ul li:hover b:after{background: #FFF;}
.culture ul li:hover span{color: #FFF;}
.service_lc{width: 100%;height: 924px;background:url(images/bg2.png) #0c131b center no-repeat;margin-top: 50px;}
.service_lc dl{width: 310px;position: absolute;}
.service_lc dl dt{width: 90px;float: left;}
.service_lc dl dd{width: 210px; border-left: 2px solid #3255ba;float: left;color: #FFF;padding-left: 10px;}
.service_lc dl dd b{font-size: 18px;letter-spacing: 3px;}
.service_lc dl dd p{margin-top: 5px;}
.service-wp{max-width: 1200px;margin: 0 auto;position: relative;height: 924px;}
.service_lc dl.ss-dl1{bottom: 80px;left: 10px;}
.service_lc dl.ss-dl2{top: 90px;left: 260px;}
.service_lc dl.ss-dl3{bottom: 80px;left: 450px;}
.service_lc dl.ss-dl4{top: 90px;right: 135px;}
.service_lc dl.ss-dl5{bottom: 80px;right: -50px;}
.service-content{margin-top: 50px;}
.service-content .wp{position: relative;}
.service-content dl{margin: 0 3%;background: #f4f5f5;}
.service-content dl dt{width: 50%;}
.service-content dl dt img{width: 100%;}
.service-content dl dd{width: 50%;}
.service-content dl dd div{padding: 11% 12%;}
.service-content dl dd div h3{font-size: 38px;font-weight: bold;color: #26acff;}
.service-content dl dd div h3 span{border-bottom: 4px solid #26acff;padding-bottom: 10px;}
.service-content dl dd div h5{font-size: 21px;margin-top: 40px;letter-spacing:4px;}
.service-content dl:nth-child(4) dd div h5{letter-spacing:3px;}
.service-content dl dd div p{margin-top: 30px;line-height: 40px;font-size: 18px;}
.service-content dl dd div em a{color: #26acff;font-size: 28px;display: block;text-align: right;margin-top: 30px;}
.cp-imgshow{width: 100%;height: 820px;background-size: 100%;}
.cp-info{max-width:90%;padding: 50px 0px;background: #26acff;margin-left: 5%;margin-top: -72px;position: relative;z-index: 5;}
.cp-title{text-align: center;color: #FFF;position: relative;z-index: 9}
.cp-title span{padding: 0px 50px;background:#26acff;display: inline-block;font-size:20px;font-weight:bold;letter-spacing:7px; }
.cp-title:after{content: ""; width: 90%;height: 2px;background: #FFF;position: absolute;top: 14px;left: 5%;z-index: -1;}
.cp-show{text-align: center;color: #FFF;margin-top: 40px;line-height: 35px;font-size:18px;letter-spacing:5px;}
.cp-show h2{letter-spacing:8px;font-size:36px;}
.product-gallery ul li{margin-top: -69px;}
.product-gallery ul li:nth-child(1){margin-top: 0;}
.product-gallery ul li:last-child .cp-info{width: 100%;max-width: 100%;margin-left: 0; margin-top: 0;background: #677890;}
.product-gallery ul li:last-child .cp-title span{background: #677890;}
.container{width: 91%;margin-left: 4.5%;}
.single{max-width: 1200px; margin: 0 auto;padding: 20px 0px 50px;}
.single-site{border-bottom: 1px solid #efefef;line-height: 40px;}
.single-content{margin-top: 30px;}
.item-img-wrap {
    position: relative;
    text-align: center;
    overflow: hidden;
}
.item-img-wrap img {
    @include transition(all 200ms linear): ;
    width: 100%;
}
.new {
    padding: 20px 0px;
    border-bottom: 1px solid #e6e6e6;
}
.new div a{font-size: 16px;display: block;margin-bottom: 5px;}
.single-title{text-align: center;font-weight: normal;font-size: 20px;}
.single-show{margin-top: 30px;}
.page{ margin-top:20px; margin-bottom:20px; text-align:center;font-size:13px;}
.page a{	
	border: 1px solid #ccc;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	background: #fff;
	text-decoration:none;
	color:#999;
}
.page a:hover{
	border:1px solid #FF6600; 
	background-color:#FF6600; 
	color:#fff;
}
.page span{
	border: 1px solid #FF6600;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #FFEEE5;
	color: #FF6600;}
.page_contact .ds-tt span{background: #fff;}
.contact-des{text-align: center;}
.contact-des h2{font-size: 32px;font-weight: bold;color: #26acff;}
.contact-des p{font-size: 20px;margin-top: 20px;line-height: 35px;}
.contact-form{width: 100%; padding: 50px 0px;background: #f4f5f5;margin-top: 50
  px;margin-top: 80px;}
.contact-form h2{font-size: 36px;text-align: center;margin-bottom: 30px;}
.contact-form form{max-width: 960px;margin: 0 auto;}
.contact-form dl dt{float: left;width: 46%;margin-left: 8%;margin-top: 10px;}
.contact-form dl dt label{display: block;font-weight: normal;font-size: 18px;line-height: 40px;}
.contact-form dl dt input{background: none;border:1px solid #333;width: 100%;border-radius: 5px;height: 45px;padding-left: 10px;outline: none;}
.contact-form dl dt:nth-child(odd){margin-left: 0;}
.contact-form dl dd{margin-top: 20px;}
.contact-form dl dd label{display: block;font-size: 18px;font-weight: normal;line-height: 40px;}
.contact-form dl dd textarea{width: 100%;border:1px solid #333;border-radius: 5px;background: none;outline: none;padding: 10px;}
.contact-form div{text-align: center;margin-top: 20px;}
.contact-form div button{width: 230px;height: 60px;border:1px solid #666;border-radius: 5px;background: none;font-size: 24px;font-weight: normal;margin: 0 auto;}
.contact-form div button:hover{background:#26acff;color: #FFF;border: 1px solid  #26acff;}
.ns-catname{line-height: 80px;border-bottom: 5px solid #f4f5f5;text-align: center;}
.ns-catname a{color: #7a8184;display: inline-block;margin: 0px 50px;font-size: 18px;}
.ns-catname a:hover{color: #26acff;}
.ns-catname a.on{color: #26acff;}
.news{max-width: 1440px;margin: 0 auto;margin-top: 2%;padding-bottom: 50px;}
.news ul li{width: 30%;float: left;margin-left: 5%;margin-bottom: 40px;box-shadow: 0px 0px 5px #ededed;transition:all 0.5s;}
.news ul li:nth-child(1),.news ul li:nth-child(4),.news ul li:nth-child(7),.news ul li:nth-child(10),.news ul li:nth-child(13),.news ul li:nth-child(16){margin-left: 0px;}
.news ul li img{width: 100%;}
.news ul li div.news-img{overflow: hidden;}
.news ul li div img{ width: 100%; transition: all 0.5s; max-height: 260px;}
.news ul li div.news-box{padding: 10px;}
.news ul li div.news-box h3{font-size: 18px;font-weight: bold;margin-top: 10px;}
.news ul li div.news-box p{margin-top: 10px;color: #666;}
.news ul li:hover{box-shadow: 0px 0px 8px #333;}
.news ul li:hover div img{transform: scale(1.1);}
.news ul li h3 a:hover{color:#26acff; }

.case ul{width: 96%;margin:0 2%;overflow:hidden; position: relative;}
.case ul li{margin: 2.5px;display: flex;float: left;}
.case ul li.ca1{width: 32.5%;height: 431px; }
.case ul li.ca2{width: 32.5%;height: 431px;}
.case ul li.ca3{width: 32.5%;height: 431px;}
.case ul li.ca4{width: 32.5%;height: 431px;}
.case ul li.ca5{width: 32.5%;height: 867px;}
.case ul li.ca6{width: 32.5%;height: 431px;}
.case ul li.ca7{width: 32.5%;height: 431px;left: 0;position: absolute;top: 872.5px;}
.case ul li.ca8{width: 32.5%;height: 431px;}
.case ul li.ca9{width: 32.5%;height: 867px;}
.case ul li.ca10{width: 32.5%;height: 431px;}
.case ul li.ca11{width: 32.5%;height: 431px;}
.case ul li.ca12{width: 32.5%;height: 867px;}
.case ul li.ca13{width: 32.5%;height: 431px;}
.case ul li.ca14{width: 32.5%;height: 431px;position: absolute;left: 0;top: 2180.5px;}
.case ul li.ca15{width: 32.5%;height: 431px;position: absolute;left: 0;top: 2616.5px;}
.case ul li.ca16{width: 32.5%;height: 431px;position: absolute;left:32.5%;top: 2616.5px;margin-left: 7.5px;}
.case ul li.ca17{width: 32.5%;height: 867px;}
.case ul li.ca18{width: calc(65% + 5px); height: 867px;}
.case ul li.ca19{width: 32.5%;height: 431px;}
.case ul li.ca20{width: 32.5%;height: 431px;}
.case ul li.ca21{width: 32.5%;height: 867px;}
.case ul li.ca22{width: calc(65% + 5px);height: 867px;}

.case ul li dl{width: 100%; height:100%;position: relative;overflow: hidden;}
.case ul li dt{width: 100%;height: 100%;transition: all 0.5s;}
.case ul li dd{width: 100%;height: 100%; position: absolute;z-index: 9;top: 0;left: 0;display: table;}
.case ul li dd div{width: 100%;height: 100%;display: table-cell;vertical-align: middle;background: rgba(0,0,0,0.5);text-align: center;transition: all 0.5s;opacity: 0;}
.case ul li dd div a{color: #FFF;display:block;}
.case ul li dd div h3{margin-bottom: 20px;}
.case ul li dd div p{margin-bottom: 20px;letter-spacing:3px;font-size:15px;margin:0px 10%;line-height:30px;}
.case ul li dd div em{color: #26acff;}
.case ul li:hover div{opacity: 1;}
.case ul li:hover dt{transform: scale(1.1);}
.cp-box1,.cp-box4{margin-left:15%;margin-right:15%;}
.cp-box2 h2{font-size:26px;letter-spacing:4px;}
.cp-box3 h2{font-size:26px;letter-spacing:4px;}
@media (min-width: 991px)
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
.te_p02 {
    line-height: 24px;
    margin: 10px 0 20px;
    clear: both;
    font-size: 13px;
    color: #636363;
}
.new .more {
    font-size: 14px;
    color: #000;
    float: right;
}
@media (min-width: 991px)
.col-md-4 {
    width: 33.33333333%;
}
@media (min-width: 991px)
.col-md-8 {
    width: 66.66666667%;
}
@media screen and (max-width: 40em) {
  .description-preview h3 {
    font-size: 0.5em;
  }
  .description-preview p,
  .details {
    display: none;
  }
}


@media only screen and (max-width: 1680px) {
.custom-count ul li{margin: 0px 3%}
.service-content dl dd div{padding: 6% 10%}
}

@media only screen and (max-width: 1560px) {
.about dl dd div{padding: 6% 10%;}
.culture ul li{margin: 0 50px;margin-top: 50px;}
.service-content dl dd div{padding: 6% 8%}
.service-content dl dd div em a{margin-top: 20px;}
}

@media only screen and (max-width: 1455px) {
.menu ul li{display: inline-block; margin-left:30px;line-height: 100px;}
.cp-show{margin-left: 5%;margin-right: 5%;}
.custom-count ul li{margin: 0px 2.5%}
}

@media only screen and (max-width: 1250px) {
.menu ul li{display: inline-block; margin-left:10px;line-height: 100px;}
}