/*织梦58（dede58.com）做最好的织梦整站模板下载网站*/
@charset "utf-8";
@media (min-width: 800px) {
    /* CSS Document */
    * {
        margin: 0;
        padding: 0;
        font-family: "Microsoft YaHei";
    }

    html,
    body,
    ul,
    li,
    ol,
    dl,
    dd,
    dt,
    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    form,
    fieldset,
    legend,
    img {
        margin: 0px;
        padding: 0px;
    }

    fieldset,
    img {
        border: none;
    }

    img {
        border: none;
    }

    address,
    caption,
    cite,
    code,
    dfn,
    th,
    var {
        font-style: normal;
        font-weight: normal;
    }

    ul,
    ol {
        list-style: none;
    }

    li {
        list-style: none;
    }

    table {
        border-collapse: collapse;
    }

    input {
        padding-top: 0px;
        padding-bottom: 0px;
        font-family: "Microsoft YaHei";
    }

    input::-moz-focus-inner {
        border: none;
        padding: 0px;
    }

    select,
    input {
        vertical-align: middle;
    }

    select,
    input,
    textarea {
        font-size: 13px;
        margin: 0px;
    }

    input[type="text"],
    input[type="password"],
    textarea {
        outline-style: none;
        -webkit-appearance: none;
    }

    textarea {
        resize: none;
    }

    body {
        font-family: "Microsoft YaHei";
        background: #fff;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .clearfix:after {
        content: "";
        display: block;
        height: 0px;
        visibility: hidden;
        clear: both;
    }

    .clearfix {
        zoom: 1;
    }

    .clearit {
        clear: both;
        height: 0px;
        font-size: 0px;
        overflow: hidden;
        width: 100%;
    }

    .max {
        min-width: 1200px;
    }

    .box {
        width: 1200px;
        margin: 0 auto;
    }

    .box:after {
        content: "";
        display: block;
        height: 0px;
        visibility: hidden;
        clear: both;
    }

    ul:after {
        content: "";
        display: block;
        height: 0px;
        visibility: hidden;
        clear: both;
    }

    .max:after {
        content: "";
        display: block;
        height: 0px;
        visibility: hidden;
        clear: both;
    }

    .left {
        float: left;
    }

    .right {
        float: right;
    }

    a {
        text-decoration: none;
    }

    /* 分页基本样式 */
    .tpage {
        margin-top: 20px;
        text-align: center;
        font-size: 0;
    }


    .tpage a,
    .tpage #current {
        display: inline-block;
        font-size: 14px;
        color: #333333;
        font-family: "Microsoft YaHei", Arial;
        line-height: 26px;
        border: 1px solid #cbcbcb;
        margin: 0 5px;
        padding: 0 8px;
    }

    .tpage #current,
    .tpage a:hover {
        color: #fff;
        border-color: #fe7d27;
        background: #fe7d27;
    }


    .tpage select {
        display: none;
    }

    .n_banner {
        /*margin-top: 100px;*/
    }

    /*.search {*/
    /*  width: 1200px;*/
    /*  margin: 0px auto;*/
    /*  line-height: 70px;*/
    /*  margin-bottom: 20px;*/
    /*}*/
    #formsearch {
        width: 330px;
        float: right;
        height: 43px;
        line-height: 43px;
        margin-top: 14px;
    }

    #formsearch input {
        width: 215px;
        float: left;
        border: none;
        background: none;
        line-height: 43px;
    }

    #formsearch input#s_btn {
        width: 50px;
        background: #333;
        color: #fff;
        text-align: center;
        padding-left: 0;
        width: 80px;
        background: url(../images/ss.png) #0056f9 no-repeat center;
        border-bottom-right-radius: 25px;
        border-top-right-radius: 25px;
    }

    #formsearch input#keyword {
        border: 1px solid #aaaaaa;
        border-right: none;
        line-height: 41px;
        border-radius: 25px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        padding-left: 22px;
        width: 225px;
    }

    .hotSearch {
        float: left;
        color: #333;
        font-size: 14px;
    }

    .hotSearch a {
        color: #333;
        padding-right: 10px;
    }

    header {
        display: none;
    }

    .header {
        padding-top: 25px;
        padding-bottom: 20px;
    }

    .header .logo a {
        color: #0056f9;
        font-size: 30px;
        font-weight: 600;
    }

    .header .logo a p {
        font-size: 17px;
    }

    .header .logo img {
        display: block;
    }

    .header .tel {
        width: 300px;
        margin-top: 15px;
    }

    .header .tel img {
        display: block;
        float: left;
        margin-right: 5px;
    }

    .header .tel span {
        display: block;
        font-size: 16px;
        color: #9b9b9b;
        margin-top: -10px;
    }

    .header .tel strong {
        display: block;
        font-family: "Times New Roman", Times, serif;
        font-size: 32px;
        color: #0056f9;
    }

    .nav {
        background: #0056f9;
        line-height: 65px;
    }

    .nav ul li.nLi {
        display: block;
        float: left;
        width: 12.5%;
        text-align: center;
        line-height: 65px;
        position: relative;
    }

    .nav ul li.nLi:after {
        content: "|";
        position: absolute;
        left: 0;
        top: 0;
        color: #3378fa;
    }

    .nav ul li.nLi a {
        display: block;
        color: #fff;
    }

    .nav ul li.nLi:last-child:before {
        content: "|";
        position: absolute;
        right: 0;
        top: 0;
        color: #3378fa;
    }

    .nav ul li.nLi a:hover {
        background: #0560f9;
    }

    .nav ul li.nLi .sub {
        width: 100%;
        position: absolute;
        top: 75px;
        left: 0;
        background: rgba(0, 0, 0, 0.8);
        z-index: 9999;
        opacity: 0;
        visibility: hidden;
        transition: all 0.6s ease 0s;
    }

    .nav ul li.nLi .sub a {
        display: block;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #fff;
        font-size: 15px;
    }

    .nav ul li.nLi:hover .sub {
        top: 65px;
        opacity: 1;
        visibility: visible;
    }

    .nav ul li.nLi .sub a:hover {
        background: #0056f9;
    }


    .banner {
        display: none;
    }

    .fullSlide {
        min-width: 1200px;
        position: relative;
        height: 600px;
        z-index: 9;
    }

    .fullSlide .bd {
        margin: 0 auto;
        position: relative;
        z-index: 0;
        overflow: hidden;
        height: 600px;
    }

    .fullSlide .bd ul {
        width: 100% !important;
        height: 600px;
    }

    .fullSlide .bd li {
        width: 100% !important;
        height: 600px;
        overflow: hidden;
        text-align: center;
    }

    .fullSlide .bd li a {
        display: block;
        height: 600px;
    }

    .fullSlide .hd {
        width: 100%;
        position: absolute;
        z-index: 1;
        bottom: 10px;
        left: 0;
        height: 30px;
        line-height: 30px;
    }

    .fullSlide .hd ul {
        display: block;
        width: 16%;
        margin: 0 auto;
        text-align: center;
    }

    .fullSlide .hd ul li {
        cursor: pointer;
        display: inline-block;
        *display: inline;
        zoom: 1;
        height: 12px;
        width: 12px;
        margin: 5px;
        background: rgba(255, 255, 255, 0.7);
        overflow: hidden;
        line-height: 9999px;
        border-radius: 25px;
        transition: all 0.5s;
    }

    .fullSlide .hd ul .on {
        width: 40px;
    }

    .index_pro {
        background: #eee;
        padding-top: 0px;
        padding-bottom: 20px;
    }

    .index_pro .lmt {
        margin-bottom: 45px;
    }

    .index_pro .lmt strong {
        display: block;
        text-align: center;
        font-size: #333333;
        font-size: 30px;
    }

    .index_pro .lmt p {
        text-align: center;
        font-size: 16px;
        color: #666666;
        margin-top: 10px;
    }

    .index_pro .title {
        width: 100%;
        height: 40px;
        line-height: 40px;
        border-bottom: 2px solid #0056f9;
        margin-bottom: 15px;
    }

    .index_pro .title a {
        float: right;
        font-size: 15px;
        color: #666666;
    }

    .index_pro .title strong {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        color: #fff;
        background: #0056f9;
        padding: 0 20px;
        font-size: 18px;
    }

    .index_pro .title1 {
        border-bottom: 2px solid #df3536;
    }

    .index_pro .title1 strong {
        background: #df3536;
    }

    .pro_box {
        margin-bottom: 35px;
    }

    .index_pro .pro_list li {
        display: block;
        float: left;
        width: 23.5%;
        margin-right: 1.8%;
        background: #fff;
        padding: 2%;
        box-sizing: border-box;
        transition: all 0.5s;
    }

    .index_pro .pro_list li:last-child {
        margin-right: 0;
    }

    .index_pro .pro_list li .pic {
        display: block;
        width: 100%;
        position: relative;
        padding-top: 75%;
        overflow: hidden;
    }

    .index_pro .pro_list li img {
        display: block;
        position: absolute;
        width: 100%;
        min-height: 100%;
        left: 0;
        top: 0;
        transition: all 0.5s;
    }

    .index_pro .pro_list li a.t {
        display: block;
        text-align: center;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        color: #666;
    }

    .index_pro .pro_list li .pro_c a {
        display: block;
        float: right;
        width: 52px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        color: #fff;
        background: #0056f9;
        font-size: 15px;
        border-radius: 5px;
        margin-top: 10px;
    }

    .index_pro .pro_list li .pro_c p {
        font-size: 14px;
        color: #666666;
        line-height: 22px;
    }

    .index_pro .pro_list li:hover {
        box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    .index_pro .pro_list li .pic:hover img {
        -webkit-transform: scale(1.12);
        transform: scale(1.12);
    }

    .index_pro .pro_list li a.t:hover {
        color: #0056f9;
    }

    .index_pro .left {
        width: 49%;
    }

    .index_pro .right {
        width: 49%;
    }

    .index_pro .left .pro_list li {
        width: 48%;
        padding: 3%;
        margin-right: 4%;
    }

    .index_pro .left .pro_list li:last-child {
        margin-right: 0;
    }

    .index_pro .right .pro_list li {
        width: 48%;
        padding: 3%;
        margin-right: 4%;
    }

    .index_pro .right .pro_list li:last-child {
        margin-right: 0;
    }

    .youshi {
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .youshi .lmt {
        position: relative;
        margin-bottom: 50px;
        height: 160px;
    }

    .youshi .lmt i {
        display: block;
        font-size: 100px;
        font-family: "宋体";
        color: #ededed;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        margin: 0 auto;
        z-index: 2;
    }

    .youshi .lmt .t {
        position: absolute;
        left: 244px;
        top: 20px;
        z-index: 5;
    }

    .youshi .lmt .t span {
        display: block;
        font-size: 18px;
        color: #333;
        line-height: 24px;
    }

    .youshi .lmt .t p {
        font-size: 24px;
        color: #0056f9;
    }

    .youshi .lmt .t strong {
        display: block;
        font-size: 36px;
        color: #0056f9;
    }

    .youshi .lmt .t .p {
        width: 650px;
        margin: 0 auto;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #fff;
        background: #0056f9;
        margin-top: 10px;
        position: relative;
    }

    .youshi .lmt .t .p:after {
        content: "";
        width: 0;
        height: 0;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-top: 10px solid #0056f9;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: -10px;
    }

    .youshi ul li {
        display: block;
        float: left;
        width: 50%;
        background: #f1f1f1;
        margin-bottom: 1px;
    }

    .youshi ul li:after {
        content: "";
        display: block;
        height: 0px;
        visibility: hidden;
        clear: both;
    }

    .youshi ul li .left {
        width: 265px;
        position: relative;
        overflow: hidden;
    }

    .youshi ul li .left strong {
        display: block;
        font-size: 28px;
        color: #fff;
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: 265px;
        height: 189px;
    }

    .youshi ul li .left strong span {
        display: block;
        position: absolute;
        right: 15px;
        bottom: 15px;
        z-index: 10;
    }

    .youshi ul li .left strong:after {
        content: "";
        width: 200px;
        height: 156px;
        background: rgba(0, 86, 249, 0.65);
        display: block;
        position: absolute;
        transform: rotate(7deg);
        -ms-transform: rotate(43deg);
        -moz-transform: rotate(43deg);
        -webkit-transform: rotate(43deg);
        z-index: 5;
        -o-transform: rotate(43deg);
        left: 120px;
        top: 120px;
    }

    .youshi ul li .left img {
        display: block;
        width: 100%;
    }

    .youshi ul li .right {
        width: calc(100% - 265px);
    }

    .youshi ul li .right strong {
        text-align: center;
        font-size: 24px;
        color: #0056f9;
        display: block;
        padding-top: 55px;
    }

    .youshi ul li .right p {
        text-align: center;
        font-size: 18px;
        color: #333;
        margin-top: 15px;
    }

    .about {
        height: 618px;
        background: url(../images/about_bg.jpg) no-repeat center;
    }

    .about .box {
        height: 618px;
        position: relative;
    }

    .about .box:after {
        content: "";
        width: 1171px;
        height: 512px;
        background: url(../images/about_box.png) no-repeat center;
        position: absolute;
        left: 60px;
        top: 50px;
        visibility: visible;
    }

    .about .box .t {
        display: block;
        font-size: 32px;
        color: rgba(255, 255, 255, 0.5);
        position: absolute;
        right: 55px;
        top: 30px;
        font-weight: bold;
    }

    .about .box .left {
        display: block;
        margin-top: 98px;
        position: relative;
        z-index: 99;
        width: 550px;
        height: 420px;
    }

    .about .box .left img {
        width: 100%;
        height: 100%;
    }

    .about .box .right {
        position: absolute;
        width: 623px;
        top: 111px;
        right: 0;
        z-index: 99;
    }

    .about .box .right strong {
        font-size: 32px;
        color: #fff;
        display: block;
    }

    .about .box .right .about_tab {
        margin-top: 25px;
        margin-bottom: 30px;
    }

    .about .box .right .about_tab a {
        display: inline-block;
        width: 119px;
        height: 33px;
        line-height: 33px;
        text-align: center;
        border: 2px solid rgba(255, 255, 255, 0.7);
        color: #fff;
        font-size: 16px;
        margin-right: 15px;
        border-radius: 7px;
    }

    .about .box .right .about_tab a:hover,
    .about .box .right .about_tab a.on {
        background: #fff;
        color: #0056f9;
    }

    .about .box .right .j {
        font-size: 15px;
        color: #fff;
        line-height: 27px;
    }

    .about .box .right .j p {
        margin-bottom: 20px;
        text-align: justify;
    }

    .about .box .right a.more {
        color: #fff;
        display: block;
        width: 120px;
        height: 35px;
        line-height: 35px;
        border: 2px solid rgba(255, 255, 255, 0.7);
        text-align: center;
        border-radius: 25px;
    }

    .about .box .right a.more:hover {
        background: #fff;
        color: #0056f9;
    }

    .case {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .case .lmt {
        position: relative;
        height: 87px;
        margin-bottom: 25px;
    }

    .case .lmt b {
        display: block;
        font-size: 100px;
        font-family: "宋体";
        color: #f4f4f4;
        font-weight: 100;
        position: absolute;
        left: 0;
        top: -20px;
    }

    .case .lmt .t {
        display: block;
        font-size: 24px;
        color: #000;
        position: absolute;
        left: 0;
        top: 65px;
    }

    .case .lmt .t span {
        display: inline-block;
        font-size: 12px;
        color: #f1f1f1;
    }

    .case ul {
        width: 1235px;
    }

    .case ul li {
        display: block;
        float: left;
        width: 380px;
        margin-right: 30px;
        margin-bottom: 25px;
        border-bottom: 2px solid #e6e6e6;
        position: relative;
        transition: all 0.5s;
    }

    .case ul li .pic {
        display: block;
        width: 100%;
        position: relative;
        padding-top: 75%;
        overflow: hidden;
    }

    .case ul li .pic img {
        display: block;
        position: absolute;
        width: 100%;
        min-height: 100%;
        left: 0;
        top: 0;
        transition: all 0.5s;
    }

    .case ul li a.more {
        display: block;
        position: absolute;
        right: 20px;
        opacity: 0;
        bottom: 0;
        width: 24px;
        height: 52px;
        background: url(../images/jiantou.png) no-repeat center;
    }

    .case ul li a.tit {
        display: inline-block;
        font-size: 15px;
        color: #414141;
        height: 52px;
        line-height: 52px;
    }

    .case ul li:hover {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    .case ul li:hover a.more {
        opacity: 1;
        right: 0;
    }

    .case ul li:hover a.tit {
        color: #0056f9;
    }

    .case ul li:hover img {
        opacity: 0.9;
    }

    .case .more1 {
        display: block;
        width: 180px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        margin: 0 auto;
        border: 1px solid #cccccc;
        border-radius: 5px;
        font-size: 15px;
        color: #4a4a4a;
        margin-top: 10px;
    }

    .case .more1:hover {
        color: #fff;
        background: #0056f9;
        border: 1px solid #0056f9;
    }

    .news {
        padding-bottom: 30px;
    }

    .news .xinwen {
        width: 780px;
    }

    .news .wenti {
        width: 385px;
    }

    .news .title {
        width: 100%;
        margin-bottom: 20px;
        height: 48px;
        line-height: 48px;
        border-bottom: 1px solid #ececec;
    }

    .news .title a {
        float: right;
        font-size: 14px;
        color: #a4a4a4;
    }

    .news .title p {
        font-size: 22px;
        color: #000000;
        padding-left: 33px;
        height: 47px;
        line-height: 47px;
        border-bottom: 2px solid #008af8;
        display: inline-block;
        padding-right: 3px;
    }

    .news .title a:hover {
        color: #008af8;
    }

    .news .xinwen .title p {
        background: url(../images/news-ico1.png) no-repeat left center;
    }

    .news .wenti .title p {
        background: url(../images/news-ico2.png) no-repeat left center;
    }

    .news .xinwen .left {
        width: 270px;
    }

    .news .xinwen .left img {
        display: block;
        width: 270px;
        height: 330px;
    }

    .news .xinwen .right {
        width: 490px;
    }

    .news .xinwen .right .tj {
        border-bottom: 1px dashed #dcdcdc;
        padding-bottom: 8px;
        margin-bottom: 5px;
    }

    .news .xinwen .right .tj p span {
        float: right;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        color: #b4b4b4;
        margin-left: 15px;
    }

    .news .xinwen .right .tj p {
        height: 37px;
        line-height: 37px;
        overflow: hidden;
    }

    .news .xinwen .right .tj p a {
        font-size: 15px;
        color: #333;
        font-weight: bold;
    }

    .news .xinwen .right .tj p a:hover {
        color: #008af8;
    }

    .news .xinwen .right .tj span {
        display: block;
        font-size: 14px;
        color: #959595;
        line-height: 26px;
        height: 52px;
        overflow: hidden;
    }

    .news .xinwen .right ul li {
        height: 38px;
        line-height: 38px;
        background: url(../images/li.png) no-repeat left center;
        overflow: hidden;
        padding-left: 12px;
    }

    .news .xinwen .right ul li span {
        float: right;
        font-size: 14px;
        color: #c3c3c3;
        margin-left: 15px;
    }

    .news .xinwen .right ul li a {
        font-size: 14px;
        color: #333;
    }

    .news .xinwen .right ul li a:hover {
        color: #008af8;
    }

    .news .wenti dl {
        margin-bottom: 10px;
    }

    .news .wenti dl dt {
        height: 39px;
        line-height: 39px;
        background: #f2f2f2;
        cursor: pointer;
        font-size: 14px;
        color: #373737;
        padding-right: 15px;
        box-sizing: border-box;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .news .wenti dl dt i {
        display: inline-block;
        width: 39px;
        text-align: center;
        font-style: normal;
        color: #fff;
        background: #008af8;
        margin-right: 10px;
    }

    .news .wenti dl dd {
        font-size: 14px;
        padding-top: 8px;
        color: #616161;
        margin-top: 10px;
        line-height: 25px;
        height: 75px;
        overflow: hidden;
        position: relative;
        padding-left: 49px;
    }

    .news .wenti dl dd a {
        color: #616161;
    }

    .news .wenti dl dd i {
        display: block;
        width: 39px;
        height: 39px;
        line-height: 39px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        background: #00c643;
        position: absolute;
        left: 0;
        top: 0px;
        font-style: normal;
    }

    .news .wenti dl dd a:hover {
        color: #008af8;
    }

    .footer {
        background: #252525;
        padding-top: 45px;
        padding-bottom: 20px;
    }

    .footer .box {
        background: url(../images/footer_box.png) no-repeat 20px center;
    }

    .footer .left {
        width: 657px;
    }

    .footer .left dl {
        display: block;
        float: left;
        width: 100px;
        margin-right: 30px;
    }

    .footer .left dl dt {
        display: block;
        font-size: 15px;
        color: #fff;
        font-weight: bold;
        position: relative;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        padding-bottom: 13px;
        margin-bottom: 8px;
    }

    .footer .left dl dt a {
        display: block;
        color: #fff;
    }

    .footer .left dl dt:after {
        content: "";
        width: 7px;
        height: 1px;
        background: #fff;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .footer .left dl dd {
        display: block;
        font-size: 14px;
        color: #6f6f6f;
        line-height: 30px;
        height: 30px;
        overflow: hidden;
    }

    .footer .left dl dd a {
        color: #6f6f6f;
    }

    .footer .left dl dd a:hover {
        color: #fff;
    }

    .footer .left dl.fo_p {
        width: 360px;
    }

    .footer .left dl.fo_p dd {
        display: block;
        float: left;
        width: 50%;
    }

    .footer .right {
        width: 542px;
    }

    .footer .right .con .t {
        display: block;
        font-size: 15px;
        color: #cbcbcb;
        width: 80px;
        height: 26px;
        line-height: 26px;
        text-align: center;
        background: #3c3c3c;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .footer .right .con .contact_bottom p {
        font-size: 14px;
        color: #8c8c8c;
        line-height: 32px;
        margin-bottom: 12px;
    }

    .footer .right .con ul li a {
        color: #8c8c8c;
    }

    footer .right .con .contact_bottom p:nth-of-type(2) {
        background: url(../images/ft.png) no-repeat left -43px;
    }

    footer .right .con .contact_bottom p:nth-of-type(3) {
        background: url(../images/ft.png) no-repeat left -89px;
    }

    footer .right .con .contact_bottom p:nth-of-type(4) {
        background: url(../images/ft.png) no-repeat left -133px;
    }

    footer .right .con .contact_bottom p:nth-of-type(5) {
        background: url(../images/ft.png) no-repeat left -177px;
    }

    .footer .right dl {
        float: right;
        margin-top: 15px;
    }

    .footer .right dl img {
        display: block;
        width: 168px;
    }

    .footer .right dl dd {
        text-align: center;
        font-size: 14px;
        color: #6f6f6f;
        margin-top: 10px;
    }

    .links {
        margin-top: 20px;
        font-size: 14px;
        color: #8c8c8c;
        padding-bottom: 15px;
    }

    .links span {
        color: #333;
        font-size: 18px;
        font-weight: bold;
    }

    .links a {
        display: inline-block;
        color: #8c8c8c;
        margin-right: 15px;
    }

    .copyright {
        text-align: center;
        height: 60px;
        line-height: 60px;
        background: #1a1a1a;
        font-size: 14px;
        color: #a6a6a6;
    }

    .copyright a {
        color: #a6a6a6;
    }

    #bottom {
        display: none;
    }

    .neiye {
        padding-top: 20px;
        padding-bottom: 30px;
        background: none;
    }

    .neiye .neiye-l {
        width: 240px;
    }

    .neiye .neiye-l .nydh {
        background: #fff;
    }

    .neiye .neiye-l .nydh .title {
        width: 240px;
        height: 72px;
        background: #0056f9;
        text-align: center;
        padding-top: 20px;
    }

    .neiye .neiye-l .nydh .title p {
        font-size: 24px;
        color: #fff;
        font-weight: bold;
    }

    .neiye .neiye-l .nydh .title span {
        display: block;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.3);
        margin-top: 5px;
    }

    .neiye .neiye-l .nydh .ul {
        width: 238px;
        border: 1px solid #e9e9e9;
        border-top: none;
    }

    .neiye .neiye-l .nydh .ul li {
        display: block;
        width: 192px;
        height: 58px;
        line-height: 58px;
        border-top: 1px solid #e9e9e9;
        background: url(../images/nydh-li.png) no-repeat 20px center;
        padding-left: 46px;
        font-size: 15px;
        transition: all 0.5s;
    }

    .neiye .neiye-l .nydh .ul li a {
        color: #575757;
        display: block;
    }

    .neiye .neiye-l .nydh .ul li:hover,
    .neiye .neiye-l .nydh ul li.on {
        background: url(../images/nydh-li-on.png) no-repeat 20px center;
    }

    .neiye .neiye-l .nydh .ul li:hover a,
    .neiye .neiye-l .nydh ul li.on a {
        color: #0056f9;
    }

    .neiye .neiye-l .nydh .sideMenu {
        width: 238px;
        border: 1px solid #e9e9e9;
        border-top: none;
    }

    .neiye .neiye-l .nydh .sideMenu .dh {
        margin: 0 auto;
        background: #fff;
    }

    .neiye .neiye-l .nydh .sideMenu .dh p {
        height: 58px;
        line-height: 58px;
        background: url(../images/nydh-li.png) no-repeat 17px center #efefff;
        padding-left: 37px;
        font-size: 16px;
        color: #575757;
        cursor: pointer;
        border-top: 1px solid #e9e9e9;
    }

    .neiye .neiye-l .nydh .sideMenu .dh p a {
        color: #575757;
        display: block;
    }

    .neiye .neiye-l .nydh .sideMenu .dh p a:hover {
        color: #0056f9;
    }

    .neiye .neiye-l .nydh .sideMenu .dh ul {
        background: #fff;
    }

    .neiye .neiye-l .nydh .sideMenu .dh ul li {
        height: 47px;
        line-height: 47px;
        padding-left: 39px;
        font-size: 14px;
        color: #585858;
        background: url(../images/s_li.png) no-repeat 26px center;
        border-bottom: 1px solid #e9e9e9;
    }

    .neiye .neiye-l .nydh .sideMenu .dh ul li:last-child {
        border-bottom: 0;
    }

    .neiye .neiye-l .nydh .sideMenu .dh ul li a {
        color: #585858;
    }

    .neiye .neiye-l .nydh .sideMenu .dh ul li a:hover {
        color: #0749a3;
    }

    .neiye .neiye-l .nydh .sideMenu .dh p.on {
        background: url(../images/nydh-li-on.png) no-repeat 17px center #efefff;
    }

    .nylx {
        width: 100%;
        margin-top: 16px;
        background: #fff;
    }

    .nylx .title {
        width: 100%;
        height: 50px;
        background: #0056f9;
        padding-left: 24px;
        color: #fff;
        font-size: 17px;
        font-weight: bold;
        line-height: 50px;
        box-sizing: border-box;
        position: relative;
    }

    .nylx .title:after {
        content: "";
        width: 5px;
        height: 15px;
        background: #fff;
        border-radius: 5px;
        position: absolute;
        left: 12px;
        top: 17px;
    }

    .nylx .title span {
        display: inline-block;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.2);
        margin-left: 5px;
        font-weight: normal;
    }

    .nylx .contact {
        width: 100%;
        border: 1px solid #e9e9e9;
        border-top: none;
        padding-top: 15px;
        box-sizing: border-box;
    }

    .nylx .contact .tel {
        width: 230px;
        margin: 0 auto;
        border-bottom: 1px solid #e9e9e9;
        padding-bottom: 15px;
    }

    .nylx .contact .tel img {
        display: block;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .nylx .contact .tel span {
        display: block;
        text-align: center;
        font-size: 14px;
        color: #aeaeae;
    }

    .nylx .contact .tel b {
        display: block;
        text-align: center;
        margin-top: 5px;
        font-size: 26px;
        color: #0056f9;
    }

    .nylx .dizhi {
        width: 225px;
        margin: 0 auto;
        font-size: 14px;
        color: #5d5d5d;
        line-height: 29px;
        padding-left: 5px;
        padding-bottom: 10px;
    }

    .neiye .neiye-r {
        width: 930px;
    }

    .newsnav {
        width: 100%;
        height: 58px;
        line-height: 58px;
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 15px;
    }

    .newsnav .more {
        float: right;
        font-size: 15px;
        color: #999;
    }

    .newsnav .more a {
        color: #999;
    }

    .newsnav a.more:hover {
        color: #0075e3;
    }

    .newsnav .more a:hover {
        color: #0075e3;
    }

    .newsnav p {
        font-size: 22px;
        color: #000000;
        padding-left: 13px;
        border-bottom: 2px solid #0075e3;
        height: 57px;
        line-height: 57px;
        display: inline-block;
        position: relative;
    }

    .newsnav p:after {
        content: "";
        width: 5px;
        height: 18px;
        background: #0056f9;
        position: absolute;
        left: 0;
        top: 20px;
    }

    .newsnav span {
        display: inline-block;
        font-size: 13px;
        color: #c2c2c2;
        margin-left: 5px;
    }

    .case_li ul li:after {
        content: "";
        display: block;
        height: 0px;
        visibility: hidden;
        clear: both;
    }

    .case_li ul li {
        background: #fff;
        margin-bottom: 15px;
        padding-right: 30px;
        box-sizing: border-box;
        position: relative;
        -webkit-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
    }

    .case_li ul li img {
        display: block;
        float: left;
        width: 300px;
        height: 188px;
        margin-right: 22px;
        -webkit-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
    }

    .case_li ul li a.tit {
        display: block;
        font-size: 17px;
        color: #363636;
        height: 40px;
        line-height: 40px;
        font-weight: bold;
        padding-top: 10px;
    }

    .case_li ul li span {
        display: block;
        font-size: 14px;
        color: #8d8d8d;
    }

    .case_li ul li p {
        font-size: 14px;
        line-height: 26px;
        color: #8d8d8d;
        margin-top: 10px;
    }

    .case_li ul li a.more {
        display: block;
        width: 23px;
        height: 13px;
        background: url(../images/t.png) no-repeat center;
        position: absolute;
        right: 30px;
        bottom: 20px;
    }

    .case_li ul li a.tit:hover {
        color: #0056f9;
    }

    .case_li ul li img:hover {
        opacity: 0.8;
    }

    .case_li ul li:hover {
        -webkit-transform: translate3d(5px, 0px, 0);
        transform: translate3d(5px, 0px, 0);
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
    }

    .case_li ul li a.more:hover {
        -webkit-transform: translate3d(5px, 0px, 0);
        transform: translate3d(5px, 0px, 0);
    }

    .fenye {
        width: 100%;
        margin: 0 auto;
        margin-top: 25px;
        padding-bottom: 30px;
        text-align: center;
    }

    .fenye a {
        display: inline-block;
        padding: 0 13px;
        text-align: center;
        line-height: 35px;
        font-size: 14px;
        color: #333;
        margin: 2px 4px;
        border-radius: 5px;
        background: #eee;
    }

    .fenye b,
    .fenye a:hover {
        display: inline-block;
        padding: 0 13px;
        text-align: center;
        line-height: 35px;
        font-size: 14px;
        color: #fff;
        margin: 2px 4px;
        background: #0056f9;
        border-radius: 5px;
    }

    .newslist {
        margin-top: -15px;
    }

    .newslist ul li:after {
        content: "";
        display: block;
        height: 0px;
        visibility: hidden;
        clear: both;
    }

    .newslist ul li {
        border-bottom: 1px dashed #d8d8d8;
        -webkit-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
        padding: 15px 0;
    }

    .newslist ul li img {
        display: block;
        float: left;
        width: 197px;
        height: 124px;
        margin-right: 15px;
    }

    .newslist ul li .t {
        height: 40px;
        line-height: 40px;
        overflow: hidden;
    }

    .newslist ul li .t a {
        font-size: 16px;
        color: #303030;
        font-weight: bold;
    }

    .newslist ul li .t span {
        float: right;
        font-size: 14px;
        color: #b0b0b0;
    }

    .newslist ul li p {
        font-size: 14px;
        color: #939393;
        line-height: 22px;
        text-align: justify;
    }

    .newslist ul li a.more {
        font-size: 14px;
        color: #0056f9;
        display: inline-block;
        margin-top: 10px;
    }

    .newslist ul li .t a:hover {
        color: #0056f9;
    }

    .danye {
        font-size: 15px;
        line-height: 28px;
        color: #434343;
        text-align: justify;
    }

    .danye p {
        margin-bottom: 15px;
    }

    .danye img {
        max-width: 100%;
    }

    .biaoti {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 15px;
        margin-bottom: 25px;
    }

    .biaoti h1 {
        font-size: 24px;
        color: #000;
        font-weight: normal;
    }

    .biaoti p {
        font-size: 14px;
        color: #ccc;
        margin-top: 15px;
    }

    .fn {
        width: 100%;
        margin: 0 auto;
        margin-top: 30px;
        border-top: 1px solid #e8e8e8;
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .fn p {
        font-size: 14px;
        line-height: 30px;
        color: #565656;
    }

    .fn p a {
        color: #565656;
    }

    .fn p a:hover {
        color: #0056f9;
    }

    .tuijian ul {
        width: 980px;
        margin-top: 10px;
    }

    .tuijian ul li {
        display: block;
        float: left;
        width: 435px;
        margin-right: 36px;
        height: 38px;
        line-height: 38px;
        border-bottom: 1px solid #ebebeb;
        padding-left: 12px;
        background: url(../images/li.png) no-repeat left center;
        overflow: hidden;
    }

    .tuijian ul li span {
        float: right;
        font-size: 14px;
        color: #b4b4b4;
        margin-left: 15px;
    }

    .tuijian ul li a {
        color: #333;
        font-size: 14px;
    }

    .tuijian ul li a:hover {
        color: #0056f9;
    }

    .xunjia {
        padding-bottom: 30px;
    }

    .xunjia p {
        width: 455px;
        height: 48px;
        float: left;
        margin-bottom: 10px;
    }

    .xunjia p em {
        display: inline-block;
        width: 70px;
        text-align: right;
        font-size: 15px;
        color: #717171;
        /*padding-right: 10px;*/
        height: 40px;
        line-height: 40px;
        font-style: normal;
    }

    .xunjia p em i {
        font-style: normal;
        color: #ff0000;
    }

    .xunjia p input {
        display: inline-block;
        width: 368px;
        padding-left: 5px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #dddddd;
        color: #666;
    }

    .xunjia p select {
        display: inline-block;
        width: 280px;
        padding-left: 10px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #dddddd;
    }

    .xunjia .miaoshu {
        width: 932px;
        height: 260px;
    }

    .xunjia .miaoshu em {
        float: left;
    }

    .xunjia .miaoshu textarea {
        display: inline-block;
        width: 843px;
        padding-left: 5px;
        height: 260px;
        line-height: 24px;
        border: 1px solid #dddddd;
        color: #666;
    }

    .xunjia .zy {
        font-size: 15px;
        color: #717171;
        height: 40px;
        line-height: 40px;
        display: block;
        padding-left: 30px;
    }

    .xunjia .zy i {
        font-style: normal;
        color: #ff0000;
    }

    .xunjia .submit {
        display: inline-block;
        width: 181px;
        height: 45px;
        border: none;
        background: #0056f9;
        color: #fff;
        font-size: 15px;
        border-radius: 5px;
        margin-top: 15px;
        margin-left: 100px;
        cursor: pointer;
    }

    .xunjia .reset {
        background: #bcbcbc;
        margin-left: 20px;
    }

    .pro-xq .pic {
        float: left;
        width: 483px;
        height: 362px;
        margin-right: 20px;
    }

    .pro-xq .pic img {
        width: 483px;
        height: 362px;
    }

    .pro-xq .pro-js {
        width: 400px;
        float: left;
    }

    .pro-xq .pro-js h1 {
        font-size: 26px;
        color: #000;
        height: 68px;
        line-height: 68px;
        border-bottom: 1px solid #eee;
    }

    .pro-xq .pro-js .pro-xx {
        font-size: 14px;
        color: #5b5b5b;
        line-height: 23px;
        height: 123px;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        padding: 20px 0;
        overflow-y: auto;
    }

    .pro-xq .pro-js .pro-xx::-webkit-scrollbar {
        width: 5px;
        height: 10px;
    }

    .pro-xq .pro-js .pro-xx::-webkit-scrollbar-thumb {
        background: #ddd;
        border-radius: 4px;
    }

    .pro-xq .pro-lx {
        padding-top: 15px;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
    }

    .pro-xq .pro-lx .z {
        display: block;
        clear: both;
        color: #0285ff;
        line-height: 30px;
    }

    .pro-xq .pro-lx p {
        width: 260px;
        float: left;
        font-size: 16px;
        color: #0285ff;
        height: 50px;
    }

    .pro-xq .pro-lx p i {
        display: block;
        float: left;
        margin-right: 5px;
        width: 40px;
        height: 40px;
        background: url(../images/ico-tel.png) no-repeat center;
    }

    .pro-xq .pro-lx p font {
        line-height: 15px;
        display: block;
        margin-bottom: 3px;
    }

    .pro-xq .pro-lx:after {
        content: " ";
        display: block;
        height: 0px;
        visibility: hidden;
        clear: both;
    }

    .pro-xq .pro-lx p span {
        display: block;
        font-size: 24px;
        font-weight: bold;
        color: #0285ff;
        line-height: 24px;
    }

    .pro-xq .pro-lx a.zx {
        display: inline-block;
        float: right;
        width: 120px;
        height: 38px;
        text-align: center;
        line-height: 38px;
        color: #fff;
        font-size: 14px;
        background: #0285ff;
        margin-top: 5px;
    }

    .pro-xq .pro-lx a.zx:nth-child(2) {
        display: none;
    }

    .pro-xq .pro-lx a.zx1 {
        background: #3bb3ff;
    }

    .pro-xq .pro-lx a.zx:hover {
        border-radius: 25px;
    }

    .neiye .pro_list {
        width: 960px;
    }

    .neiye .pro_list li {
        display: block;
        float: left;
        width: 296px;
        margin-right: 20px;
        background: #fff;
        box-sizing: border-box;
        transition: all 0.5s;
        border: 1px solid #e1e1e1;
        margin-bottom: 15px;
    }

    .neiye .pro_list li:last-child {
        margin-right: 0;
    }

    .neiye .pro_list li .pic {
        display: block;
        width: 100%;
        position: relative;
        padding-top: 75%;
        overflow: hidden;
    }

    .neiye .pro_list li img {
        display: block;
        position: absolute;
        width: 100%;
        min-height: 100%;
        left: 0;
        top: 0;
        transition: all 0.5s;
    }

    .neiye .pro_list li a.t {
        display: block;
        text-align: center;
        height: 46px;
        line-height: 46px;
        font-size: 14px;
        color: #666;
    }

    .neiye .pro_list li:hover {
        box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    .neiye .pro_list li .pic:hover img {
        -webkit-transform: scale(1.12);
        transform: scale(1.12);
    }

    .neiye .pro_list li a.t:hover {
        color: #0056f9;
    }

    .contit {
        font-size: 18px;
        font-weight: bold;
        position: relative;
        padding-bottom: 15px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .contit:after {
        content: "";
        width: 30px;
        height: 3px;
        background: #0056f9;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .contact_nr {
        font-size: 16px;
        color: #464646;
        line-height: 38px;
        margin-bottom: 15px;
    }

    .contact_nr img {
        display: block;
        float: right;
        margin-top: 10px;
    }

    #map {
        width: 100%;
        height: 300px;
    }

    .about_r {
        height: 350px;
        background: url(../images/about_r.jpg) no-repeat center;
        background-size: cover;
    }

    .about_r .box {
        padding-top: 114px;
    }

    .about_r .box strong {
        display: block;
        font-size: 50px;
        color: #fff;
        font-weight: normal;
    }

    .about_r .box h1 {
        display: block;
        font-size: 35px;
        color: #fff;
        font-weight: normal;
        margin: 15px 0;
    }

    .about_r .box p {
        font-size: 16px;
        color: #fff;
        line-height: 36px;
        margin-top: 20px;
        width: 888px;
    }

    .zhuanli {
        padding-top: 30px;
    }

    .zhuanli .lmt strong {
        display: block;
        text-align: center;
        font-size: 38px;
        font-weight: normal;
    }

    .zhuanli .lmt span {
        display: block;
        text-align: center;
        font-size: 16px;
        color: #666666;
        margin-top: 10px;
    }

    .honorlist ul {
        width: 1220px;
        margin-top: 20px;
    }

    .honorlist ul li {
        display: block;
        float: left;
        width: 219px;
        margin-right: 17px;
        margin-bottom: 10px;
    }

    .honorlist ul li a {
        display: block;
        width: 219px;
        height: 310px;
        line-height: 310px;
        border: 1px solid #e6e6e6;
        text-align: center;
    }

    .honorlist ul li a img {
        display: inline-block;
        vertical-align: middle;
        width: 94%;
    }

    .honorlist ul li p {
        font-size: 14px;
        line-height: 22px;
        text-align: center;
        margin: 0 auto;
        height: 44px;
        margin-top: 8px;
    }

    .honorlist ul li:hover a {
        border: 1px solid #2555e0;
    }

    .wenhua {
        padding-top: 30px;
        padding-bottom: 60px;
    }

    .wenhua .lmt {
        margin-bottom: 25px;
    }

    .wenhua .lmt strong {
        display: block;
        text-align: center;
        font-size: 38px;
        font-weight: normal;
    }

    .wenhua .lmt span {
        display: block;
        text-align: center;
        font-size: 16px;
        color: #666666;
        margin-top: 10px;
    }

    .wenhua .left {
        width: 800px;
    }

    .wenhua .left dl {
        width: 800px;
        background: #f8f8f8;
    }

    .wenhua .left dl:after {
        content: "";
        display: block;
        height: 0px;
        visibility: hidden;
        clear: both;
    }

    .wenhua .left dl dt {
        display: block;
        float: left;
        width: 400px;
    }

    .wenhua .left dl dt img {
        display: block;
    }

    .wenhua .left dl dd {
        width: 400px;
        padding: 30px;
        box-sizing: border-box;
        float: left;
    }

    .wenhua .left dl dd strong {
        display: block;
        text-align: center;
        font-size: 28px;
        font-weight: normal;
        margin-bottom: 15px;
    }

    .wenhua .left dl dd p {
        font-size: 16px;
        line-height: 30px;
        color: #545454;
    }

    .wenhua .right {
        width: 400px;
        background: #f8f8f8;
    }

    .wenhua .right dl dd {
        width: 400px;
        height: 260px;
        padding: 30px;
        box-sizing: border-box;
        float: left;
    }

    .wenhua .right dl dd strong {
        display: block;
        text-align: center;
        font-size: 28px;
        font-weight: normal;
        margin-bottom: 15px;
    }

    .wenhua .right dl dd p {
        font-size: 16px;
        line-height: 30px;
        color: #545454;
    }

    .nydh_pro {
        display: none;
    }

    .floating_ck {
        position: fixed;
        top: 50%;
        right: 0;
        margin-top: -178px;
        z-index: 999;
    }

    .floating_ck dl dd {
        position: relative;
        background-color: #0056f9;
        margin-bottom: 3px;
        text-align: center;
        cursor: pointer;
    }

    .floating_ck dl dd a,
    .floating_ck dl dd p {
        width: 100%;
        position: relative;
    }

    .floating_ck dl dd img {
        margin: 0 auto;
        text-align: center;
    }

    .floating_ck dl dd p {
        text-align: center;
    }

    .floating_ck dl dd:hover .floating_left {
        right: 0;
    }

    .quote,
    .qrcord {
        padding: 8px 0 4px;
    }

    .floating_ck dl dd a,
    .floating_ck dl dd p {
        color: #fff;
        display: block;
    }

    .floating_ck dl dd a img {
        display: inline-block;
        text-align: center;
        margin: 0 auto;
    }

    .floating_left {
        position: absolute;
        right: -300px;
        top: 0px;
        width: 300px;
        z-index: 999;
        height: 75px;
        line-height: 75px;
        background: #0056f9;
        transition: all ease 0.4s;
    }

    .floating_left a {
        color: #fff;
    }

    .floating_ewm p {
        color: #fff;
    }

    .floating_ewm .qrcord_p01 {
        font-size: 12px;
        line-height: 20px;
    }

    .floating_ewm .qrcord_p02 {
        font-size: 20px;
    }

    .submian .subright .conBox .ArticleTencont img {
        max-width: 100%;
    }

    /*浮动客服*/
    .toolbar {
        position: fixed;
        top: 50%;
        right: 1%;
        margin-top: -163px;
        z-index: 100;
        width: 80px;
    }

    .toolbar dd {
        position: relative;
        float: left;
        width: 80px;
        height: 80px;
        background: #0056f9;
        margin-top: 2px;
        border-radius: 5px;
        color: #fff;
        font-size: 14px;
        line-height: 21px;
        text-align: center;
        cursor: pointer;
        transition: all 0.5s;
    }

    .toolbar dd:first-child {
        margin-top: 0;
    }

    .toolbar dd i {
        width: 100%;
        height: 30px;
        display: block;
        margin-top: 13px;
        background: url(../images/toolbar.png) no-repeat center 0;
    }

    .toolbar dd.qq i {
        background-position-y: 0;
    }

    .toolbar dd.tel i {
        background-position-y: -30px;
    }

    .toolbar dd.code i {
        background-position-y: -60px;
    }

    .toolbar dd.top i {
        background-position-y: -90px;
    }

    .toolbar dd span {
        display: block;
        color: #fff;
    }

    .toolbar dd.tel .box {
        position: absolute;
        top: 0;
        width: 190px;
        right: -200px;
        height: 100%;
        margin-right: 10px;
        border-radius: 5px;
        background: #0056f9;
        opacity: 0;
        transition: all 0.5s;
    }

    .toolbar dd.tel .box p {
        font-size: 14px;
        margin: 15px auto 7px;
    }

    .toolbar dd.tel .box h3 {
        font-size: 18px;
        font-weight: bold;
    }

    .toolbar dd.tel .box:after {
        display: block;
        content: " ";
        border-style: solid dashed dashed dashed;
        border-color: transparent transparent transparent #0056f9;
        border-width: 9px;
        width: 0;
        height: 0;
        position: absolute;
        top: 50%;
        margin-top: -9px;
        right: -18px;
        margin-left: -12px;
    }

    .toolbar dd.code .box {
        position: absolute;
        top: 0;
        width: 162px;
        right: -172px;
        height: 162px;
        margin-right: 10px;
        border-radius: 5px;
        background: #0056f9;
        opacity: 0;
        transition: all 0.5s;
    }

    .toolbar dd.code .box img {
        width: 140px;
        height: 140px;
        padding: 11px;
    }

    .toolbar dd.code .box:after {
        display: block;
        content: " ";
        border-style: solid dashed dashed dashed;
        border-color: transparent transparent transparent #0056f9;
        border-width: 9px;
        width: 0;
        height: 0;
        position: absolute;
        top: 30px;
        right: -18px;
        margin-left: -12px;
    }

    .toolbar dd:hover {
        background: #333;
    }

    .toolbar dd.tel:hover .box {
        opacity: 1;
        right: 80px;
    }

    .toolbar dd.code:hover .box {
        opacity: 1;
        right: 80px;
    }

    .subright .searchList {
        border-top: 1px solid #ddd;
    }

    .subright .searchList li {
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd;
    }

    .subright .searchList li:first-child {
        border-top: none;
    }

    .subright .searchList li:hover a h2 {
        color: #16a1b3;
        font-weight: bold;
    }
}

@media screen and (max-width: 768px) {
    .maximg img {
        max-width: 100% !important;
        height: auto !important;
    }
}

@media screen and (max-width: 1025px) {
    .n_banner {
        /*margin-top: 52px;*/

    }
}