@font-face {
    font-family: "iconfont";
    src: url('//at.alicdn.com/t/font_1241005_wvz3ki1gz8a.eot?t=1560494032250');
    /* IE9 */
    src: url('//at.alicdn.com/t/font_1241005_wvz3ki1gz8a.eot?t=1560494032250#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('//at.alicdn.com/t/font_1241005_wvz3ki1gz8a.woff?t=1560494032250') format('woff'), url('//at.alicdn.com/t/font_1241005_wvz3ki1gz8a.ttf?t=1560494032250') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('//at.alicdn.com/t/font_1241005_wvz3ki1gz8a.svg?t=1560494032250#iconfont') format('svg');
    /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-dianhuavoip:before {
    content: "\e69f";
}

.icon-chuanzhen1:before {
    content: "\e70f";
}

.icon-youbian:before {
    content: "\e62b";
}

.icon-checkbox:before {
    content: "\e74a";
}

.icon-checkboxactive:before {
    content: "\e74b";
}

.icon-dizhi:before {
    content: "\e834";
}

.icon-youxiang1:before {
    content: "\e910";
}

.icon-iconjia:before {
    content: "\e600";
}

.icon-riqi:before {
    content: "\e772";
}

.icon-liulanliang:before {
    content: "\e66b";
}

* {
    font-family: "微软雅黑"
}

body.page{
    background-color: #333;
}

.mart30 {
    margin-top: 30px;
}

.marb30 {
    margin-bottom: 30px;
}

.marl20 {
    margin-left: 20px;
}

.marl30 {
    margin-left: 30px;
}

.mart40 {
    margin-top: 40px;
}

.marb40 {
    margin-bottom: 40px;
}

.mart60 {
    margin-top: 60px;
}

.marb60 {
    margin-bottom: 60px;
}

.marV30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.marV60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.marV20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.ps_rel {
    position: relative;
    display: block;
}

.ps_abs {
    position: absolute;
}

.padt20 {
    padding-top: 20px;
}

.f16 {
    font-size: 1.6rem;
}

.f18 {
    font-size: 1.8rem;
}

.f20 {
    font-size: 2rem;
}

.top-img {
    background: url(../img/bg-2.jpg) no-repeat left bottom;
    height: 600px;
}

.top-menu img {
    height: 50px;
}

.aq{
    color: #5c5b5c;
}

.navbar {
    background: #fff;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(167, 169, 164, 0.75);
    -moz-box-shadow: 0px 1px 4px 0px rgba(167, 169, 164, 0.75);
    box-shadow: 0px 1px 4px 0px rgba(167, 169, 164, 0.75);
}

.navbar-nav {
    height: 80px;
}

.nav li a {
    color: #000;
    line-height: 50px;
    font-size: 1.6rem;
    font-weight: 500;
    cursor: pointer;
}

.nav li a:hover {
    background: none;
    color: #4cb024;
}

.top-header {
    margin-top: 81px;
    position: relative;
    overflow: hidden;
    background: #fff;
}

canvas {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.product-line {
    background: #f0f0f0;
    line-height: 60px;
    font-weight: bold;
    font-size: 1.8rem;
    letter-spacing: .2rem;
    margin: 60px 0;
}

.product-line img {
    height: 40px;
    margin-right: 10px;
}

.product-line .sub-title {
    display: inline-block;
    color: #009944;
    font-weight: normal;
    padding: 0 12px;
    border-left: 1px solid #009944;
    height: 1.8rem;
    line-height: 1;
    margin-left: 5px;
}

.product-list {
    margin: 60px auto;
}

.product-list .row>div div {
    border: 1px solid #eee;
    border-radius: 5px;
    margin-bottom: 60px;
    cursor: pointer;
}

.product-list .row>div img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.product-list .row>div p.title {
    padding: 15px 15px 0 15px;
    font-size: 1.6rem;
    color: #000;
    font-weight: bold;
}

.product-list .row>div p.content {
    padding: 0 15px 0 15px;
    font-size: 1.4rem;
    line-height: 1.8
}

.product-list .row>div a.more-link {
    display: inline-block;
    padding: 0 2px;
    font-family: 'Crete Round', serif;
    font-style: italic;
    font-size: 1.6rem;
    white-space: nowrap;
    border-bottom: 1px solid #81D742;
    color: #81D742;
    margin: 0 0 15px 15px;
    font-weight: bold;
    text-decoration: none
}

.product-list .row>div a.more-link:hover {
    color: #009944;
}

.product-list .row>div i {
    display: block;
    width: 90%;
    border-bottom: 4px double #e3e3e3;
    margin: 15px auto;
}

.footer {
    background-color: #333;
    padding: 15px 10px 10px;
    color: #5c5b5c;
    font-size: 12px;
    position: relative;
}

.footer-weixin {
    position: absolute;
    top: 20px;
    right: 30px;
    z-index: 100;
}

.footer-weixin img {
    width: 140px
}

.text-title {
    color: #727171;
    font-size: 3rem;
}

.text-green {
    color: #009845
}

.text-subtitle {
    font-weight: bold;
    color: #221815;
    margin: 10px 0;
}

.aboutUs-list .col-md-4 {
    padding: 0;
}

.about-title {
    margin-bottom: 40px;
    letter-spacing: .1em;
    margin-top: 60px;
}

.about-title:after {
    position: absolute;
    content: '';
    width: 40px;
    height: 2px;
    left: 0;
    background: #009944;
    bottom: -20px;
}

.contact-node {
    background: #fff;
    box-shadow: 0 0 10px #888;
    border-radius: 5px;
}

.contact-node p {
    padding: 20px;
    margin: 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 1.6rem;
}

.contact-node p i {
    margin-right: 10px;
}

.contact-node p:first-child {
    background: #009944;
    font-size: 1.8rem;
    color: #fff;
}

.table-style {
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: collapse;
    margin-top: 20px
}

.table-style a {
    cursor: pointer;
    color: #333
}

.table-style a:hover {
    color: #009943
}

.table-style tr th {
    font-weight: 400;
    background: #f7f7f7;
    color: #333;
    text-align: center;
}

.table-style tr td, .table-style tr th {
    padding: 2px 8px;
    border: 1px solid #ddd;
    height: 40px;
}

.table-style tr td span {
    display: inline-block;
    cursor: pointer;
}

.table-style tr td span:before {
    font-size: 25px;
    color: #999;
}

.submit {
    padding: 10px;
    text-align: center;
    margin-top: -1px;
    border: 1px solid #ddd;
}

.news-list {
    margin-top: 30px;
    margin-bottom: 60px;
}

.news-list .title {
    padding-top: 15px;
    background: #3bbe7a;
    margin: 20px 20px 0;
    color: #fff;
    text-align: center;
}

.news-list .title>span {
    display: block;
    padding-bottom: 15px;
}

.news-list .title>span:last-child {
    font-size: 2rem;
}

.company-cont-info {
    border-bottom: 1px solid #aaaaaa4d;
}

.company-cont-info p {
    margin-top: 30px;
    color: #666;
    margin-bottom: 30px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.write_more, .write_more:hover {
    color: #3bbe7a;
    display: inline-block;
    padding-bottom: 20px;
}

.pagination {
    display: block;
    text-align: center;
    margin-bottom: 50px;
}

.pagination a, .pagination .next, .pagination .prev {
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #aaa !important;
    text-decoration: none;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
}

.pagination a:hover {
    color: #666;
}

.pagination span {
    color: #aaa;
    display: inline-block;
    padding: 0 5px;
}

.pagination .current {
    display: inline-block;
    padding: 6px 12px;
    margin-left: -1px;
    margin-right: 1px;
    color: #fff;
    background-color: rgba(59, 190, 122, .9);
    border: 1px solid rgba(59, 190, 122, .9);
}

.news-detail span, .news-detail p {
    line-height: 1.8;
}

.news-title {
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.8;
    padding: 10px 0;
}

.tip {
    padding-bottom: 15px;
}

.tip .iconfont {
    padding: 0 10px 0;
    font-size: 1.4rem;
    color: #777;
    font-weight: normal;
}

.pop-tip {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    z-index: 2000;
    padding: 10px 30px;
    background-color: rgba(0, 0, 0, .53);
    color: #fff;
    font-size: 14px;
    border-radius: 6px;
    display: none
}

.pro-img, .pro-img:hover{
    text-decoration: none;
}

.pre-btn,.next-btn{
    border: 1px solid #3bbe7a;
    border-radius: 5px;
    height: 80px;
    background: #fff;
    padding: 0 10px;
    font-size: 15px;
    font-weight: normal;
    width: 35px;
    color: #3bbe7a;
    margin-bottom: 10px;
    outline: none;
}


.pre-btn.disabled,.next-btn.disabled{
    background: #f5f5f5;
    border-color: #ddd;
    color: #999;
}


.pro-img:after {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 60.5%;
    position: absolute;
    top: 0;
    background: #009944;
    opacity: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.pro-img:before {
    display: block;
    position: absolute;
    content: "\e600";
    font-family: "iconfont";
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 28px;
    color: #fff;
    opacity: 0;
    text-decoration: none;
}

.product-list .row>div div:hover .pro-img:after {
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.product-list .row>div div:hover .pro-img:before {
    opacity: 1;
    transition: opacity 0.3s ease;
    text-decoration: none;
}

#iframe{
    width: 100%; margin-top: 80px; min-height: 100vh; overflow: hidden;
}

@media (max-width: 768px) {
    html {
        font-size: 8px;
    }
    #iframe{
        margin-top: 50px; 
    }
    .top-menu img {
        height: 40px;
    }
    .navbar-brand {
        padding: 8px 15px;
    }
    .navbar-toggle .icon-bar {
        height: 3px;
        background: #4cb024;
    }
    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 5px
    }
    .top-header {
        margin-top: 55px;
    }
    .product-list {
        margin: 30px auto;
    }
    .product-list .row>div div {
        margin-bottom: 30px;
    }
    .product-line {
        background: #f0f0f0;
        line-height: 50px;
        font-weight: bold;
        font-size: 1.6rem;
        letter-spacing: .2rem;
        margin: 30px 0;
    }
    .product-line img {
        height: 30px;
        margin-right: 10px;
    }
    .product-line .sub-title {
        display: inline-block;
        color: #009944;
        font-weight: normal;
        padding: 0 12px;
        border-left: 1px solid #009944;
        height: 1.5rem;
        line-height: 1;
        margin-left: 5px;
    }
    .col-xs-6 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .product-list .row>div p.title {
        padding: 10px 10px 0 10px;
    }
    .product-list .row>div a {
        margin: 0 0 10px 10px;
    }
    .product-list .row>div p.content {
        padding: 0 10px 0 10px;
        font-size: 1.4rem;
        line-height: 1.8
    }
    .product-list .row>div i {
        margin: 10px auto;
    }
    .aboutUs-list {
        margin: 30px 15px;
    }
    .aboutUs-list h3 {
        font-size: 2rem;
    }
    .about-title {
        margin-bottom: 20px;
        margin-top: 25px;
    }
    .about-title:after {
        margin-bottom: 7px;
    }
    .aboutUs-list p {
        line-height: 1.6;
        padding-right: 15px;
    }
    .news-list .title {
        padding: 10px;
        margin: 0;
        margin-bottom: 10px;
    }
    .news-list {
        margin-top: 0;
    }
    #divNav {
        height: 250px;
        margin: 0 20px;
    }
    .nav li a {
        line-height: 35px;
        font-size: 1.8rem;
        text-align: center;
        border-bottom: 1px solid #eee;
    }
    .nav li:last-child a {
        border-bottom: none;
    }
    .company-cont-info {
        border-bottom: none;
    }
    .pagination a, .pagination .next, .pagination .prev {
        padding: 3px 7px;
    }
    .pagination .current {
        padding: 3px 7px;
    }
    .news-detail img {
        width: 100%;
        height: auto;
    }
    .tip {
        text-align: center;
    }
    .tip .iconfont {
        font-size: 13px;
    }

    .pre-btn,.next-btn{
        width: 80px;
        height: 30px;
    }

    .next-btn{
        margin-left: 20px;
    }

    .page-class{
        width: 200px;
    }
}