/* Css Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea, p, blockquote, th, td, img {
    padding: 0;
    margin: 0;
}

fieldset, img {
    border: 0;
}

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

ol, ul, li {
    list-style: none;
}

div, dl, dt, dd, ol, ul, li {
    zoom: 1;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

/* Public */
html {
    width: 100%;
}

body {
    width: 100%;
    color: #555;
    font: 12px/20px SimSun,Tahoma,Helvetica,Arial,sans-serif;
    -webkit-text-size-adjust: none;
    background: url(../images/i_bg.png) repeat-x;
}

a {
    color: #555;
    text-decoration: none;
    outline: none;
}

    a:hover {
        color: #f30;
        text-decoration: none;
    }

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.mab {
    margin-bottom: 10px;
}

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

.siteWidth {
    width: 1040px;
    margin: 0 auto;
}

.siteWidth2 {
    width: 1259px;
    margin: 0 auto;
}

.contentwidth {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 20px 0 0;
}
/* 选择语言 */
.SelectLanguage {
         z-index:2;
        position:absolute;
        top:10px;
        right:45px;
        font-size:12px;
        line-height:14px;
        color:#fff;
    }
    .SelectLanguage a{
       color:#fff;
        /*color:#efe25d;*/
    }
    .SelectLanguage a img{
        display:inline-block;
        height:12px;
        padding:0 3px;
    }
/* 头 */
#header {
    margin-bottom: 0px;
}

.column {
    overflow: hidden;
    margin-bottom: 10px;
}

#topBar {
    height: 48px;
    line-height: 48px;
    overflow: hidden;
}

    #topBar em {
        color: #f00;
    }

    #topBar span {
        float: right;
        padding-right: 20px;
        color: #b2d9ff;
    }

        #topBar span a {
            margin: 0 5px;
            color: #b2d9ff;
        }

.logoBar {
    /*background: url(../images/logobar-bg.png) right center no-repeat;*/
    border-top-left-radius: 30px;
    /*border-top-right-radius:6px;*/
    background-color: #96D3F8;
    height: 135px;
}

    .logoBar .logo {
        padding: 40px 0 0 20px;
        width: 560px;
        float: left;
    }
/* 导航 */
.navBar {
    position: relative;
    z-index: 1;
    color: #fff;
    height: 108px;
    line-height: 108px;
}

    .navBar .logo {
        display: inline-block;
        height: 108px;
        line-height: 108px;
        vertical-align: middle;
        float: left;
    }

        .navBar .logo img {
            display: inline;
            vertical-align: middle;
        }
    
.nav {
    float: left;
    margin: 0 auto;
    font-family: "Microsoft YaHei",SimSun,SimHei;
}

    .nav .m {
        float: left;
        position: relative;
        border-top: 0;
        border-bottom: 0;
    }

    .nav a:hover {
        text-decoration: none;
        color: #ff0;
    }
    
    .nav h3 {
        text-align: center;
        float: left;
        font-size: 100%;
        font-weight: normal;
        font-size: 14px;
        overflow: hidden;
        height: 108px;
        line-height:108px;
    }
    .nav li:not(:last-child)  h3 {
        background: url(../images/nav_bg.png) no-repeat right center;
    }
        .nav h3 a {
            width: 118px;
            display: inline-block;
            height: 108px;
            line-height: 108px;
            vertical-align: middle;
        }

            .nav h3 a img {
                display: inline;
                vertical-align: middle;
            }

/* banner */
.banner {
    position: relative;
    overflow: hidden;
}
.indexbanner {
    min-height:560px;
}
.aboutbanner {
    height: 630px;
    background: url(../images/aboutbg.jpg) no-repeat center center;
}
/*content*/
.content-wrap {
    background: url(../images/content-wrap-bg.jpg) top center no-repeat #efe25d;
    padding-top: 345px;
}

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

.content-wrap-server {
    background: url(../images/content-server-wrap-bg.png) top center no-repeat #efe25d;
}

.content {
    background: url(../images/content-bg.png) top center repeat-y;
    overflow: hidden;
}
/*left-nav*/
.left-nav {
    width: 210px;
    float: left;
}

    .left-nav > img {
        padding-left: 40px;
    }

    .left-nav ul {
        padding: 0 0 0 20px;
    }

    .left-nav a {
        color: #6c8c53;
        font-weight: bold;
        font-size: 14px;
        display: inline-block;
        vertical-align: middle;
        height: 96px;
        width: 160px;
        text-align: center;
    }

        .left-nav a.active {
            color: #256d0f;
        }

        .left-nav a.active {
            background: url(../images/select-icon.png) center center no-repeat;
        }

        .left-nav a img {
            width: 37px;
            height: auto;
            display: inline;
            vertical-align: middle;
            padding-top: 10px;
        }

            .left-nav a img.on {
                display: none;
            }

            .left-nav a img.off {
                display: inline;
            }

        .left-nav a.active img.on {
            display: inline;
        }

        .left-nav a.active img.off {
            display: none;
        }

        .left-nav a span {
            padding-top: 15px;
            display: block;
            text-align: center;
        }
/*right-content*/
.right-content {
    width: 787px;
    float: right;
    overflow:hidden;
}

.top-wrap {
    border-bottom: 2px #6c8c53 solid;
    padding-bottom: 12px;
    overflow: hidden;
}

.location {
    float: left;
    color: #00280e;
    padding-left: 19px;
    line-height:29px;
    background: url(../images/location-icon.png) left center no-repeat;
}

    .location a {
        display: inline-block;
        color: #00280e;
        padding: 0 10px;
    }

        .location a:not(:first-child) {
            color: #256d0f;
            font-weight: bold;
        }

.search_box {
    float: right;
    padding-right: 8px;
    background: url(../images/search-bg.png) left center no-repeat;
    width: 266px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

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

    .search_box input {
        border: 0px;
        height: 26px;
        line-height: 26px;
        width: 194px;
        float: left;
        margin-top: 3px;
        margin-left: 10px;
        margin-right: 10px;
        outline: none;
    }


        .search_box input::-webkit-input-placeholder {
            /* placeholder颜色  */
            color: #90b385;
            /* placeholder字体大小  */
            font-size: 12px;
            /* placeholder位置  */
            text-align: left;
        }
        /* 使用webkit内核的浏览器 */
        .search_box input::-moz-placeholder {
            /* placeholder颜色  */
            color: #90b385;
            /* placeholder字体大小  */
            font-size: 12px;
            /* placeholder位置  */
            text-align: left;
        }
        /* Firefox版本4-18 */
        .search_box input::-moz-placeholder {
            /* placeholder颜色  */
            color: #90b385;
            /* placeholder字体大小  */
            font-size: 12px;
            /* placeholder位置  */
            text-align: left;
        }
        /* Firefox版本19+ */
        .search_box input::-ms-input-placeholder {
            /* placeholder颜色  */
            color: #90b385;
            /* placeholder字体大小  */
            font-size: 12px;
            /* placeholder位置  */
            text-align: left;
        }
    /* IE浏览器 */


    .search_box .search-btn {
        font-size: 14px;
        color: #fff;
        width: 51px;
        height: 29px;
        line-height: 29px;
        border: none;
        cursor: pointer;
        background-color: transparent;
    }

.main-title {
    line-height: 24px;
    font-size: 24px;
    padding: 47px 0 0 0;
    color: #256d0f;
    font-weight: bold;
    text-align: center;
}

.main-content {
    padding: 47px 0 0 0;
    color: #22420c;
    min-height: 700px;
    background: url(../images/main-content-bg.png) right bottom no-repeat;
}
.server-content {
    background: url(../images/serverbg.png) no-repeat;
    background-position:right -35px top;
}
    .main-content .news_list {
        padding: 0 20px;
    }

        .main-content .news_list li {
            border-bottom: 1px dotted #a3c291;
            line-height: 35px;
        }

            .main-content .news_list li a {
                color: #22420c;
            }

                .main-content .news_list li a:hover {
                    color: #256d0f;
                    font-weight: bold;
                }

    .main-content .product_list {
        overflow: hidden;
    }

        .main-content .product_list li {
            float: left;
            padding-left: 20px;
        }

            .main-content .product_list li a {
                display: inline-block;
                color: #22420c;
            }

                .main-content .product_list li a .imgbox {
                    width: 236px;
                    height: 310px;
                    border: 1px #90b385 solid;
                }

                    .main-content .product_list li a .imgbox img {
                        width: 236px;
                        height: 310px;
                    }

                .main-content .product_list li a:hover .imgbox {
                    overflow: hidden;
                    width: 232px;
                    height: 306px;
                    border: 3px #63b14c solid;
                }

                    .main-content .product_list li a:hover .imgbox img {
                        width: 232px;
                        height: 306px;
                    }

                .main-content .product_list li a .titbox {
                    padding: 10px 0 30px;
                    text-align:center;
                }

.bbs-content {
    padding: 30px 140px;
}

    .bbs-content input, .bbs-content textarea {
        width: 270px;
    }

ul.contactus {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    ul.contactus li {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    ul.contactus .tit {
        color: #22420c;
        font-weight: bold;
        font-size: 18px;
    }

        ul.contactus .tit span {
            width: 100px;
            text-align: center;
            display: inline-block;
        }

    ul.contactus .con {
        color: #22420c;
        font-size: 16px;
        line-height: 16px;
        margin: 5px 0 10px 0;
    }

.layui-input, .layui-textarea {
    border-color: #90b385;
    border-radius: 4px;
}

    .layui-input::-webkit-input-placeholder,
    .layui-textarea::-webkit-input-placeholder {
        line-height: 1.0;
        color: #90b385;
    }

.layui-form-label {
    position: relative;
    float: left;
    display: block;
    padding: 9px 15px;
    margin-right: 15px;
    width: 80px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
}

.layui-btn {
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #35601c;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

    .layui-btn:hover {
        opacity: 0.8;
        filter: alpha(opacity=80);
        color: #fff;
    }

    .layui-btn:active {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .layui-btn + .layui-btn {
        margin-left: 10px;
    }

/* 原始 */ .layui-btn-primary {
    border: 1px solid #C9C9C9;
    background-color: #b6b6b5;
    color: #fff;
}

    .layui-btn-primary:hover {
        border-color: #009688;
        color: #333;
    }
/* 百搭 */ .layui-btn-normal {
    background-color: #1E9FFF;
}
/* 暖色 */ .layui-btn-warm {
    background-color: #FFB800;
}
/* 警告 */ .layui-btn-danger {
    background-color: #FF5722;
}
/* 禁用 */ .layui-btn-disabled, .layui-btn-disabled:hover, .layui-btn-disabled:active {
    border: 1px solid #e6e6e6;
    background-color: #FBFBFB;
    color: #C9C9C9;
    cursor: not-allowed;
    opacity: 1;
}

.bot {
    color: #22420c;
    margin-bottom: 30px;
}

    .bot .btn {
        color: #22420c;
        font-weight: bold;
    }

    .bot a:hover .con {
        color: #256d0f;
        font-weight: bold;
    }
/* 尾部 */
#foot {
    color: #124007;
    margin: 0 auto;
    overflow: hidden;
    /*border-top:3px solid #0062BC;*/
}
/*copyright*/
.copyright {
    padding: 23px 0 27px;
}

    .copyright li {
        text-align: left;
        height: 24px;
        line-height: 24px;
        padding: 0 100px;
    }

        .copyright li a {
            color: #124007;
        }

            .copyright li a:hover {
                color: red;
                cursor: pointer;
            }
/*尾部2*/
.foot-wrap {
    background-color: #efe35d;
    border-top: 4px #22420c solid;
    height: 106px;
}

#foot2 {
    color: #124007;
    margin: 0 auto;
    overflow: hidden;
    /*border-top:3px solid #0062BC;*/
}
/*copyright*/
.copyright2 {
    padding: 0 80px;
}

    .copyright2 ul {
        overflow: hidden;
    }

    .copyright2 li {
        float: left;
        display: block;
    }

        .copyright2 li.pl {
            margin-left: 80px;
            height: 106px;
        }

        .copyright2 li.imgwarp {
            line-height: 106px;
        }

            .copyright2 li.imgwarp img {
                display: inline-block;
                vertical-align: middle;
            }

        .copyright2 li.txtwrap {
            height: 76px;
            padding-top: 30px;
        }
/*copyright*/
.copyright3 {
    padding: 0 80px;
}

    .copyright3 ul {
        overflow: hidden;
    }

    .copyright3 li {
        float: left;
        display: block;
    }

        .copyright3 li.pl {
            margin-left: 50px;
            height: 106px;
        }

        .copyright3 li.imgwarp {
            line-height: 106px;
        }

            .copyright3 li.imgwarp img {
                display: inline-block;
                vertical-align: middle;
            }

        .copyright3 li.txtwrap {
            height: 76px;
            padding-top: 30px;
        }