@charset "UTF-8";
.WPTTable {
    position: absolute;
    top: 100px;
}

html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
address,
big,
cite,
code,
del,
em,
font,
img,
ins,
small,
strong,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend{margin: 0; padding: 0;font-family:"微软雅黑","microsoft yahei";}
html{
    overflow-x: hidden;
    overflow-y: scroll;
}
em {
    font-style: normal;
}
a:hover, a:focus {
    color: #393939;
    text-decoration: none;
}
ul,li{list-style:none;}
.fl{float:left;}
.fr{float:right;}
.clearfix {
    *zoom:1
}
.clearfix:before,.clearfix:after {
    display:table;
    content:"";
    line-height:0
}
.clearfix:after {
    clear:both
}
.clear {
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
}
.hid{display:none;}
img{border:none;display:inline-block;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-left{text-align:left;}
a{text-decoration: none;}
.ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ellipsis_two{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.flex-justify {
    display: flex;
    justify-content: center;
}
.flex {
    display: flex;
    align-items: center;
    justify-content: center;
}
.line {
    width: 100%;
    height: 1px;
    background: #dcdcdc;
}

/*竖版文字*/
.writing-mode-lr{
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    text-align: left;
}
.writing-mode-rl {
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
    text-align: left;
}

/*#顶部导航pc#*/
.uc0427-top {
    width: 1470px;
    z-index: 100;
    padding: 0 5%;
    height: 120px;
    color: #fff;
    line-height: 120px;
    margin: 0 auto;
}
.uc0427-logo{
    display: block;
    outline: none;
}
.uc0427-logo img{
    width: 190px;
    vertical-align: middle;
}

.uc0427-top ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.uc0427-top .active a{
    color: #ff5656!important;
}
.uc0427-top ul li .active a::after{
    width: 40px;
}
.uc0427-top ul li a {
    color: #000;
    display: block;
    width: 100%;
    font-size: 17px;
    position: relative;
    letter-spacing: 5px;
    padding: 0 26px;
}
.uc0427-top ul li a:after {
    content: '';
    bottom: 40px;
    position: absolute;
    display: block;
    width: 0px;
    height: 1px;
    background: #ff5656;
    transition: all .4s;
}
.uc0427-top ul li.active a:after,.uc0427-top ul li a:hover:after {
    width: 40%;
}
.uc0427-top ul li a:hover,.uc0427-top ul li a:focus {
    color: #ff5656;
}

/*#顶部导航mobile#*/
.window-head{position:absolute;position:fixed; display:table; top:0; left:0; right:0; z-index:99999; width:100%;height: 70px;background: rgba(0,0,0,.5);
    transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
header[role=heading].active {left: 0;}
.window-head hr{display:block; position:absolute; width:0; height:3px; border:none; margin:0; padding:0;
    transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;
    background:#00a0e9; top:0; left:0;}
.window-head .head-left{position:absolute; left:2.5%; top:50%; color:#fff; cursor:pointer;
    transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%);
    -o-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
.window-head .head-left img{
    width: 140px;
    line-height: 120px;
    vertical-align: middle;max-width:100%; max-height:90px;  transform:scale(1); -moz-transform:scale(1);
    -ms-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1);
    transform-origin:left center; -moz-transform-origin:left center; -ms-transform-origin:left center;
    -o-transform-origin:left center; -webkit-transform-origin:left center;
    transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.window-head .head-right{position:absolute; right:5%; top:50%; margin:0; height:28px; padding-right:28px;
    transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%);
    -o-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
.window-head .head-rights{position:absolute; right:5%; top:50%; height:28px;
    transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%);
    -o-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
.window-head .head-rights ol{font-style:normal;margin:1px;padding:0;width:26px;height:26px;display:block;cursor:pointer;}
.window-head .head-rights ol:after{display:block;margin:0;padding:0;content:'';clear:both;}
.window-head .head-rights ol li{width:24px;height:2px;float:left;margin:3px;background:#e6e6e6;display:block;overflow:hidden;}
.window-head .head-rights ol.active li{background:#fff; box-shadow:0 0 2px rgba(0,0,0,.1);}

/*#侧栏导航#*/
header[role=heading]{position:fixed; width:160px; height:100%; left:-240px; top:0; background:rgba(0, 0, 0, 0.59); text-align:center; z-index:9999999;
    transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s;}
header[role=heading].active{left:0;}
.head-box{width:160px; height:100%; overflow:auto;}
.head-top,.head-bottom{overflow:hidden;}
.logo-box{margin:30px 0;}
.logo-box img{max-width:86%;}
.jodo-box{margin:30px 0;}
.jodo-box p{display:block; margin:0 auto; font-size:14px; width:130px;color: #fff;}
.jodo-box p img{max-width:88%; margin-bottom:5px;}
.jodo-box p em.fa{font-size:22px; line-height:1.05; width:auto; padding:0 1px 0 4px; position:relative; bottom:-4px; top:2px;}
.foto-box{position:relative; z-index:9; margin:30px 0;}
.foto-cut{padding:0 10px;}
.foto-cut p{margin:0;}
@media (max-height:768px){
    .logo-box{margin:12px 0;}
    .jodo-box{margin:20px 0;}
    .foto-box{margin:20px 0;}
}
.social-box{margin-bottom:7.5px;}
.social-box:after{display:block; content:''; clear:both;}
.social-box a{display:inline-block; width:40px; height:40px; line-height:40px; border-radius:50%; background:#00a0e9;
    font-size:16px; margin:2.5px 7.5px; cursor:pointer; color:#fff;
    transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s;}
.social-box a:hover{ background:#171717; transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s;}
.nav-cut{position:relative; text-align:center; line-height:36px; overflow:auto;}
.nav-cut>ul{display:block; list-style:none; margin:0; padding:0; position:relative;}
.nav-cut>ul>li{display:block; list-style:none; margin:0; padding:0; position:relative; cursor:pointer;}
.nav-cut>ul>li.background{position:absolute; left:0; top:0;  width:100%; z-index:98;
    transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; -webkit-transition:.2s;}
.nav-cut>ul>li.background:before{content:'-'; width:130px; background:#00a0e9; color:#00a0e9;
    margin:0 auto; border-radius:32px; display:block; cursor:pointer;}
.nav-cut>ul>li>a{display:block; position:relative; z-index:99;color: #fff;}
.nav-cut>ul>li:hover>a,
.nav-cut>ul>li.active>a,
.nav-cut>ul:hover>li.active:hover>a{
    transition:.05s .2s; -moz-transition:.05s .2s; -ms-transition:.05s .2s; -o-transition:.05s .2s; -webkit-transition:.05s .2s; color:#fff; }
.nav-cut>ul:hover>li.active>a{color:#393939; transition:.05s; -moz-transition:.05s; -ms-transition:.05s;
    -o-transition:.05s; -webkit-transition:.05s;}
.nav-cut ul>li>ul:before{content:''; display:block; position:absolute; left:4px; top:50%; margin:-10px 0 0 0;
    border-width:9px 16px 9px 0; border-style:solid; border-color:transparent #171717 transparent transparent;}
.nav-cut ul>li>ul>li>ul{position:absolute; left:100%;}
.nav-cut ul>li>ul>li{list-style:none; margin:0; padding:0; background:#171717; position:relative;
    transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; -webkit-transition:.2s;}
.nav-cut ul>li>ul>li:first-child{border-top-right-radius:10px; border-top-left-radius:10px; padding-top:5px;}
.nav-cut ul>li>ul>li:last-child{border-bottom-right-radius:10px; border-bottom-left-radius:10px; padding-bottom:5px;}
.nav-cut ul>li>ul>li>a{display:block; padding:0 40px; color:#eee; position:relative; z-index:99; white-space:nowrap;}
.nav-cut ul>li>ul{position:relative; left:0; top:0;list-style:none; z-index:99; padding:20px 0 0 0; width:180px; margin:0 auto;
    transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0);
    -o-transform:translate(0,0); -webkit-transform:translate(0,0); display:none; visibility:visible; opacity:1;}
.nav-cut ul>li>ul:before{content:''; display:block; position:absolute; left:50%; top:4px; margin:0 0 0 -10px;
    border-width:0 9px 16px 9px; border-style:solid; border-color:transparent transparent #171717 transparent;}
.nav-cut ul>li.active>ul{display: block!important;visibility:visible; opacity:1;
    transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0);
    -o-transform:translate(0,0); -webkit-transform:translate(0,0);}

/*#banner#*/
.banner,.banner-static{
    position: static;
    width: 100%;
    height: 581px;
    overflow: hidden;
  position: relative;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #00a0e9;
}
.banner1{
    background:url(../img/banner1.jpg);
}
.banner2{
    background:url(../img/banner2.jpg);
}
.banner3{
    background:url(../img/banner3.jpg);
}
.swiper-slide{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.banner .banner-title,.banner-static .banner-title {
    color: #fff;
    width: 100%;
    text-align: center;
  padding-top: 86px;
}
.banner-title-img{
    width: 100%;
    text-align: center;
    left: 0;
}
.banner-title h2{
    font-size:22px;
    font-weight: 400;
}
.banner-title .line{
    width: 50px;
    height: 3px;
    margin: 25px auto!important;
    background: #fff;
    float: inherit!important;
}
.banner-title p{
    font-size:14px;
    margin-top:10px;
    line-height: 1.8;
}

@media (min-width: 992px) {
    /*#电脑#*/
    .banner-static{
        height: 581px;
    }
    .banner-title h2{
        font-size:50px;
        font-weight: 400;
    }
    .banner-title .line{
        width:50px;
        height: 3px;
        margin: 25px 0 20px;
        background: #fff;
    }
    .banner-title p{
        font-size:20px;
        margin-top:10px;
        line-height: 1.8;
    }
}

@media (max-width: 768px){
    .banner, .banner-static{
        height: 333px!important;
        position: relative;
    }
    .banner-title-img img{
        width: 100%;
    }
}

@media (max-width: 768px){
    .banner .swiper-pagination-bullet {
        height: 3px;
    }
    .col-xxs-12 {
        float: none;
        width: 100%;
    }
    .text-cosize {
        font-size: 16px!important;
    }
    .uc0427-spacer-sm {
        height: 40px;
    }
    .s_red {
        padding-bottom: 16px!important;
        font-size: 30px!important;
    }
    .paddingtop-tit {
        padding-top: 40px!important;
    }
    #uc0427-features,
    #uc0427-feature-3,
    #uc0427-faqs {
        padding-bottom: 0!important;
    }
    .newBg {
        width: 91% !important;
        margin:12px 18px!important;
    }
    .newsWrap{width: 100%!important;}
    .news {
        padding-bottom: 32px!important;
    }
    .ContactBox{
        width: 100%;
    }
    .contectLeft {
        width: 340px !important;
        margin-left: 30px!important;
    }
    .contectRight{
      display: none!important;
    }
    .newItem dd a {
        width: 230px!important;
    }
    .titActive p {
        font-size: 14px !important;
        width: 84%;
        margin: 0 auto;
        line-height: 28px;
    }
    .Contact {
        height: 472px!important;
    }
    .user-item {
        width: 97%!important;
    }
    .user-item .title {
        font-size: 16px!important;
    }
    .tempWrap{margin-bottom: 6px!important;}
    /*尾部*/
    .footer_info {
        background: #000;
        padding: 20px 0;
    }
    .footer_contact_wx {
        color: #fff;
        font-size: 12px;
        text-align: center;
    }
  .banner1 {
    background: url(../img/banner01.jpg);
    background-size: contain;
}
  .banner2 {
    background: url(../img/banner02.jpg);
    background-size: contain;
}
  .banner3 {
    background: url(../img/banner03.jpg);
    background-size: contain;
}
  .sectionTit p {
    width: 86%;
    margin: 0 auto;
}
  .section3 {
    height: 766px!important;
}
.section-p{
    width: 100%;
    text-align: center;
}
.section-p img{
    width: 76%;
}
  
 .bannerabout {
    background: url(../img/bannerabout-m.jpg)!important;
    background-size: contain!important;
}
   .bannerdriedfood {
    background: url(../img/bannerdriedfood-m.jpg)!important;
    background-size: contain!important;
}
   .bannercontant {
    background: url(../img/bannercontant-m.jpg)!important;
    background-size: contain!important;
}
   .bannersolve {
    background: url(../img/bannersolve-m.jpg)!important;
    background-size: contain!important;
}
   .bannerapp {
    background: url(../img/app-m.jpg)!important;
    background-size: contain!important;
}
  
  .smal-24 {
    margin-left: 0;
    width: 100% !important;
}
  .news_index {
    padding: 15px 0!important;
}
}
/*#轮播图#*/
.banner .banner-title{
    position: absolute;
    color:#fff;
    left: 25%;
    opacity: 0;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
.banner .swiper-slide-active .banner-title{
    left: 10%;
    opacity: 1;
}
.banner .swiper-pagination-bullet-active{
    opacity: 1;
    background: #4463f1;
}
.banner .swiper-pagination-bullet {
    width: 30px;
    height: 5px;
    border-radius: 0;
}

.swiper-pagination-bullet {
    background: #fff;
}
#uc0427-main,
#uc0427-footer {
    float: left;
    width: 100%;
}
#uc0427-features,
#uc0427-feature-3,
#uc0427-faqs {
    background: #fafafa;
    padding-bottom: 26px;
}
.paddingtop-tit{
    padding-top:  45px;
}
.text-cosize{
    font-size:24px;
}
.s_red{
    margin: 0 auto;
    padding-bottom:30px;
    font-size:38px;
    background:url(../img/border.png)no-repeat bottom center;
    font-weight:bold;
    color:#4463f1;
    margin-bottom:20px;
}
.uc0427-spacer-sm {
    height: 50px;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.uc0427-feature, .uc0427-figure {
    display: block;
    color: #444;
    float: left;
    width: 100%;
    text-align: center;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0 10px 34px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin-bottom: 1.5em;
}
.uc0427-feature h4{
    margin-bottom: 15px;
}
.uc0427-feature .uc0427-feature-text, .uc0427-feature .uc0427-figure-text, .uc0427-figure .uc0427-feature-text, .uc0427-figure .uc0427-figure-text {
    color: #919191;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 24px;
}
.case img{width: 100%}
/*新闻*/
.news{width:100%;padding-bottom:50px;overflow:hidden;}
.newBox {transition:all 0.6s 0.4s;-webkit-transform:translateY(200px);transform:translateY(200px);opacity:0;margin-top: 46px; }
.newBox.newActive {-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.newList{width:1140px;margin:0 auto;}
.newList li{float:left;width:32%;margin-right:2%;margin-bottom:40px;}
.newList .mr0{margin-right:0;}
.newDate{float:left;position:relative;width:78px;height:78px;border:solid 1px #333;color:#333;text-align: center;cursor: pointer;transition: all 0.4s;}
.newList li:hover .newDate{color:#EF3333;}

.newDate .border-left{width: 1px;height: 0px;background: #EF3333;position:absolute;left:-1px;bottom: 0;}
.newDate .border-bottom{width: 0px;height: 1px;background: #EF3333;position:absolute;left:-1px;bottom: -1px;}
.newDate .border-top{width: 0px;height: 1px;background: #EF3333;position:absolute;right:-1px;top: -1px;}
.newDate .border-right{width: 1px;height: 0px;background: #EF3333;position:absolute;right:-1px;top: 0;}
.newDate span{display:block;font:36px/52px "微软雅黑";height:52px;}
.newDate em{display:block;font:16px/1em "微软雅黑";}
.newsText{float:right;width:72%;height:100%;overflow:hidden;}
.newsText h4{padding-top:5px;font:18px/35px "微软雅黑";color:#434343;}
.newsText p{font:14px/20px "微软雅黑";color:#777;overflow:hidden;height:40px;}
.mar2{margin:10px auto 0;}

.news{background:#fbfbfb;}
.newsWrap{width:1126px;margin:0 auto;}
.newBg{width:355px;background:#fff;margin-right:30px;float:left;}
.mr_0{margin-right:0;}
.newItem{padding:20px;}
.newItem dt{line-height:60px;font-size:22px;color:#979797;font-weight: normal;}
.newItem dt i{height:24px;display: inline-block;vertical-align: middle;width:5px;background:#DF2727;margin-right:10px;}
.newItem dd{height:30px;line-height:30px;font-size:14px;}
.newItem dd a{float:left;color:#666;width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newItem dd span{float:right;color:#979797;font-size:12px;}
.see_more {
    width: 168px;
    height: 38px;
    border: solid 1px #000;
    border-radius: 3px;
    line-height: 38px;
    text-align: center;
    display: block;
    margin: 0 auto;
    color: #333;
    font-size: 14px;
    margin-top: 25px;
    position: relative;
}
.see_more1 {
    border: solid 1px #fff;
    color: #fff;
}
.see_more1:hover {
    color: #fff!important;
}
.tempWrap{margin-top: 46px;margin-bottom: 26px}
.user {
    background-color: #f5f5f5;
}
.user-item {
    width: 364px;
    margin: 0 6px 16px 6px;
    padding: 30px;
    overflow: hidden;
    display: inline-block;
    background-color: #fff;
    vertical-align: middle;

}
.user-item .title {
    text-align: left;
    margin-bottom:12px;
    font-size: 18px;
    color: #4d4d4d
}

.user-item img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle
}

.user .user-item .desc{
    line-height: 1.8;
    font-size: 14px;
    color: #999;
    height: 52px;
    overflow: hidden;
}
/*联系我们*/
.Contact{width:100%;height:614px;background:url(../img/mapBg.jpg) no-repeat;background-size:cover;overflow:hidden;}
.titActive h6,.titActive p{color:#fff;}
.titActive span{background:url(../img/line2.png) no-repeat;}
.ContactBox{width:1127px;margin:0 auto;}
.contectLeft{float:left;width:460px;transition:0.7s 0.4s;-webkit-transform:translateX(-300px);transform:translateX(-300px);opacity:0;}
.contectLeft.leftActive{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}
.contectLeft h3{font-size:20px;margin-bottom:20px;color:#fff;}
.contectLeft .h3_active{margin-top:20px;}
.contectLeft p{font-size:15px;margin:10px 0;width:100%;}
.contectLeft p a{color:#fff;}
.contectLeft p .g_icons{font-family: "iconfont";font-size:20px;line-height:20px;color:#fff;display:inline-block;margin-right:15px;    vertical-align: middle;}
.contectRight{float:right;width:550px;transition:0.7s 0.4s;-webkit-transform:translateX(300px);transform:translateX(300px);opacity:0;}
.contectRight.rightActive{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}
.contectRight input{margin-bottom:24px;width:98%;height:40px;font:14px/40px "微软雅黑";color:#999;background:#fff;padding-left:2%;}
.contectRight .name,.contectRight .tel{width:45%;}
.contectRight .name{float:left;}
.contectRight .tel{float:right;}
.contectRight .message{margin-bottom:24px;width:98%;height:120px;font:14px/40px "微软雅黑";color:#999;background:#fff;padding-left:2%;}
.contectRight .SubmitBtn{width:168px;height:38px;border:solid 1px #fff;border-radius:3px;line-height:38px;text-align: center;color:#fff;display:block;font-size:14px;position:relative;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;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.sectionTit {
    padding-top: 58px;
    text-align: center;
    padding-bottom: 60px;
    transition: 0.5s;
}
.sectionTit h6 {
    font-size: 38px;
    font-family: "webfont";
    color: #fff;
    -webkit-text-stroke-width: 0.2px;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 27px;
}
.titActive h6, .titActive p {
    color: #fff;
}
.titActive p{font-size: 18px}
.contectRight input {
    border: none;
    margin-bottom: 24px;
    width: 100%;
    height: 40px;
    color: rgb(153, 153, 153);
    padding-left: 2%;
    font: 14px/40px 微软雅黑;
    background: rgb(255, 255, 255);
}
.contectRight .message {
    border: none;
    margin-bottom: 24px;
    width: 100%;
    height: 120px;
    font: 14px/40px ;
    color: #999;
    background: #fff;
    padding-left: 2%;
}
.contectLeft .iconfont{
    font-size: 22px;
    margin-right: 5px;
}
/*我们的设计流程*/
.section4{height:680px;) no-repeat;background-size:cover;width:100%;overflow:hidden;}
.section4 h6 { color:#ffffff; }
.DesignBox{width:1170px;margin:40px auto 0;}
.DesignCont{margin-bottom:60px;}
.DesignCont .designItem{float:left;transition:all 0.3s 0.3s;cursor: pointer;max-width:195px;position: relative;}
.DesignCont .designItem img{width:100%;}
.line{float:left;width:96px;height:3px;margin-top:90px;transition:0.2s;}
.line1{background:url(../img/icon.png) -404px 0 no-repeat;margin-left:-22px;}
.line2{background:url(../img/icon.png) -404px -21px no-repeat;margin-left:-22px;}
.line3{background:url(../img/icon.png) -404px -42px no-repeat;margin-left:-22px;}
.line4{background:url(../img/icon.png) -404px -62px no-repeat;margin-left:-22px;}
.designItem2{margin-left:-22px;}
.designItem3{margin-left:-22px;}
.designItem4{margin-left:-22px;}
.designItem5{margin-left:-22px;}
.designItem:hover{-webkit-animation:hover 2s forwards;animation:hover 2s forwards;}

@-webkit-keyframes hover{
	0%{-webkit-transform:scale(1);transform:scale(1);}
	20%{-webkit-transform:scale(1.1);transform:scale(1.1);}
	40%{-webkit-transform:scale(0.9);transform:scale(0.9);}
	60%{-webkit-transform:scale(1.05);transform:scale(1.05);}
	80%{-webkit-transform:scale(0.95);transform:scale(0.95);}
	100%{-webkit-transform:scale(1);transform:scale(1);}
}

@keyframes hover{
	0%{transform:scale(1);}
	20%{transform:scale(1.1);}
	40%{transform:scale(0.9);}
	60%{transform:scale(1.05);}
	80%{transform:scale(0.95);}
	100%{transform:scale(1);}
}
/*跨终端呈现*/
.section3{width:100%;height:620px;background:url(../img/secbg2.jpg) fixed no-repeat;background-size:cover;}
.sectionTit p {
    font-size: 16px;
    color: #ffffff;
}


/*尾部*/
.footer {background:#272727;color:#676c74;font-size:14px;overflow:hidden;width:100%;min-width:1200px;position:relative;z-index:2;}
.footer a {color:#676c74;}
.footer a:hover {color:#989a9d;}
.footer .footer_panel {
    width: 1277px;
    margin: 0 auto;
    padding: 50px 0 0;
    height: 268px;
    padding-left: 80px;
}
.footer_panel dl {overflow:hidden;float:left;}
.footer_panel dl dt {font-size:18px;color:#cccccc;line-height:40px;}
.footer_panel dl dt a {color:#cccccc;}
.footer_panel dl dd {line-height:36px;font-size:14px;width:123px;padding-right:10px;}
.footer_panel dl.dk1 {width:130px;padding-right:20px;}
.footer_panel dl.dk2 {width:470px;padding-right:20px;}
.footer_panel dl.dk2 dd {float:left;}
.footer_panel dl.dk3 {width:320px;padding-right:20px;}
.footer_panel dl.dk3 dd {width:100%;}
.footer_panel dl.dk3 dd.add {background:url("../img/footer_ico.png") 0 0 no-repeat;}
.footer_panel dl.dk3 dd.tel {background:url("../img/footer_ico.png") 0 -40px no-repeat;font-size:30px;color:#ff5656;}
.footer_panel dl.dk3 dd.qq {margin-top:10px;}
.footer_panel dl.dk3 dd.qq a {width:180px;height:40px;display:inline-block;text-indent:10000px;background:url("../img/qq1.gif") 0 0 no-repeat;}
.footer_panel dl.dk3 dd.qq a:hover {background:url("../img/qq2.gif") 0 0 no-repeat;}
.footer_panel dl.dk4 {width:140px;padding-right:10px;overflow:visible;}
.footer_panel dl.dk4 dd {background:rgba(0,0,0,0.5) url("../img/an1.png") no-repeat;border-radius:10px;width:140px;height:44px;line-height:44px;text-indent:50px;font-size:14px;color:#676c74;margin-top:10px;cursor:pointer;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;position:relative;}
.footer_panel dl.dk4 dd.wx {background-position:15px 12px;}
.footer_panel dl.dk4 dd.wx .code {background:url("../img/lezu_code.png") no-repeat center;width:140px;height:0;line-height:152px;text-indent:0;text-align:center;position:absolute;left:5px;top:40px;z-index:55;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;overflow:hidden;}
.footer_panel dl.dk4 dd.wx:hover {background-position:15px -38px;color:#ffffff;}
.footer_panel dl.dk4 dd.wx:hover .code {height:148px;}
.footer_panel dl.dk4 dd.wb {background-position:15px -88px;}
.footer_panel dl.dk4 dd.wb a {display:block;}
.footer_panel dl.dk4 dd.wb:hover {background-position:15px -138px;}
.footer_panel dl.dk4 dd.wb:hover a {color:#ffffff;}
.footer .copyright {border-top:1px #444 solid;width:1140px;margin:0 auto;line-height:24px;text-align:right;color:#989a9d;font-size:14px;padding:25px 0;overflow:hidden;}
.footer .copyright a.flogo {float:left;display:inline-block;width:397px;height:24px;background:url("../img/lezu_logow.png") 0 0 no-repeat;text-indent:10000px;opacity:.6;overflow:hidden;}
.footer .copyright a.flogo:hover {background:url("../img/lezu_logow.png") 0 0 no-repeat;opacity:.8;}


/*返回顶部*/
#toTop {position: fixed; bottom:60px; display:none;right: 5px; width: 48px; height: 48px; background:url('../img/up.png') no-repeat; opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */ z-index:1000; cursor:pointer}
#toTop:hover {opacity: 0.8;filter: alpha(opacity=80); /* For IE8 and earlier */
}
/*关于我们*/
.bannerabout {
    background: url(../img/bannerabout.jpg);
}
/*新闻*/
.bannerdriedfood {
    background: url(../img/bannerdriedfood.jpg);
}
.bannercontant {
    background: url(../img/bannercontant.jpg);
}
.bannersolve {
    background: url(../img/bannersolve.jpg);
}
.bannerapp {
    background: url(../img/app.jpg);
}
.mainBg {
    position: relative;
    background: #F5F5F5
}
.news_index {
    padding: 38px 0;
}
.news_index .hd_l{width:70.3399%}
.news_index .ipart2{padding:0;margin-bottom:65px;}
.news_index .ipart2 .ipart_hd .li3{width:100%;margin-top:2.5%;}
.news_index .ipart2 .ipart_hd .li3 .list_text{-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform: translate3d(0,0px,0);transform: translate3d(0,0px,0);visibility:visible;}
.news_index .ipart2 .ipart_hd .list_title{margin-bottom:26px;}
.news_index .ipart2 .ipart_hd .li3:after{right:0;opacity:0;-webkit-transition: all 1s ease;
    transition: all 1s ease;}
.news_index .ipart2 .ipart_hd .li3:hover:after{opacity:1;}
.news_index .ipart2 .ipart_hd .li1{margin-right:0;width:37%;}
.news_index .ipart2 .ipart_hd .li2{float:right;width:37%;}
.news_index .ipart_title{text-align:left;margin-bottom:30px;}
.news_index .ipart_title a{display:inline-block;}
.news_index .ipart2 .ipart_hd .cur{width:60.533%;}
.news_index .part2 .list_box{display:block;}
.news_index .part2 .list_text{background:#fff;padding:20px;}
.news_index .part2 .list_time{font-size:16px;color:#666;}
.news_index .part2 .list_title{
    font-size: 20px;
    color: #333333;
    margin: 20px 0px;
    height: 43px;
    overflow: hidden;
}
.news_index .part2 .more_btn_news{font-size:16px;color:#4463f1;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-618 {
    padding-bottom: 61.8%;
}
.smal-24{margin-bottom: 26px !important;}
.imgZoom img,.imgY180 img { -moz-transition:all 2.4s ease 0s; -ms-transition:all 2.4s ease 0s; -o-transition:all 2.4s ease 0s; -webkit-transition:all 2.4s ease 0s; transition:all 2.4s ease 0s;}
.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.3,1.3); -ms-transform:scale(1.3,1.3); -o-transform:scale(1.3,1.3); -webkit-transform:scale(1.3,1.3); transform:scale(1.3,1.3);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg)}
/*新闻详细*/
.news_detail .detail_l{width: 100%;}
.news_detail .l_box{background:#fff;padding: 3%;}
.news_detail .news_title{font-size:30px;color:#000;margin-bottom: 10px;}
.news_detail .l_tools{margin-bottom:20px;line-height:20px;}
.news_detail .l_tools span{display:inline-block;*display:inline;*zoom:1;font-size:14px;color:#5a5a5a;}
.news_detail .news_text{font-size:16px;line-height:1.8;}
.news_detail .news_text img{max-width:100%!important;height:auto!important}
.news_detail .news_time{margin-right: 20px;}
.page a{color:#000}
#hyzx{margin-left:15px;margin-right:15px;}
.row > .span-8 {
    width: 31.66666667%;
}
.smal-24 {
    margin-bottom: 26px !important;
}
.row > [class*="span-"] {
  float: left;
  margin-right: 1.66666667%;
  *margin-right: 1.55666667%;
}
/*联系我们*/
#lxwm{
    position: relative;
}
.lxwm_box{
    margin: 0 8%;
}
.lxwm_gs_title{
    text-align: center;
    font-size: 36px;
    color: #333333;
    margin-top: 30px;
}
.lxwm_gs_entitle{
    text-align: center;
    font-size: 16px;
    color: #666666;
}
.lxwm_gs_li_phone{
    font-size: 20px;
    margin: 20px 0;
}
.lxwm_gs_list_div_con{
    font-size: 13px;
    color: #000000;
}
.lxwm_gs_li_p_10-21{
    line-height: 40px;
    font-size: 14px;
}
.lxwm_gs_li_fx_img{
    float: left;
    text-align: center;
    margin-right: 40px;
}
.lxwm_gs_tilelianxi{
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
}
.lxwm_gs_tilelianxi_b2{
    color: #00abe3;
}
.lxwm_gs_list .lxwm_gs_li_fx_img2{
    margin-right: 0;
}
.lxwm_gs_list li{
    float: left;
    width: 38%;
}
.lxwm_gs_list li.lxwm_gs_list_select{
    background: none;
    width: 60%;
    margin-left: 2%;
}
.lxwm_gs_show_q{
    font-size: 22px;
    color: #333333;
    line-height: 26px;
    margin-top: 10px;
}
.lxwm_gs_show_con{
    font-size: 16px;
    color: #333333;
    line-height: 22px;
    margin-top: 12px;
}
.lxwm_li_box{
    padding-left: 10%;
}
.lxwm_gs_list{
    margin-top: 50px;
}
.lxwm_gs_list_div{
    float: left;
    width: 33%;
    padding: 10px 0 24px 0;
    text-align: center;
    border: 1px solid #EAEAEA;
    border-left: none;
  padding-top: 24px;
}
.lxwm_gs_list_div_img img{
    width: 65%;
}
.lxwm_gs{
    padding-bottom: 40px;
  height: 475px;
}
.map_map{
    height: 622px;
    margin-top: 40px;
    overflow: hidden;
}
.lxwm_form{
    margin: 30px 0 0 0;
}
.lxwm_gs_li_fx_con{
    font-size: 14px;
    margin-top: 8px;
    color: #333333;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.lxwm_gs_li_fx_img:hover .lxwm_gs_li_fx_con{
    color: #00aae8;
}
.lxwm_gs_li_fx_img_img{
    position: relative;
}
.lx_qq2{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.lxwm_gs_li_fx_img:hover .lx_qq2{
    opacity: 1;
}
.lx_qq{
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.lxwm_gs_li_fx_img:hover .lx_qq{
    opacity: 0;
}
.form{
    height: 328px;
    position: relative;
    width: 100%;
    background: #af0000;
    background-size: auto 100%;
}
.form_title{
    position: absolute;
    top: 20%;
    left: 8%;
    font-size: 36px;
    color: #fff;
}
.form_form{
    position: absolute;
    top: 52%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 84%;
}
.form_zi{
    position: absolute;
    left: 8%;
    bottom: 50px;
    font-size: 12px;
    color: rgb(255, 255, 255);
}
.form input{
    outline: none;
    float: left;
    border: 1px solid rgba(255,255,255,0.3);
    padding-left: 14px;
    height: 40px;
    font-size: 14px;
    border-radius: 5px;
    color: rgba(255,255,255,0.95);
    background: rgba(255,255,255,0.13);
}
.form input::-webkit-input-placeholder {
    color: rgba(255,255,255,0.5);
}
.form_name{
    width: 18%;
    margin-right: 1.5%;
}
.form_phone{
    width: 18%;
    margin-right: 1.5%;
}
.form_textarea{
    width: 50%;
    margin-right: 1%;
}
.form input.form_submit{
    border: none;
    padding-left: 0;
    width: 10%;
    text-align: center;
    background-color: #fff;    
    color: #ec0004;
    font-weight: bold;
    font-size: 15px;
    border-radius: 5px;
    margin-right: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.form input.form_submit:hover{
    background-color: #00AAE7;
}
.form input.form_submit:focus{
    background-color: #3694A6;
}
.newsCon {
    padding: 30px 0 0;
}
.newsCon img{
    margin: 50px 0;
}
.service-title {
    font-size: 30px;
    font-weight: 400;
    color: rgba(89,96,123,1);
    height: 30px;
    line-height: 30px;
    padding-bottom: 13px;
  padding-top: 72px;
}
.service-title-tip {
    line-height: 16px;
    font-size: 16px;
    color: rgba(89,96,123,1);
    font-weight: 400;
    padding: 12px 0;
}
.service-text {
    font-size: 14px;
    font-weight: 400;
    color: rgba(159,165,187,1);
    line-height: 22px;
    padding-bottom: 19px;
    width: 100%;
}
.link-btn{
    padding: 8px 22px;
    background: rgba(48,145,242,1);
    box-shadow: 0px 8px 16px 0px rgba(96,155,253,0.4);
    border-radius: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
}
.link-btn:hover{color: #fff;}

@media(max-width:767px) {

.lxwm_box{
        margin: 0 3%;
    }
    .lxwm_gs_title{
        font-size: 20px;
        margin-top: 15px;
    }
    .lxwm_gs_entitle{
        font-size: 12px;
    }
    .lxwm_gs_list{
        margin-top: 15px;
    }
    .lxwm_gs_list li{
        float: none;
        width: 100%;
        background: none;
        margin-bottom: 12px
    }
    .lxwm_li_box{
        padding-left: 0;
    }
    .lxwm_gs_show_con{
        font-size: 16px;
        margin-top: 10px;
    }
    .lxwm_gs_li_phone{
        line-height: 30px;
        margin-bottom: 15px;
        text-align: left;
        font-size: 18px;
        margin: 0;
    }
    .lxwm_gs_list li.lxwm_gs_list_select{
        width: 100%;
    }
    .lxwm_gs_show_q{
        font-size: 20px;
        margin-top: 15px;
    }
    .map_map{
        height: 200px;
        margin-top: 20px;
    }
    .lxwm_gs{
        padding-bottom: 20px;
      height: 398px;
    }
    .lxwm_form{
        margin: 15px 0 0 0;
    }
    .form_title{
        left: 0;
        right: 0;
        text-align: center;
        font-size: 16px;
        top: 10%;
    }
    .form_form{
        top: 25%;
        left: 18px;
        width: 100%;
        text-align: center;
    }
    .form input{
        width: 100%;
        margin-right: 0;
        color: #fff;
    }
    .nice-select{
        display: none;
    }
    .form input.form_submit{
        margin-left: 0;
        width: 90%;
        border-radius: 16px
    }
    .form_touch{
        display: block;
    }
    .form_touch {
        height: 328px;
        position: relative;
        width: 100%;
        background: url(../img/bg-try.png) no-repeat top;
        background-size: auto 100%;
    }
    .form_form input{
        width: 90%;
        padding-left: 10px;
        font-size: 14px;
        height: 40px;
        border: none;
        border-radius: 16px;
        margin-bottom: 14px;
        outline: none;
    }
    .form_form input.form_submit{
    background-color: #ffffff;
    margin-bottom: 0;
    color: #ec0004;
    font-weight: bold;
    font-size: 15px;
}
    .form_form select{
        width: 90%;
        padding-left: 10px;
        font-size: 14px;
        height: 40px;
        border: none;
        border-radius: 16px;
        margin-bottom: 14px;
        outline: none;
    }
  .lxwm_gs_list_div_wx{padding: 17px 0!important;}
    .form_zi,.lxwm_gs_list_div_con1{display: none}
    .lxwm_gs_list_div_img img {
        width: 81%;
    }
    .lxwm_gs_list_div2{padding: 0 0 15px 0;}
    .lxwm_gs_li_p_10-21 {
        line-height: 30px;
    }
  .service-title {padding-top: 28px;}
  .newsCon img {
    margin: 0 auto;
    height: auto !important;
    max-width: 100% !important;
}
  .newsCon img{
    margin: 26px 0;
}
.sectionTit h6 {
    font-size: 32px;
}
}