@charset "UTF-8";
                    body {
                        max-width: 1920px;
                        margin: 0 auto;
                        width: 100%;
                    }
                    
                    html {
                        overflow-x: hidden;
                    }
                    
                    .container {
                        width: 1200px;
                        margin: 0 auto;
                    }
                    
                    .location {
                        width: 100%;
                        height: 50px;
                        line-height: 50px;
                        border-bottom: 1px solid #ddd;
                        color: #666666;
                    }
                    
                    .location .container {
                        display: flex;
                        align-items: center;
                    }
                    
                    .location .container img {
                        margin-right: 10px;
                    }
                    
                    .location .container a {
                        color: #666666;
                    }
                    
                    .top {
                        width: 100%;
                        height: 30px;
                        line-height: 30px;
                        border-bottom: 1px solid #dddddd;
                    }
                    
                    .top p {
                        font-size: 14px;
                        color: #888888;
                        vertical-align: bottom;
                    }
                    
                    .top .topTel {
                        padding-left: 10px;
                        font-size: 18px;
                        color:#00a4eb;
                    }
                    
                    .top .topTel i {
                        margin-right: 3px;
                        transform: translateY(3px);
                    }
                    
                    .top p span {
                        margin: 0 3px;
                        cursor: pointer;
                    }
                    
                    .top p:nth-child(1) {
                        float: left;
                    }
                    
                    .top p:nth-child(2) {
                        float: right;
                    }
                    
                    .header {
                        height: 138px;
                        box-sizing: border-box;
                        width: 1200px;
                        margin: 0 auto;
                    }
                    
                    .header .logo {
                        float: left;
                        margin-top: 40px;
                    }
                    
                    .header .tel {
                        float: right;
                        margin-top: 28px;
                    }
                    
                    .header .tel p {
                        font-size: 14px;
                        color: #616161;
                    }
                    
                    .header .container {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        vertical-align: middle;
                    }
                    
                    .header .tel h5 {
                        font-size: 38px;
                        color: #0074c1;
                        margin-top: 10px;
                        font-weight: 600;
                        font-family: "黑体";
                    }
                    
                    .nav {
                        margin-top: 40px;
                    }
                    
                    .nav ul {
                        display: flex;
                    }
                    
                    .nav li {
                        margin: 0 12px;
                        text-align: center;
                        position: relative;
                        transition: all .2s;
                    }
                    
                    .nav li:hover a {
                        color: #ff6600;
                    }
                    
                    .nav li:hover:after {
                        position: absolute;
                        content: '';
                        width: 100%;
                        height: 2px;
                        background: #ff6600;
                        bottom: -4px;
                        left: 0px;
                    }
                    
                    .nav li.active:after {
                        position: absolute;
                        content: '';
                        width: 100%;
                        height: 2px;
                        background: #ff6600;
                        bottom: -4px;
                        left: 0px;
                    }
                    
                    .nav li.active a {
                        color: #ff6600;
                    }
                    
                    .nav li a {
                        color: #333;
                        display: block;
                        font-size: 16px;
                    }
                    
                    .footer {
                        background-color: #f4f4f4;
                    }
                    
                    .footer .footerTop {
                        width: 100%;
                        padding-top: 50px;
                        padding-bottom: 44px;
                        border: 1px solid #d9d9d9;
                    }
                    
                    .footer .footerTop .container {
                        display: flex;
                    }
                    
                    .footer .footerTop .iconfont {
                        font-size: 22px;
                        color: #666666;
                        margin-right: 34px;
                    }
                    
                    .footer .footerTop .address {
                        width: 33.333%;
                        border-right: 1px solid #b9b9b9;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }
                    
                    .footer .footerTop .email {
                        width: 33.3%;
                        box-sizing: border-box;
                        padding-left: 40px;
                        border-right: 1px solid #b9b9b9;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }
                    
                    .footer .footerTop .tel {
                        width: 33.3%;
                        flex: 1;
                        box-sizing: border-box;
                        padding-left: 40px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }
                    
                    .footer .footerTop .txt {
                        color: #717171;
                    }
                    
                    .footer .footerTop .txt h6 {
                        font-size: 18px;
                        margin-bottom: 10px;
                    }
                    
                    .footer .footerTop .txt p {
                        font-size: 13px;
                    }
                    
                    .footer .footerBtm {
                        padding-top: 64px;
                        padding-bottom: 24px;
                        position: relative;
                    }
                    
                    .footer .footerBtm .toTop {
                        width: 78px;
                        height: 50px;
                        cursor: pointer;
                        background: url("../img/toTop.png") no-repeat center center;
                        background-size: 100%;
                        position: absolute;
                        top: 0;
                        right: 220px;
                    }
                    
                    .footer .footerBtm .container {
                        display: flex;
                        justify-content: space-between;
                    }
                    
                    .footer .footerBtm .left {
                        display: flex;
                    }
                    
                    .footer .footerBtm .left dl {
                        width: 200px;
                    }
                    
                    .footer .footerBtm .left dl dt {
                        font-size: 18px;
                        color: #333333;
                        margin-bottom: 16px;
                    }
                    
                    .footer .footerBtm .left dl dd a {
                        font-size: 13px;
                        color: #717171;
                        line-height: 20px;
                    }
                    
                    .footer .footerBtm .right .company {
                        margin-bottom: 10px;
                    }
                    
                    .footer .footerBtm .right .company h5 {
                        font-size: 18px;
                        color: #868686;
                        margin-bottom: 6px;
                    }
                    
                    .footer .footerBtm .right .company p {
                        font-size: 13px;
                        color: #868686;
                    }
                    
                    .footer .footerBtm .right .circle {
                        width: 32px;
                        height: 32px;
                        background-color: #333;
                        border-radius: 50%;
                        display: block;
                        color: #fff;
                        text-align: center;
                        line-height: 32px;
                        font-weight: bold;
                        display: inline-block;
                        margin-right: 10px;
                    }
                    
                    .footer .footerBtm .right .telBox {
                        float: left;
                        margin-right: 180px;
                    }
                    
                    .footer .footerBtm .right .telBox p {
                        font-size: 13px;
                        color: #666666;
                        line-height: 24px;
                    }
                    
                    .footer .footerBtm .right .telBox .tel {
                        font-size: 18px;
                        color: #333333;
                        margin-bottom: 14px;
                    }
                    
                    .footer .footerBtm .right .ewBox {
                        float: right;
                    }
                    
                    .footer .footerBtm .right .ewBox .circle {
                        float: left;
                    }
                    
                    .footer .footerBtm .right .ewBox .imgBox {
                        float: right;
                    }
                    
                    .footer .footerBtm .right .ewBox .imgBox p {
                        text-align: center;
                        background: #fff;
                    }
                    
                    .link {
                        width: 100%;
                        height: 58px;
                        line-height: 58px;
                        background: #e1e1e1;
                    }
                    
                    .link a {
                        font-size: 14px;
                        color: #6a6a6a;
                        margin-left: 26px;
                    }
                    
                    .shadow {
                        width: 100%;
                        height: 100%;
                        position: fixed;
                        z-index: 10;
                        top: 0;
                        left: 0;
                        display: none;
                        background: rgba(0, 0, 0, 0.5);
                    }
                    
                    .menu-btn {
                        display: none;
                        position: fixed;
                        top: 15px;
                        right: 10px;
                        z-index: 1001;
                    }
                    
                    .menu-btn .hamburger .line {
                        width: 30px;
                        height: 3px;
                        background-color: #0074c1;
                        display: block;
                        margin: 5px auto;
                        -webkit-transition: all 0.3s ease-in-out;
                        -o-transition: all 0.3s ease-in-out;
                        transition: all 0.3s ease-in-out;
                    }
                    
                    .menu-btn #hamburger-1.is-active .line:nth-child(2) {
                        opacity: 0;
                    }
                    
                    .menu-btn #hamburger-1.is-active .line:nth-child(1) {
                        -webkit-transform: translateY(7px) rotate(45deg);
                        -ms-transform: translateY(7px) rotate(45deg);
                        -o-transform: translateY(7px) rotate(45deg);
                        transform: translateY(7px) rotate(45deg);
                    }
                    
                    .menu-btn #hamburger-1.is-active .line:nth-child(3) {
                        -webkit-transform: translateY(-9px) rotate(-45deg);
                        -ms-transform: translateY(-9px) rotate(-45deg);
                        -o-transform: translateY(-9px) rotate(-45deg);
                        transform: translateY(-9px) rotate(-45deg);
                    }
                    
                    @media screen and (max-width: 1200px) {
                        .container {
                            width: 96%;
                            flex-wrap: nowrap;
                        }
                        .nav li {
                            width: auto;
                            margin: 0 5px;
                        }
                        .nav li a {
                            font-size: 12px;
                        }
                        .footer .footerTop .txt {
                            color: #717171;
                        }
                        .footer .footerTop .txt h6 {
                            font-size: 16px;
                            margin-bottom: 10px;
                        }
                        .footer .footerTop .txt p {
                            font-size: 13px;
                        }
                        .footer .footerBtm .toTop {
                            width: 60px;
                            position: absolute;
                            top: 0;
                            right: 60px;
                        }
                        .footer .footerBtm .container {
                            display: flex;
                            justify-content: space-between;
                        }
                        .footer .footerBtm .left {
                            display: flex;
                        }
                        .footer .footerBtm .left dl {
                            width: 160px;
                        }
                    }
                    
                    @media screen and (max-width: 1024px) {
                        .container {
                            width: 96%;
                            margin: 0 auto;
                        }
                        .location {
                            width: 100%;
                            height: 50px;
                            line-height: 50px;
                            border-bottom: 1px solid #ddd;
                            color: #666666;
                        }
                        .location .container {
                            display: flex;
                            align-items: center;
                        }
                        .location .container img {
                            margin-right: 10px;
                        }
                        .location .container a {
                            color: #666666;
                        }
                        .top {
                            width: 100%;
                            height: 30px;
                            line-height: 30px;
                            border-bottom: 1px solid #dddddd;
                        }
                        .top p {
                            font-size: 14px;
                            color: #888888;
                            vertical-align: bottom;
                        }
                        .top p span {
                            margin: 0 3px;
                            cursor: pointer;
                        }
                        .top p:nth-child(1) {
                            float: left;
                        }
                        .top p:nth-child(2) {
                            float: right;
                        }
                        .header {
                            width: 100%;
                            height: 80px;
                        }
                        .header .logo {
                            float: left;
                            margin-top: 18px;
                        }
                        .header .logo img {
                            width: 70%
                        }
                        .header .tel {
                            float: right;
                            margin-top: 14px;
                        }
                        .header .tel p {
                            font-size: 12px;
                            color: #616161;
                        }
                        .header .tel h5 {
                            font-size: 32px;
                        }
                        .nav {
                            margin-top: 25px;
                        }
                        .nav li {
                            width: 20%;
                            text-align: center;
                            position: relative;
                        }
                        .nav li.active a {
                            color: #ff6600;
                        }
                        .nav li a {
                            font-size: 12px;
                            color: #333;
                            display: block;
                        }
                        .footer .footerTop {
                            padding-top: 30px;
                            padding-bottom: 22px;
                        }
                        .footer .footerTop .iconfont {
                            font-size: 16px;
                            color: #666666;
                            margin-right: 10px;
                        }
                        .footer .footerTop .email {
                            padding-left: 10px;
                        }
                        .footer .footerTop .tel {
                            padding-left: 10px;
                        }
                        .footer .footerTop .txt h6 {
                            font-size: 14px;
                            margin-bottom: 5px;
                        }
                        .footer .footerTop .txt p {
                            font-size: 12px;
                        }
                        .footer .footerBtm {
                            padding-top: 34px;
                            padding-bottom: 24px;
                            position: relative;
                        }
                        .footer .footerBtm .toTop {
                            width: 30px;
                            cursor: pointer;
                            background: url("../img/toTop.png") no-repeat center center;
                            background-size: 100%;
                            position: absolute;
                            top: 0;
                            right: 10px;
                        }
                        .footer .footerBtm .container {
                            display: flex;
                            flex-direction: column;
                        }
                        .footer .footerBtm .left {
                            display: flex;
                        }
                        .footer .footerBtm .left dl {
                            width: 25%;
                        }
                        .footer .footerBtm .left dl dt {
                            font-size: 16px;
                            color: #333333;
                            margin-bottom: 16px;
                        }
                        .footer .footerBtm .left dl dd a {
                            font-size: 12px;
                            color: #717171;
                            line-height: 20px;
                        }
                        .footer .footerBtm .right {
                            width: 100%;
                        }
                        .footer .footerBtm .right .company {
                            margin-top: 10px;
                        }
                        .footer .footerBtm .right .company h5 {
                            font-size: 14px;
                            font-size: 16px;
                            color: #868686;
                            margin-bottom: 6px;
                        }
                        .footer .footerBtm .right .company p {
                            font-size: 13px;
                            color: #868686;
                        }
                        .footer .footerBtm .right .circle {
                            width: 32px;
                            height: 32px;
                            background-color: #333;
                            border-radius: 50%;
                            display: block;
                            color: #fff;
                            text-align: center;
                            line-height: 32px;
                            font-weight: bold;
                            display: inline-block;
                            margin-right: 10px;
                        }
                        .footer .footerBtm .right .telBox {
                            float: left;
                            margin-right: 28px;
                        }
                        .footer .footerBtm .right .telBox p {
                            font-size: 13px;
                            color: #666666;
                            line-height: 24px;
                        }
                        .footer .footerBtm .right .telBox .tel {
                            font-size: 18px;
                            color: #333333;
                            margin-bottom: 14px;
                        }
                        .footer .footerBtm .right .ewBox {
                            float: left;
                        }
                        .footer .footerBtm .right .ewBox .circle {
                            float: left;
                        }
                        .footer .footerBtm .right .ewBox .imgBox {
                            float: right;
                        }
                        .footer .footerBtm .right .ewBox .imgBox p {
                            text-align: center;
                            background: #fff;
                        }
                        .link {
                            width: 100%;
                            height: 40px;
                            line-height: 40px;
                            background: #e1e1e1;
                        }
                        .link a {
                            font-size: 14px;
                            color: #6a6a6a;
                            margin-left: 13px;
                        }
                    }
                    
                    @media screen and (max-width: 768px) {
                        .menu-btn {
                            display: block;
                        }
                        .container {
                            width: 96%;
                            margin: 0 auto;
                        }
                        .location {
                            width: 100%;
                            height: 50px;
                            line-height: 50px;
                            border-bottom: 1px solid #ddd;
                            color: #666666;
                        }
                        .location .container {
                            display: flex;
                            align-items: center;
                        }
                        .location .container img {
                            margin-right: 10px;
                        }
                        .location .container a {
                            color: #666666;
                        }
                        .top {
                            display: none;
                        }
                        .header {
                            width: 100%;
                            height: 60px;
                            position: fixed;
                            background: #fff;
                            z-index: 900;
                            box-shadow: 0 0 3px 1px #ccc;
                            top: 0;
                            left: 0;
                        }
                        .header .logo {
                            float: left;
                            margin-top: 14px;
                            height: 40px;
                        }
                        .header .logo img {
                            height: auto;
                        }
                        .header .tel {
                            float: right;
                            display: none;
                            margin-top: 14px;
                        }
                        .header .tel p {
                            font-size: 12px;
                            color: #616161;
                        }
                        .header .tel h5 {
                            font-size: 32px;
                        }
                        .nav {
                            width: 50%;
                            height: 100%;
                            background: #fff;
                            z-index: 1000;
                            position: fixed;
                            right: -100%;
                            padding-top: 60px;
                            top: 0px;
                            margin-top: 0px;
                            transition: all .3s;
                        }
                        .nav ul {
                            flex-direction: column;
                        }
                        .nav li {
                            height:40px;
                            float: none;
                            width: 100%;
                            margin: 0;
                            text-align: center;
                            position: relative;
                        }
                        .nav li.active a {
                            color: #ff6600;
                        }
                        .nav li a {
                            line-height: 40px;
                            font-size: 14px;
                            color: #0074c1;
                            display: block;
                        }
                        .footer .footerTop {
                            padding-top: 20px;
                            padding-bottom: 12px;
                        }
                        .footer .footerTop .container {
                            flex-direction: column;
                        }
                        .footer .footerTop .iconfont {
                            font-size: 16px;
                            color: #666666;
                            margin-right: 10px;
                        }
                        .footer .footerTop .address {
                            width: 100%;
                            border-right: none;
                        }
                        .footer .footerTop .email {
                            width: 100%;
                            padding-left: 0px;
                            border-right: none;
                            margin: 20px 0;
                        }
                        .footer .footerTop .tel {
                            width: 100%;
                            padding-left: 0px;
                            border-right: none;
                            margin: 20px 0;
                        }
                        .footer .footerTop .txt h6 {
                            font-size: 14px;
                            margin-bottom: 5px;
                        }
                        .footer .footerTop .txt p {
                            font-size: 12px;
                        }
                        .footer .footerBtm {
                            padding-top: 20px;
                            padding-bottom: 24px;
                            position: relative;
                        }
                        .footer .footerBtm .toTop {
                            width: 25px;
                            cursor: pointer;
                            background: url("../img/toTop.png") no-repeat center center;
                            background-size: 100%;
                            position: absolute;
                            top: 0;
                            right: 10px;
                        }
                        .footer .footerBtm .container {
                            display: flex;
                            flex-direction: column;
                        }
                        .footer .footerBtm .left {
                            display: none;
                            width: 100%;
                        }
                        .footer .footerBtm .left dl {
                            width: 100%;
                        }
                        .footer .footerBtm .left dl dt {
                            font-size: 16px;
                            color: #333333;
                            margin-bottom: 16px;
                        }
                        .footer .footerBtm .left dl dd a {
                            font-size: 12px;
                            color: #717171;
                            line-height: 20px;
                        }
                        .footer .footerBtm .right {
                            width: 100%;
                        }
                        .footer .footerBtm .right .company {
                            margin-top: 10px;
                        }
                        .footer .footerBtm .right .company h5 {
                            font-size: 14px;
                            color: #868686;
                            margin-bottom: 6px;
                            text-align: center;
                        }
                        .footer .footerBtm .right .company p {
                            text-align: center;
                            font-size: 12px;
                            color: #868686;
                        }
                        .footer .footerBtm .right .circle {
                            display: none;
                        }
                        .footer .footerBtm .right .telBox {
                            display: none;
                        }
                        .footer .footerBtm .right .ewBox {
                            float: none;
                          display:none;
                        }
                        .footer .footerBtm .right .ewBox .circle {
                            float: none;
                        }
                        .footer .footerBtm .right .ewBox .imgBox {
                            float: none;
                            margin: 0 auto;
                            width: 100px;
                        }
                        .footer .footerBtm .right .ewBox .imgBox img {
                            margin: 0 auto;
                        }
                        .footer .footerBtm .right .ewBox .imgBox p {
                            display: none;
                            text-align: center;
                            background: #fff;
                        }
                        .link {
                            width: 100%;
                            height: 30px;
                            line-height: 30px;
                            background: #e1e1e1;
                        }
                        .link a {
                            font-size: 12px;
                            color: #6a6a6a;
                            margin-left: 12px;
                        }
                      }

.quick_nav{ position:fixed; -webkit-transform: translateZ(0); right:0px; top:50%; color:#fff; text-align:center; width:100px; margin-top:-234px; box-shadow:0 0 5px rgba(0,0,0,0.1); z-index:12;}
.quick_nav1 a{ color:#fff;}
.quick_nav1 a:hover{text-decoration:underline}；
.quick_nav1{}
.quick_nav1 li{ background:#323235; margin-bottom:1px; padding:10px 0;transition:0.3s; border-radius:3px;}
.quick_nav1 li:hover{ background:#0092d3; color:#fff;}
.quick_nav1 li:hover a{ color:#fff;}

.quick_nav1 .h3{ font-size:16px; line-height:1; position:relative; margin-bottom:7px;}
.quick_nav1 .h3:before{ content:'\20'; width:10px; height:2px; background:#0092d3; position:absolute; left:15px; top:50%; margin-top:-1px;}
.quick_nav1 .p{ font-size:12px; line-height:18px; text-align:left; padding:0 0 0 10px; overflow:hidden;}
.quick_nav1 .p span,.quick_nav1 .p a{ margin-right:8px; float:left; color:#acacac;}
.quick_nav1 .p a:hover{ text-decoration:underline; color:#fff;}
.quick_nav1 li:nth-child(3) .p{ padding:0px;}
.quick_nav1 li:nth-child(3) .p span,.quick_nav1 li:nth-child(3) .p a{ width:50%; margin-right:0px; text-align:center;}
                      
.quick_nav2{}
.quick_nav2 li{ background:#fff; border-radius:3px; margin-bottom:1px; position:relative;transition:0.3s; padding:12px 0;}

.quick_nav2 .pd{ color:#666; display:block;}
.quick_nav2 .pd i{ display:block; height:28px; line-height:28px; font-size:28px;}
.quick_nav2 .pd h3{ font-weight:normal;}
.quick_nav2 .pd:hover{ color:#00a0e8;}
.quick_nav2 .box{ position:absolute; right:100px; top:0px; width:392px; text-align:left; color:#888888; font-size:14px; display:none;}
.quick_close{ display:none;}
.quick_nav2 .npd{ background:#fff; margin-right:22px; padding:20px; border:1px solid #e8e8e8; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:3px; overflow:hidden;}
.quick_nav2 .npd:before{ content:'\20'; background:url(../images/sj.png) no-repeat; width:18px; height:29px; display:block; position:absolute; right:16px; top:15px;}
.quick_nav2 li:hover{background:#00a0e8; color:#fff;}
.quick_nav2 li:hover .pd{color:#fff;}
.quick_nav2 li:hover .box{ display:block;}

.quick_kf .h3{ font-size:24px; color:#00a0e8; line-height:30px; padding:0 0 20px 38px; border-bottom:1px solid #ececec; position:relative;}
.quick_kf .h3 i{ font-size:30px; position:absolute; left:0px; top:0px; height:30px; line-height:30px; color:#888888;}
.quick_kf .p{ padding:15px 0; margin-bottom:5px;}
.quick_kf .m{ overflow:hidden;}
.quick_kf .m a{ width:33.3333%; float:left; display:block; color:#555555; text-align:center; padding:15px 0 12px 0; background:#f9f9f9;}
.quick_kf .m i{ display:block; font-size:28px; color:#00a0e8; position:relative; display:block; height:34px; line-height:34px; width:34px; margin:0 auto;}
.quick_kf .m i:after{ content:'\20'; width:14px; height:14px; background:url(../images/xiaoxi.gif) no-repeat; background-size:cover; position:absolute; right:-8px; top:-5px;}
.quick_kf .m span{ display:block;}
.quick_kf .m a:hover{ background:#f1f1f1;}

.quick_fw .i{width:66px;border-right:1px solid #ececec;height:90px;line-height:90px;float:left;margin-right: 18px;}
.quick_fw .i i{ font-size:28px; position:relative; width:44px; text-align:center; display:block;}
.quick_fw .i i:after{ content:'\20'; width:14px; height:14px; background:url(../images/xiaoxi.gif) no-repeat; background-size:cover; position:absolute; right:-5px; top:14px;}
.quick_fw .h3{ font-size:18px; line-height:1; padding:15px 0;}
.quick_fw .p{ font-size:36px; line-height:1; color:#00a0e8;}
.quick_fw .p a{ color:#00a0e8;}

.quick_wx{}
.quick_wx .box{ width:186px; bottom:0px; top:auto;}
.quick_wx .npd:before{ top:auto; bottom:20px;}
.quick_wx img{ width:100%; height:auto; display:block;}
.quick_wx span{ display:block; padding-top:15px; text-align:center;}

@media screen and (max-width:1024px){
.quick_bg{ background:rgba(0,0,0,0.5); position:fixed; left:0px; top:0px; right:0px; bottom:0px; display:none;}
.quick_nav{ top:auto; left:0px; width:auto; bottom:0px; margin:0px; -webkit-transform:none;background:#424242;}
.quick_nav1{ display:none;}
.quick_nav2{border-top: 1px solid rgba(255,255,255,0.5);}
.quick_nav2 li{ float:left; width:25%; margin-bottom:0px;border-right: 1px solid #ccc; box-sizing:border-box; padding:0px; display:block; border-radius:0px; position:static;padding-bottom: 10px;padding-top: 10px;}
.quick_nav2 .pd{ background:#424242; padding:5px 0; color:#fff;}
.quick_nav2 .pd i{ height:24px; line-height:24px; font-size:24px;}
.quick_nav2 .pd strong{ display:block; line-height:16px; font-size:12px;}
.quick_nav2 .pd:hover {background: #00a0e8;}
.quick_nav2 .box{ position:fixed; left:50%; bottom:auto; top:50%; right:auto;}
.quick_nav2 .npd{ margin:0;}
.quick_nav2 .npd:before{ transform:rotate(90deg); right:auto; left:50%; bottom:5px; top:auto; display:none;}
.quick_nav2 li:hover .box{ display:none;}
  
.quick_kf .box{ margin:-120px 0 0 -196px;}
.quick_fw .box{ margin:-66px 0 0 -196px;}
.quick_wx .box{ margin: -122px 0 0 -93px;}
.quick_close{ position:absolute; left:50%; bottom:-40px; margin:0 0 0 -15px; width:30px; height:30px; border-radius:50%; background:#0092d3; color:#fff; text-align:center; line-height:30px; cursor:pointer; display:block;}
}
.quick-contactus-new {
  z-index: 999;
  position: fixed;
  right: 5px;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
  margin-bottom: -10px
}

.quick-contactus-new dd {
  background: #00ce9c !important;
  filter: alpha(opacity=70);
  background: #000;
  width: 64px;
  height: 64px;
  color: #FFF;
  text-align: center;
  margin-bottom: 4px;
  cursor: pointer;
  transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  font-size: 11px!important
}

.quick-contactus-new dd:hover {
  background: #00ce9c!important;
  transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s
}

.quick-contactus-new .new_bdkf:hover {
  background: rgba(0,0,0,.6)!important;
  filter: alpha(opacity=70);
  background: #000
}

.quick-contactus-new .zcsq p {
  position: relative;
  font-size: 11px!important;
  text-align:center;
  background: url(http://www.shushangyun.com/assets/images/zcsq.png) center 10px no-repeat;
  padding-top: 40px;
  height: 22px;
  color: #FFF
}

.quick-contactus-new .phone-400 p {
  position: relative;
  font-size: 11px!important;
  text-align:center;
  background: url(http://www.shushangyun.com/assets/updataImg/slide_4.png) center 10px no-repeat;
  padding-top: 40px;
  height: 22px;
  color: #FFF
}

.quick-contactus-new .qq-contact p {
  position: relative;
  font-size: 11px!important;
  text-align:center;
  background: url(http://www.shushangyun.com/assets/images/index_3.png) center 10px no-repeat;
  padding-top: 40px;
  height: 22px;
  color: #FFF
}

.quick-contactus-new .bdkf p {
  position: relative;
  font-size: 11px!important;
  text-align:center;
  background: url(http://www.shushangyun.com/assets/updataImg/slide_1.png) center 10px no-repeat;
  padding-top: 40px;
  height: 22px;
  color: #FFF
}
.quick-contactus-new .bdkf1 p {
  position: relative;
  font-size: 11px!important;
  text-align:center;
  background: url(http://www.shushangyun.com/assets/updataImg/slide_2.png) center 10px no-repeat;
  padding-top: 40px;
  height: 22px;
  color: #FFF
}
.quick-contactus-new .bdkf2:hover .wx_code{
    display:block
}
.quick-contactus-new .bdkf2 a{cursor: inherit;}
.quick-contactus-new .bdkf2{position: relative;}
.quick-contactus-new .bdkf2 .wx_code{
    position: absolute;
    left: -133px;
    top: -46px;
    width: 149px;
    height: 143px;
    display: none
}
.quick-contactus-new .bdkf2 p {
  position: relative;
  font-size: 11px!important;
  text-align:center;
  background: url(http://www.shushangyun.com/assets/updataImg/slide_3.png) center 10px no-repeat;
  padding-top: 40px;
  height: 22px;
  color: #FFF
}
.quick-contactus-new .saoerwm p {
  position: relative;
  font-size: 11px!important;
  text-align:center;
  background: url(http://www.shushangyun.com/assets/images/index_4.png) center 10px no-repeat;
  padding-top: 40px;
  height: 22px;
  color: #FFF
}
.quick-contactus-new .go-top-button{
    margin-top:116px;
    background: #fff !important;
}
.quick-contactus-new dd.go-top-button:hover {
  background: #fff!important;
  transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s
}

.quick-contactus-new .go-top-button p {
  position: relative;
  font-size: 12px!important;
  font-weight: 400;
  text-align:center;
  background: url(http://www.shushangyun.com/assets/updataImg/slide_top.png) center 10px no-repeat;
  padding-top: 40px;
  color: #00CC99;
  height: 22px;
}

.quick-contactus-new .phone-400 {
  position: relative
}

.quick-contactus-new .phone-400 .qc-info {
  z-index: -1;
  opacity: 0;
  position: absolute;
  top: 10px;
  right: -160px;
  background-color: #fff;
  color: #000;
  width: 150px;
  height: auto;
  padding: 8px 15px;
  border-radius: 5px;
  box-shadow: 0 0 5px #9f9f9f
}

.quick-contactus-new .qq-contact {
  position: relative
}

.quick-contactus-new .qq-contact .qqlink-box {
  z-index: -1;
  opacity: 0;
  position: absolute;
  top: 15px;
  right: -160px;
  background-color: #fff;
  color: #000;
  width: 150px;
  height: auto;
  line-height: 40px;
  padding: 8px 15px;
  border-radius: 5px;
  box-shadow: 0 0 5px #9f9f9f;
  transition: right .6s ease-out,opacity .3s ease-out .3s
}

.quick-contactus-new .qq-contact .qqlink-box-on {
  right: 94px;
  opacity: 1
}
#newBridge .icon-right-center{
    top: 80%!important;
}
.subnav-bar,.subnav-bar .subnav-item:last-of-type:after {
    display: none
}

.subnav-bar {
    position: fixed;
    right: 20px;
    z-index: 1000;
    width: 58px;
    height: 286px;
    bottom: 30px;
    background-color: #FFF;
    -ms-box-shadow: 0 0 10px rgba(0,0,0,.08);
    box-shadow: 0 0 10px rgba(0,0,0,.08)
}

.subnav-bar .subnav-item {
    width: 100%;
    height: 57px;
    position: relative;
    cursor: pointer
}

.subnav-bar .subnav-item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 26px;
    height: 1px;
    background-color: #e5e5e5;
    margin-left: -13px
}

.subnav-bar .subnav-item:hover .subnav-title {
    display: table-cell
}

.quick-contactus-new .phone-400:hover .phone-popup-box {
    display: block
}

/*手机底部和PC右侧代码开始*/
.contact-pc { position: fixed; z-index: 999; right: 0; width: 64px; }

.contact-pc li { background-color: #006DAC; position: relative; width: 100%; height: 64px; border-radius: 0; margin-bottom: 0; border-radius: 5px; margin-bottom: 2px; }

.contact-pc li a { display: block; height: 100%; width: 100%; text-align: center; /*line-height: 64px;*/ cursor: pointer;padding-top: 25%; }

.contact-pc li .iconfont { color: #fff; }

.contact-pc li .item-ewm { position: absolute; top: 0; right: -9999px; width: 167px; border-radius: 5px; background-color: #006dac; text-align: center; padding: 12px 0; }

.contact-pc li .item-ewm p { color: #fff; margin-top: 9px; }

.contact-pc li.ewm-box:hover .item-ewm { right: 100%; }

.contact-pc li.c2 { overflow: hidden; }

.contact-pc li.c2 a { position: absolute; right: -126px; width: 190px; background-color: #006dac; border-radius: 5px; }

.contact-pc li.c2 a i { float: left; width: 64px; height: 64px; line-height: 64px; text-align: center; }

.contact-pc li.c2 a p { color: #fff; line-height: 18px; text-align: left; overflow: hidden; padding: 16px 0 0; }

.contact-pc li.c2:hover { overflow: visible; }

.contact-pc li.c2:hover a { right: 0; }

.contact-pc li.c1:hover .c1-box { display: block; }

.contact-pc li.c1 .c1-box { display: none; position: absolute; top: 0; right: 64px; width: 176px; border: solid 1px #006dac; background-color: #fff; border-radius: 5px; z-index: 99; }

.contact-pc li.c1 .c1-box .item-title { line-height: 46px; color: #fff; font-size: 16px; font-size: 1.6rem; background-color: #006dac; padding: 0 18px; position: relative; }

.contact-pc li.c1 .c1-box .item-title .close { width: 12px; height: 12px; background: url(../images/web10.png) no-repeat center; position: absolute; top: 17px; right: 14px; cursor: pointer; }

.contact-pc li.c1 .c1-box .item-body { padding: 8px 0; text-align: center; }

.contact-pc li.c1 .c1-box .item-body a { display: inline-block; width: 126px; height: 34px; border-radius: 17px; /*border: solid 1px #006dac; */color: #006dac; font-size: 16px; font-size: 1.2rem; text-align: center; line-height: 32px; margin: 4px 0;padding-top: 1%; }

.contact-pc li.c1 .c1-box .item-body a:hover { background-color: #005BAC; color: #fff; padding-top: 1%;}

.c1 .iconfont { font-size: 28px; font-size: 1.8rem; }

.c2 .iconfont { font-size: 24px; font-size: 1.4rem; }

.c3 .iconfont { font-size: 25px; font-size: 1.5rem; }

.c4 { background-color: #A5A4A4 !important; }

.c4 .iconfont { font-size: 24px; font-size: 1.4rem; }

.common-vc { top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }

.contact-phone { position: fixed; bottom: 0; height: 50px; left: 0; right: 0; display: none; z-index: 999; }

.contact-phone li { background-color: #006DAC; width: 25%; height: 100%; float: left; position: relative; }

.contact-phone li a { display: block; height: 100%; width: 100%; text-align: center; line-height: 50px; cursor: pointer; padding-top: 10%;}

.contact-phone li .iconfont { color: #fff; }

.contact-phone li .ewm { position: absolute; bottom: 50px; right: 50%; margin-right: -73px; display: none; max-width: 146px; }

@media only screen and (max-width: 767px) { .contact-pc { display: none; }
  .contact-phone { display: block; }
  body { padding-bottom: 50px; } }


/*底部和手机右侧代码结束*/