HTML, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td {
    border:none;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size:14px;
    margin:0px;
    padding:0px;
    }
html,body{
    height: 100%;
    width: 100%;
    }
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
a{
    text-decoration:none;
}
a:link{
    color:#fff;
}
a:visited{
    color:#fff;
}
a:hover{
    color:#fff;
}
a:active{
    color:#fff;
}
input::-ms-clear{
    display:none;
    }
input::-ms-reveal{
    display:none;
}
input{
    -webkit-appearance: none;
    margin: 0;
    outline: none;
    padding: 0;
}
input::-webkit-input-placeholder{
    color: #ccc;
}
input::-ms-input-placeholder{
    color: #ccc;
}
input::-moz-placeholder{
    color: #ccc;
}
input[type=submit],input[type=button]{
    cursor: pointer;
}
button[disabled], input[disabled] {
    cursor: default;
}
img{
    border:none;
}
ul,ol,li{
    list-style-type:none;
}
/*公共方法*/
.clear{
    clear: both;
}
.clearleft{
    clear: left;
}
.clearright{
    clear: right;
}
.floatleft{
    float: left;
}
.floatright{
    float: right;
}
.cursor{
    cursor: pointer;
}
/*背景及色值表*/
.bg000{
    background: #000;
}
.color000{
    color: #000;
}

/*mBing Public Design Standard 公用设计规范*/
.WHI{color:#ffffff}
.eee{color:#eeeeee}
.lll{color:#666666}
.BK{color:#000000}
.red{color:#ff0000}
.bg-fff{background: #fff}
.bg-fc{background: #fcfcfc}
.bg-fa{background: #fafafa}
.bg-f5{background: #f5f5f5}
.bg-f8{background: #f8f8f8}
.bg-f1{background: #f1f1f1}
.bg-eee{background: #eee}
.bg-aaa{background: #aaa}
.op-10{opacity:1}
.op-9{opacity:0.9}
.op-8{opacity:0.8}
.op-7{opacity:0.7}
.op-6{opacity:0.6}
.op-5{opacity:0.5}
.op-4{opacity:0.4}
.op-3{opacity:0.3}
.op-2{opacity:0.2}
.op-1{opacity:0.1}
.op-0{opacity:0}
.lines-1{border: 1rpx solid #000}
.lines-t1-eee{border-top: 1rpx solid #eee}
.lines-b1-eee{border-bottom: 1rpx solid #eee}
.lines-2{border: 2px solid #000}
.lined-1{border: 1px dashed #000}
.lined-2{border: 2px dashed #000}
.w100{width:100%}
.w-600{width:600px}
.mx600{max-width:600px;min-width:320px}
image{vertical-align: middle}
.mg-a{margin:0 auto}
.right{margin:0 auto;text-align:right}
.left{margin:0 auto;text-align:left}
.center{margin:0 auto;text-align:center}
.mg-20{margin:20px}
.mg-t20{margin-top:20px}
.mg-b20{margin-bottom:20px}
.mg-tb20{margin-top:20px;margin-bottom:20px}
.mg-l20{margin-left:20px}
.mg-r20{margin-right:20px}
.mg-lr20{margin-left:20px;margin-right:20px}
.mg-10{margin:10px}
.mg-t10{margin-top:10px}
.mg-b10{margin-bottom:10px}
.mg-tb10{margin-top:10px;margin-bottom:10px}
.mg-l10{margin-left:10px}
.mg-r10{margin-right:10px}
.mg-lr10{margin-left:10px;margin-right:10px}
.mg-1{margin:1px}
.mg-2{margin:2px}
.mg-3{margin:3px}
.mg-4{margin:4px}
.mg-5{margin:5px}
.mg-t5{margin-top:5px}
.mg-b5{margin-bottom:5px}
.mg-tb5{margin-top:5px;margin-bottom:5px}
.mg-l5{margin-left:5px}
.mg-r5{margin-right:5px}
.mg-lr5{margin-left:5px;margin-right:5px}
.mg-0{margin:0px}
.mg-t0{margin-top:0px}
.mg-b0{margin-bottom:0px}
.mg-tb0{margin-top:0px;margin-bottom:0px}
.mg-l0{margin-left:0px}
.mg-r0{margin-right:0px}
.mg-lr0{margin-left:0px;margin-right:0px}
.pd-10{padding:10px}
.pd-t10{padding-top:10px}
.pd-b10{padding-bottom:10px}
.pd-tb10{padding-top:10px;padding-bottom:10px}
.pd-l10{padding-left:10px}
.pd-r10{padding-right:10px}
.pd-lr10{padding-left:10px;padding-right:10px}
.pd-1{padding:1px}
.pd-2{padding:2px}
.pd-3{padding:3px}
.pd-4{padding:4px}
.pd-5{padding:5px}
.pd-t5{padding-top:5px}
.pd-b5{padding-bottom:5px}
.pd-tb5{padding-top:5px;padding-bottom:5px}
.pd-l5{padding-left:5px}
.pd-r5{padding-right:5px}
.pd-lr5{padding-left:5px;padding-right:5px}
.pd-0{padding:0px}
.pd-t0{padding-top:0px}
.pd-b0{padding-bottom:0px}
.pd-tb0{padding-top:0px;padding-bottom:0px}
.pd-l0{padding-left:0px}
.pd-r0{padding-right:0px}
.pd-lr0{padding-left:0px;padding-right:0px}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.tc{text-align:center}
.tl{text-align:left}
.tr{text-align:right}
.b{font-weight:bold;}
.cur{cursor:pointer}
.fixed{position:fixed}
.pa{position:absolute}
.pr{position:relative}
.ps{position:static}
.block{display:block!important}
.iblock{display:block!important}
.inblock{display:inline-block}
.none{display:none!important}
.flex{display:-webkit-box;display:-webkit-flex;display:flex;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;flex:1;}
.flex-2{-webkit-box-flex:2;-webkit-flex:2;flex:2;}
.flex-3{-webkit-box-flex:3;-webkit-flex:3;flex:3;}
.flex-4{-webkit-box-flex:4;-webkit-flex:4;flex:4;}
.flex-5{-webkit-box-flex:5;-webkit-flex:5;flex:5;}
.flex-6{-webkit-box-flex:6;-webkit-flex:6;flex:6;}
.flex-7{-webkit-box-flex:7;-webkit-flex:7;flex:7;}
.flex-8{-webkit-box-flex:8;-webkit-flex:8;flex:8;}
.flex-9{-webkit-box-flex:9;-webkit-flex:9;flex:9;}
.flex-10{-webkit-box-flex:10;-webkit-flex:10;flex:10;}
.flex-11{-webkit-box-flex:11;-webkit-flex:11;flex:11;}
.flex-12{-webkit-box-flex:12;-webkit-flex:12;flex:12;}
.grow-1{flex-grow:1}
.flex-top{align-self:flex-start}
.flex-down{align-self:flex-end}
.flex-x-center{align-self:center}
.flex-y-center{align-items:center}
.flexs-center{justify-content:center;align-items:center;align-content:center}
.flexs-left{justify-content:flex-start}
.flexs-right{justify-content:flex-end}
.flexs-top{align-items:flex-start}
.flexs-down{align-items:flex-end}
.flexs-jsb{justify-content:space-between}
.flexs-jsa{justify-content:space-around}
.flexs-line{align-items:baseline}
.flexs-as{align-items:stretch}
.flex-br{flex-direction:column}
/* 隐藏默认滚动条 */
::-webkit-scrollbar {
  /*width: 0;*/
  /*height: 0;*/
  /*color: transparent;*/
}
.contact-box {
    position: fixed;
    top: 50%;
    -webkit-transform: translateX(-50%);
    right: -35px;
    margin: auto;
    background: #FF6305;
    padding: 16px;
    background-image: linear-gradient(to top, #ff7039 0%, #ff8521 100%);
    text-align: center;
    border-radius: 30px;
    box-shadow: rgb(255 70 0 / 20%) 0 0px 3px 5px;
    z-index: 999;
}
.contact-box .icon {
    width: 80px;
    height: 80px;
    text-align: center;
    margin: auto;
}
.contact-box .item {
    margin: 6px 0;
}
.contact-box .icon img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.contact-box .title {
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
}
.contact-box .contact-us .icon {
    width: 40px;
}
.contact-box .contact-us .form-box {
    display: none;
    position: absolute;
    left: -420px;
    top: -30px;
    padding: 0 30px;
    z-index: 999;   
}
.contact-box .contact-us .form-box .form {
    background: #fff3e9;
    padding: 20px;
    border-radius: 20px;
    box-shadow: rgb(255 70 0 / 20%) 0 0px 3px 5px;
}
.contact-box .contact-us .form-box .form .box {
    display: flex;
    margin: 20px;
}
.contact-box .contact-us .form-box .form .name {
    flex: 4;
    text-align: right;
}
.contact-box .contact-us .form-box .form .input {
    flex: 6;
    margin-left: 10px;
    text-align: left;
}
.contact-box .contact-us .form-box .form .user-name {
    font-size: 16px;
    width: 200px;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #FFE5D9;
    background: #FFFCFB;
}
.contact-box .contact-us .form-box .form .user-email {
    font-size: 16px;
    width: 200px;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #FFE5D9;
    background: #FFFCFB;
}
.contact-box .contact-us .form-box .input textarea {
    font-size: 16px;
    width: 200px;
    border-radius: 10px;
    border: 1px solid #FFE5D9;
    background: #FFFCFB;
    padding: 10px;
}
.contact-box .contact-us .form-box .form .contact-submit {
    width: 200px;
    text-align: center;
    margin: auto;
    display: block;
    height: 40px;
    border-radius: 10px;
    border: none;
    background: #f50;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.contact-box .contact-us:hover .form-box {
    display: block;
}
.crumb {
    background: #fff;
    padding: 10px 20px;
    margin-bottom: 10px;
    /*border: 1px solid #DEDEDE;*/
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
}
.mynav {
    display: flex;
    align-items: center;
    color: black;
}
.mynav span {
    color: #999;
    padding: 0 6px;
}
.mynav a h3{
    color: black;
}
.mynav a h3:hover{
    color: #FF6305;
}