.hm-header {
    background: #ffffff;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
}

body {
    padding-top: 60px;
}

.header-web {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}

.logo {
    /* float: left; */
    /* padding: 10px 0; */
    /* width: 18%; */
}

.logo img {
    /* height: 34px; */
}

.nav {
    /* position: fixed; */
    /* height: 100%; */
    /* background: #ffffff; */
    /* top: 60px; */
    /* left: 0; */
    /* width: 100%; */
    /* border-top: 1px solid #cccccc; */
    /* display: none; */
    /* z-index: 99; */
}

.nav.show {
    display: block;
}

.nav ul li {
    /* position: relative; */
    padding: 0;
    border-bottom: 1px solid #cccccc;
}

.nav ul li h4 {
    font-size: 14px;
}

.nav ul li h4 a {
    padding: 10px 30px;
    display: block;
    color: #436595333;
}

.header-right {
    position: absolute;
    right: 15px;
    padding-top: 13px;
}

.header-right a {
    color: #666666;
    display: inline-block;
    vertical-align: middle;
}

.search-btn {
    display: inline-block;
    width: 30px;
    background-image: url(../images/winco01.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.search-btn,
.sitebtn {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}

.sitebtn {
    padding-right: 15px;
    position: relative;
}

.sitebtn:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 6px;
    height: 6px;
    border-right: 1px solid #666666;
    border-top: 1px solid #666666;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.headeritem {
    position: fixed;
    right: 0;
    top: 60px;
    width: 100%;
    z-index: 9;
    display: none;
}

.search {
    border: 1px solid #dddddd;
}

.search .search-text {
    width: 100%;
    padding: 11px;
    color: ##666666;
}

.search .sreach-btn {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    background-image: @searcimage;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ffffff;
}

.siteweb {
    border-top: 1px solid #dddddd;
    background: #ffffff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    padding: 10px 20px;
}

.siteweb a {
    padding: 3px 0;
    color: #436595333;
    display: block;
}

.sub-nav {
    padding: 0 0 10px;
    display: none;
    background: #ffffff;
}

.sub-nav a {
    padding: 10px 40px;
    display: block;
    text-align: left;
}

.mobnav-btn {
    width: 35px;
    height: 30px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.mobnav-btn span {
    top: 50%;
    margin-top: -2px;
}

.mobnav-btn span:first-child {
    content: "";
    top: 6px;
    left: 0;
}

.mobnav-btn span:last-child {
    content: "";
    top: auto;
    bottom: 5px;
    left: 0;
}

.mobnav-btn span,
.mobnav-btn span:first-child,
.mobnav-btn span:last-child {
    left: 5px;
    position: absolute;
    background: #666666;
    -webkit-transition: all 0.5s ease;
    width: 27px;
    height: 2px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    transition: all 0.5s ease;
}

.mobnav-btn.g_close span {
    opacity: 0;
}

.mobnav-btn.g_close span:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    top: 17px;
    opacity: 1;
}

.mobnav-btn.g_close span:last-child {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    top: 17px;
    opacity: 1;
}

.arrorright-btn {
    position: absolute;
    width: 175px;
    right: 0;
    top: 0;
    height: 43px;
}

.nav ul li.cur .arrorright-btn:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 17px;
}

.arrorright-btn:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 15px;
    width: 10px;
    height: 10px;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.arrorright-btn.show:after {
    opacity: 0;
}

@media (min-width:1024px) {
    .hm-header {
        position: static;
    }
    body {
        padding-top: 0;
    }
    .logo {
        /* padding: 15px 0 0; */
    }
    .logo img {
        /* height: 50px; */
    }
    .nav {
        /* float: left; */
        /* width: 82%; */
        /* padding: 0 142px 0 2%; */
        /* display: block; */
        /* position: static; */
        /* border-top: 0; */
    }
    .nav ul li {
        float: left;
        border-bottom: 0;
        padding: 0 .5%;
    }
    .nav ul li h4 a {
        padding: 0 5px;
        height: 86px;
        line-height: 86px;
    }
    .nav ul li h4 a:hover,
    .nav ul li h4 a.cur {
        color: #1745ba;
        border-bottom: 4px solid #1B46B7;
    }
    .header-right {
        border-left: 1px solid #E6E6E6;
        position: absolute;
        right: 15px;
        padding-top: 0;
    }
    .search-btn {
        width: 50px;
    }
    .search-btn,
    .sitebtn {
        height: 90px;
        line-height: 90px;
    }
    .sitebtn {
        padding-right: 15px;
    }
    .sitebtn:after {
        top: 41px;
    }
    .headeritem {
        position: absolute;
        right: 0;
        top: 86px;
    }
    .siteweb {
        box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
        padding: 10px 20px;
        border-top: 0;
    }
    .siteweb a {
        padding: 3px 0;
        display: block;
    }
    .siteweb a:hover {
        color: #1745ba;
    }
    .headeritem {
        position: absolute;
        top: 80px;
        width: 200px;
        right: -80px;
    }
    .sub-nav {
        position: absolute;
        top: 86px;
        left: 50%;
        transform: translateX(-50%);
        width: 120px;
        padding: 0;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, .1);
        z-index: 99;
        background: #fff;
    }
    .sub-nav a {
        padding: 10px 5px;
        text-align: center;
        border-bottom: 1px solid #dddddd;
    }
    .sub-nav a:hover {
        background: #1B46B7;
        color: #ffffff;
    }
    .header-right a.mobnav-btn {
        display: none;
    }
    .arrorright-btn {
        display: none;
    }
    .headeritem {
        position: absolute;
        top: 86px;
        width: 200px;
        right: -50px;
    }
    .search {
        width: 240px;
    }
}

@media (min-width:1200px) {
    .logo img {
        /* height: 58px; */
    }
    .nav ul li {
        padding: 0 1.4%;
    }
}

@media (min-width:1360px) {
    .nav ul li h4 a {
        padding: 0 16px;
    }
    .nav {
        /* padding-left: 1%; */
    }
    .header-web {
        padding: 0;
    }
    .nav ul li {
        padding: 0 .6%;
    }
}

.innerbanner {
    width: 100%;
    position: relative;
}

.innerbanner img {
    display: block;
    width: 100%;
}

.subnavlistcont02 {
    background-color: #f2f2f2;
    border-bottom: 1px solid #ffffff;
    position: relative;
}

.subnavlist02 {
    background-color: #f2f2f2;
}

.subnavlist02 .commonweb {
    display: none;
}

.subnavlist02 ul li {
    font-size: 16px;
    text-align: center;
}

.subnavlist02 ul li a {
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 22px 0;
    text-align: center;
    line-height: 18px;
    position: relative;
}

.subnavlist02 ul li a:hover {
    background: rgba(26, 69, 168, 1);
    color: #ffffff;
    font-weight: bold;
}

.subnavlist02 ul li a.cur {
    background-color: rgba(26, 69, 168, 1);
    color: #ffffff;
    font-weight: bold;
}

.zsannavbtn02 {
    padding: 15px;
    color: #436595333;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

.zsannavbtn02 a:after {
    display: inline-block;
    content: "";
    width: 12px;
    height: 12px;
    border-left: 1px solid #436595333;
    border-bottom: 1px solid #436595333;
    margin: 0 0 3px 6px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.subnavscroll02 {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.subscrollleft02,
.subscrollright02 {
    display: none;
}

@media (min-width: 768px) {
    .zsannavbtn02 {
        display: none;
    }
    .subnavlist02 .commonweb {
        display: block;
        position: relative;
    }
    .subnavlist02 {
        display: block;
        background: none;
    }
    .subnavscroll02 {
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: rgba(26, 69, 168, 1);
    }
    .subnavlist02 .commonweb ul {
        width: 100%;
        font-size: 0;
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
    .subnavlist02 ul li {
        display: inline-block;
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        flex-shrink: 0;
        height: 100%;
        display: -ms-flexbox;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
    }
    .subnavlist02 ul li a {
        width: auto;
        padding: 22px 40px;
        margin: 0;
        color: #ffffff;
    }
    .subnavlist02 ul li a:hover:after {
        display: inline-block;
        content: "";
        border-left: 6px solid #f2f2f2;
        border-bottom: 6px solid #f2f2f2;
        border-top: 6px solid transparent;
        border-right: 6px solid transparent;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        position: absolute;
        left: 50%;
        bottom: -6px;
        margin-left: -6px;
    }
    .subnavlist02 ul li a.cur:after {
        display: inline-block;
        content: "";
        border-left: 6px solid #f2f2f2;
        border-bottom: 6px solid #f2f2f2;
        border-top: 6px solid transparent;
        border-right: 6px solid transparent;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        position: absolute;
        left: 50%;
        bottom: -6px;
        margin-left: -6px;
    }
    .subscrollleft02,
    .subscrollright02 {
        width: 34px;
        height: 62px;
        position: absolute;
        bottom: 0;
        cursor: pointer;
        z-index: 10;
        background-color: #0c339a;
    }
    .subscrollleft02 {
        left: 0;
    }
    .subscrollright02 {
        right: 0;
    }
    .subscrollleft02::before,
    .subscrollright02::before {
        display: block;
        content: "";
        width: 20px;
        height: 20px;
        border-left: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
    }
    .subscrollleft02::before {
        transform: rotate(40deg);
        -webkit-transform: rotate(40deg);
        -moz-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        -o-transform: rotate(40deg);
        margin: 22px 0 0 12px;
    }
    .subscrollright02::before {
        transform: rotate(135deg);
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        margin: 20px 0 0 1px;
    }
}

@media (min-width: 992px) {}

@media (min-width:1024px) {}

@media (min-width: 1199px) {}

@media (max-width:319px) {
    body {
        width: 320px;
    }
}

.aboutcont03 {
    /* color: @textcolor; */
    font-size: 14px;
    width: 1200px;
    margin: 30px auto;
}

.questiontoptext03 {
    padding-bottom: 50px;
    line-height: 28px;
}

.questiontoptext03 h4 {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    color: #0068b7;
    padding-bottom: 8px;
    text-align: center;
}

.aboutpadding {
    padding: 30px 3%;
    line-height: 26px;
}

.aboutimg03 img {
    display: block;
    width: 100%;
}

@media (min-width: 768px) {
    .aboutcont03 {
        font-size: 16px;
    }
    .aboutpadding p {
        text-indent: 0;
    }
    .questiontoptext03 h4 {
        font-size: 36px;
        line-height: 38px;
    }
    .aboutpadding {
        padding: 70px 3%;
        text-align: center;
    }
}

@media (min-width: 992px) {}

@media (min-width:1024px) {}

@media (min-width: 1199px) {}

@media (max-width:319px) {
    body {
        width: 320px;
    }
}

.footer-top {
    background: #436595333;
    padding: 20px 0;
}

.footerweb {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
}

.footer-top ul li {}

.footer-top ul li.li1 h3 {
    padding: 10px 0;
    position: relative;
    border-bottom: 1px solid #cccccc;
}

.footer-top ul li.li1 h3 a {
    font-size: 16px;
    color: #ffffff;
}

.footer-sub {
    padding-bottom: 5px;
    display: none;
}

.footer-sub a {
    display: block;
    color: #999999;
    font-size: 13px;
    padding: 5px 0;
}

.footer-top ul li.li2 {
    padding-top: 20px;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
}

.footer-top ul li.li2 h3 {
    margin-bottom: 20px;
}

.footer-top ul li.li2 img {
    max-width: 100%;
}

.footer-top ul li.li2 .telnum {
    padding-top: 14px;
}

.footer-top ul li.li2 .telnum em {
    color: #c82126;
    font-size: 22px;
    vertical-align: middle;
}

.plus.icon {
    position: absolute;
    right: 15px;
    top: 11px;
    color: #ffffff;
    position: absolute;
    margin-left: 3px;
    margin-top: 10px;
}

.plus.icon:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 1px;
    background-color: #ffffff;
}

.plus.icon:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 1px;
    background-color: #ffffff;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.footer-top ul li h3.cur .plus.icon:after {
    opacity: 0;
}

.footer-bottom {
    padding: 20px 0;
    background: #1F1F1F;
    font-size: 13px;
    color: #999999;
    text-align: center;
}

.footer-bottom a {
    color: #999999;
}

.share-box,
.footerline {
    display: inline-block;
    vertical-align: top;
}

.footerline a {
    padding: 0 2px;
}

.share-box a {
    width: 26px !important;
    height: 26px !important;
    background-repeat: no-repeat;
    background-position: 0 0 !important;
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px !important;
    float: none !important;
    padding: 0 !important;
}

.share-box a.xweibo {
    background-image: url(../images/xweibo.png);
}

.share-box a.tweibo {
    background-image: url(../images/tweibo.png);
}

.share-box a.weixin {
    background-image: url(../images/weixin.png);
}

.footer-left {
    padding-bottom: 10px;
}

.zdsbacktop {
    z-index: 100;
    position: fixed;
    right: 20px;
    bottom: 10%;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: block;
    display: none;
    background-color: #000000;
}

.zdsbacktop:after {
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    border-left: 2px solid #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -3px 0 0 -3px;
    border-bottom: 2px solid #ffffff;
    transform: rotate(135deg);
}

@media (min-width:1024px) {
    .footer-top {
        padding: 25px 0 35px;
    }
    .footer-top ul li {
        padding-right: 3.7%;
        float: left;
    }
    .footer-top ul li.li1 h3 {
        border-bottom: 0;
        padding-top: 0;
    }
    .footer-sub {
        padding-bottom: 0;
        display: block;
    }
    .footer-sub a {
        padding-top: 0;
    }
    .footer-sub a:hover {
        color: #C61B2B;
    }
    .footer-top ul li.li2 {
        border-left: 1px solid #6A6A6A;
        padding: 0 0 0 2.2%;
    }
    .plus.icon:after,
    .plus.icon:before {
        opacity: 0;
    }
    .footer-bottom {
        padding: 10px 0;
        text-align: left;
    }
    .footer-left {
        float: left;
        padding-bottom: 0;
    }
    .footer-right {
        float: right;
    }
}

@media (min-width:1180px) {
    .footer-top ul li {
        padding-right: 4.8%;
    }
    .footerweb {
        padding: 0 30px;
    }
    .zdsbacktop {
        width: 50px;
        height: 50px;
    }
}

@media (min-width:1360px) {
    .footerweb {
        padding: 0;
    }
    .footer-top ul li {
        padding-right: 6.1%;
    }
}

.mapdiv {
    width: 100%;
    margin-top: 50px;
}


/* 内页新闻 */

.remorebtn03 a {
    display: block;
    font-size: 16px !important;
    height: 45px !important;
    background-color: #436595 !important;
    margin: 20px 0 10px !important;
    text-align: center !important;
    line-height: 45px !important;
    color: #ffffff !important;
}

.remorebtn03:hover {
    color: #ffffff !important;
}

.newscont407 {
    padding: 36px 0;
    background-color: #ffffff;
    background-image: url(../images/homecp905.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.newslist407 dl {
    margin-bottom: 30px;
    color: #666666;
    padding-bottom: 30px;
    border-bottom: 1px solid #cccccc;
}

.newslist407 dt {
    overflow: hidden;
    padding: 0;
}

.newslist407 dt img {
    display: block;
    width: 100%;
    margin: 0 auto;
    transition: all .8s ease-in-out;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.newslist407 dl:hover dt img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
}

.newsmore407 {
    display: inline-block;
    width: 82px;
    height: 32px;
    border: 1px solid #b3b3b3;
    text-align: center;
    line-height: 32px;
    font-size: 13px;
    color: #666666;
    background-color: #ffffff;
}

.newslist407 dl:hover a.newsmore407 {
    background: #436595;
    color: #ffffff;
    border: 1px solid #436595;
}

.newslist407 dd h4 {
    font-size: 20px;
    margin-top: 30px;
}

.newslist407 dd h4 a {
    display: block;
    height: 24px;
    overflow: hidden;
    line-height: 24px;
    color: #436595333;
}

.newsdate407 {
    display: block;
    margin: 10px 0 14px 0;
    font-family: Arial;
    padding-left: 28px;
    background-image: url(../images/xw407-01.png);
    background-position: left center;
    background-repeat: no-repeat;
    color: #666666;
    font-size: 16px;
}

.newslist407 dd p {
    height: 72px;
    overflow: hidden;
    margin-bottom: 42px;
    font-size: 16px;
}

.newslist407 dl:hover h4 a {
    color: #436595;
}

@media (min-width: 768px) {
    .newslist407 dt {
        float: right;
        text-align: center;
    }
    .newslist407 dt a {
        display: inline-block;
        overflow: hidden;
    }
    .newslist407 dt img {
        width: 446px;
        height: 251px;
    }
    .newslist407 dd {
        padding: 0 30px 0 0;
    }
    .newslist407 dd h4 {
        font-size: 24px;
        margin: 0;
    }
    .newslist407 dd p {
        margin-bottom: 65px;
    }
}


/* 新闻详情 */

.newscont11 {
    padding: 36px 0;
    background-color: #ffffff;
    background-image: url(../images/homecp905.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.newsdetail11 {
    padding: 26px 15px;
    background-color: #ffffff;
}

.detailtitle11 h4 {
    font-size: 17px;
    line-height: 29px;
    color: #436595333;
    margin-bottom: 10px;
}

.detaildate11 {
    font-size: 16px;
    color: #8e8e8e;
    font-family: Arial;
}

.detailtext11 {
    padding: 30px 0;
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    margin-top: 30px;
    line-height: 32px;
    color: #436595333;
}

.detailtext11 img {
    /* display: block; */
    /* max-width: 100%; */
    /* width: auto !important; */
    /* height: auto !important; */
    /* margin: 0 auto; */
}

.detailpage11 {
    padding-top: 30px;
    color: #666666;
    line-height: 28px;
}

.detailpage11 dd a {
    color: #666666;
}

.detailback11 {
    display: block;
    margin-top: 15px;
    width: 144px;
    height: 49px;
    background-color: #436595;
    color: #ffffff;
    text-align: center;
    line-height: 49px;
}

.detailback11:hover {
    color: #ffffff;
    background-color: #436595;
}

.Share11 {
    display: none;
    position: absolute;
    left: 0px;
    top: 710px;
    width: 73px;
    z-index: 50;
    padding-top: 60px;
}

.newsshare11 a {
    display: block;
    width: 73px !important;
    height: 73px !important;
    margin: 0 0 1px 0 !important;
}

@media (min-width: 768px) {
    .newsdetail11 {
        padding: 26px 32px;
    }
    .detailtext11 {
        padding: 50px 12%;
        min-height: 510px;
        margin-top: 50px;
        font-size: 16px;
    }
    .Share11 {
        display: block;
    }
    .detailpage11 {
        padding-top: 50px;
    }
}

@media (min-width: 992px) {
    .detailtitle11 {
        padding-right: 133px;
    }
    .detailtitle11 h4 {
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 35px;
    }
    .detaildate11 {
        font-size: 24px;
    }
    .detailpage11 dd {
        float: left;
    }
    .detailpage11 dt {
        float: right;
    }
    .detailback11 {
        margin: 0;
    }
}


/* 产品列表 */

.productcont6 {
    padding: 36px 0;
    background-color: #f2f2f2;
}

.productlist6 ul {
    margin: 0 -14px;
}

.productlist6 ul li {
    padding: 14px;
}

.productimgbox img {
    display: block;
    /* width: 98%; */
    margin: 0 auto;
}

.productimgbox {
    /* padding: 28px 0 10px; */
    background-color: #ffffff;
}

.producttext6 {
    display: none;
    padding: 0 20px 20px;
    color: #ffffff;
}

.producttext6:hover {
    color: #ffffff;
}

.productlist6 h4 {
    color: #436595333;
    text-align: center;
    font-size: 15px;
    padding: 15px 0 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.producttitle6 {
    display: none;
}

.producttitle6 a {
    color: #ffffff;
}

.producttext6 p {
    height: 96px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
}

.producticon6 {
    width: 56px;
    height: 56px;
    background-image: url(../images/20180119113059_icon.png);
    background-repeat: no-repeat;
    display: block;
    margin: 40px auto 0;
    display: none;
}

.productnavmore {
    width: 70px;
    height: 70px;
    background-image: url(../images/news10xw03.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}

.productnav6 ul {
    overflow: hidden;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
}

.productnav6 ul li {
    font-size: 16px;
    text-align: center;
}

.productnav6 ul li a {
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 22px 0;
    text-align: center;
    line-height: 18px;
    color: #436595333;
}

.productnav6 ul li a:hover {
    background-color: #0068b7;
    color: #ffffff;
}

.productnav6 ul li a.cur {
    background-color: #0068b7;
    color: #ffffff;
}

.productactive {
    display: none;
}

.productnavbtn6 {
    padding: 15px;
    color: #436595333;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

.productnavbtn6 a:after {
    display: inline-block;
    content: "";
    width: 12px;
    height: 12px;
    border-left: 1px solid #436595333;
    border-bottom: 1px solid #436595333;
    margin: 0 0 3px 6px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.productnavmore {
    display: none;
}

.remorebtn03 a {
    display: block;
    height: 45px !important;
    background-color: #436595;
    margin: 20px 0 10px !important;
    text-align: center;
    line-height: 45px !important;
    color: #ffffff !important;
    font-size: 15px !important;
}

.remorebtn03 a:hover {
    color: #ffffff;
}

@media (min-width: 768px) {
    .productlist6 h4 {
        font-size: 20px;
    }
    .proimgcont03 {
        display: block;
        padding: 3%;
        height: 285px;
        position: relative;
        overflow: hidden;
    }
    .productimgbox img {
        /* width: 98%; */
        max-width: 100%;
    }
    @media (min-width: 992px) {}
    @media (min-width:1024px) {
        .productnavbtn6 {
            display: none;
        }
        .productactive,
        .productnavmore {
            display: block;
        }
        .productnav6 {
            position: relative;
            padding-right: 70px;
            height: 70px;
            overflow: hidden;
            background-color: #ffffff;
        }
        .productnav6 ul li {
            color: #436595333;
            float: left;
            width: 175px;
            line-height: 70px;
        }
        .productnav6 ul li:nth-child(7n) {
            margin-right: 20px;
        }
        .productnav6 ul li a {
            display: inline-block;
            padding: 0;
            line-height: 70px;
            position: relative;
        }
        .productnav6 ul li a:hover {
            color: #436595;
            background-color: #ffffff;
        }
        .productnav6 ul li a.cur {
            color: #436595;
            background-color: #ffffff;
        }
        .productnav6 ul li a:hover:after {
            content: "";
            width: 100%;
            height: 3px;
            position: absolute;
            bottom: 0;
            left: 0;
            background-color: #436595;
        }
        .productactive {
            font-weight: bold;
            font-size: 18px;
            position: relative;
            margin-right: 20px;
        }
        .productlist6 h4 {
            padding: 35px 0;
        }
        .productimgbox {
            position: relative;
        }
        .producttext6 {
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            background-color: rgba(51, 51, 51, 0.8);
            color: #ffffff;
            padding: 85px 35px 0;
            opacity: 0;
            transition: all .6s;
            -webkit-transition: all .6s;
            -moz-transition: all .6s;
            -ms-transition: all .6s;
            -o-transition: all .6s;
            display: none;
        }
        .producttitle6 {
            display: block;
            font-size: 20px;
            font-weight: bold;
            padding-bottom: 15px;
        }
        .productlist6 ul li:hover .producttext6 {
            opacity: 1;
            display: block;
        }
        .productlist6 ul li:hover .producticon6 {
            display: block;
        }
    }
}

.erji_cat {
    width: 1180px;
    margin: 20px auto;
    overflow: hidden;
}

.erji_cat .erji_name {
    float: left;
}

.erji_cat .erji_name span {
    padding: 0 0 7px 0;
    font-size: 22px;
    color: #34364b;
    display: block;
}

.erji_cat .erji_name p {
    color: #d82019;
    text-transform: uppercase;
    font-family: Rubik;
    font-size: 24px;
}

.erji_cat .erji_list {
    float: right;
}

.erji_cat .erji_list .erji_con a {
    padding: 12px 23px;
    display: inline-block;
    vertical-align: top;
    color: #34364b;
    font-size: 16px;
    text-align: center;
    width: auto;
    position: relative;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
    background-color: #fff;
}

.erji_cat .erji_list .erji_con a:hover {
    background-color: #d82019;
    color: #fff;
}

.erji_cat .erji_list .erji_con .active{
    background-color: #d82019;
    color: #fff;
}

/* 案例列表 */

.casecont3 {
    /* padding: 36px 0; */
}

.background03 {
    background-color: #ffffff;
}

.caseimg03 {
    display: block;
    overflow: hidden;
    position: relative;
    background-color: #f5f5f5;
}

.caseimg03 img {
    display: block;
    width: 100%;
}

.caselist03 {
    overflow: hidden;
}

.caselist03 ul {
    margin: 0 -11px;
}

.caselist03 ul li {
    padding: 11px;
}

.caselist03 ul li a {
    color: #436595333;
}

.caselist03 ul li h4 {
    padding: 20px;
    background-color: #f5f5f5;
    font-size: 16px;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
}

.caselist03 ul li h4 span {
    display: block;
    height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.caselist03 ul li:hover h4 {
    background-color: #436595;
    color: #ffffff;
}

.caseimg03:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 104, 183, 0);
    background-image: url(../images/20180118022419_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
}

.remorebtn03 a {
    display: block;
    height: 45px !important;
    background-color: #436595;
    margin: 20px 0 10px !important;
    text-align: center;
    line-height: 45px !important;
    color: #ffffff !important;
    font-size: 16px !important;
}

.remorebtn03 a:hover {
    color: #ffffff;
}

@media (min-width: 768px) {
    .caseimg03 {
        display: block;
        position: relative;
        overflow: hidden;
    }
}

@media (min-width: 992px) {}

@media (min-width:1024px) {
    .caseimg03:after {
        display: block;
    }
    .caselist03 ul li:hover .caseimg03:after {
        opacity: 1;
    }
}


/*album*/

.k12-gl-gslb-3nf1-1-01-left {
    /* margin-top:40px; */
}

.k12-gl-gslb-3nf1-1-01-left dl {
    width: 31.6%;
    float: left;
    background: #f0f0f0;
    margin-left: 20px;
    margin-top: 20px;
}

.k12-gl-gslb-3nf1-1-01-left dt {
    border: 1px solid #e5e5e5;
    padding: 10px 9px;
    background: #fff;
    /* height: 200px; */
    line-height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}

.k12-gl-gslb-3nf1-1-01-left dt img {
    display: block;
    width: 100%;
}

.k12-gl-gslb-3nf1-1-01-left dd {
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #f0f0f0;
}

.k12-gl-gslb-3nf1-1-01-left dd a {
    color: #4b4a4a;
}

.main-content {
    width: 1200px;
    margin: 0 auto 60px;
}
/*留言板*/
    .Comprepair li {
    margin-bottom: 13px;
}

.Comprepair label {
    display: block;
    position: relative;
}

.Comprepair label span {
    display: block;
    margin-bottom: 5px;
    color: #4c4c4c;
    font-size: 16px;
}

.Comprepair label em {
    color: #fb0013;
    margin-right: 2px;
}

.Comprepair label input {
    font-family: "Microsoft YaHei";
}

.Comprepair label .inputext {
    display: block;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dddddd;
    width: 100%;
    padding: 10px;
}

.Comprepair label .vccode {
    display: block;
    position: absolute;
    right: 0;
    top: 30px;
    width: 79px;
    height: 30px;
    cursor: pointer;
}

.Comprepair label .changecode {
    display: block;
}

.Comprepair label textarea {
    display: block;
    width: 100%;
    border: 1px solid #dddddd;
    padding: 10px 20px;
    height: 190px;
    font-family: "Microsoft YaHei";
}

.Comprepair label .submit {
    display: block;
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    background-color: #d82019;
    margin: 0 auto;
}

.Comprepair .licode .inputext {
    width: 70%;
}

@media (min-width: 768px) {
    .Comprepair li {
        margin-bottom: 34px;
    }

    .Comprepair label span {
        float: left;
        width: 92px;
        font-size: 16px;
        margin-right: 20px;
        margin-bottom: 0;
        height: 57px;
        line-height: 57px;
        text-align: right;
    }

    .Comprepair label .inputext {
        height: 56px;
        line-height: 56px;
        float: left;
        width: 300px;
    }

    .Comprepair label .vccode {
        top: 50%;
        margin-top: -15px;
    }
}

@media (min-width: 1024px) {
    .Comprepairform {
        /* padding-top: 62px; */
        padding-bottom: 97px;
    }

    .Comprepair {
        max-width: 1155px;
        margin: 0 auto;
    }

    .Comprepair li {
        float: left;
        width: 50%;
        max-width: 415px;
    }

    .Comprepair li:nth-child(odd) {
        margin-right: 60px;
    }

    .Comprepair .litextarea {
        margin-top: -7px;
    }

    .Comprepair .litextarea, .Comprepair .lisubmit {
        width: 100%;
        max-width: 100%;
    }

    .Comprepair .licode .inputext {
        max-width: 183px;
    }

    .Comprepair label textarea {
        float: left;
        width: 88%;
        max-width: 730px;
    }

    .Comprepair label .inputext .vccode {
        width: 280px;
        height: 40px;
        float: left;
    }

    .Comprepair label .submit {
        width: 300px;
        height: 52px;
        line-height: 52px;
        font-size: 18px;
    }
}

@media (min-width: 1199px) {
    .Comprepair {
        background: url(../images/wicon18.png) no-repeat 0 0;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        padding: 56px 47px 56px 70px;
    }

    .Comprepair li {
        margin-bottom: 50px;
    }
}

@media (min-width: 1260px) {
    .Comprepair {
        padding: 70px 70px 30px 47px;
    }
}

/*解决方案列表页*/ 
.fangancont401 {
    /* padding: 36px 0; */
    background-color: #ffffff;
    background-image: url(/res/webimages/homecp905.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.fanganlist401 dl {
    border: 1px solid #d9d9d9;
    margin-bottom: 2%;
}

.fanganlist401 dt {
    padding: 0;
    overflow: hidden;
}

.fanganlist401 dt img {
    display: block;
    width: 100%;
    height: auto;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.fanganlist401 dd {
    padding: 20px;
}

.fanganlist401 dd h4 {
    font-size: 18px;
    font-weight: bold;
    height: 24px;
    overflow: hidden;
}

.fanganlist401 dd h4 a {
    color: #436595333;
}

.fanganbtn401 {
    display: inline-block;
    padding: 4px 12px;
    color: #ffffff;
    background-color: #436595;
}

.fangantext401 {
    margin: 12px 0 18px 0;
    font-size: 13px;
    height: 72px;
    overflow: hidden;
    color: #666666;
}

.fanganlist401 dl:hover h4 a {
    color: #ffffff;
}

.fanganlist401 dl:hover .fangantext401 {
    color: #ffffff;
}

.fanganlist401 dl:hover {
    background-color: #436595;
}

.fanganlist401 dl:hover .fanganbtn401 {
    color: #436595;
    background-color: #ffffff;
    border: 1px solid @mousexqbtn;
}

.fanganlist401 dl:hover dt img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
}

@media (min-width: 768px) {
    .fanganlist401 dt img {
        display: block;
        max-width: 100%;
        width: auto;
        /* height: 100%; */
    }
    .fanganlist401 dd h4 {
        margin-top: 30px;
    }
}