html{font-family:sans-serif;line-height:1.5;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;background: #FFFFFF;}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}
input, select, textarea {
    font-size: 100%;
}
/* 去掉各 Table  cell 的边距并让其边重合 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* 去除默认边框 */
fieldset, img {
    border: 0;
}
/* 去掉 firefox 下此元素的边框 */
abbr, acronym {
    border: 0;
    font-variant: normal;
}
/* 一致的 del 样式 */
del {
    text-decoration: line-through;
}
address, caption, cite, code, dfn, em, th, var,i {
    font-size:100%;
    font-style: normal;
    font-weight: normal;
}
/* 去掉列表前的标识, li 会继承 */
ol, ul {
    list-style: none;
}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {
    text-align: left;
}
/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;font-weight: normal;
}
q:before, q:after {
    content: '';
}
/* 统一上标和下标 */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
/* 正常链接 未访问 */
/* 鼠标悬停 */
a:hover {
    text-decoration:none;
}
/* 默认不显示下划线，保持页面简洁 */
ins, a {
    text-decoration: none;
}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none}
p{margin: 0;padding: 0;}
em{font-style: normal;}
ul,li{list-style: none;padding: 0;margin: 0;}
a:hover{text-decoration:none}
a,ins{text-decoration:none}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;color: #FFFFFF;}
input:focus {outline:none;}
select:focus {outline:none;}
/*----------------共用-----------------*/

/*header*/
.frame{max-width:750px;min-width: 750px;width:100%;margin: 0 auto;overflow: hidden;position: relative;}

.header{width: 100%;height: 100px;position: relative;}
.header .ha_index{background: url("../images/back.png") center no-repeat;width: 18px;height: 32px;position: absolute;top: 20px;left: 15px;padding: 14px;}
.header .he_logo{width: 220px;height: 45px;position: absolute;top: 25px;left: 0;right: 0;margin: 0 auto;background: url("../images/logo.png") center no-repeat;}
.header .menu{background: url("../images/menu.png") center no-repeat;width: 30px;height: 30px;position: absolute;right: 10px;top: 20px;padding: 14px;}

/* --------------------------------

-------------------------------- */

.cd-bouncy-nav-modal{position:fixed;z-index:10;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: 50px;right: 7%;width:44px;height:44px;overflow:hidden;text-indent:100%;white-space:nowrap;background:url(../images/cd-icon-close.svg) no-repeat center center;-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: 75%;top: 15%;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}
.cd-bouncy-nav a{display:inline-block;min-width:92px;position:relative;padding:0 5px 0;margin-bottom:0;color:#fff}
.cd-bouncy-nav li:nth-of-type(2) a::before{background-position:-80px 0}
.cd-bouncy-nav li:nth-of-type(3) a::before{background-position:-160px 0}
.cd-bouncy-nav li:nth-of-type(4) a::before{background-position:-240px 0}
.cd-bouncy-nav li:nth-of-type(5) a::before{background-position:-320px 0}
.cd-bouncy-nav li:nth-of-type(6) a::before{background-position:-400px 0}
.cd-bouncy-nav a span{display: block;font-size: 30px;margin-top: 15px;}
.cd-bouncy-nav a i{display: block;}
.cd-bouncy-nav a .icon_1{background: url("../images/j1.png") center no-repeat;width: 120px;height: 120px;}
.cd-bouncy-nav a .icon_2{background: url("../images/j2.png") center no-repeat;width: 120px;height: 120px;}
.cd-bouncy-nav a .icon_3{background: url("../images/j3.png") center no-repeat;width: 120px;height: 120px;}
.cd-bouncy-nav a .icon_4{background: url("../images/j4.png") center no-repeat;width: 120px;height: 120px;}
.cd-bouncy-nav a .icon_5{background: url("../images/j5.png") center no-repeat;width: 120px;height: 120px;}
.cd-bouncy-nav a .icon_6{background: url("../images/j6.png") center no-repeat;width: 120px;height: 120px;}
@-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: 280px;float: left;margin-bottom: 60px;}
.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}
}

/*通用*/
.ton_na{width:710px;margin:0 auto;position:relative;height:60px}
.ton_na i{display:block;width:5px;height:30px;background:#0667e8;position:absolute;left:0;top:15px;border-radius:5px}
.ton_na span{font-size:38px;position:absolute;top:0;left:25px}
.ton_na h1{font-size:38px;position:absolute;top:0;left:25px}
.ton_na p{position: absolute;top: 10px;left: 265px;font-size: 25px;color: #4e4e4e;}
.ton_na em{color: #f62020;}
.ton_na .more{font-size: 23px;position: absolute;right: 0;top: 12px;color: #666666;}
.ton_na .number{position: absolute;left: 202px;top: 10px;font-size: 28px;background: #ffbc25;color: #fff;padding: 2px 10px;border-radius: 7px;}

/*footer*/

.footer{width:710px;margin:0 auto 140px;position:relative}
.footer .fi_wu{text-align:center;overflow:hidden;width:100%}
.footer .fi_wu li{width:120px;display:inline-block;height:170px;margin:35px 50px}
.footer .fi_wu li a{display:block;width:100%;height:100%}
.footer .fi_wu li img{width:120px;height:120px;display:block}
.footer .fi_wu li span{font-size:30px;display:block;color:#333;margin-top:7px}
.footer .foot_tel{display:block;background:url(../images/foboto.png) center no-repeat;width: 710px;height: 160px;margin:0 auto;text-align:center;font-size: 47px;color:#fff;}
.footer .ji_foot{text-align:center;overflow:hidden;width:100%;margin:55px 0}
.footer .ji_foot li{width:170px;display:inline-block}
.footer .ji_foot li a{display:block;width:100%;height:100%;color:#333;font-size:26px}
.footer .p1{font-size:22px;text-align:center;color:#292929}
.footer .p2{font-size:18px;width:30%;margin:20px auto;background:#eee;text-align:center;padding:3px}
.footer .foot_tel i{
    font-size: 24px;
    display: block;
    padding-top: 15px;
}
.footer .foot_tel em{
    display: block;
    font-size: 47px;
    text-indent: 55px;
    padding-top: 15px;
}
.suspension{position:fixed;text-align:center;z-index: 9;overflow:hidden;width:100%;bottom:0;left:0;background:#fff;border-top:1px solid #c7c7c7}
.suspension li{width:245px;display:inline-block;padding:15px 0}
.suspension li.on{background:#0068b7}
.suspension .on span{color:#fff}
.suspension li span{display:block;font-size:24px;color:#333}



/*form*/
.cen_tan{width: 100%;height: 100%;position:fixed;left:0;right:0;top: 0;z-index:999999;text-align:center;display:none;background: rgba(62, 62, 62, 0.8);}
.cen_tan .cen_tan_center{width: 580px;height: auto;position: absolute;left: 0;right: 0;top: 50%;margin: -340px auto 0;border-radius: 4%;background: #fff;}
.cen_tan .cen_tan_center .cen_images{background: url(../images/float_po.jpg) center no-repeat;width: 580px;height: 295px;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.cen_tan .cen_tan_center .cen_gun{width:99%;background:#e5e5e5;height:40px;border-radius:5px;color:#797979;border:3px solid #969696}
.cen_tan .cen_tan_center .cen_gun em{float:right;margin-top:15px;font-size:16px;font-weight:700;color:#969696;margin-right:5px}
.cen_tan .cen_tan_center .cen_gun img{float:right;margin:5px;width:100px}
.cen_tan .cen_tan_center .cen_input{margin: 25px auto;width: 507px;height: 79px;}
.cen_tan .cen_tan_center .cen_input input{font-size: 28px;background: #f7f8f9;border-radius:5px;padding-left: 15px;color: #666666;border:0;width: 94%;height: 79px;}
.cen_tan .cen_tan_center .cen_bottom{margin: 13px auto 30px;height: 79px;font-size: 34px;color:#fff;display:block;background: #3584d3;width: 507px;border-radius:5px;line-height: 79px;}
.cen_tan .cen_tan_center .guan_bi{background: url(../images/close_1.png);position:absolute;right: 0;left: 0;bottom: -115px;width: 67px;height: 67px;margin: 0 auto;}

.ton_tan{width: 100%;height: 100%;position:fixed;left:0;right:0;top: 0;z-index:999999;text-align:center;display:none;background: rgba(62, 62, 62, 0.8);}
.ton_tan .cen_tan_center{width: 580px;height: auto;position: absolute;left: 0;right: 0;top: 50%;margin: -340px auto 0;border-radius: 4%;background: #fff;}
.ton_tan .cen_tan_center .cen_images{background: url(../images/float_po.jpg) center no-repeat;width: 580px;height: 295px;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.ton_tan .cen_tan_center .cen_gun{width:99%;background:#e5e5e5;height:40px;border-radius:5px;color:#797979;border:3px solid #969696}
.ton_tan .cen_tan_center .cen_gun em{float:right;margin-top:15px;font-size:16px;font-weight:700;color:#969696;margin-right:5px}
.ton_tan .cen_tan_center .cen_gun img{float:right;margin:5px;width:100px}
.ton_tan .cen_tan_center .cen_input{margin: 25px auto;width: 507px;height: 79px;}
.ton_tan .cen_tan_center .cen_input input{font-size: 28px;background: #f7f8f9;border-radius:5px;padding-left: 15px;color: #666666;border:0;width: 94%;height: 79px;}
.ton_tan .cen_tan_center .ton_bottom{margin: 13px auto 30px;height: 79px;font-size: 34px;color:#fff;display:block;background: #3584d3;width: 507px;border-radius:5px;line-height: 79px;}
.ton_tan .cen_tan_center .guan_bi{background: url(../images/close_1.png);position:absolute;right: 0;left: 0;bottom: -115px;width: 67px;height: 67px;margin: 0 auto;}