@charset "utf-8";

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

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

a:link,
a:visited {
    text-decoration: none;
}

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

img,
li {
    vertical-align: top;
    border: 0px
}

img {
    max-width: 100%;
}

address {
    font-style: normal;
}

.clear {
    clear: both;
}

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

* {
    margin: 0px;
    padding: 0px;
}

ul {
    list-style-type: none;
}

b {
    font-weight: inherit;
    font-weight: normal;
    color: #362f2f;
}

ul,
li,
h5,
dt,
dd,
img {
    margin: 0px;
    padding: 0px;
}

html,
body,
b,
div,
dl,
dt,
dd,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
img,
pre,
form,
p,
input,
td {
    margin: 0px auto;
    padding: 0;
}

body,
td,
th {
    font-family: "Microsoft YaHei";
    font-size: 12px;
}

input {
    font-family: "Microsoft YaHei";
    border: 0;
    outline: medium;
}

.container {
    margin: 0px auto;
    clear: both;
    position: relative;
}

@media (min-width:1px) and (max-width:1240px) {
    .container {
        width: auto;
        padding: 0 15px;
    }
}

@media (min-width:1200px) {
    .container {
        width: 1200px;
    }
}

@media (min-width:1388px) {
    .container_home {
        width: 1388px;
    }
}

@media (min-width:1px) and (max-width:1388px) {
    .container {
        width: auto;
        padding: 0 15px;
    }
}


.header {
    float: left;
    height: 120px;
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 100;
    padding: 0px 60px 0 60px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

.header>.logo {
    display: inline-block;
    float: left;
    height: auto;
    margin-top: 40px;
    position: relative;
    z-index: 9;
}

.header>.logo>a>img {
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

.header>.menu_index {
    display: inline-block;
    float: left;
    height: auto;
    margin-left: 30px;
    padding-top: 52px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

.header>.menu_index>ul>li {
    display: inline-block;
    margin: auto 5px;
}

.header>.menu_index>ul>li>a {
    display: block;
    padding: 3.5px 15px;
    /* background: rgba(255, 255, 255, 0.5);
    border: 1px solid #fff;
    border-radius: 20px; */
    font-size: 14px;
    color: #fff;
}

.header>.menu_index>ul>li:hover>a {
    background: #84a629;
    border-color: #84a629;
}

.header>.menu_index>ul>li.active>a {
    background: #84a629;
    border-color: #84a629;
}

.header>.menu {
    display: inline-block;
    float: left;
    height: auto;
    margin-left: 30px;
    padding-top: 52px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

.header>.menu>ul>li {
    display: inline-block;
    margin: auto 10px;
}

.header>.menu>ul>li>a {
    display: block;
    padding: 3.5px 15px;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #fff;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
}

.header>.menu>ul>li:hover>a {
    background: #84a629;
    border-color: #84a629;
}

.header>.menu>ul>li.active>a {
    background: #84a629;
    border-color: #84a629;
}

.header>.top_btn {
    display: inline-block;
    float: right;
    margin-top: 15px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

.header>.top_btn>.logo {
    display: none;
    width: 100%;
    float: left;
    height: auto;
}

.header>.top_btn>.searchfor {
    display: inline-block;
    float: left;
    padding-top: 40px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

.header>.top_btn>.searchfor>form>input {
    width: 0px;
    float: left;
    height: 30px;
    line-height: 30px;
    border: 0;
    background: #fff;
    border-radius: 5px;
    text-indent: 10px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

.header>.top_btn>.searchfor>form>.inputshow {
    width: 180px;
}

.header>.top_btn>.searchfor>form>input::-webkit-input-placeholder {
    color: #333;
}

.header>.top_btn>.searchfor>form>input::-moz-input-placeholder {
    color: #333;
}

.header>.top_btn>.searchfor>form>input::-ms-input-placeholder {
    color: #333;
}

.header>.top_btn>.searchfor>form>button {
    border: 0;
    float: left;
    background: none;
    margin-left: 15px;
    outline: none;
    cursor: pointer;
}

.header>.top_btn>.searchfor>form>button>i.iconfont {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    color: #fff;
}

.header>.top_btn>.Language {
    display: inline-block;
    float: left;
    padding-top: 10px;
    margin-right: 20px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

.header>.top_btn>.Language>a {
    font-size: 18px;
    float: left;
    color: #fff;
    font-weight: bold;
    padding: 27px 36px 0 33px;
}

.header>.top_btn>.Language>span {
    float: left;
    border: 1px solid #84a629;
    border-radius: 15px;
    margin-top: 25px;
}

.header>.top_btn>.Language>span>a {
    font-size: 14px;
    display: inline-block;
    color: #fff;
    padding: 3px 10px;
}

.header>.top_btn>.Language>span>a:nth-child(1).active {
    background: #84a629;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.header>.top_btn>.Language>span>a:nth-child(2).active {
    background: #84a629;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.header>.top_btn>.menubg {
    float: right;
    padding-top: 36px;
    cursor: pointer;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    display: none;
}

.header>.hidden-menu {
    width: 100%;
    float: left;
    height: auto;
    position: absolute;
    left: 0px;
    top: -960px;
    opacity: 0;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

.header>.hidden-menu>.container>.jdmenu {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
}

.header>.hidden-menu>.container>.jdmenu>li {
    width: 16.6%;
    float: left;
    text-align: left;
}

.header>.hidden-menu>.container>.jdmenu>li>a {
    font-size: 18px;
    display: block;
    color: #84a629;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 30px;
}

.header>.hidden-menu>.container>.jdmenu>li>ul>li {
    width: 100%;
    float: left;
    height: auto;
    text-align: left;
}

.header>.hidden-menu>.container>.jdmenu>li>ul>li>a {
    color: #516529;
    display: block;
    font-size: 16px;
    line-height: 30px;
}

.header>.hidden-menu>.container>.jdmenu>li>ul>li>a:hover {
    color: #84a629;
}

.header>.opacity {
    opacity: 1;
    top: 160px;
    bottom: 0px;
    background: url("nav-bg.jpg") !important;
}

.header>.hidden-menu>.container {
    width: 980px;
}

@media (min-width:980px) {
    .header>.hidden-menu>.container {
        width: 980px;
    }
}

.header>.hidden-menu>.container>.hidden-bg {
    width: 100%;
    float: left;
    height: auto;
    padding-top: 30px;
    text-align: center;
}

.header>.hidden-menu>.container>.hidden-bg>img {
    display: inline-block;
    width: 30%;
    opacity: 0.5;
}

.header>.hidden-menu>.container>.hidden-bg>img:hover {
    opacity: 1;
}

.header>.hidden-menu>.container>.hidden-dl {
    width: 100%;
    float: left;
    height: auto;
    padding-top: 30px;
    text-align: center;
}

.header>.hidden-menu>.container>.hidden-dl>dl {
    width: calc(33.33% - 30px);
    float: left;
    display: inline-block;
    margin-right: 30px;
    font-size: 15px;
}

.header>.hidden-menu>.container>.hidden-dl>dl>dt {
    display: inline-block;
    float: left;
    height: auto;
    color: #7a7d81;
    margin-right: 20px;
}

.header>.hidden-menu>.container>.hidden-dl>dl>dt>i.iconfont {
    font-size: 50px;
}

.header>.hidden-menu>.container>.hidden-dl>dl>dd {
    display: inline-block;
    float: left;
    height: auto;
    color: #7a7d81;
    line-height: 50px;
    text-align: left;
}

.header>.hidden-menu>.container>.hidden-dl>dl>dd>a {
    color: #7a7d81;
}

.header>.hidden-menu>.container>.hidden-dl>dl:hover dd {
    color: #fff;
}

.header>.hidden-menu>.container>.hidden-dl>dl:hover dd a {
    color: #fff;
}

.header>.hidden-menu>.container>.hidden-dl .b_tb {
    display: none;
}

.header>.hidden-menu>.container>.hidden-dl>dl:hover .b_tb {
    display: block;
}

.header>.hidden-menu>.container>.hidden-dl>dl:hover .h_tb {
    display: none;
}



.header>.hidden-menu>.footer {
    bottom: 0px !important;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

.top_btn>.top_tel {
    display: inline;
    color: white;
    align-items: center;
    float: left;
    width: 320px;
    margin-top: 25px;
    margin-right: 30px;
}

.top_btn>.top_tel>.iconfont {
    font-size: 38px;
    display: inline-block;
}

.top_btn>.top_tel>.two_line_eng {
    display: inline-block;
}

.top_btn>.top_tel>.two_line_eng span {
    display: block;
}

.top_btn>.top_tel>.two_line_eng .zxrx {
    font-size: 12px;
}

.top_btn>.top_tel>.two_line_eng .telNum {
    font-size: 20px;
}

.fiss_show {
    background: rgba(45, 60, 81, 0.85);
}

.fiss_show>.top_btn>.searchfor {
    padding-top: 46px;
}

.fiss_show>.top_btn>.Language {
    padding-top: 17px;
}

.fiss_show>.top_btn>.menubg {
    padding-top: 45px;
}

.fis-show {
    bottom: 0px;
    height: 100% !important;
    padding: 0px 98px 0 80px;
    background: url("nav-bg.jpg") !important;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

.fis_show {
    background: rgba(45, 60, 81, 0.85);
    height: 80px;
}

.fis_show>.logo {
    margin-top: 20px;
}

.fis_show>.menu {
    padding-top: 30px !important;
}

.fis_show>.top_btn>.searchfor {
    padding-top: 19px !important;
}

.fis_show>.top_btn>.Language {
    padding-top: 0px !important;
}

.fis_show>.top_btn>.Language>a {
    padding: 16px 36px 0 33px !important;
}

.fis_show>.top_btn>.Language>span {
    margin-top: 14px !important;
}

.fis_show>.top_btn>.menubg {
    padding-top: 14px !important;
}

@media (min-width:1241px) and (max-width:1469px) {
    .header {
        padding: 0 30px;
    }

    .header>.menu>ul>li>a {
        padding: 3.5px 5px
    }

    .divframe2_ewm img {
        margin-right: -254px;
    }
}

@media (min-width:1420px) and (max-width:1490px) {
    .header>.menu_index>ul>li {
        margin: 0px;
    }
}

@media (min-width:1470px) and (max-width:1699px) {
    .divframe2_ewm img {
        margin-right: -125px;
    }
}

@media (min-width:768px) and (max-width:1420px) {
    .header {
        padding: 0 2%;
    }

    .header>.menu_index>ul>li {
        margin: 0px;
    }

    .header>.logo {
        margin-top: 30px;
    }
}

@media (min-width:992px) and (max-width:1420px) {

    .top_btn>.top_tel {
        width: auto;
        margin-top: 15px;
    }

}

@media (min-width:1220px) and (max-width:1420px) {

    .header>.menu_index {
        padding-top: 42px;
    }

    /* .top_btn>.top_tel>.two_line_eng .telNum {
        width: 145px;
    } */
}

@media (min-width:768px) and (max-width:1240px) {

    .header>.menu {
        display: none;
    }

    .header>.hidden-menu>.container>.hidden-bg {
        display: none;
    }

    .header>.hidden-menu>.container>.hidden-dl {
        display: none;
    }
}

@media (min-width:768px) and (max-width:1240px) {

    .top_btn>.top_tel>.two_line_eng .telNum {
        width: 176px;
        height: 25px;
        overflow: hidden;
    }
}

@media (min-width:425px) and (max-width:992px) {

    .header>.logo,
    .header>.top_btn>.Language>span {
        margin-top: 15px;
    }

    .top_btn>.top_tel {
        width: auto;
        margin-top: 5px;
    }

}

@media (min-width:425px) and (max-width:768px) {

}

@media (max-width:1240px) {

    .header>.menu_index {
        display: none;
    }

    .header>.top_btn>.menubg {
        display: block;
    }

}

@media (max-width:767px) {
    /* .header {
        padding: 0px 15px;
        right: 0px !important;
        top: 0px !important;
        left: inherit !important;
        overflow-y: auto;
    } */

    .top_btn>.top_tel,
    .header>.hidden-menu>.container>.hidden-bg,
    .header>.hidden-menu>.container>.hidden-dl,
    .header>.menu {
        display: none;
    }

    .header>.hidden-menu>.footer {
        display: none !important;
    }

    .header {
        padding: 0 2%;
    }

    .header>.top_btn>.menubg {
        padding-top: 26px;
    }

    .header>.hidden-menu>.container>.jdmenu {
        padding-bottom: 30px;
    }

    .header>.hidden-menu>.container>.jdmenu>li {
        width: auto;
        float: right;
        height: auto;
    }

    .header>.hidden-menu>.container>.jdmenu>li>a {
        margin-bottom: 15px;
        font-size: 16px;
    }

    .header>.hidden-menu>.container>.jdmenu>li>ul>li {
        width: 49%;
        height: 40px;
        line-height: 20px;
        overflow: hidden;
    }

    .header>.hidden-menu>.container>.jdmenu>li>ul>li:nth-child(2n) {
        width: 49%;
        float: right;
        height: 40px;
        line-height: 20px;
        overflow: hidden;
    }

    .header>.hidden-menu>.container>.jdmenu>li>ul>li>a {
        margin-bottom: 15px;
        font-size: 14px;
    }

    .header>.opacity {
        top: 140px;
    }

    .header>.top_btn>.logo {
        margin-top: -150px;
        padding-top: 15px;
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        -o-transition: all 0.7s;
        transition: all 0.7s;
    }

    .header>.top_btn>.logoshow {
        display: block;
        margin-top: 0px;
        padding-top: 0px;
        width: auto;
    }

    .header>.top_btn {
        width: 100%;
        float: left;
        height: auto;
    }

    .header>.top_btn>.menubg {
        text-align: right;
        padding-top: 12px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .header>.top_btn>.searchfor {
        float: right;
        display: none;
    }

    .header>.top_btn>.searchforshow {
        display: block;
        padding-top: 0px;
    }

    .header>.top_btn>.searchfor>form>.inputshow {
        width: 150px;
    }

    .header>.top_btn>.Language {
        width: 100%;
        float: left;
        height: auto;
        text-align: center;
        display: none;
    }

    .header>.top_btn>.Languageshow {
        display: block;
    }

    .header>.top_btn>.Language>a {
        display: none;
    }

    .fis_show {
        height: auto;
        padding-bottom: 15px;
    }

    .fiss_show {
        background: rgba(45, 60, 81, 0.9);
        height: auto;
        padding-bottom: 15px;
    }

}


@media (max-width:465px) {
    .header>.logo {
        display: none;
    }
    .header>.top_btn {
        margin-top: 0;
    }
    .header>.top_btn>.menubg {
        position: static;
    }
}

.bframe {
    width: 100%;
    float: left;
    height: auto;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

/*flexslider*/
.bframe .flexslider {
    position: relative;
    height: auto;
    overflow: hidden;
    background: url(loading.gif) 50% no-repeat;
}

.bframe .slides {
    position: relative;
    z-index: 1;
    width: 100%;
}

.bframe .slides li {
    width: 100%;
    float: left;
    height: auto;
}

.bframe .slides li img {
    width: 100%;
    height: 100%;
}

.bframe .flex-control-nav {
    position: absolute;
    bottom: 0px;
    right: 70px;
    z-index: 2;
    width: 26px;
    top: 0px;
    text-align: center;
    margin-bottom: 0px;
    padding: 25% 0;
}

.bframe .flex-control-nav li {
    display: inline-block;
    width: 16px;
    height: 15px;
    margin: 0 5px;
    *display: inline;
    zoom: 1;
}

.bframe .flex-control-nav a {
    display: inline-block;
    width: 16px;
    height: 15px;
    line-height: 40px;
    overflow: hidden;
    background: url(dot.png) right top no-repeat;
    cursor: pointer;
}

.bframe .flex-control-nav .flex-active {
    background-position: 0 0;
}



.divframe {
    width: 100%;
    float: left;
    height: auto;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    margin-top: 180px;
}

/*
.divframe .divframe_l>img{ width: 100%;}

.divframe1{ width: 100%; float: left; height: auto; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;}
.divframe1 .divframe1_l{ width: 20%; float: left; height: auto; margin-top: -76px; background: #eee; position: relative; z-index: 10; border-bottom: 7px solid #394d66;}
.divframe1 .divframe1_l>h3{ padding: 20px; font-size: 65px; color: #accf0e;}
.divframe1 .divframe1_l>h3>a{ font-size: 14px; float: right; display: inline-block; padding: 3px 50px; border: 1px solid #333; border-radius: 10px; text-transform: uppercase;}
.divframe1 .divframe1_l>h3>a:hover{ color: #84a629; border-color: #84a629;}
.divframe1 .divframe1_l>p{ margin: 20px; height: 180px; font-size: 16px; line-height: 30px; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; text-indent: 2em;}
.divframe1 .divframe1_r{ width: 80%; float: left; height: auto; background: rgba(0,0,0,0.7); padding: 70px; position: absolute; bottom: -216px; left: 0px; z-index: 9; text-align: right;}
.divframe1 .divframe1_r>a{ width: 172px; display: inline-block; text-align: center; font-size: 26px; color: #fff; padding-right: 40px;}
.divframe1 .divframe1_r>a>i{ display: inline-block; border: 1px solid #fff; width: 26px; height: 26px; line-height: 26px; border-radius: 50%; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s; margin-top: 15px;}
.divframe1 .divframe1_r>a:hover>i{ transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}*/

.divframe .divframe_l {
    width: 100%;
    float: left;
    height: auto;
}

.divframe .divframe1_l {
    width: 30%;
    float: left;
    margin-top: 45px;
}

.divframe1 .divframe1_l>h3 {
    font-size: 65px;
    color: #accf0e;
    margin-top: 30px;
    margin-bottom: 30px;
}

.divframe1 .divframe1_l>p {
    color: #ffffff;
    font-size: 15px;
    line-height: 25px;
}

.divframe1 .divframe1_l>span {
    color: #ffffff;
    font-size: 15px;
    background: url(about_dian.jpg) no-repeat left center;
    padding-left: 22px;
}

.divframe1 .divframe1_r {
    width: 60%;
    float: right;
}

.divframe1 .divframe1_r img {
    max-width: 100%;
}

.divframe2_ewm {
    width: 100%;
    clear: both;
    position: relative;
    z-index: 9;
}

.divframe2_ewm img {
    float: right;
    margin-top: -104px;
}

@media (min-width:1241px) and (max-width:1600px) {
    .divframe {
        margin-top: 85px;
    }
}

@media (min-width:1px) and (max-width:1240px) {
    .divframe {
        padding: 0;
        margin-top: 0px;
    }

    .divframe .divframe_l {
        display: none;
    }

    .divframe1 .divframe1_l {
        padding-left: 5%;
    }

    .divframe1 .divframe1_l>p {
        height: auto;
    }

    .divframe2_ewm img {
        margin-top: 0px;
    }

    .divframe2_ewm {
        text-align: center;
        margin: 15px 0px;
    }

    .divframe1 .divframe1_l>h3 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media (min-width:1px) and (max-width:767px) {
    .divframe1 .divframe1_l>h3 {
        font-size: 14px;
    }

    .divframe1 .divframe1_l>h3>a {
        padding: 0px 20px;
        font-size: 12px;
    }

    .divframe1 .divframe1_l>p {
        font-size: 12px;
    }

    .divframe1 .divframe1_l>h3 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}


.divframe2 {
    width: 100%;
    float: left;
    height: 100%;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

.divframe2 .slideTxtBox {
    width: 100%;
    float: left;
    height: auto;
}

.divframe2 .slideTxtBox .hd {
    width: 30%;
    float: left;
    height: auto;
    position: absolute;
    left: 0px;
    top: 15%;
    bottom: 0px;
}

.divframe2 .slideTxtBox .hd>h3 {
    width: calc(100% - 117px);
    padding-left: 117px;
    font-size: 40px;
    color: #fff;
    font-weight: bold;
    line-height: 60px;
    margin-bottom: 100px;
}

.divframe2 .slideTxtBox .hd>ul {
    width: calc(100% - 117px);
    float: left;
    height: auto;
    padding-left: 117px;
}

.divframe2 .slideTxtBox .hd>ul>li {
    float: left;
    cursor: pointer;
    font-size: 30px;
    color: #fff;
    border-bottom: 2px solid #d8d8d8;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.divframe2 .slideTxtBox .hd>ul>li>img {
    opacity: 0;
    display: inline-block;
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: #6a7582;
    text-align: center;
    color: #6b7684;
    border-radius: 50%;
    margin-right: 0px;
    background: none;
}

.divframe2 .slideTxtBox .hd>ul>li.on {
    font-size: 35px;
    padding-top: 15px;
}

.divframe2 .slideTxtBox .hd>ul>li.on>img {
    opacity: 1;
    margin-top: 6px;
}

.divframe2 .slideTxtBox .bd {
    width: 70%;
    float: left;
    height: auto;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.divframe2 .slideTxtBox .bd>ul {
    zoom: 1;
}

.divframe2 .slideTxtBox .bd>ul>li {
    width: 100%;
    float: left;
    height: auto;
}

.divframe2 .slideTxtBox .bd>ul>li>.ipto {
    width: 100%;
    float: left;
    height: auto;
}

.divframe2 .slideTxtBox .bd>ul>li>.ipto>.ipti {
    width: 100%;
    float: left;
    height: auto;
    position: relative;
}

.divframe2 .slideTxtBox .bd>ul>li>.ipto>.ipti>a>img {
    width: 100%;
}

.divframe2 .slideTxtBox .bd>ul>li>.ipto>.iptz {
    float: left;
    height: 176px;
    padding: 200px 30px 70px 30px;
    background: url("1_03.png") no-repeat center top / cover;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.divframe2 .slideTxtBox .bd>ul>li>.ipto>.iptz>a.more {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    border: 1px solid #fff;
    padding: 2px 50px;
    border-radius: 10px;
    text-transform: uppercase;
}

.divframe2 .slideTxtBox .bd>ul>li>.ipto>.iptz>a>b {
    width: 100%;
    float: left;
    height: auto;
    font-size: 35px;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 25px;
}

.divframe2 .slideTxtBox .bd>ul>li>.ipto>.iptz>address {
    width: 100%;
    float: left;
    height: auto;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.divframe2 .slideTxtBox .hd>a.slidemore {
    position: absolute;
    left: 117px;
    bottom: 10%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    background: #fff;
    color: #697481;
}

.divframe2 .slideTxtBox .hd>a.slidemore>i.iconfont {
    font-size: 20px;
    display: inline-block;
}

.divframe2 .slideTxtBox .hd>a.prev {}

.divframe2 .slideTxtBox .hd>a.prev>i.iconfont {}

.divframe2 .slideTxtBox .hd>a.next {
    left: 158px;
}

.divframe2 .slideTxtBox .hd>a.next>i.iconfont {}

.divframe2 .slideTxtBox .hd>a.slidemore:hover {
    background: #000;
    color: #fff;
}


@media (min-width:1241px) and (max-width:1600px) {
    .divframe2 .slideTxtBox .hd>h3 {
        padding-left: 0px;
        font-size: 32px;
    }

    .divframe2 .slideTxtBox .hd>ul {
        padding-left: 50px;
        width: calc(100% - 50px);
    }

    .divframe2 .slideTxtBox .hd>ul>li.on {
        font-size: 30px;
    }

    .divframe2 .slideTxtBox .hd>ul>li {
        font-size: 25px;
    }

    .header>.opacity {
        top: 90px;
    }

    .header>.hidden-menu>.container>.hidden-bg {
        padding-top: 15px;
    }

    .header>.hidden-menu>.container>.hidden-dl {
        padding-top: 15px;
    }
}

@media (min-width:1001px) and (max-width:1240px) {
    .divframe2 .slideTxtBox .hd {
        position: inherit;
        width: 30%;
    }

    .divframe2 .slideTxtBox .hd>h3 {
        font-size: 20px;
        line-height: 30px;
        padding: 15px 30px 0px 30px;
        margin-bottom: 30px;
    }

    .divframe2 .slideTxtBox .hd>ul {
        padding: 0px 30px 0px 30px;
    }

    .divframe2 .slideTxtBox .hd>ul>li {
        font-size: 12px;
        padding-bottom: 7px;
        margin-bottom: 7px;
        position: relative;
        width: 100%;
    }

    .divframe2 .slideTxtBox .hd>ul>li>img {
        width: 20px;
        height: auto;
    }

    .divframe2 .slideTxtBox .hd>ul>li.on {
        font-size: 14px;
        padding-top: 10px;
    }

    .divframe2 .slideTxtBox .bd {
        position: inherit;
        width: 70%;
    }

    .divframe2 .slideTxtBox .bd>ul>li>.ipto>.iptz {
        height: auto;
        padding: 60px 0px 1.5% 3%;
        background: url("1_03.png") no-repeat center top / 100% 100%;
    }

    .divframe2 .slideTxtBox .bd>ul>li>.ipto>.iptz>a.more {
        padding: 2px 25px;
    }

    .divframe2 .slideTxtBox .bd>ul>li>.ipto>.iptz>a>b {
        font-size: 20px;
        width: auto;
        float: none;
        display: inline-block;
    }

    .divframe2 .slideTxtBox .bd>ul>li>.ipto>.iptz>address {
        display: none;
    }

    .divframe2 .slideTxtBox .hd>a.slidemore {
        bottom: 5%;
        left: 5%;
    }

    .divframe2 .slideTxtBox .hd>a.next {
        left: 10%;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    .divframe2 .slideTxtBox .hd {
        position: inherit;
        width: 100%;
    }

    .divframe2 .slideTxtBox .hd>h3 {
        font-size: 20px;
        line-height: 30px;
        padding: 15px 30px 0px 30px;
        margin-bottom: 30px;
    }

    .divframe2 .slideTxtBox .hd>ul {
        padding: 0px 30px 0px 30px;
        display: flex;
        flex-wrap: wrap;
    }

    .divframe2 .slideTxtBox .hd>ul>li {
        width: 50%;
        font-size: 12px;
        padding-bottom: 7px;
        margin-bottom: 7px;
    }

    .divframe2 .slideTxtBox .hd>ul>li>img {
        width: 20px;
        height: auto;
    }

    .divframe2 .slideTxtBox .hd>ul>li.on {
        font-size: 12px;
        padding-top: 0px;
    }

    .divframe2 .slideTxtBox .bd {
        position: inherit;
        width: 100%;
    }

    .divframe2 .slideTxtBox .bd>ul>li>.ipto>.iptz {
        height: auto;
        padding: 15% 0px 1.5% 3%;
        background: url("1_03.png") no-repeat center bottom / 100% 100%;
    }

    .divframe2 .slideTxtBox .bd>ul>li>.ipto>.iptz>a.more {
        padding: 2px 25px;
        display: none;
    }

    .divframe2 .slideTxtBox .bd>ul>li>.ipto>.iptz>a>b {
        font-size: 20px;
    }

    .divframe2 .slideTxtBox .bd>ul>li>.ipto>.iptz>address {
        display: none;
    }

    .divframe2 .slideTxtBox .hd>a.slidemore {
        bottom: 5%;
        left: 5%;
    }

    .divframe2 .slideTxtBox .hd>a.next {
        left: 10%;
    }
}



.divframe3 {
    width: 100%;
    float: left;
    height: auto;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    margin-top: 300px;
    text-align: center;
}

.divframe3>h3 {
    text-align: center;
    font-size: 42px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 60px;
}

.divframe3 .container {
    font-size: 0;
}

.divframe3 .container>.ipto {
    width: 17.1%;
    display: inline-block;
    height: auto;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    text-align: left;
}

.divframe3 .container>.ipto>.ipti {
    width: 100%;
    float: left;
    height: 250px;
    text-align: right;
    position: relative;
}

.divframe3 .container>.ipto>.ipti>img {
    opacity: 0;
    position: absolute;
    right: 0px;
    bottom: 0;
    z-index: 9;
}

.divframe3 .container>.ipto>.iptz {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
}

.divframe3 .container>.ipto>.iptz>a>b {
    width: 100%;
    float: left;
    height: auto;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 15px;
}

.divframe3 .container>.ipto>.iptz>address {
    width: 100%;
    float: left;
    height: 84px;
    font-size: 15px;
    color: #fff;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    position: relative;
    padding-bottom: 15px;
}

.divframe3 .container>.ipto>.iptz>address:after {
    content: "";
    position: absolute;
    left: 0px;
    right: 80%;
    bottom: 0px;
    border-bottom: 2px solid #fff;
}

.divframe3 .container>.ipto>.iptz>a.more {
    font-size: 16px;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    margin-top: 15px;
}

.divframe3 .container>.ipto:nth-child(1) {
    background: #8EA0AB;
}

.divframe3 .container>.ipto:nth-child(2) {
    background: #3B4958;
}

.divframe3 .container>.ipto:nth-child(3) {
    background: #8EA0AB;
}

.divframe3 .container>.ipto:nth-child(4) {
    background: #3B4958;
}

.divframe3 .container>.ipto:nth-child(5) {
    background: #8EA0AB;
}

.divframe3 .container>.ipto:nth-child(1).active {
    width: 30%;
    background: #84b816 !important;
}

.divframe3 .container>.ipto:nth-child(2).active {
    width: 30%;
    background: #62B5D3 !important;
}

.divframe3 .container>.ipto:nth-child(3).active {
    width: 30%;
    background: #87ACE0 !important;
}

.divframe3 .container>.ipto:nth-child(4).active {
    width: 30%;
    background: #E4D16B !important;
}

.divframe3 .container>.ipto:nth-child(5).active {
    width: 30%;
    background: #A0E37C !important;
}

.divframe3 .container>.ipto.active>.ipti>img {
    opacity: 1;
}

@media (min-width:768px) and (max-width:1240px) {
    .divframe3 {
        padding: 30px 0;
        margin-top: 0px;
    }

    .divframe3>h3 {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .divframe3 .container>.ipto {
        width: 17%;
        height: 295px;
    }

    .divframe3 .container>.ipto.active {
        width: 50%;
    }

    .divframe3 .container>.ipto>.ipti>img {
        width: 75%;
    }
}

@media (min-width:1px) and (max-width:767px) {
    .divframe3 {
        padding: 30px 0;
        margin-top: 0px;
    }

    .divframe3>h3 {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .divframe3 .container>.ipto {
        width: 100%;
        height: auto;
        padding-bottom: 60px;
    }

    .divframe3 .container>.ipto.active {
        width: 100% !important;
    }

    .divframe3 .container>.ipto>.ipti>img {
        width: 75%;
    }
}


/*.divframe4{ width: 100%; float: left; height: auto; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s; padding-top: 180px;}
.divframe4 .container{ position: inherit;}
.divframe4 .swiper-wrapper, .divframe4 .swiper-container{ position: inherit;}
.divframe4 .swiper-pagination{ display: none;}
.divframe4 .swiper-slide{ opacity: 0.5;}
.divframe4 .swiper-slide.swiper-slide-active{ opacity: 1;}
.divframe4 .swiper-slide>.ipto{ width: 100%; float: left; height: 440px; position: relative;}
.divframe4 .swiper-slide>.ipto>a>.ipti{ width: calc(100% - 100px); height: calc(100% - 100px); float: left; margin: 50px; border-radius: 50%; overflow: hidden; position: relative;}
.divframe4 .swiper-slide>.ipto>a>.ipti>img{ width: 100%;  border-radius: 50%; height:100%;}
.divframe4 .swiper-slide>.ipto>a>.ipti>b{ position: absolute; left: 0px; right: 0px; bottom: 0px; background: rgba(56,71,88,0.8); text-align: center; color: #fff; font-size: 16px; padding: 35px;}

.divframe4 .swiper-slide>.ipto.pk_bg1{ background: url("1_08.png") no-repeat center center / 100% 100%;}
.divframe4 .swiper-slide>.ipto.pk_bg2{ background: url("1_09.png") no-repeat center center / 100% 100%;}
.divframe4 .swiper-slide>.ipto.pk_bg3{ background: url("1_10.png") no-repeat center center / 100% 100%;}
.divframe4 .swiper-slide>.ipto.pk_bg4{ background: url("1_08.png") no-repeat center center / 100% 100%;}
.divframe4 .swiper-slide>.ipto.pk_bg5{ background: url("1_09.png") no-repeat center center / 100% 100%;}
.divframe4 .swiper-slide>.ipto.pk_bg6{ background: url("1_10.png") no-repeat center center / 100% 100%;}
.divframe4 .swiper-button-white{  background-image:none!important; background: rgba(61,84,143,0.8); width: 50px; height: 76px; line-height: 76px; top: 40%; text-align: center;}
.divframe4 .swiper-button-white>i.iconfont{ display: inline-block; color: #fff; font-size: 30px;}
.divframe4 .swiper-button-prev{ left: 5%;}
.divframe4 .swiper-button-next{ right: 5%;}

@media (min-width:1px) and (max-width:1387px)
{
.divframe4 .swiper-slide>.ipto{ height: 380px;}
.divframe4 .swiper-slide>.ipto>a>.ipti>b{ padding: 25px;}
}
@media (min-width:1px) and (max-width:1207px)
{
.divframe4{ padding: 30px 0;}
}
@media (min-width:1px) and (max-width:1199px)
{
.divframe4 .swiper-slide>.ipto{ height: 370px;}
}
@media (min-width:1px) and (max-width:1150px)
{
.divframe4 .swiper-slide>.ipto{ height: 350px;}
}
@media (min-width:1px) and (max-width:1100px)
{
.divframe4 .swiper-slide>.ipto{ height: 336px;}
}
@media (min-width:1px) and (max-width:1050px)
{
.divframe4 .swiper-slide>.ipto{ height: 320px;}
}
@media (min-width:1px) and (max-width:999px)
{
.divframe4 .swiper-slide>.ipto{ height: 456px;}
}
@media (min-width:1px) and (max-width:900px)
{
.divframe4 .swiper-slide>.ipto{ height: 420px;}
}
@media (min-width:1px) and (max-width:900px)
{
.divframe4 .swiper-slide>.ipto{ height: 384px;}
}
@media (min-width:1px) and (max-width:900px)
{
.divframe4 .swiper-slide>.ipto{ height: 384px;}
}
@media (min-width:1px) and (max-width:767px)
{
.divframe4 .swiper-slide>.ipto{ height: 100%;}
}
*/

.divframe4 {
    width: 100%;
    float: left;
    height: auto;
    padding-top: 150px;
}

.divframe4 .divframe1_l {
    width: 30%;
    float: left;
    margin-top: 70px;
}

.divframe4 .divframe1_l>h3 {
    font-size: 65px;
    color: #accf0e;
    margin-top: 30px;
    margin-bottom: 30px;
}

.divframe4 .divframe1_l>p {
    color: #ffffff;
    font-size: 15px;
    line-height: 25px;
}

.divframe4 .divframe1_l>b {
    color: #ffffff;
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 20px;
    display: block;
}

.divframe4 .divframe1_l>span {
    color: #ffffff;
    font-size: 15px;
    background: url(about_dian.jpg) no-repeat left center;
    padding-left: 22px;
}

.divframe4 .divframe1_r {
    width: 60%;
    float: right;
}

.divframe4 .divframe1_r li {
    border-bottom: 1px solid #a9c08e;
    padding-bottom: 30px;
    margin-bottom: 50px;
    overflow: hidden;
}

.divframe4 .divframe1_r li b {
    float: left;
    color: #accf0e;
    font-size: 60px;
    margin-right: 20px;
    font-weight: bold;
}

.case_name {
    float: left;
    padding-top: 10px;
}

.case_name p {
    color: #ffffff;
    font-size: 30px;
}

.case_name span {
    color: #ffffff;
    font-size: 15px;
}

.divframe4 .divframe1_r li a {
    float: right;
    color: #ffffff;
    font-size: 15px;
    line-height: 60px;
}

.divframe4 .divframe1_r li a img {
    float: right;
    margin-left: 10px;
    width: 48px;
    margin-top: 6px;
}

.case_cpdd {
    margin-bottom: 30px;
}

#demo {
    overflow: hidden;
    height: 759px;
    text-align: center;
    float: left;
}

#demo img {
    display: block;
    max-width: 100%;
    height: auto;
}


@media (min-width:768px) and (max-width:1240px) {
    .divframe4 .divframe1_l>h3 {
        font-size: 30px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .divframe4 .divframe1_l {
        width: 30%;
        margin-top: 50px;
        padding-left: 2%;
        padding-right: 3%;
    }



}

@media (min-width:1px) and (max-width:767px) {
    .section-wrap .section-5 {
        background: url(b3.jpg) no-repeat top right;
    }

    .divframe4 {
        padding-top: 30px;
    }

    .divframe4 .divframe1_l {
        width: 100%;
        margin-top: 20px;
    }

    .divframe4 .divframe1_l>h3 {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .divframe4 .divframe1_r {
        width: 100%;
        margin-top: 15px;
    }

    #demo {
        margin: 0 auto;
        float: none;
        height: 500px;
    }



}


.divframe5 {
    width: 100%;
    float: left;
    height: auto;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    padding-top: 150px;
}

.divframe5>h3 {
    text-align: center;
    font-size: 42px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 40px;
    position: relative;
}

.divframe5>h3:after {
    content: "";
    position: absolute;
    left: 48%;
    right: 48%;
    bottom: 0px;
}

.divframe5 .container>.ipto {
    width: calc(27.33% - 30px);
    float: left;
    height: auto;
    position: relative;
    margin-right: 4%;
    margin-left: 4%;
}

.divframe5 .container>.ipto>.ipti {
    width: 100%;
    float: left;
    height: auto;
    position: relative;
}

.divframe5 .container>.ipto>.ipti>a>img {
    width: 100%;
}

.divframe5 .container>.ipto>.ipti>a>b {
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.5);
    font-size: 20px;
    font-weight: bold;
    line-height: 32px;
    padding: 15px 20px;
    color: #fff;
}

.divframe5 .container>.ipto>.iptz {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 30px;
}

.divframe5 .container>.ipto>.iptz>em {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    font-style: normal;
    font-size: 16px;
    color: #fff;
}

.divframe5 .container>.ipto>.iptz>address {
    width: 100%;
    float: left;
    height: auto;
    font-size: 14px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    color: #fff;
}

.divframe5 .container>.ipto:last-child {
    margin-right: 0;
}

@media (min-width:768px) and (max-width:1240px) {
    .divframe5 {
        padding: 30px 0;
    }

    .divframe5>h3 {
        font-size: 24px;
        margin-bottom: 30px;
        padding-bottom: 15px;
    }
}

@media (min-width:1px) and (max-width:767px) {
    .divframe5 {
        padding-top: 30px;
    }

    .divframe5>h3 {
        font-size: 24px;
        margin-bottom: 30px;
        padding-bottom: 15px;
    }

    .divframe5 .container>.ipto {
        width: 100%;
        margin-bottom: 30px;
    }

    .divframe5 .container>.ipto>.ipti>a>b {
        font-size: 12px;
        padding: 10px;
    }

    .divframe5 .container>.ipto>.iptz {
        display: none;
    }
}


.footer {
    width: 100%;
    float: left;
    height: auto;
    background: #32363c;
    padding: 5px 0 15px 0;
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
}

.footer .container>p {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    margin-bottom: 10px;
}

.footer .container>p>a>i.iconfont {
    width: 30px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    background: #41444a;
    color: #fff;
    border-radius: 50%;
    margin: auto 15px;
}

.footer .container>ul {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    margin-bottom: 10px;
}

.footer .container>ul>li {
    display: inline-block;
    color: #a4bfe8;
    padding: 5px 10px;
}

.footer .container>ul>li>a {
    color: #a4bfe8;
    font-size: 15px;
}

.footer .container>dl {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    color: #817e7e;
    font-size: 15px;
}

.footer .container>dl>a {
    color: #817e7e;
}

.inherit {
    position: inherit !important;
}

@media (min-width:1px) and (max-width:1240px) {
    .footer {
        position: inherit;
    }
}

@media (min-width:1px) and (max-width:767px) {
    .footer .container>ul {
        display: none;
    }
}

/*内页*/
.banner {
    width: 100%;
    float: left;
    height: auto;
    position: relative;
}

.banner img {
    width: 100%;
}

/*面包屑*/
.crumbs {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
}

.crumbs h3 {
    font-size: 55px;
    color: #fff;
}

@media (min-width:768px) and (max-width:1240px) {
    .crumbs h3 {
        font-size: 24px;
    }
}

@media (min-width:1px) and (max-width:767px) {
    .crumbs h3 {
        font-size: 24px;
    }
}

.body {
    width: 100%;
    float: left;
    height: auto;
}

/*关于我们*/
.body .summary {
    width: 100%;
    float: left;
    height: auto;
    padding: 60px 0;
    background: #f9f9f9;
}

.body .summary h3 {
    font-size: 36px;
    color: #333;
    text-align: center;
    margin-bottom: 60px;
}

.body .summary .summary_l {
    width: 49%;
    float: left;
    height: auto;
    font-size: 16px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* -webkit-line-clamp: 7;*/
    overflow: hidden;
    text-align: justify;
    text-indent: 2em;
}

.body .summary .summary_r {
    width: 49%;
    float: right;
    height: auto;
}

.body .summary>.container>p {
    width: 100%;
    float: left;
    height: auto;
    border-bottom: 1px solid #e0e0e0;
    padding-top: 60px;
}

@media (min-width:1px) and (max-width:1240px) {
    .body .summary {
        padding: 30px 0;
    }

    .body .summary h3 {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .body .summary>.container>p {
        padding-top: 30px;
    }

    .body .summary .summary_l {
        width: 100%;
    }

    .body .summary .summary_r {
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

}

@media (min-width:1px) and (max-width:767px) {
    .body .summary h3 {
        font-size: 24px;
    }
}

.body .summary1 {
    width: 100%;
    float: left;
    height: auto;
    padding-bottom: 60px;
    background: #f9f9f9;
}

.body .summary1 .ipto {
    width: calc(20%);
    float: left;
    height: auto;
    text-align: center;
}

.body .summary1 .ipto>a>.ipti {
    width: 100%;
    float: left;
    height: auto;
}

.body .summary1 .ipto>a>.ipti>i.iconfont {
    font-size: 70px;
    display: inline-block;
    color: #92b207;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

.body .summary1 .ipto>a>.iptz {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 15px;
}

.body .summary1 .ipto>a>.iptz>b {
    font-size: 25px;
    color: #333;
    font-weight: bold;
}

.body .summary1 .ipto:hover>a>.ipti>i.iconfont {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

@media (min-width:1px) and (max-width:1240px) {
    .body .summary1 {
        padding-bottom: 30px;
    }

    .body .summary1 .ipto {
        width: 33.33%;
        margin-bottom: 15px;
    }

    .body .summary1 .ipto>a>.ipti>i.iconfont {
        font-size: 40px;
    }

    .body .summary1 .ipto>a>.iptz>b {
        font-size: 14px;
    }
}

@media (min-width:1px) and (max-width:767px) {
    .body .summary h3 {
        font-size: 24px;
    }
}

.body .culture {
    width: 100%;
    float: left;
    height: auto;
    padding: 60px 0;
    background: url("1_16.jpg") no-repeat center center / cover;
}

.body .culture h3 {
    font-size: 36px;
    color: #fff;
    text-align: center;
    margin-bottom: 60px;
    padding-bottom: 30px;
    position: relative;
}

.body .culture h3:after {
    content: "";
    position: absolute;
    height: 1px;
    left: 48%;
    right: 48%;
    bottom: 0px;
    border-bottom: 6px solid #fff;
}

.body .culture .ipto {
    width: calc(33.33% - 20.5px);
    float: left;
    height: auto;
    text-align: center;
    margin-right: 30px;
    position: relative;
    overflow: hidden;
}

.body .culture .ipto>a>.ipti {
    width: 100%;
    float: left;
    height: auto;
}

.body .culture .ipto>a>.ipti>img {
    width: 100%;
}

.body .culture .ipto>a>.iptz {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -90px;
    background: rgba(59, 73, 88, 0.5);
    padding: 10px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.body .culture .ipto>a>.iptz>b {
    width: 100%;
    float: left;
    height: auto;
    font-size: 24px;
    color: #B7BDC3;
    margin-bottom: 15px;
    font-weight: normal;
    font-weight: inherit;
    position: relative;
}

.body .culture .ipto>a>.iptz>b:after {
    content: "";
    position: absolute;
    height: 1px;
    left: 45%;
    right: 45%;
    bottom: 0px;
    border-bottom: 3px solid #fff;
    opacity: 0;
}

.body .culture .ipto>a>.iptz>address {
    width: 100%;
    float: left;
    height: 75px;
    font-size: 20px;
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #B7BDC3;
}

.body .culture .ipto:last-child {
    margin-right: 0px;
}

.body .culture .ipto:hover>a>.iptz {
    bottom: 0;
}

.body .culture .ipto:hover>a>.iptz>b {
    color: #fff;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.body .culture .ipto:hover>a>.iptz>b:after {
    opacity: 1;
}

@media (min-width:1px) and (max-width:1240px) {
    .body .culture {
        padding: 30px 0;
    }

    .body .culture h3 {
        font-size: 24px;
        padding-bottom: 15px;
        margin-bottom: 30px;
    }

    .body .culture .ipto {
        width: 100%;
        margin-bottom: 30px;
    }

    .body .culture .ipto>a>.iptz>b {
        font-size: 20px;
    }

    .body .culture .ipto>a>.iptz>address {
        display: -webkit-box;
    }
}

@media (min-width:1px) and (max-width:767px) {
    .body .culture h3 {
        font-size: 24px;
    }
}

.body .course {
    width: 100%;
    float: left;
    height: auto;
    padding: 60px 0;
}

.body .course h3 {
    font-size: 36px;
    color: #333;
    text-align: center;
    margin-bottom: 60px;
    padding-bottom: 30px;
    position: relative;
}

.body .course h3:after {
    content: "";
    position: absolute;
    height: 1px;
    left: 48%;
    right: 48%;
    bottom: 0px;
    border-bottom: 6px solid #92b207;
}

.body .course .slideBox {
    width: 100%;
    float: left;
    height: auto;
    position: relative;
    padding-bottom: 100px;
}

.body .course .slideBox .hd {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
}

.body .course .slideBox .hd ul {
    display: inline-block;
}

.body .course .slideBox .hd ul li {
    display: inline-block;
    cursor: pointer;
    color: #92b207;
    margin: auto 5px;
}

.body .course .slideBox .hd ul li>i.iconfont {
    font-size: 16px;
    display: inline-block;
    margin-top: 3px;
}

.body .course .slideBox .hd ul li>span {
    font-size: 16px;
    display: none;
}

.body .course .slideBox .hd ul li.on {}

.body .course .slideBox .hd ul li.on>i.iconfont {
    display: none;
}

.body .course .slideBox .hd ul li.on>span {
    display: block;
}

.body .course .slideBox .bd {
    position: relative;
    width: 90%;
    float: left;
    margin-left: 5%;
}

.body .course .slideBox .bd li {
    width: 100%;
    float: left;
    height: auto;
    background: #324256;
}

.body .course .slideBox .bd li>.ipto {
    width: 100%;
    float: left;
    height: auto;
}

.body .course .slideBox .bd li>.ipto>.ipti {
    width: 35%;
    float: left;
    height: auto;
}

.body .course .slideBox .bd li>.ipto>.ipti>a>img {
    width: 100%;
}

.body .course .slideBox .bd li>.ipto>.iptz {
    width: calc(65% - 30px);
    float: right;
    padding: 80px 0px 53px 0px;
    position: relative;
}

.body .course .slideBox .bd li>.ipto>.iptz>a>b {
    width: 80%;
    float: left;
    height: auto;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
}

.body .course .slideBox .bd li>.ipto>.iptz>address {
    width: 80%;
    float: left;
    height: 90px;
    font-size: 16px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #fff;
}

.body .course .slideBox .bd li>.ipto>.iptz>em {
    font-style: normal;
    position: absolute;
    right: 10px;
    bottom: 0px;
    font-size: 100px;
    color: #9DA2AA;
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.body .course .slideBox .prev {
    position: absolute;
    top: calc(45% - 43px);
    left: 0px;
}

.body .course .slideBox .prev>.iconfont {
    font-size: 40px;
}

.body .course .slideBox .next {
    position: absolute;
    top: calc(45% - 43px);
    right: 0px;
}

.body .course .slideBox .next>.iconfont {
    font-size: 40px;
}

@media (min-width:1px) and (max-width:1240px) {
    .body .course {
        padding: 30px 0;
    }

    .body .course h3 {
        font-size: 24px;
        padding-bottom: 15px;
        margin-bottom: 30px;
    }

    .body .course .slideBox {
        padding-bottom: 40px;
    }

    .body .course .slideBox .bd li>.ipto>.ipti {
        width: 100%;
    }

    .body .course .slideBox .bd li>.ipto>.iptz {
        width: 100%;
        padding: 15px 0 15px;
    }

    .body .course .slideBox .bd li>.ipto>.iptz>a>b {
        width: 75%;
        margin-left: 5%;
        font-size: 18px;
    }

    .body .course .slideBox .bd li>.ipto>.iptz>address {
        width: 75%;
        margin-left: 5%;
        font-size: 12px;
    }

    .body .course .slideBox .bd li>.ipto>.iptz>em {
        font-size: 50px;
    }

}

@media (min-width:1px) and (max-width:767px) {
    .body .course h3 {
        font-size: 24px;
    }

    .body .course .slideBox .bd li>.ipto>.iptz>em {
        font-size: 30px;
    }
}

.body .certificate {
    width: 100%;
    float: left;
    height: auto;
    padding: 60px 0;
    background: url("1_16.jpg") no-repeat center center / cover;
}

.body .certificate h3 {
    font-size: 36px;
    color: #333;
    text-align: center;
    margin-bottom: 60px;
    padding-bottom: 30px;
    position: relative;
    color: #fff;
}

.body .certificate h3:after {
    content: "";
    position: absolute;
    height: 1px;
    left: 48%;
    right: 48%;
    bottom: 0px;
    border-bottom: 6px solid #fff;
}

.body .certificate div.orbit-wrapper {
    position: relative;
    overflow: visible;
    width: 100%;
    height: auto;
}

.body .certificate div.orbit {
    position: relative;
    overflow: hidden;
}

.body .certificate div.orbit span {
    display: none;
}

.body .certificate div.orbit a img {
    position: absolute;
    display: block;
    width: 194px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
    padding: 3px;
    border: #ccc 1px solid;
    background: #fff;
}

.body .certificate div.orbit-wrapper h4 {
    display: none;
}

.body .certificate div.timer {
    display: none;
}

.body .certificate div.slider-nav {
    display: block;
}

.body .certificate div.slider-nav span {
    width: 40px;
    height: 38px;
    color: #fff;
    text-align: center;
    position: absolute;
    z-index: 90;
    bottom: 0px;
    cursor: pointer;
    text-indent: -9999px;
}

.body .certificate div.slider-nav span.right {
    right: 45%;
    background: url(slider_right.png);
}

.body .certificate div.slider-nav span.left {
    left: 45%;
    background: url(slider_left.png);
}

@media (min-width:1px) and (max-width:1240px) {
    .body .certificate {
        display: none;
    }
}


.body .team {
    width: 100%;
    float: left;
    height: auto;
    padding: 60px 0;
    background: url("1_19.jpg") no-repeat center center / cover;
}

@media (min-width:1200px) {
    .body .team .container {
        width: 1200px;
    }
}

.body .team h3 {
    font-size: 36px;
    color: #333;
    text-align: center;
    margin-bottom: 60px;
    padding-bottom: 30px;
    position: relative;
}

.body .team h3:after {
    content: "";
    position: absolute;
    height: 1px;
    left: 48%;
    right: 48%;
    bottom: 0px;
    border-bottom: 6px solid #92b207;
}

.body .team .ipto {
    width: calc(25% - 53px);
    float: left;
    height: auto;
    text-align: center;
    margin-right: 30px;
    position: relative;
    border-radius: 5px;
    padding: 40px 15px;
}

.body .team .ipto>a>.ipti {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    margin-bottom: 15px;
}

.body .team .ipto>a>.ipti>img {
    width: 187px;
    height: 187px;
    display: inline-block;
    border-radius: 50%
}

.body .team .ipto>a>.iptz {
    width: 100%;
    float: left;
    height: auto;
    position: relative;
    padding-bottom: 50px;
}

.body .team .ipto>a>.iptz:before {
    content: "";
    position: absolute;
    left: 38%;
    right: 38%;
    bottom: 15px;
    height: 3px;
    border-bottom: 3px solid #fff;
}

.body .team .ipto>a>.iptz>b {
    width: 100%;
    float: left;
    height: auto;
    font-size: 30px;
    color: #fff;
    font-weight: normal;
    font-weight: inherit;
    position: relative;
    margin-bottom: 30px;
    font-size: 30px;
}

.body .team .ipto>a>.iptz>b>span {
    font-size: 20px;
}

.body .team .ipto>a>.iptz>b:after {
    content: "";
    position: absolute;
    height: 1px;
    left: 45%;
    right: 45%;
    bottom: 0px;
    border-bottom: 3px solid #fff;
    opacity: 0;
}

.body .team .ipto>a>.iptz>address {
    width: 86%;
    padding-left: 7%;
    float: left;
    height: auto;
    font-size: 16px;
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #fff;
}

.body .team .ipto:last-child {
    margin-right: 0px;
}

.body .team .ipto:nth-child(2) {
    background: #1e4130;
}

.body .team .ipto:nth-child(3) {
    background: #527c59;
}

.body .team .ipto:nth-child(4) {
    background: #00576f;
}

.body .team .ipto:nth-child(5) {
    background: #65777c;
}

@media (min-width:1px) and (max-width:1240px) {
    .body .team {
        display: none;
    }

    .body .team h3 {
        font-size: 24px;
        padding-bottom: 15px;
        margin-bottom: 30px;
    }

    .body .team .ipto {
        width: calc(100%);
        margin-right: 0px;
    }

}

.body .synopsis {
    width: 100%;
    float: left;
    height: auto;
    padding: 60px 0;
}

.body .synopsis h3 {
    font-size: 36px;
    color: #333;
    text-align: center;
    margin-bottom: 60px;
    padding-bottom: 30px;
    position: relative;
}

.body .synopsis h3:after {
    content: "";
    position: absolute;
    height: 1px;
    left: 47%;
    right: 47%;
    bottom: 0px;
    border-bottom: 6px solid #324256;
}

.body .synopsis .synopsis_cont {
    width: 100%;
    float: left;
    height: auto;
}

.body .synopsis .synopsis_cont p {
    font-size: 16px;
    line-height: 2;
}

@media (min-width:1px) and (max-width:1240px) {
    .body .synopsis {
        padding: 30px 0;
    }

    .body .synopsis h3 {
        font-size: 24px;
        padding-bottom: 15px;
        margin-bottom: 30px;
    }

    .body .course .slideBox {
        padding-bottom: 40px;
    }

    .body .course .slideBox .bd li>.ipto>.ipti {
        width: 100%;
    }

    .body .course .slideBox .bd li>.ipto>.iptz {
        width: 100%;
        padding: 15px 0 15px;
    }

    .body .course .slideBox .bd li>.ipto>.iptz>a>b {
        width: 75%;
        margin-left: 5%;
        font-size: 18px;
    }

    .body .course .slideBox .bd li>.ipto>.iptz>address {
        width: 75%;
        margin-left: 5%;
        font-size: 12px;
    }

    .body .course .slideBox .bd li>.ipto>.iptz>em {
        font-size: 50px;
    }

}

@media (min-width:1px) and (max-width:767px) {
    .body .synopsis h3 {
        font-size: 24px;
    }
}

/*图册*/
.body .gallery {
    width: 100%;
    float: left;
    height: auto;
}

.body .gallery .ipto {
    width: calc(25% - 23px);
    float: left;
    height: auto;
    margin-bottom: 30px;
    margin-right: 30px;
    position: relative;
}

.body .gallery .ipti {
    display: block;
    border: 1px solid #f0f0f0;
}

.body .gallery .ipti img {
    width: 100%;
}

.body .gallery .iptz {
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
    transform: rotate(360deg) scale(0, 0);
    -ms-transform: rotate(360deg) scale(0, 0);
    -moz-transform: rotate(360deg) scale(0, 0);
    -webkit-transform: rotate(360deg) scale(0, 0);
    -o-transform: rotate(360deg) scale(0, 0)
}

.body .gallery .iptz b {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding-top: 30px;
    text-transform: capitalize;
}

.body .gallery .ipto:hover .iptz {
    transform: rotate(360deg) scale(1, 1);
    -ms-transform: rotate(360deg) scale(1, 1);
    -moz-transform: rotate(360deg) scale(1, 1);
    -webkit-transform: rotate(360deg) scale(1, 1);
    -o-transform: rotate(360deg) scale(1, 1);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

@media (min-width:1200px) {
    .body .gallery .ipto:nth-child(4n) {
        margin-right: 0px;
    }

    .body .gallery .ipto:nth-child(4n+1) {
        clear: both;
    }
}

@media (min-width:1px) and (max-width:1199px) {
    .body .gallery .ipto {
        width: calc(50% - 15px);
        margin-bottom: 30px;
    }

    .body .gallery .ipto:nth-child(2n) {
        margin-right: 0px;
    }

    .body .gallery .ipto:nth-child(2n+1) {
        clear: both;
    }

    .body .gallery .iptz b {
        font-size: 14px;
    }
}


/*产品中心*/

/*产品筛选*/
.body .filter {
    width: 100%;
    float: left;
    height: auto;
    padding: 30px 0
}

.body .filter h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 15px;
}

.body .filter h3 i.iconfont {
    color: #3b4958;
    font-size: 20px;
    padding-right: 5px;
    margin-top: 2px;
}

.body .filter .Majorclass {
    width: 300px;
    float: left;
    background: #324256;
    color: #fff;
    padding: 0 10px;
    border-radius: 5px;
    border: 0;
    font-size: 16px;
    margin-right: 15px;
    height: 43px;
    line-height: 43px;
    position: relative;
}

.body .filter .Majorclass>dl {
    width: 100%;
    float: left;
    height: 43px;
    line-height: 43px;
    cursor: pointer;
}

.body .filter .Majorclass>dl>i.iconfont {
    float: right;
}

.body .filter .Majorclass>ul {
    width: 100%;
    float: left;
    height: auto;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 9;
    display: none;
    background: #3b4958;
    border-radius: 5px;
}

.body .filter .Majorclass>ul>li {
    width: 300px;
    float: left;
    height: 43px;
    line-height: 43px;
    cursor: pointer;
    padding: 0 10px;
}

.body .filter .Majorclass>ul>li:hover {
    background: #666;
}

.body .filter .Majorclass>ul>li.active {
    background: #666;
}

.body .filter .Small2 {
    font-size: 16px;
    color: #7a7a7a;
    line-height: 39px;
}

.body .filter .Small2 em {
    font-style: italic;
    color: #3b4958;
    padding-right: 5px;
}

@media screen and (min-width:1px) and (max-width:767px) {
    .body .filter .Majorclass {
        margin-bottom: 15px;
        width: 94%;
        padding: 0 3%;
    }
}

/*产品分类*/
.body .output {
    width: 100%;
    float: left;
    height: auto;
    padding: 30px 0;
}

.body .myScrollspy {
    width: 180px;
    float: left;
    height: auto;
    position: sticky;
    top: 100px;
    left: 0px;
    z-index: 8;
    background: #fff;
    margin-left: -200px;
}

.body .myScrollspy ul {
    padding: 10px 0;
    border-right: 1px solid #dcdcdc;
    background: #fff;
}

.body .myScrollspy ul li {
    position: relative;
    margin-bottom: 20px;
}

.body .myScrollspy ul li:last-child {
    margin-bottom: 0px;
}

.body .myScrollspy ul li a {
    display: block;
    position: relative;
    width: 128px;
    /* height: 34px; */
    font-size: 14px;
    color: #a4a4a4;
    text-align: center;
    line-height: 24px;
    border: 1px solid #bfbfbf;
    padding: 5px;
}

.body .myScrollspy ul li a:after {
    display: none;
    position: absolute;
    content: '';
    bottom: 0;
    top: 0;
    right: -12px;
    margin: auto;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 12px solid #94b200;
}

.body .myScrollspy ul li em {
    position: absolute;
    display: block;
    position: absolute;
    top: 0;
    right: -13px;
    bottom: 0;
    margin: auto;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    border: 6px solid transparent;
}

.body .myScrollspy ul li em:after {
    display: block;
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 14px;
    background: #cecece
}

.body .myScrollspy ul li.on a {
    background: #94b200;
    border: 1px solid #94b200;
    color: #fff;
}

.body .myScrollspy ul li.on a:after {
    display: block;
}

.body .myScrollspy ul li.on em {
    border: 6px solid rgba(147, 178, 0, 0.24);
}

.body .myScrollspy ul li.on em:after {
    background: #94b200
}

@media screen and (min-width:1px) and (max-width:1605px) {
    .body .output {
        padding: 0px 0px 30px 0;
    }

    .body .myScrollspy {
        display: none;
    }
}

.body .output .ipto {
    width: 100%;
    float: left;
    /* height: 488.02px;*/
    overflow: hidden;
    margin-bottom: 30px;
    background: #324256;
    position: relative;
}

.body .output .ipto>.ipti {
    width: calc(100% - 318px);
    float: left;
    height: auto;
    border-right: 5px solid #fff;
}

.body .output .ipto>.ipti>a>img {
    width: 100%;
    float: left;
    height: auto;
}

.body .output .ipto>.iptz {
    width: 253px;
    float: right;
    height: auto;
    padding: 60px 30px 10px 30px;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.body .output .ipto>.iptz>a>b {
    width: 100%;
    float: left;
    height: auto;
    font-size: 22px;
    font-weight: normal;
    font-weight: inherit;
    color: #fff;
    margin-bottom: 15px;
}

.body .output .ipto>.iptz>em {
    width: 100%;
    float: left;
    height: auto;
    color: #cbcbcb;
    font-size: 14px;
    font-style: normal;
}

.body .output .ipto>.iptz>address {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 15px;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.body .output .ipto>.iptz>a.more {
    font-size: 14px;
    color: #324256;
    display: inline-block;
    background: #fff;
    padding: 5px 30px;
    margin-top: 15px;
    border-radius: 10px;
    text-transform: uppercase;
}

.body .output .ipto:hover>.iptz>a.more {
    background: #324256;
    color: #fff;
    border: 1px solid #fff;
}

.body .output .ipto.active>.ipti {
    float: right;
    border-left: 5px solid #fff;
    border-right: 0px;
}

.body .output .ipto.active>.iptz {
    float: left;
    padding: 60px 30px 10px 30px;
}

@media (min-width:1200px) and (max-width:1387px) {
    .body .output .ipto {
        height: 402.27px;
    }
}

@media screen and (min-width:1085px) and (max-width:1199px) {
    .body .output .ipto {
        height: 388.14px;
    }
}

@media screen and (min-width:1px) and (max-width:1084px) {
    .body .output .ipto {
        height: auto;
    }

    .body .output .ipto>.ipti {
        width: 100%;
    }

    .body .output .ipto>.iptz {
        width: 100%;
        text-align: center;
        padding: 15px 0;
    }

    .body .output .ipto>.iptz>address {
        display: none;
    }

    .body .output .ipto.active>.iptz {
        float: left;
        padding: 15px 0px;
    }
}

.body .output>.container {}

/*产品详细*/
.body .outputdetail {
    width: 100%;
    float: left;
    height: auto;
}

.body .outputdetail .detail_tit {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.body .outputdetail .detail_tit span {
    overflow: hidden;
}

.body .outputdetail .detail_tit span>a {
    display: inline-block;
    color: #324256;
    border: 1px solid #eee;
    padding: 7px 35px;
    border-radius: 5px;
    font-size: 17px;
}

.body .outputdetail .detail_tit span:nth-child(1) {
    float: left;
}

.body .outputdetail .detail_tit span:nth-child(2) {
    border: 0;
    font-size: 25px;
}

.body .outputdetail .detail_tit span:nth-child(3) {
    float: right;
}

.body .outputdetail .detail_tit span:nth-child(1):hover {
    background: #324256;
    color: #fff;
    border-radius: 5px;
}

.body .outputdetail .detail_tit span:nth-child(1):hover>a {
    color: #fff;
    border-radius: 5px;
}

.body .outputdetail .detail_tit span:nth-child(3):hover {
    background: #324256;
    color: #fff;
    border-radius: 5px;
}

.body .outputdetail .detail_tit span:nth-child(3):hover>a {
    color: #fff;
    border-radius: 5px;
}

.body .outputdetail .detail_tit span>a>em {
    display: none;
}

.body .outputdetail .detail_cont {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 30px;
}

@media screen and (min-width:1px) and (max-width:767px) {
    .body .outputdetail .detail_tit {
        text-align: left；
    }

    .body .outputdetail .detail_tit span {
        width: 100%;
        float: left;
        height: auto;
        text-align: left;
        margin-bottom: 15px;
    }

    .body .outputdetail .detail_tit span:nth-child(3) {
        font-size: 20px;
        text-align: center;
    }

    .body .outputdetail .detail_tit span:nth-child(2) {
        display: none;
    }

    .body .outputdetail .detail_tit span:nth-child(1) {
        display: none;
    }
}

.body .outputdetail .detail_link {
    width: 100%;
    float: left;
    height: auto;
}

.body .outputdetail .detail_link>a {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 17px;
}

.body .outputdetail .detail_link>a>em {
    color: #84a629;
}

.body .outputdetail .detail_related {
    width: 100%;
    float: left;
    height: auto;
    background: #f1f1f1;
    padding: 30px 0;
}

.body .outputdetail .detail_related>.container>.ipto {
    width: calc(25% - 23px);
    float: left;
    height: auto;
    margin-bottom: 30px;
    margin-right: 30px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

.body .outputdetail .detail_cont p {
    font-size: 16px;
    line-height: 2;
}

.body .outputdetail .detail_related>.container>.ipto>.ipti {
    width: 100%;
    float: left;
    height: auto;
}

.body .outputdetail .detail_related>.container>.ipto>.ipti>a>img {
    width: 100%;
}

.body .outputdetail .detail_related>.container>.ipto>.iptz {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -100px;
    background: #324256;
    padding: 20px;
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.body .outputdetail .detail_related>.container>.ipto>.iptz>a>b {
    width: 100%;
    float: left;
    height: 30px;
    overflow: hidden;
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
}

.body .outputdetail .detail_related>.container>.ipto>.iptz>address {
    width: 100%;
    float: left;
    height: 81px;
    font-size: 14px;
    color: #fff;
    line-height: 27px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    letter-spacing: 2px;
}

.body .outputdetail .detail_related>.container>.ipto:nth-child(4n) {
    margin-right: 0px;
}

.body .outputdetail .detail_related>.container>.ipto:hover>.iptz {
    bottom: 0;
}

@media screen and (min-width:1px) and (max-width:767px) {
    .body .outputdetail .detail_related>.container>.ipto {
        width: calc(100%);
    }

    .body .outputdetail .detail_related>.container>.ipto>.iptz {
        padding: 10px;
    }

    .body .outputdetail .detail_related>.container>.ipto>.iptz>a>b {
        font-size: 14px;
        margin-bottom: 0;
    }
}

/*加入我们*/
.body .joinus {
    width: 100%;
    float: left;
    height: auto;
    background: url("1_21.jpg") no-repeat center center / cover;
    padding: 60px 0;
}

.body .joinus h3 {
    font-size: 36px;
    color: #333;
    text-align: center;
    margin-bottom: 60px;
    padding-bottom: 30px;
    position: relative;
}

.body .joinus h3:after {
    content: "";
    position: absolute;
    height: 1px;
    left: 47%;
    right: 47%;
    bottom: 0px;
    border-bottom: 6px solid #92b207;
}

.body .joinus .ipto {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 30px;
    padding: 20px 0;
    border-radius: 5px;
}

.body .joinus .ipto>.ipti {
    width: 50%;
    float: left;
    height: auto;
}

.body .joinus .ipto>.ipti>img {
    width: 178px;
    float: left;
    height: 178px;
    border-radius: 50%;
    margin-left: 30px;
    margin-right: 30px;
}

.body .joinus .ipto>.ipti>b {
    font-size: 30px;
    display: block;
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
}

.body .joinus .ipto>.ipti>b>span {
    font-weight: normal;
    font-weight: inherit;
    font-size: 17px;
}

.body .joinus .ipto>.ipti>p {
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    display: block;
}

.body .joinus .ipto>.ipti>a {
    background: #21bb1d;
    font-size: 15px;
    color: #fff;
    padding: 5px 20px;
    display: inline-block;
    margin-top: 10px;
    border-radius: 5px;
}

.body .joinus .ipto>.iptz {
    width: 50%;
    float: left;
    height: auto;
    color: #fff;
}

.body .joinus .ipto>.iptz p {
    font-size: 16px;
    line-height: 2;
}

.body .joinus .ipto1 {
    background: url("1_24.png") repeat-y 45% #1e4130;
}

.body .joinus .ipto2 {
    background: url("1_24.png") repeat-y 45% #527c59;
}

.body .joinus .ipto3 {
    background: url("1_24.png") repeat-y 45% #00576f;
}

@media screen and (min-width:1px) and (max-width:767px) {
    .body .joinus {
        padding: 30px 0;
    }

    .body .joinus h3 {
        font-size: 24px;
        margin-bottom: 30px;
        padding-bottom: 15px;
    }

    .body .joinus .ipto>.ipti {
        width: 100%;
        text-align: center;
    }

    .body .joinus .ipto>.ipti>img {
        width: 50%;
        float: left;
        height: auto;
        display: inline-block;
        margin-bottom: 15px;
    }

    .body .joinus .ipto>.ipti>b {
        font-size: 20px;
        display: block;
        float: left;
        padding: 0 15px;
        text-align: left;
    }

    .body .joinus .ipto>.ipti>p {
        font-size: 13px;
        display: block;
        float: left;
        padding: 0 15px;
        text-align: left;
    }

    .body .joinus .ipto>.ipti>a {
        float: right;
        margin-right: 15px;
    }

    .body .joinus .ipto>.iptz {
        width: 100%;
        display: none;
    }

    .body .joinus .ipto:last-child {
        margin-bottom: 0px;
    }

    .body .joinus .ipto1 {
        background: #1e4130;
    }

    .body .joinus .ipto2 {
        background: #527c59;
    }

    .body .joinus .ipto3 {
        background: #00576f;
    }
}


/*联系我们*/
#allmap {
    height: 691px;
    overflow: hidden;
}

.body .touch {
    width: 100%;
    float: left;
    height: auto;
    background: url("1_25.png") no-repeat top center / cover;
    padding: 160px 0 300px 0;
    position: relative;
    z-index: 99;
}

.body .touch h3 {
    font-size: 36px;
    color: #fff;
    text-align: center;
    margin-bottom: 60px;
}

.body .touch .touch_cont {
    width: 70%;
    float: left;
    margin: 0px 10%;
    padding: 5%;
    background: rgba(255, 255, 255, 0.2);
    text-align: center;
}

.body .touch .touch_cont>.ipto {
    width: 32.33%;
    float: left;
    height: auto;
    text-align: center;
}

.body .touch .touch_cont>.ipto>.ipti {
    width: 100%;
    float: left;
    height: auto;
}

.body .touch .touch_cont>.ipto>.ipti>i.iconfont {
    font-size: 70px;
    color: #ADCF18;
}

.body .touch .touch_cont>.ipto>.iptz {
    width: 100%;
    float: left;
    height: auto;
}

.body .touch .touch_cont>.ipto>.iptz>b {
    width: 100%;
    float: left;
    height: auto;
    font-size: 20px;
    color: #fff;
    margin: 10px auto;
}

.body .touch .touch_cont>.ipto>.iptz>p {
    width: 100%;
    float: left;
    height: auto;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 40px;
}

.body .touch .touch_cont>.ipto>.iptz>p>a {
    color: rgba(255, 255, 255, 0.5);
}

@media screen and (min-width:1px) and (max-width:767px) {
    #allmap {
        height: 340px;
    }

    .body .touch .touch_cont>.ipto {
        width: 100%;
        margin-bottom: 30px;
    }
}

/*新闻中心*/
.section-wrap .tidings {
    width: 100%;
    float: left;
    height: 100%;
    position: relative;
}

.section-wrap .tidings>.container {
    position: relative;
    height: 100%;
}

.section-wrap .tidings>.container>.tidings_cont {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
}

.section-wrap .tidings>.container>.tidings_cont .ipto {
    width: calc(33.33% - 48px);
    float: left;
    height: auto;
    background: rgba(255, 255, 255, 0.1);
    margin-right: 11px;
    text-align: center;
    padding: 20px;
}

.section-wrap .tidings>.container>.tidings_cont .ipto>.ipti {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 15px;
}

.section-wrap .tidings>.container>.tidings_cont .ipto>.ipti>a>img {
    max-width: 100%;
    display: inline-block;
}

.section-wrap .tidings>.container>.tidings_cont .ipto>.iptz {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 15px;
}

.section-wrap .tidings>.container>.tidings_cont .ipto>.iptz>a>b {
    width: 100%;
    float: left;
    height: auto;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 15px;
}

.section-wrap .tidings>.container>.tidings_cont .ipto>.iptz>address {
    width: 100%;
    float: left;
    height: 120px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 17px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    letter-spacing: 2px;
}

.section-wrap .tidings>.container>.tidings_cont .ipto>.iptz>a.more {
    background: #a3c547;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 15px;
    text-transform: capitalize;
    display: inline-block;
    margin-top: 15px;
}

.section-wrap .tidings>.container>.tidings_cont .ipto:last-child {
    margin-right: 0px;
}

@media screen and (min-width:1px) and (max-width:1240px) {
    .section-wrap .tidings {
        display: none;
    }
}

.section-wrap .tidings1 {
    width: 100%;
    float: left;
    height: 100%;
    position: relative;
    padding-top: 100px;
}

/*新闻筛选*/
.section-wrap .tidings1 .filter {
    width: 100%;
    float: left;
    height: auto;
    padding: 70px 0 30px 0;
    border-bottom: 1px solid #d5dfe5;
}

.section-wrap .tidings1 .filter h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 15px;
}

.section-wrap .tidings1 .filter h3 i.iconfont {
    color: #3b4958;
    font-size: 20px;
    padding-right: 5px;
    margin-top: 2px;
}

.section-wrap .tidings1 .filter .Majorclass {
    width: 300px;
    float: left;
    background: #324256;
    color: #fff;
    padding: 0 10px;
    border-radius: 5px;
    border: 0;
    font-size: 16px;
    margin-right: 15px;
    height: 43px;
    line-height: 43px;
    position: relative;
}

.section-wrap .tidings1 .filter .Majorclass>dl {
    width: 100%;
    float: left;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
}

.section-wrap .tidings1 .filter .Majorclass>dl>i.iconfont {
    float: right;
}

.section-wrap .tidings1 .filter .Majorclass>ul {
    width: 100%;
    float: left;
    height: auto;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 9;
    display: none;
    background: #3b4958;
    border-radius: 5px;
}

.section-wrap .tidings1 .filter .Majorclass>ul>li {
    width: 300px;
    float: left;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    padding: 0 10px;
}

.section-wrap .tidings1 .filter .Majorclass>ul>li:hover {
    background: #666;
}

.section-wrap .tidings1 .filter .Majorclass>ul>li.active {
    background: #666;
}

.section-wrap .tidings1 .filter .Small2 {
    font-size: 16px;
    color: #7a7a7a;
    line-height: 39px;
}

.section-wrap .tidings1 .filter .Small2 em {
    font-style: italic;
    color: #3b4958;
    padding-right: 5px;
}

@media screen and (min-width:1px) and (max-width:767px) {
    .section-wrap .tidings1 {
        padding: 0;
    }

    .section-wrap .tidings1 .filter .Majorclass {
        margin-bottom: 0px;
        width: 94%;
        padding: 0 3%;
        max-width: 300px;
    }

    .section-wrap .tidings1 .filter {
        padding-top: 115px;
    }

    .section-wrap .tidings1 .filter .container {
        padding: 0px;
    }

    .section-wrap .tidings2 {
        display: none;
    }

}

.section-wrap .tidings1 .swiper-container {
    width: 100%;
    float: left;
    height: auto;
    padding: 20px 0;
    margin: 10px 0px 20px 0;
    text-align: center;
}

.section-wrap .tidings1 .swiper-slide {
    text-align: center;
    font-size: 18px;
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.section-wrap .tidings1 .swiper-container .time {
    width: 250px;
    display: inline-block;
    height: auto;
    color: rgba(50, 66, 86, 0.3);
    font-size: 22px;
    position: relative;
    margin-bottom: 15px;
    opacity: 1;
    padding-bottom: 5px;
}

.section-wrap .tidings1 .swiper-container .time>span {
    color: rgba(50, 66, 86, 1);
    font-size: 44px;
}

.section-wrap .tidings1 .swiper-container .time:before {
    content: "";
    position: absolute;
    left: 25%;
    right: 25%;
    bottom: 0px;
    height: 1px;
    border-bottom: 2px solid #b0bdc8;
}

.section-wrap .tidings1 .swiper-container .time:after {
    content: "";
    position: absolute;
    left: 25%;
    right: 50%;
    bottom: 0px;
    height: 1px;
    border-bottom: 2px solid #324256;
}

.section-wrap .tidings1 .swiper-slide>.ipto {
    width: 100%;
    float: left;
    height: auto;
    /*opacity: 0.5;*/
    padding-bottom: 15px;
}

.section-wrap .tidings1 .swiper-slide>.ipto>.ipti {
    width: 100%;
    float: left;
    height: auto;
}

.section-wrap .tidings1 .swiper-slide>.ipto>.ipti>a>img {
    width: 100%;
    height: auto;
    max-height: 220px;
}

.section-wrap .tidings1 .swiper-slide>.ipto>.iptz {
    width: 80%;
    float: left;
    height: 100px;
    background: #fff;
    padding: 5% 10% 20% 10%;
    text-align: left;
    position: relative;
}

.section-wrap .tidings1 .swiper-slide>.ipto>.iptz>a>b {
    display: block;
    font-size: 20px;
    color: #324256;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.section-wrap .tidings1 .swiper-slide>.ipto>.iptz>address {
    font-size: 15px;
    color: #79b1cd;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.section-wrap .tidings1 .swiper-slide>.ipto>.detail {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    font-size: 14px;
    color: #324256;
    line-height: 30px;
    padding-top: 30px;
    opacity: 0;
}

.section-wrap .tidings1 .swiper-slide>.ipto>.detail>a>img.img {
    display: inline-block;
    padding-top: 30px;
}

.section-wrap .tidings1 .swiper-slide>.ipto>.iptz:before {
    content: "";
    position: absolute;
    left: 25%;
    right: 25%;
    bottom: 30px;
    height: 1px;
    border-bottom: 5px solid #a3c547;
}

.section-wrap .tidings1 .swiper-slide-active>.ipto {
    opacity: 1;
}

.section-wrap .tidings1 .swiper-slide-active>.ipto>.detail {
    opacity: 1;
}

.section-wrap .tidings1 .swiper-pagination {
    display: none;
}

.section-wrap .tidings1 .swiper-button-white {
    width: 40px;
    height: 40px;
}

.section-wrap .tidings1 .swiper-button-prev {
    background: url("ileft.png") no-repeat center center / 100% 100% !important;
    top: inherit;
    bottom: 0px;
    left: 45%;
}

.section-wrap .tidings1 .swiper-button-next {
    background: url("iright.png") no-repeat center center / 100% 100% !important;
    top: inherit;
    bottom: 0px;
    right: 45%;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: inherit;
    top: 0px;
}

.section-wrap .tidings1 .swiper-slide:nth-child(2n) {
    width: 40%;
}

.section-wrap .tidings1 .swiper-slide:nth-child(3n) {
    width: 20%;
}

@media screen and (min-width:1px) and (max-width:1366px) {
    .section-wrap .tidings1 .swiper-slide>.ipto>.iptz {
        padding: 5% 10% 10% 10%;
    }
}

@media screen and (min-width:1px) and (max-width:1240px) {
    .section-wrap .tidings1 .swiper-button-prev {
        left: 25%;
    }

    .section-wrap .tidings1 .swiper-button-next {
        right: 25%;
    }
}

.section-wrap .tidings2 {
    width: 100%;
    float: left;
    height: 100%;
    position: relative;
    padding-top: 80px;
}

.section-wrap .tidings2 h3 {
    font-size: 36px;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 40px;
}

.section-wrap .tidings2 .slideBox {
    width: 100%;
    float: left;
    height: auto;
    overflow: hidden;
    position: relative;
}

.section-wrap .tidings2 .slideBox .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1;
}

.section-wrap .tidings2 .slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.section-wrap .tidings2 .slideBox .hd ul li {
    float: left;
    margin-right: 2px;
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    background: #fff;
    cursor: pointer;
}

.section-wrap .tidings2 .slideBox .hd ul li.on {
    background: #f00;
    color: #fff;
}

.section-wrap .tidings2 .slideBox .bd {
    width: 90%;
    float: left;
    margin-left: 5%;
    position: relative;
    height: 100%;
    z-index: 0;
}

.section-wrap .tidings2 .slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
}

.section-wrap .tidings2 .slideBox .bd li>.ipto {
    width: 100%;
    float: left;
    height: auto;
    position: relative;
}

.section-wrap .tidings2 .slideBox .bd li>.ipto>a>.ipti {
    width: 100%;
    float: left;
    max-height: 530px;
    text-align: center;
}

.section-wrap .tidings2 .slideBox .bd li>.ipto>a>.ipti>img {
    width: 100%;
}

.section-wrap .tidings2 .slideBox .bd li>.ipto>a>.iptz {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -68px;
    padding: 10px 125px;
    background: rgba(50, 66, 86, 0.7);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.section-wrap .tidings2 .slideBox .bd li>.ipto>a>.iptz>address {
    font-size: 18px;
    color: #fff;
    line-height: 20px;
    text-align: center;
}

.section-wrap .tidings2 .slideBox .bd li>.ipto>a>.iptz>address p {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
}

.section-wrap .tidings2 .slideBox .bd li>.ipto:hover>a>.iptz {
    bottom: 0px;
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.section-wrap .tidings2 .slideBox>a.slidemore {
    position: absolute;
    top: 40%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.section-wrap .tidings2 .slideBox>a.slidemore>i.iconfont {
    font-size: 40px;
    display: inline-block;
    color: #a3c547;
}

.section-wrap .tidings2 .slideBox>a.prev {
    left: 0px
}

.section-wrap .tidings2 .slideBox>a.next {
    right: 0px;
}

@media screen and (min-width:1px) and (max-width:1366px) {
    .section-wrap .tidings2 {
        padding: 30px 0;
    }

    .section-wrap .tidings2 h3 {
        font-size: 24px;
        margin-bottom: 30px;
        padding-bottom: 15px;
    }

    .section-wrap .tidings2 .slideBox .bd li>.ipto {
        height: auto;
    }

    .section-wrap .tidings2 .slideBox .bd li>.ipto>a>.ipti {
        height: 370px;
        max-height: inherit;
    }

    .section-wrap .tidings2 .slideBox .bd li>.ipto>a>.iptz {
        padding: 10px;
    }

    .section-wrap .tidings2 .slideBox .bd li>.ipto>a>.iptz>address {
        -webkit-line-clamp: 1;
    }
}

@media screen and (min-width:1px) and (max-width:1240px) {
    .section-wrap .tidings2 {
        padding: 30px 0;
    }

    .section-wrap .tidings2 h3 {
        font-size: 24px;
        margin-bottom: 30px;
        padding-bottom: 15px;
    }

    .section-wrap .tidings2 .slideBox .bd li>.ipto {
        height: auto;
    }

    .section-wrap .tidings2 .slideBox .bd li>.ipto>a>.ipti {
        height: 300px;
        max-height: inherit;
    }

    .section-wrap .tidings2 .slideBox .bd li>.ipto>a>.iptz {
        padding: 10px;
    }

    .section-wrap .tidings2 .slideBox .bd li>.ipto>a>.iptz>address {
        -webkit-line-clamp: 1;
    }
}

/*新闻列表*/
.body .newslist {
    width: 100%;
    float: left;
    height: auto;
    padding: 60px 0;
}

.body .newslist .ipto {
    width: calc(33.33% - 30px);
    float: left;
    height: auto;
    margin-right: 30px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 50px 2px #f5f5f5;
}

.body .newslist .ipto>.ipti {
    width: 100%;
    float: left;
    height: auto;
}

.body .newslist .ipto>.ipti>a>img {
    width: 100%;
}

.body .newslist .ipto>.iptz {
    width: 90%;
    float: left;
    height: auto;
    background: #fff;
    padding: 5%;
}

.body .newslist .ipto>.iptz>a>b {
    display: block;
    font-size: 16px;
    color: #324256;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.body .newslist .ipto>.iptz>em {
    width: 100%;
    float: left;
    height: auto;
    font-size: 14px;
    margin: 5px auto;
}

.body .newslist .ipto>.iptz>address {
    width: 100%;
    float: left;
    height: 60px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    letter-spacing: 2px;
}


/*分页*/
.paging {
    width: 100%;
    display: block;
    text-align: center;
}

.pagination {
    display: inline-block;
    margin: 0px auto;
}

.pagination>li.first,
.pagination>li.last {
    display: none;
}

.pagination>li {
    display: inline;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    margin-left: -1px;
    padding: 9px 14px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #8d8d8d;
    text-decoration: none;
    line-height: 1.42857143;
    border-radius: 2px;
    margin: auto 5px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 3;
    border-color: #ddd;
    background-color: #84a629;
    color: #fff;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 2;
    border-color: #84a629;
    background-color: #84a629;
    color: #fff;
    cursor: default;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    border-color: #ddd;
    background-color: #fff;
    color: #777;
    cursor: not-allowed;
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/*网站地图*/
.body #sitemapnav {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.body #sitemapnav li {
    list-style: none;
}

.body #sitemapnav a {}

.body #sitemapnav .fontbig {
    width: 100% !important;
}

.body #sitemapnav .bigli {
    float: left;
    width: 100%;
    line-height: 35px;
    font-size: 18px;
}

.body #sitemapnav .bigli a {
    font-weight: bold;
    text-transform: capitalize;
}

.body #sitemapnav .bigli a:hover {
    text-decoration: underline;
}

.body #sitemapnav .abli_02 {
    float: left;
    width: 44%;
    margin-left: 5%;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    display: inline;
    font-weight: normal;
}

.body #sitemapnav .abli_02 a:hover {
    text-decoration: underline;
}

.jiange {
    float: left;
    width: 100%;
    height: 2px;
    border-bottom: dashed 1px #d2d2d2;
}

@media screen and (min-width:1px) and (max-width:767px) {
    .body #sitemapnav .abli_02 {
        width: 44%;
    }
}

.probigclass {
    padding-left: 50px;
}

.body #sitemapnav .PROclass_01 {
    float: left;
    width: 95%;
    margin-left: 5%;
    font-size: 16px;
    line-height: 30px;
    display: inline;
    font-weight: bold;
}

.body #sitemapnav .PROclass_02 {
    float: left;
    width: 90%;
    margin-left: 8%;
    font-size: 16px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    display: inline;
    font-weight: normal;
}

.body #sitemapnav .PROclass_01 a {}

.body #sitemapnav .PROclass_02 a {}

.body #sitemapnav .PROclass_01 a:hover {
    text-decoration: underline;
}

.body #sitemapnav .PROclass_02 a:hover {
    text-decoration: underline;
}

.body #sitemapnav .PROclass_03 {
    float: left;
    width: 40%;
    margin-left: 10%;
    color: #666666;
    font-size: 14px;
    display: inline;
    line-height: 20px;
}

.body #sitemapnav .PROclass_03 a:hover {
    text-decoration: underline;
}

.body #sitemapnav .PROclass_04 {
    float: left;
    width: 40%;
    margin-left: 10%;
    display: inline;
}


.body .onSalesman {
    width: 100%;
    float: left;
    height: auto;
    z-index: 99;
    background: #fff;
    border: 1px solid #f0f0f0;
}

.body .onSalesman .onSalesman_i {
    width: 40%;
    float: left;
    height: auto;
}

.body .onSalesman .onSalesman_cont {
    width: 59%;
    float: right;
    height: auto;
    padding: 10px;
    line-height: 24px;
    font-size: 12px;
}

.prolist_ny {
    padding-top: 66px;
}

.prolist_ny ul {
    width: 100%;
    max-width: 750px;
}

.prolist_ny li {
    float: left;
    width: 20%;
    text-align: center;
}

.prolist_ny li a {
    font-size: 16px;
    color: #282828;
    text-transform: uppercase;
    line-height: 50px;
}

.prolist_ny li.active {
    background: url(prolist_title_ny.jpg) no-repeat bottom center;
}

.product_ny {
    background: #f4f4f4;
    padding-top: 66px;
    clear: both;
    overflow: hidden;
    padding-bottom: 140px;
}

.product_ny_ul {
    display: flex;
    flex-wrap: wrap;
}

.product_ny_ul li {
    width: 19%;
    margin: 0 0.5% 18px 0.5%;
    float: left;
    background: #FFF;
    border-radius: 10px;
}

.product_ny_ul li img {
    margin-bottom: 8px;
}

.product_t {
    color: #333333;
    font-size: 17px;
    font-weight: bold;
    margin: 0 10px;
    line-height: 38px;
}

.product_d {
    color: #bdbfbf;
    font-size: 14px;
    line-height: 18px;
    margin: 0 10px;
    font-weight: bold;
}

.product_d span {
    display: block;
    clear: both;
    text-align: right;
}

.pro_bottom {
    border-bottom: 1px solid #ebecec;
    padding: 0 10px;
    margin-top: 17px;
}

.pro_bottom p {
    float: left;
    font-size: 15px;
    color: #bdbfbf;
    background: url(product_t_l.jpg) no-repeat left center;
    padding-left: 17px;
    line-height: 50px;
}

.pro_bottom span {
    float: right;
    font-size: 15px;
    color: #bdbfbf;
    background: url(product_t_r.jpg) no-repeat left center;
    padding-left: 17px;
    line-height: 50px;
}

.product_ny .paging {
    clear: both;
}

.xs_top_css {
    position: absolute;
    right: -70px;
    z-index: 999;
    text-align: center;
}

.xs_top_css p {
    color: #c2c2c2;
    font-size: 17px;
    line-height: 25px;
}

@media (max-width:1400px) {
    .xs_top_css {
        right: 0px;
    }
}

@media (max-width:1200px) {
    .product_ny_ul li {
        width: 24%;
    }
}

@media (max-width:1000px) {
    .pro_bottom p {
        display: none;
    }

    .pro_bottom span {
        float: left;
    }
}

@media (max-width:767px) {
    .product_ny_ul li {
        width: 32%;
        margin: 0 0.65% 18px 0.65%;
    }

    .prolist_ny li {
        width: 33.3%;
    }

    .prolist_ny {
        padding-top: 30px;
    }
}

@media (max-width:425px) {
    .product_ny_ul li {
        width: 48%;
        margin: 0 1% 18px 1%;
    }

    .prolist_ny li {
        width: 50%;
    }


}



.divframe5 .swiper-container {
    width: 100%;
    float: left;
    height: auto;
    padding: 20px 0 100px 0;
}

.divframe5 .swiper-slide {
    font-size: 18px;
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    max-height: 263px;
    overflow: hidden;
}

.divframe5 .ipto {
    width: 100%;
    float: left;
    position: relative;
}

.divframe5 .ipto>.ipti {
    width: 100%;
    float: left;
    height: auto;
}

.divframe5 .ipto>.ipti>a>img {
    width: 100%;
    height: auto;
    max-height: 263px;
}

.divframe5 .ipto>.ipti .iptz {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -62px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background: rgba(59, 73, 88, 0.9);
    text-align: left;
    line-height: 32px;
}

.divframe5 .ipto>.ipti .iptz b {
    font-size: 16px;
    font-weight: normal;
    padding: 15px 30px;
    color: #fff;
    height: 32px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.divframe5 .ipto>.ipti .iptz p {
    font-size: 14px;
    color: #ffffff;
    padding: 0px 30px 20px 30px;
    line-height: 20px;
    height: 40px;
}

.divframe5 .ipto:hover .iptz {
    bottom: 0;
    color: #000;
}



.divframe5 .swiper-slide-active>.ipto {
    opacity: 1;
}

.divframe5 .swiper-button-white {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
}

.divframe5 .swiper-button-prev {
    background: url("home_ileft.png") no-repeat center center / 100% 100% !important;
    top: inherit;
    bottom: 0px;
    left: 43%;
}

.divframe5 .swiper-button-next {
    background: url("home_iright.png") no-repeat center center / 100% 100% !important;
    top: inherit;
    bottom: 0px;
    right: 43%;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: inherit;
    top: 0px;
}

.divframe5 .swiper-slide:nth-child(2n) {
    width: 40%;
}

.divframe5 .swiper-slide:nth-child(3n) {
    width: 20%;
}

@media screen and (min-width:1px) and (max-width:1366px) {
    .section-wrap .tidings1 .swiper-slide>.ipto>.iptz {
        padding: 5% 10% 10% 10%;
    }
}

@media screen and (min-width:1px) and (max-width:1240px) {
    .divframe5 .swiper-button-prev {
        left: 25%;
    }

    .divframe5 .swiper-button-next {
        right: 25%;
    }
}

.pagination li:nth-child(1) {
    display: none;
}

.pagination li:nth-last-child(1) {
    display: none;
}

.pagination li a.onym {
    background: #84a629;
    color: #FFF;
}

/*.lxfs_ny{ background:#f6f6f6; padding:200px 0px 70px 0px; overflow:hidden;   }
.lxfs_ny .container{ background:#FFF;}
.lxfs_ny h3{ font-size:25px; color:#000000; line-height:87px; padding-left:3%; }
.lxfs_title{ width:100%; height:1px; border-bottom:1px solid #dae4be; margin-bottom:25px; }
.lxfs_nr{ margin:0px 3%; overflow:hidden;}
.lxfs_bottom{ margin:45px 2% 85px 2%; overflow:hidden;}
.lxfs_bottom p{ color:#000000; font-size:15px; line-height:30px;}
.lxfs_bottom strong{ line-height:38px; margin-bottom:10px; display:block;}
.lxfs_bottom_left{ float:left; width:50%; margin-top:25px;} 
.lxfs_bottom_right{ float:left; width:50%; margin-top:25px;} 
.lxfs_bottom_right a{ margin-top:24px; display:block; }*/

.lxfs_ny {
    margin-top: -52px;
    z-index: 99;
    position: relative;
    padding-bottom: 80px;
    overflow: hidden;
}

.w1542 {
    width: 1300px;
    margin: 0 auto;
}

.lxfs_top {
    border-radius: 10px;
    background: #96b349;
    overflow: hidden;
    margin-bottom: 63px;
}

.lxfs_top_left {
    float: left;
    width: 42.5%;
}

.lxfs_yd01 {
    border-top-left-radius: 10px;
}

.lxfs_top_right {
    float: right;
    width: 57.5%;
}

.lxfs_top_right img {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    max-width: 100%;
}

.lxfs_top_left_nr {
    padding-left: 10%;
    padding-top: 56px;
}

.lxfs_top_left_nr p {
    font-size: 14px;
    color: #ffffff;
    line-height: 28px;
    margin-bottom: 38px;
    padding-left: 36px;
}

.lxfs_top_left_nr p img {
    margin-left: 15px;
    margin-right: 15px;
    max-width: 100%;
}

.lxfs_top_left_nr01 {
    background: url(lxfs_p01.jpg) no-repeat left center;
}

.lxfs_top_left_nr02 {
    background: url(lxfs_p02.jpg) no-repeat left center;
}

.lxfs_top_left_nr03 {
    background: url(lxfs_p03.jpg) no-repeat left center;
}

.lxfs_top_left_ewm {}

.lxfs_top_left_ewm li {
    float: left;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    margin-right: 60px;
}

.lxfs_top_left_ewm li p {
    padding-left: 0px;
    margin-bottom: 0px;
}

.lxfs_bottom {}

.lxfs_bottom p {
    color: #9fa0a0;
    font-size: 12px;
    float: left;
    line-height: 43px;
    padding-left: 70px;
    padding-right: 50px;
    border-right: 1px solid #9fa0a0;
    margin: 21px 43px 15px 0px;
}

.lxfs_bottom_nr01 {
    background: url(lxfs_bot_y01.jpg) no-repeat left center;
}

.lxfs_bottom_nr02 {
    background: url(lxfs_bot_y02.jpg) no-repeat left center;
}

.lxfs_bottom_nr03 {
    background: url(lxfs_bot_y03.jpg) no-repeat left center;
}

.lxfs_bottom_ewm {}

.lxfs_bottom_ewm li {
    float: left;
    text-align: center;
    color: #9fa0a0;
    font-size: 12px;
    margin-right: 30px;
}

.lxfs_bottom_ewm li p {
    border-right: none;
    padding: 0px;
    float: none;
    margin: 0px;
}

.foot_a {
    width: 232px !important;
    margin: 0 auto;
    float: none !important;
    overflow: hidden;
    padding-top: 10px;
}

.foot_a a {
    display: block;
    width: 28px;
    height: 28px;
    float: left;
    margin: auto 15px;
}

.foot_a01 {
    background: url(foot_a01.png) no-repeat center center #41444a;
    border-radius: 50%;
}

.foot_a01:hover {
    background: url(foot_a01_h.png) no-repeat center center #41444a;
    border-radius: 50%;
}

.foot_a02 {
    background: url(foot_a02.png) no-repeat center center #41444a;
    border-radius: 50%;
}

.foot_a02:hover {
    background: url(foot_a02_h.png) no-repeat center center #41444a;
    border-radius: 50%;
}

.foot_a03 {
    background: url(foot_a03.png) no-repeat center center #41444a;
    border-radius: 50%;
}

.foot_a03:hover {
    background: url(foot_a03_h.png) no-repeat center center #41444a;
    border-radius: 50%;
}

.foot_a04 {
    background: url(foot_a04.png) no-repeat center center #41444a;
    border-radius: 50%;
}

.foot_a04:hover {
    background: url(foot_a04_h.png) no-repeat center center #41444a;
    border-radius: 50%;
}

@media (max-width: 1300px) {
    .w1542 {
        width: 100%;
    }

}

@media (min-width:1000px) and (max-width:1240px) {
    .lxfs_top_left_nr {
        padding-top: 30px;
        padding-left: 4%;
    }

    .lxfs_top_left_nr p {
        margin-bottom: 20px;
    }

    .lxfs_bottom_ewm {
        clear: both;
    }


}

@media (min-width:767px) and (max-width:1000px) {
    .lxfs_yd01 {
        display: none;
    }

    .lxfs_top_left_ewm li {
        margin-right: 40px;
    }

    #allmap {
        height: 500px;
    }

}

@media (min-width:1px) and (max-width:767px) {
    .lxfs_yd01 {
        width: 100%;
    }

    .lxfs_top_right {
        width: 100%;
    }

    .lxfs_top_left {
        width: 100%;
    }

    .lxfs_top_right img {
        border-top-right-radius: 0px;
    }

    .lxfs_bottom p {
        float: none;
        border-right: none;
        padding-right: 0px;
        margin-right: 0px;
    }

    #allmap {
        height: 400px;
    }
}

@media (min-width:1px) and (max-width:425px) {
    .lxfs_top_left_ewm li {
        margin-right: 30px;
    }


}