@charset "utf-8";
@import url(format.css);
/* 公共样式 */
.bi_bj{max-width:750px;width:100%;margin: 0 auto;overflow: hidden;position: relative;}

.header{background:#fff;height: 14vw;position:relative;overflow:hidden;}
.header .hea_nev{position:absolute;left: 3vw;top: 3.5vw;width: 7%;}
.header .hea_nev img{width:100%;display:block}
.header .hea_logo{position:absolute;top:3vw;left:0;right:0;width: 25%;margin:0 auto;}
.header .hea_logo img{width:100%;display:block}
.header .hea_liao{position:absolute;right:3vw;top: 3.5vw;width: 9.5%;}
.header .hea_liao img{width:100%;display:block}
.header .hea_liao i{position:absolute;top:-1vw;right:-1vw;font-size:3vw;background:red;color:#fff;border-radius:50%;width:4vw;height:4vw;text-align:center;line-height:3.5vw}

.cd-bouncy-nav-modal{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background-color:rgba(36,35,37,.9);opacity:0;visibility:hidden;-webkit-transition:opacity .3s .6s,visibility 0s .9s;-moz-transition:opacity .3s .6s,visibility 0s .9s;transition:opacity .3s .6s,visibility 0s .9s}
.cd-bouncy-nav-modal.fade-in{visibility:visible;opacity:1;-webkit-transition:opacity .1s 0s,visibility 0s 0s;-moz-transition:opacity .1s 0s,visibility 0s 0s;transition:opacity .1s 0s,visibility 0s 0s}
.cd-bouncy-nav-modal .cd-close{display:block;position:fixed;top: 5vw;right: 6%;width: 8vw;height: 8vw;overflow:hidden;text-indent:100%;white-space:nowrap;background:url(../images/cd-icon-close.svg) no-repeat center center;background-size: 8vw;-webkit-transform:scale(0) translateZ(0);-moz-transform:scale(0) translateZ(0);-ms-transform:scale(0) translateZ(0);-o-transform:scale(0) translateZ(0);transform:scale(0) translateZ(0);-webkit-transition:-webkit-transform .3s 0s,visibility 0s .3s;-moz-transition:-moz-transform .3s 0s,visibility 0s .3s;transition:transform .3s 0s,visibility 0s .3s;}
.cd-bouncy-nav-modal.fade-in .cd-close{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s 0s,visibility .3s 0s;-moz-transition:-moz-transform .3s 0s,visibility .3s 0s;transition:transform .3s 0s,visibility .3s 0s}
.cd-bouncy-nav{position:absolute;width: 90%;top: 20vw;left: 0;right: 0;margin: 0 auto;}
.cd-bouncy-nav li{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translateY(100vh);-moz-transform:translateY(100vh);-ms-transform:translateY(100vh);-o-transform:translateY(100vh);transform:translateY(100vh);text-align:center}
.is-visible .cd-bouncy-nav li{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.fade-in .cd-bouncy-nav li{-webkit-animation:cd-move-in .4s;-moz-animation:cd-move-in .4s;animation:cd-move-in .4s}
.fade-out .cd-bouncy-nav li{-webkit-animation:cd-move-out .4s;-moz-animation:cd-move-out .4s;animation:cd-move-out .4s}
.fade-in .cd-bouncy-nav li,.fade-out .cd-bouncy-nav li{-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}
.fade-in .cd-bouncy-nav li:nth-of-type(2),.fade-out .cd-bouncy-nav li:nth-of-type(2){-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}
.fade-in .cd-bouncy-nav li:nth-of-type(3),.fade-out .cd-bouncy-nav li:nth-of-type(3){-webkit-animation-delay:.15s;-moz-animation-delay:.15s;animation-delay:.15s}
.fade-in .cd-bouncy-nav li:nth-of-type(4),.fade-out .cd-bouncy-nav li:nth-of-type(4){-webkit-animation-delay:.25s;-moz-animation-delay:.25s;animation-delay:.25s}
.fade-in .cd-bouncy-nav li:nth-of-type(5),.fade-out .cd-bouncy-nav li:nth-of-type(5){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
.fade-in .cd-bouncy-nav li:nth-of-type(6),.fade-out .cd-bouncy-nav li:nth-of-type(6){-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s}
.fade-in .cd-bouncy-nav li:nth-of-type(7),.fade-out .cd-bouncy-nav li:nth-of-type(7){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s}
.fade-in .cd-bouncy-nav li:nth-of-type(8),.fade-out .cd-bouncy-nav li:nth-of-type(8){-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}
.fade-in .cd-bouncy-nav li:nth-of-type(9),.fade-out .cd-bouncy-nav li:nth-of-type(9){-webkit-animation-delay:.55s;-moz-animation-delay:.55s;animation-delay:.55s}
.fade-in .cd-bouncy-nav li:nth-of-type(10),.fade-out .cd-bouncy-nav li:nth-of-type(10){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
.fade-in .cd-bouncy-nav li:nth-of-type(11),.fade-out .cd-bouncy-nav li:nth-of-type(11){-webkit-animation-delay:.65s;-moz-animation-delay:.65s;animation-delay:.65s}
.fade-in .cd-bouncy-nav li:nth-of-type(12),.fade-out .cd-bouncy-nav li:nth-of-type(12){-webkit-animation-delay:.7s;-moz-animation-delay:.7s;animation-delay:.7s}
.cd-bouncy-nav a{display:inline-block;min-width:92px;position:relative;padding:0 5px 0;margin-bottom:0;color:#fff}
.cd-bouncy-nav a span{display: block;font-size: 3.5vw;margin-top: 1vw;}
.cd-bouncy-nav a i{display: block;width: 12vw;height: 12vw;margin: 0 auto;}
.cd-bouncy-nav a .icon_1{background: url("../images/n1.png") center no-repeat;background-size: contain;}
.cd-bouncy-nav a .icon_2{background: url("../images/n2.png") center no-repeat;background-size: contain;}
.cd-bouncy-nav a .icon_3{background: url("../images/n3.png") center no-repeat;background-size: contain;}
.cd-bouncy-nav a .icon_4{background: url("../images/n4.png") center no-repeat;background-size: contain;}
.cd-bouncy-nav a .icon_5{background: url("../images/n5.png") center no-repeat;background-size: contain;}
.cd-bouncy-nav a .icon_6{background: url("../images/n6.png") center no-repeat;background-size: contain;}
.cd-bouncy-nav a .icon_7{background: url("../images/n7.png") center no-repeat;background-size: contain;}
.cd-bouncy-nav a .icon_8{background: url("../images/n8.png") center no-repeat;background-size: contain;}
.cd-bouncy-nav a .icon_9{background: url("../images/n9.png") center no-repeat;background-size: contain;}
.cd-bouncy-nav a .icon_10{background: url("../images/n10.png") center no-repeat;background-size: contain;}
.cd-bouncy-nav a .icon_11{background: url("../images/n11.png") center no-repeat;background-size: contain;}
.cd-bouncy-nav a .icon_12{background: url("../images/n12.png") center no-repeat;background-size: contain;}
@-webkit-keyframes cd-move-in{0%{-webkit-transform:translateY(100vh)}
    65%{-webkit-transform:translateY(-1.5vh)}
    100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes cd-move-in{0%{-moz-transform:translateY(100vh)}
    65%{-moz-transform:translateY(-1.5vh)}
    100%{-moz-transform:translateY(0)}
}
@keyframes cd-move-in{0%{-webkit-transform:translateY(100vh);-moz-transform:translateY(100vh);-ms-transform:translateY(100vh);-o-transform:translateY(100vh);transform:translateY(100vh)}
    65%{-webkit-transform:translateY(-1.5vh);-moz-transform:translateY(-1.5vh);-ms-transform:translateY(-1.5vh);-o-transform:translateY(-1.5vh);transform:translateY(-1.5vh)}
    100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes cd-move-out{0%{-webkit-transform:translateY(0)}
    100%{-webkit-transform:translateY(-100vh)}
}
@-moz-keyframes cd-move-out{0%{-moz-transform:translateY(0)}
    100%{-moz-transform:translateY(-100vh)}
}
@keyframes cd-move-out{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
    100%{-webkit-transform:translateY(-100vh);-moz-transform:translateY(-100vh);-ms-transform:translateY(-100vh);-o-transform:translateY(-100vh);transform:translateY(-100vh)}
}

.grey-product{overflow:hidden}

.grey-product li{clear:none;position:relative;width: 30vw;float: left;margin-bottom: 10vw;}
.met-grid li{opacity:0;-moz-opacity:0}
.met-grid li.shown{opacity:1;-moz-opacity:1}
.met-grid li.animate{-webkit-transform:translateY(200px);-moz-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);transform:translateY(200px);-webkit-animation:moveUp .65s ease forwards;-moz-animation:moveUp .65s ease forwards;-o-animation:moveUp .65s ease forwards;-ms-animation:moveUp .65s ease forwards;animation:moveUp .65s ease forwards}
@-webkit-keyframes moveUp{100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-moz-opacity:1}
}
@-moz-keyframes moveUp{100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-moz-opacity:1}
}
@-o-keyframes moveUp{100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-moz-opacity:1}
}
@keyframes moveUp{100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-moz-opacity:1}
}

.fen_nav{width:91%;margin:0 auto;overflow:hidden}
.fen_nav .fen_nav_left{background:url(../images/design/xingbang.png) center no-repeat;width:30vw;height:40vw;background-size:contain;float:left}
.fen_nav .fen_nav_right{float:right;width:59vw;overflow:hidden}
.fen_nav .fen_nav_right .nav_right{float:left;width:48%;text-align:center;color:#fff;height:12vw;line-height:12vw;border-radius:1vw;margin:0 2vw 2vw 0;font-size:4vw}
.fen_nav .fen_nav_right a.nav_a1{background:#ff8927}
.fen_nav .fen_nav_right a.nav_a2{background:#439438;margin:0 0 2vw 0}
.fen_nav .fen_nav_right a.nav_a3{background:#36a8ff}
.fen_nav .fen_nav_right a.nav_a4{background:#fd4343;margin:0 0 2vw 0}
.fen_nav .fen_nav_right a.nav_a5{background:#439438 url(../images/design/duanhua.png) center no-repeat;width:100%;background-size:70vw}

.form-quote{width:90%;margin:6vw auto;padding-bottom:4vw;background:#fff;border-radius:2vw;box-shadow:-2px 2px 8px 0 rgba(0,0,0,.18);position:relative}
.form-quote span{width:100%;text-align:center;display:block;color:#333;font-size:5vw;padding:4vw 0 0;font-weight:600}
.form-quote em{font-size:3vw;text-align:center;display:block;color:#666;padding-bottom:4vw}
.form-quote .form-group{width:90%;height:12vw;position:relative;display:flex;margin:0 auto 3vw}
.form-quote .form-group input{width:100%;height:12vw;line-height:12vw;background:#f4f4f4;font-size:3.8vw;text-indent:3vw;border-radius:1vw;border:0}
.form-quote .form-form{width:90%;height:12vw;color:#fff;background:#439438;margin:0 auto 0;text-align:center;line-height:12vw;font-size:4.5vw;border-radius:10vw}

.index_bi{background: url("../images/dibu.png") center no-repeat;width: 90%;height: 45vw;margin: -2vw auto 18vw;background-size: cover;position: relative;}

footer{width: 100%;height: 15vw;padding-top: .32rem;position: fixed;bottom: 0;left: calc((100% - 100%) / 2);z-index: 99;}
footer ul{background: #fff;width: 100%;height: 15vw;display: flex;display: -webkit-flex;-webkit-justify-content:space-around;justify-content: space-around;}
footer ul a,footer div a{width: 15vw;height: 100%;padding: 1vw 0;}
footer ul a i,footer div a i{display: block;margin: 0 auto;width: 100%;height: 8vw;background-position: center center;background-repeat: no-repeat;}
footer ul a:nth-child(1) i{background-image: url(../images/nav1.png);background-size: 8vw;}
footer ul a:nth-child(2) i{background-image: url(../images/nav2.png);background-size: 8vw;}
footer ul a:nth-child(3) i,footer div i{background-image: url(../images/nav3.png);background-size: 8vw;}
footer ul a:nth-child(4) i{background-image: url(../images/nav4.png);background-size: 8vw;}
footer ul a:nth-child(5) i{background-image: url(../images/nav5.png);background-size: 8vw;}
footer ul a h4,footer div a h4{margin-top: .5vw;font-size: 3.2vw;text-align: center;}
footer ul a:nth-child(3){}
footer div{width: 1.3rem;height: 1.3rem;background: #fff;/* position: absolute; */top: 0;left: calc((100% - 1.3rem) / 2);border-radius: 50%;z-index: -1;}