@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg') format('svg');
}

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

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

body {
    font-size: 14px;
    color: #555;
    font-family: "Microsoft YaHei", Arial, Tahoma, sans-serif;
    overflow-x: hidden;
}

body,
ul,
ol,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
i,
b,
em,
span,
form,
fieldset,
legend,
input,
textarea,
select,
button,
th,
td {
    margin: 0;
    padding: 0;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    list-style: none;
}

input,
select,
button,
textarea {
    font-size: 14px;
    border: 0;
    background: none;
    outline: none;
    vertical-align: middle;
    font-family: "Microsoft YaHei", Arial, Tahoma, sans-serif;
}

button {
    overflow: visible
}

img {
    border: none;
}

li {
    list-style: none;
}

a {
    color: #000;
    text-decoration: none;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

a:hover {
    color: rgb(217, 177, 104);
    text-decoration: none !important;
}

.clear {
    overflow: hidden;
    clear: both;
    height: 0px;
}

 ::-webkit-scrollbar {
    width: 6px;
}

 ::-webkit-scrollbar-track {
    background-color: #000;
}

 ::-webkit-scrollbar-thumb {
    background-color: #aaa;
}

 ::-webkit-scrollbar-thumb:hover {
    background-color: #5b5b5b;
}

 ::-webkit-scrollbar-thumb:active {
    background-color: #00b7ee;
}

@media only screen and (max-width:1024px) {
    body {
        font-size: 13px;
    }
    input,
    select,
    button,
    textarea {
        font-size: 13px;
    }
    input,
    textarea {
        -webkit-appearance: none;
        border-radius: 0;
    }
}

@media only screen and (max-width:1024px) {
    html.on {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        overflow: hidden;
    }
}

body {
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

@media only screen and (max-width:1024px) {
    .sj_bj {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .5);
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        z-index: 99999;
        display: none;
    }
}

.header {
    width: 100%;
    background-color: rgba(255, 255, 255, .7);
    /* position: fixed; */
    position: relative;
    top: 0;
    left: 0;
    z-index: 9999;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

@media (min-width: 1200px) {
    .header .container {
        /* width: 1400px; */
        max-width: 1400px;
    }
}

.header.on {
    background-color: rgba(255, 255, 255, .8);
    border-bottom: rgba(0, 0, 0, 0);
    box-shadow: 0 0 10px #000;
}

.sy_timu {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.header .logo {
    float: left;
    margin-top: 16px;
    position: relative;
    /* width: 5%; */
    margin: 10px 0;
}

.header .logo img {
    width: 100%;
    height: auto;
    display: block;
}

.header .logo span {
    font-size: 24px;
    color: #0f1d44;
}

.header .sy_gsm h5 {
    font-size: 27px;
    color: #333333;
    line-height: 88px;
    font-weight: bold;
    margin-top: 18px;
}

.header .sy_gsm {
    float: left;
    margin-left: 14px;
    display: none;
}

.header .an {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 15px;
    height: 22px;
    width: 30px;
    display: none;
}

.header .an span {
    width: 30px;
    height: 2px;
    background-color: #fff;
    display: block;
    position: absolute;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.header .an span.a1 {
    top: 0;
    left: 0;
}

.header .an span.a2 {
    top: 10px;
    left: 0;
}

.header .an span.a3 {
    top: 20px;
    left: 0;
}

.header .an.n span.a2 {
    display: none;
}

.header .an.n span.a1 {
    top: 10px;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.header .an.n span.a3 {
    top: 10px;
    transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.header .language {
    float: right;
    height: 32px;
    text-align: center;
    line-height: 32px;
    color: #4aa635;
    margin-top: 34px;
    margin-left: 25px;
    cursor: pointer;
    position: relative;
    z-index: 9;
}

.header .language .l_m .on {
    color: #4aa635;
    font-weight: bold;
}

.header.on .language {
    color: #4aa635;
}

.header .language .l_m i {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
    color: #4aa635;
}

.language .l_m .y_w {
    color: #000;
}

.header .language .x_l {
    width: 120px;
    padding-top: 8px;
    position: absolute;
    top: 58px;
    left: 50%;
    margin-left: -60px;
    display: none;
}

.header .language .x_l:before {
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 8px solid #4aa635;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -10px;
}

.header .language .x_l ul {
    padding: 5px 15px;
    background-color: #4aa635;
}

.header .language .x_l ul li a {
    color: #ddd;
    line-height: 36px;
    display: block;
}

.header .language .x_l ul li a:hover {
    color: #4aa635;
}


/*导航*/

.head_nav {
    float: right;
}

.head_nav ul li {
    /* width: 100px; */
    float: left;
    margin: 0 15px;
    text-align: center;
    position: relative;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.head_nav ul li .navA {
    position: relative;
    line-height: 20px;
    padding-top: 41px;
    padding-bottom: 23px;
}

.head_nav ul li:hover .navTwo {
    display: block;
}

.head_nav ul li .navA a {
    padding: 0 6px;
    display: block;
    color: 3333333;
    font-size: 16px;
}

.head_nav ul li .navA span {
    font-size: 12px;
    text-transform: uppercase;
    display: block;
}

.head_nav ul li:after {
    width: 0;
    height: 5px;
    background-color: #4aa635;
    position: absolute;
    left: 50%;
    top: 103%;
    content: "";
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

.head_nav ul li:hover:after {
    width: 100%;
}

.head_nav ul li.on:after {
    width: 100%;
}

.head_nav ul li .top_down {
    display: none;
}

.head_nav ul li .navTwo {
    display: none;
    position: absolute;
    left: 50%;
    top: 107%;
    width: 250px;
    margin-left: -125px;
    text-align: center;
    background: #fff;
    z-index: 9;
}

.head_nav ul li .navTwo dd {
    margin-bottom: auto;
    border-bottom: solid 1px #eceff2;
}

.head_nav ul li .navTwo a {
    font-size: 14px !important;
    line-height: 20px !important;
    color: #0f1d44;
    display: block;
    padding: 10px 0;
}

.head_nav ul li .navTwo dd:hover a {
    background: #4aa635;
    color: #fff;
}

@media only screen and (max-width:1300px) {
    .header .logo img {
        width: 77%;
    }
    .head_nav ul li {
        margin: 0px 8px;
    }
    .head_nav ul li .navA {
        line-height: 20px;
        padding-top: 41px;
        padding-bottom: 23px;
    }
    .header .sy_gsm h5 {
        font-size: 20px;
        color: #333333;
        line-height: 88px;
        font-weight: bold;
        margin-top: 3px;
    }
    .header .language {
        margin-top: 36px;
        margin-left: 25px;
    }
}

@media only screen and (max-width:1200px) {
    .head_nav ul li {
        float: left;
        margin: 0 0px;
        text-align: center;
        padding: 5px 0px;
    }
    .header .sy_gsm h5 {
        display: none;
    }
    .header .logo {
        margin-top: 0;
    }
    /* .header .logo {
        margin-top: 16px;
        width: 11%;
        left: -5%;
    } */
    /* .header .sy_gsm h5 {
        font-size: 21px;
        line-height: 61px;
        margin-top: 18px;
        left: 13%;
        position: absolute;
    } */
    /* .header .language {
        float: right;
        height: 32px;
        text-align: center;
        line-height: 32px;
        color: #4aa635;
        margin-top: 49px;
        margin-left: 25px;
        cursor: pointer;
        position: relative;
        z-index: 9;
        right: -5%;
    }
    .head_nav {
        float: right;
         position: absolute;
        position: relative;
        right: -4%;
    }
    .head_nav ul li:after {
        left: 50%;
        top: 95%;
    }
    .head_nav ul li .navTwo {
        left: 50%;
        top: 100%;
    } */
    .head_nav ul li .navA {
        line-height: 20px;
        padding-top: 35px;
        padding-bottom: 9px;
    }
}

@media only screen and (max-width:1024px) {
    .header .sy_gsm h5 {
        display: block;
    }
    /*导航*/
    .top_butt {
        display: block;
        float: right;
        margin-top: 33px;
        width: 30px;
        height: 30px;
        z-index: 99999;
    }
    .top_butt .bar {
        width: 30px;
        height: 2px;
        display: block;
        background: #666666;
        margin: 6px 0;
        border-radius: 25px;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    .cross .bar:nth-of-type(1) {
        -webkit-transform: translateY(13.5px) rotate(-40.5deg);
        -ms-transform: translateY(13.5px) rotate(-40.5deg);
        transform: translateY(8px) rotate(-40.5deg);
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    .cross .bar:nth-of-type(2) {
        opacity: 0;
    }
    .cross .bar:nth-of-type(3) {
        -webkit-transform: translateY(-15px) rotate(45deg);
        -ms-transform: translateY(-15px) rotate(45deg);
        transform: translateY(-8px) rotate(45deg);
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    .head_nav {
        width: 38%;
        height: 100%;
        position: fixed;
        top: 0;
        left: -100%;
        opacity: 0;
        margin-top: auto;
        background: rgba(8, 13, 18, 0.8);
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        z-index: 99998;
    }
    .head_nav ul {
        width: 100%;
        height: 98%;
        /* overflow-x: hidden;
        overflow-y: auto; */
    }
    .head_nav ul li {
        padding: 0px 0px;
        width: 100%;
        height: auto;
        background: no-repeat;
        margin: 0;
        border-bottom: solid 1px rgba(255, 255, 255, 0.2);
    }
    .head_nav ul li:hover {
        background: none;
    }
    .head_nav ul li .navA {
        float: left;
        width: 100%;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .head_nav ul li:hover .navTwo {
        display: none;
    }
    .head_nav ul li:hover .navA:after {
        content: none;
    }
    .head_nav ul li.on .navA:after {
        content: none;
    }
    .head_nav ul li .navA span {
        display: none;
    }
    .head_nav ul li .navA a {
        float: left;
        margin-left: 20px;
        line-height: 50px;
        color: #fff;
    }
    .head_nav ul li .top_down {
        display: block;
        width: 40%;
        line-height: 54px;
        text-align: right;
        color: #fff;
        position: absolute;
        right: 23px;
        top: 8px;
    }
    .head_nav ul li .navTwo {
        display: none;
        width: 86%;
        float: left;
        margin-left: 5%;
        background: none;
        position: relative;
        left: auto;
        top: auto;
    }
    .head_nav ul li .navTwo dd {
        border-bottom: solid 1px rgba(255, 255, 255, 0.3);
    }
    .head_nav ul li .navTwo dd a {
        display: block;
        /* float: left; */
        margin-left: 10px;
        color: #fff;
        text-align: left;
    }
    .head_nav ul li .navTwo dd:hover a {
        background: rgba(0, 0, 0, 0);
        color: #fff;
    }
    .head_nav ul li .navTwo dd:last-child {
        border-bottom: none;
    }
    .head_nav ul li .navTwo dd:hover {
        background: none;
    }
    .head_nav_on {
        left: 0;
        opacity: 1;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        z-index: 99999;
    }
    .head_nav ul li:after {
        display: none;
    }
}

@media only screen and (max-width:992px) {
    .head_nav {
        width: 73%;
    }

}

@media only screen and (max-width: 540px) {
    .head_nav ul li .navA a {
        float: left;
        margin-left: 20px;
        line-height: 32px;
        color: #fff;
        font-size: 15px;
    }
    .head_nav ul li .top_down {
        display: block;
        width: 40%;
        line-height: 35px;
        text-align: right;
        color: #fff;
        position: absolute;
        right: 20px;
        top: 8px;
    }
    .head_nav ul li .navTwo dd a {
        margin-left: 21px;
    }
}


/*nav-lao*/

.header .nav {
    float: right;
}

.header .nav ul {
    float: left;
}

.header .nav ul li {
    margin: 0 20px;
    float: left;
    position: relative;
}

.header .nav ul li:after {
    width: 0;
    height: 2px;
    /* background-color: #00b7ee; */
    position: absolute;
    left: 50%;
    bottom: 0;
    content: "";
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

.header .nav ul li:hover:after {
    width: 100%;
}

.header .nav ul li.on:after {
    width: 100%;
}

.header .nav .y_j {
    position: relative;
}

.header .nav .y_j i {
    display: none;
}

.header .nav .y_j a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    line-height: 100px;
}

.e_j {
    width: 150px;
    padding: 10px 0;
    background-color: #fff;
    box-shadow: 0 0 5px #aaa;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.header .nav ul li:hover .e_j {
    opacity: 1;
    visibility: inherit;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

.header .nav .e_j a {
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    display: block;
}

.e_j a:hover .e_j {
    background-color: rgba(255, 255, 255, .5);
}


.yiji_bg i {
    display: none;
}

@media only screen and (max-width:1200px) {
    .header .nav ul li {
        margin: 0px 7px;
        float: left;
        position: relative;
    }
    .header .logo img {
        width: 100%;
        height: auto;
        display: block;
    }
}

@media only screen and (max-width:1024px) {
    .header .language {
        line-height: 32px;
        margin-top: 33px;
        margin-left: 0;
        margin-right: 29px;
    }
    .header .sy_gsm h5 {
        font-size: 28px;
        color: #0f1d44;
        font-weight: bold;
        line-height: 101px;
    }
    .header {
        background-color: #fff;
        border-bottom: 0;
        top: auto;
        left: auto;
        padding-left: 0;
    }
    .header .logo {
        width: 15%;
        margin: 12px 0;
    }
    .header .sy_gsm h5 {
        line-height: 83px;
        margin-top: 0;
    }
    .header .sy_gsm h5 {
        line-height: 95px;
    }
    .header .logo img {
        width: 100%;
    }
    .header .an {
        display: block;
        right: 39px;
    }
    .header .nav {
        width: 60%;
        padding: 10px 5% 0px;
        margin: 0px;
        background-color: rgb(20, 20, 20);
        height: 100%;
        position: fixed;
        display: none;
        z-index: 9999;
        overflow: auto;
        transition: all 0.5s ease 0s;
    }
    .header .on .nav {
        width: 60%;
        padding: 10px 5% 0px;
        margin: 0px;
        background-color: rgb(20, 20, 20);
        height: 100%;
        position: fixed;
        display: block;
        z-index: 9999;
        overflow: auto;
        transition: all 0.5s ease 0s;
    }
    .header .nav ul {
        width: 100%;
        float: none;
    }
    .header .nav ul li {
        width: 100%;
        height: auto;
        line-height: 50px;
        text-align: left;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        float: none;
        padding: 5px 0;
        margin: 0;
    }
    .header .nav ul li:after {
        display: none;
    }
    .header .nav .y_j i {
        display: block;
        width: 100%;
        padding-right: 10px;
        position: absolute;
        top: 0;
        right: 0%;
        font-size: 14px;
        text-align: right;
        color: #fff;
        line-height: 50px;
        z-index: 99;
    }
    .header .nav .y_j a {
        line-height: 50px;
        color: #fff;
    }
    .header .nav ul li:hover .y_j a {
        color: #fff;
    }
    .header .nav ul li.on .y_j a {
        color: #fff;
    }
    .header .nav .e_j {
        width: 100%;
        background: none;
        box-shadow: none;
        position: relative;
        left: auto;
        top: auto;
        padding: 5px 0;
        margin-left: 0;
        opacity: 1;
        visibility: inherit;
        display: none;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transition: none;
        -o-transition: none;
        -ms-transition: none;
        -moz-transition: none;
        -webkit-transition: none;
    }
    .header .nav ul li:hover .e_j {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
    .header .nav .e_j a {
        line-height: 32px;
        text-align: left;
        color: #fff;
        margin-left: 10px;
    }
}

@media only screen and (max-width:992px) {
    .header .logo {
        width: 22%;
        margin: 15px 0;
    }
}

@media only screen and (max-width:768px) {
    .header .sy_gsm h5 {
        display: none;
    }
    .language .l_m a {
        display: none;
    }
    .language .y_w {
        display: none;
    }
    .cp_yiji ul li {
        margin-top: 6px;
        display: none;
    }
    .yiji_bg i {
        font-size: 20px;
        color: #fff;
        display: inline;
        position: absolute;
        left: 88%;
    }
    .yiji_bg::after{
        display: none;
    }
}

@media only screen and (max-width:640px) {
    .header .an {
        right: 15px;
    }
    .header .logo {
        width: 84px;
        margin: 12px 0;
    }
    .header .sy_gsm h5 {
        line-height: 45px;
        font-size: 15px;
    }
    .top_butt {
        margin-top: 20px;
    }
    .x_l {
        display: block;
    }
    .language .y_w {
        display: none;
    }
    .header .language {
        line-height: 32px;
        margin-top: 15px;
        margin-left: 8px;
        margin-right: 13px;
    }
    .top_butt .bar {
        width: 21px;
        height: 1px;
        display: block;
        background: #666666;
        margin: 4px 0;
        border-radius: 25px;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    .cross .bar:nth-of-type(1) {
        -webkit-transform: translateY(13.5px) rotate(-40.5deg);
        -ms-transform: translateY(13.5px) rotate(-40.5deg);
        transform: translateY(2px) rotate(-42.5deg);
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    .header .language .x_l {
        width: 120px;
        padding-top: 8px;
        position: absolute;
        top: 34px;
        left: 50%;
        margin-left: -60px;
        display: none;
    }
    .header .language .x_l ul {
        padding: 5px 15px;
        background-color: #4aa635;
    }
}

@media only screen and (max-width: 450px) {
    .top_butt {
        margin-top: 22px;
    }
}

@media only screen and (max-width:320px) {
    .top_butt {
        margin-top: 19px;
    }
    .header .sy_gsm h5 {
        line-height: 53px;
        font-size: 12px;
    }
    .header .language {
        line-height: 32px;
        margin-top: 13px;
        margin-left: 8px;
        margin-right: 13px;
    }
}

.pc_ban {
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
}

.pc_ban .swiper-slide:after {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .1);
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
}

.pc_ban .swiper-button-prev {
    font-size: 60px;
    color: #fff;
    font-weight: bold;
    width: 40px;
    height: 40px;
    background: url(../image/ban_l.png) no-repeat center;
    left: 0%;
    margin-top: -20px;
    opacity: 0;
    background-size: 40px 40px;
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -ms-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.pc_ban .swiper-button-prev:hover {
    color: #4aa635;
}

.pc_ban:hover .swiper-button-prev {
    left: 10%;
    opacity: .8;
}

.pc_ban .swiper-button-next {
    font-size: 60px;
    color: #fff;
    font-weight: bold;
    width: 40px;
    height: 40px;
    background: url(../image/ban_r.png) no-repeat center;
    right: 0%;
    margin-top: -20px;
    opacity: 0;
    background-size: 40px 40px;
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -ms-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.pc_ban .swiper-button-next:hover {
    color: #4aa635;
}

.pc_ban:hover .swiper-button-next {
    right: 10%;
    opacity: .8;
}

.pc_ban .swiper-pagination-bullet {
    width: 40px;
    height: 3px;
    border-radius: 0;
}

.pc_ban .swiper-pagination-bullet-active {
    background-color: rgba(255, 255, 255);
}

.pc_ban .container {
    position: absolute;
    top: 55%;
    left: 50%;
    z-index: 99;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.pc_ban .swiper-wrapper .swiper-slide {
    background-size: cover;
}

.pc_ban .w_z {
    width: 80%;
    margin: 0 auto;
    color: #333333;
    /* text-align: center; */
    position: relative;
    line-height: 177px;
}

.pc_ban .w_z h2 {
    font-size: 31px;
    /* line-height: 40px; */
    color: #333333;
    font-weight: bold;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.pc_ban .w_z p {
    font-size: 31px;
    color: #333333;
    line-height: 39px;
    font-weight: bold;
}

.pc_ban .w_z a {
    color: #4aa635;
    font-size: 16px;
    border: #4aa635 1px solid;
    border-radius: 14px;
    padding: 14px 50px;
}

.pc_ban .w_z a i {
    color: #4aa635;
    font-size: 16px;
}

.pc_ban .w_z a:hover {
    background-color: #4aa635;
    color: #fff;
}

@media only screen and (max-width:1024px) {
    .pc_ban {
        height: 31vh;
        min-height: inherit;
    }
    .pc_ban .w_z ul li {
        display: inline;
        border-left: #fff 4px solid;
        font-size: 17px;
        line-height: 20px;
        margin-top: 15px;
        padding-left: 16px;
        padding-right: 12px;
    }
    /* .header .logo {
        width: 19%;
        margin: 12px 0;
    } */
    .pc_ban .swiper-button-prev {
        display: none;
    }
    .pc_ban .swiper-button-next {
        display: none;
    }
    .pc_ban .swiper-pagination {
        bottom: 10px;
    }
    .pc_ban .swiper-pagination-bullet {
        width: 30px;
        height: 2px;
    }
    .pc_ban .w_z {
        width: 100%;
        margin-top: 50px;
    }
    .pc_ban .w_z h2 {
        font-size: 33px;
        /* font-weight: normal; */
        line-height: 32px;
    }
    .pc_ban .w_z p {
        font-size: 17px;
        letter-spacing: 1px;
        line-height: 65px;
    }
    .pc_ban .w_z .n_r {
        width: 130px;
        height: 44px;
        margin: 30px auto 0;
    }
    .pc_ban .w_z .n_r a {
        font-size: 14px;
        line-height: 40px;
    }
    .pc_ban .w_z a {
        font-size: 14px;
        padding: 11px 29px;
    }
}

@media only screen and (max-width:640px) {
    .pc_ban .w_z a {
        font-size: 12px;
        padding: 7px 9px;
    }
    .pc_ban .w_z {
        width: 100%;
        margin-top: 5px;
        line-height: 94px;
    }
    .pc_ban .w_z h2 {
        font-size: 20px;
        font-weight: bold;
        line-height: 24px;
        margin-top: 10px;
    }
    .pc_ban .w_z p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 8px;
    }
    .pc_ban .w_z .n_r {
        display: none;
    }
    .pc_ban .w_z ul li {
        display: inline;
        border-left: #fff 4px solid;
        font-size: 17px;
        line-height: 20px;
        margin-top: 15px;
        padding-left: 10px;
        padding-right: 3px;
    }
    .pc_ban {
        height: 250px;
        min-height: inherit;
    }
}

@media only screen and (max-width: 414px) {
    .pc_ban .w_z ul li {
        border-left: #fff 2px solid;
        font-size: 14px;
        margin-top: 15px;
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media only screen and (max-width:411px) {
    .pc_ban .w_z ul li {
        display: inline;
        border-left: #fff 3px solid;
        font-size: 17px;
        line-height: 20px;
        margin-top: 15px;
        padding-left: 4px;
        padding-right: 0px;
    }
}

@media only screen and (max-width:360px) {
    .header .logo {
        width: 24%;
        margin: 12px 0;
        margin-top: 12px;
    }
    .pc_ban .w_z h2 {
        font-size: 20px;
        font-weight: bold;
        line-height: 28px;
    }
    .pc_ban .w_z ul li {
        display: inline;
        border-left: #fff 1px solid;
        font-size: 9px;
        line-height: 20px;
        margin-top: 15px;
        padding-left: 6px;
        padding-right: 6px;
    }
}


/* 首页内容 */


/* 公共标题 */

.gg_bt {
    text-align: center;
    padding-top: 77px;
}

.gg_bt h5 {
    font-size: 35px;
    font-weight: bold;
    color: #333333;
    position: relative;
    margin-bottom: 60px;
}

.gg_bt h5::after {
    position: absolute;
    width: 92px;
    height: 4px;
    background-color: #4aa635;
    content: "";
    top: 136%;
    left: 46.3%;
}

.gg_bt h6 {
    font-size: 20px;
    color: #333333;
    line-height: 94px;
}


/* 公共标题结束 */

@media only screen and (max-width:992px) {
    .gg_bt {
        text-align: center;
        padding-top: 30px;
    }
    .gg_bt h5 {
        font-size: 31px;
    }
    .gg_bt h5::after {
        top: 136%;
        left: 43.3%;
    }
    .gg_bt h6 {
        font-size: 18px;
        line-height: 77px;
    }
}

@media only screen and (max-width:640px) {
    .gg_bt {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .gg_bt h5 {
        font-size: 23px;
    }
    .gg_bt h5::after {
        width: 49px;
        height: 2px;
        top: 136%;
        left: 44.3%;
    }
    .gg_bt h6 {
        font-size: 14px;
        line-height: 52px;
    }
}


/* 产品应用领域  */

.tu_y {
    width: 29%;
    /* background-color: #4aa635; */
    height: 100%;
    float: left;
    border: rgba(0, 0, 0, 0) 1px solid;
}

.y_fd {
    width: 100%;
    overflow: hidden;
}

.tu_y img {
    width: 100%;
    cursor: pointer;
    transition: all 1s;
}

.tu_y img:hover {
    transform: scale(1.1);
}

.tu_y .ty_y_zi {
    width: 100%;
    background-color: #fafafa;
    font-size: 16px;
    color: #fafafa;
    line-height: 32px;
    text-align: center;
    transition: all .6s;
padding:10px 0;
}

.tu_y:hover {
    border: #4aa635 1px solid;
}

.tu_y .ty_y_zi a {
    color: #333333;
}

.tu_y .ty_y_zi:hover a {
    color: #fafafa;
}

.tu_z {
    float: right;
    height: 100%;
    width: 70%;
}

.tu_z img {
    width: 100%;
    cursor: pointer;
    transition: all 1s;
}

.z_nr1 .y_fd {
    overflow: hidden;
}

.z_nr1 .y_fd img:hover {
    transform: scale(1.1);
}

.tu_z .ty_z_zi {
    width: 100%;
    line-height: 30px;
    background-color: #fafafa;
    text-align: center;
    transition: all .6s;
   padding:10px 0;
}

.tu_y:hover .ty_y_zi {
    background-color: #4aa635;
}

.tu_z .ty_z_zi a {
    font-size: 16px;
    color: #333333;
}

.tu_y:hover .ty_y_zi a {
    color: #fafafa;
}

.z_nr1 {
    border: rgba(0, 0, 0, 0) 1px solid;
    transition: all 1s;
}

.z_nr1:hover {
    border: #4aa635 1px solid;
}

.z_nr1:hover .ty_z_zi {
    background-color: #4aa635;
}

.z_nr1:hover .ty_z_zi a {
    color: #fff;
}

.tu_z .z_nr:nth-child(1) {
    margin-bottom: 10px;
}

.tu_z .z_nr:nth-child(2) {
    margin-bottom: 10px;
}

.tu_z .z_nr:nth-child(3) {
    margin-bottom: 10px;
}

@media only screen and (max-width:992px) {
    .tu_y {
        width: 100%;
        float: none;
    }
    .cpyy_tu .y_fd {
        height: 300px;
    }
    .tu_z {
        float: none;
        height: 100%;
        width: 100%;
        margin-top: 10px;
    }
    .z_nr1 .y_fd {
        height: 100%;
    }
}

@media only screen and (max-width:640px) {
    .cpyy_tu .y_fd {
        height: 256px;
    }
    .tu_y {
        width: 100%;
        /* height: 250px; */
        float: none;
    }
    .tu_y .ty_y_zi {
        font-size: 15px;
        line-height: 44px;
    }
    .tu_z {
        float: none;
        width: 100%;
    }
    .tu_z img {
        height: 100%;
        /* height: 250px; */
    }
    .tu_z .ty_z_zi a {
        font-size: 15px;
    }
    .tu_z .ty_z_zi {
        line-height: 44px;
    }
    .tu_z .z_nr {
        margin-top: 10px;
    }
    .tu_z .z_nr:nth-child(1) {
        margin-bottom: 0;
    }
    .tu_z .z_nr:nth-child(2) {
        margin-bottom: 0;
    }
    .tu_z .z_nr:nth-child(3) {
        margin-bottom: 0;
    }
}

.sy_cpyy .cpyy_xbg {
    margin-top: 80px;
    width: 100%;
    padding: 55px 0;
    background: url(../image/ly_bg01.jpg) no-repeat center / cover fixed;
    overflow: hidden;
}

.sy_cpyy .cpyy_xbg .xbg_z {
    padding: 0px 35px 31px 31px;
    background-color: #fff;
}

.sy_cpyy .cpyy_xbg h6 {
    font-size: 20px;
    color: #333333;
    position: relative;
    line-height: 100px;
}

.sy_cpyy .cpyy_xbg h6::after {
    position: absolute;
    content: "";
    width: 93px;
    height: 4px;
    background-color: #4aa635;
    top: 83%;
    left: 0%;
}

.sy_cpyy .cpyy_xbg .z_wz {
    font-size: 14px;
    color: #333333;
    margin-bottom: 35px;
    line-height: 27px;
    margin-top: 10px;
    word-break: keep-all;
}

@media only screen and (max-width:992px) {
    .sy_cpyy .cpyy_xbg {
        margin-top: 42px;
    }
}

@media only screen and (max-width:640px) {
    .sy_cpyy .cpyy_xbg {
        margin-top: 30px;
        padding: 30px 0;
    }
    .sy_cpyy .cpyy_xbg h6 {
        font-size: 19px;
        line-height: 35px;
        padding-top: 40px;
    }
    .sy_cpyy .cpyy_xbg h6::after{
        top: 100%;
    }
}


/* 公共查看 */

.gg_a {
    padding: 14px 51px;
    background-color: #4aa635;
    border: #4aa635 1px solid;
    font-size: 16px;
    color: #fff;
    display: inline-block;
}

.gg_a:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #4aa635;
}

@media only screen and (max-width:992px) {
    .gg_a {
        padding: 14px 33px;
        font-size: 15px;
    }
}

@media only screen and (max-width:640px) {
    .gg_a {
        padding: 7px 25px;
        font-size: 14px;
    }
}

.sy_cpyy .xbg_y {
    padding-top: 33px;
    padding-bottom: 99px;
}

.sy_cpyy .cpyy_xbg .sy_y_nfb {
    text-align: center;
}

.sy_cpyy .sy_y_nfb h2 {
    font-size: 62px;
    font-weight: bold;
    color: #ffffff;
    position: relative;
}

.sy_cpyy .sy_y_nfb h2::after {
    position: absolute;
    content: "";
    width: 94px;
    height: 4px;
    background-color: #4aa635;
    top: 101%;
    left: 33%;
}

.sy_cpyy .sy_y_nfb i {
    font-size: 27px;
    color: #fff;
    margin-left: 6px;
}

.sy_cpyy .sy_y_nfb h3 {
    font-size: 20px;
    color: #ffffff;
    line-height: 60px;
}

.sy_cpyy .sy_y_nfb {
    margin-top: 60px;
}

@media only screen and (max-width:992px) {
    .sy_cpyy .xbg_y {
        padding-top: 3px;
        padding-bottom: 3px;
    }
    .sy_cpyy .cpyy_xbg .sy_y_nfb {
        text-align: center;
    }
    .sy_cpyy .sy_y_nfb h2 {
        font-size: 51px;
        font-weight: bold;
        color: #ffffff;
        position: relative;
    }
}

@media only screen and (max-width:640px) {
    .sy_cpyy .xbg_y {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .sy_cpyy .sy_y_nfb h2 {
        font-size: 40px;
    }
    .sy_cpyy .sy_y_nfb i {
        font-size: 17px;
    }
    .sy_cpyy .sy_y_nfb h2::after {
        width: 45px;
        top: 101%;
        left: 33%;
    }
    .sy_cpyy .sy_y_nfb {
        margin-top: 18px;
    }
    .sy_cpyy .sy_y_nfb h3 {
        font-size: 15px;
        line-height: 46px;
    }
}


/* 产品系列 */

.cpxl_xt {
    width: 100%;
    border: #c2c1c5 1px solid;
}

.cpxl_xt img {
    width: 100%;
}

.cpxl_xt a {
    width: 100%;
    padding: 22px 67px;
    text-align: center;
    color: #333333;
    display: inline-block;
}

.cpxl_xt a h5 {
    font-size: 18px;
}

.cpxl_xt a h6 {
    font-size: 14px;
}

.cpxl_xt:hover {
    border: #4aa635 1px solid;
}

.cpxl_xt:hover a {
    background: #4aa635;
    color: #fff;
}

.xt_tupian {
    width: 100%;
    /* height: 188px; */
    overflow: hidden;
}

.xt_tupian img {
    cursor: pointer;
    transition: all 1.6s;
}

.xt_tupian img:hover {
    transform: scale(1.1);
}

.sy_cpxl .cpxl_xt {
    margin-top: 39px;
}

.cpxl_anniu {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 76px;
}

@media only screen and (max-width:992px) {
    .sy_cpxl .col-md-6:nth-child(1) .cpxl_xt {
        margin-top: 0px;
    }
    .sy_cpxl .col-md-6:nth-child(2) .cpxl_xt {
        margin-top: 0px;
    }
    .sy_cpxl .cpxl_xt {
        margin-top: 15px;
    }
    .cpxl_anniu {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media only screen and (max-width:640px) {
    .sy_cpxl .col-md-6:nth-child(2) .cpxl_xt {
        margin-top: 10px;
    }
    .sy_cpxl .col-12:nth-child(1) .cpxl_xt {
        margin-top: 0;
    }
    .sy_cpxl .cpxl_xt {
        margin-top: 10px;
    }
    .cpxl_xt a {
        padding: 10px 67px;
    }
    .cpxl_xt a h5 {
        font-size: 17px;
    }
    .cpxl_xt a h6 {
        font-size: 13px;
        margin-top: 8px;
    }
    .cpxl_anniu {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}


/* 新闻资讯 */

.sy_xwzx {
    background-color: #fafafa;
}

.sy_xwzx .row {
    background-color: #fff;
}

.sy_xwzx .row .xw_nr {
    padding-top: 40px;
    padding-bottom: 41px;
}

.sy_xwzx .row .xw_tou {
    padding-bottom: 20px;
    border-bottom: #cacaca 1px solid;
}

.sy_xwzx .row .xw_tou h5 {
    float: left;
    font-size: 20px;
    color: #333333;
}

.sy_xwzx .row .xw_tou a {
    float: right;
    font-size: 14px;
    color: #4aa635;
}

.sy_xwzx .xw_nr ul li {
    padding-top: 21px;
    padding-bottom: 16px;
    border-bottom: #cacaca 1px dashed;
}

.sy_xwzx .xw_nr ul li:nth-child(3) {
    border: none;
}

.sy_xw_tup img {
    width: 100%;
    height: 100%;
    transition: all 1s;
}
.sy_xw_tup a{
    display: block;
    overflow: hidden;
}
.sy_xw_tup img:hover{
    transform: scale(1.1);
}
.sy_xwzx .xw_nr {
    padding: 0 35px;
}

.sy_xwzx .xw_nr .sy_xw_nr {
    padding-top: 9px;
}

.sy_xwzx .xw_nr .sy_xw_nr h5 {
    font-weight: bold;
    font-size: 16px;
    color: #333333;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.sy_xwzx .xw_nr .sy_xw_nr h5:hover {
    color: #666;
}

.sy_xwzx .xw_nr .sy_xw_nr h6 {
    color: #818181;
    font-size: 12px;
    line-height: 34px;
}

.sy_xwzx .xw_nr .sy_xw_nr h6 i {
    margin-right: 10px;
}

.sy_xwzx .xw_nr .sy_xw_nr div {
    color: #333333;
    font-size: 12px;
    line-height: 22px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media only screen and (max-width:640px) {
    .sy_xwzx .row .xw_tou h5 {
        font-size: 17px;
    }
    .sy_xwzx .row .xw_tou a {
        font-size: 13px;
    }
    .sy_xwzx .row .xw_tou {
        padding-bottom: 9px;
    }
    .sy_xwzx .row .xw_nr {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .sy_xwzx .xw_nr .sy_xw_nr h5 {
        font-size: 15px;
    }
    .sy_xwzx .xw_nr .sy_xw_nr h6 {
        font-size: 12px;
        line-height: 30px;
    }
    .sy_xwzx .xw_nr .sy_xw_nr div {
        line-height: 19px;
    }
}


/* 底 */

.footer .di_nr {
    background: #212121;
    padding: 32px 0;
}

.footer .di_nr ul li {
    text-align: center;
}

.footer .di_nr ul li h5 {
    font-size: 16px;
    color: #ffffff;
    line-height: 57px;
}

.footer .di_nr ul li p a {
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    line-height: 35px;
}

.footer .di_nr_y h5 {
    font-size: 16px;
    color: #ffffff;
    line-height: 57px;
}

.footer .di_nr_y p {
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
}

.footer .di_nr_y i {
    margin-right: 10px;
    margin-top: 0;
    float: left;
}

.footer .di_nr_y p span {
    float: left;
}

.di_youd {
    width: 91%;
}

.footer .di_nr_y p:nth-child(1) {
    margin-top: 0px;
}

.footer .di_nr_y .wx {
    width: 100%;
    position: relative;
}

.footer .di_nr_y .wx::after {
    width: 1px;
    height: 287px;
    background-color: #393939;
    content: "";
    position: absolute;
    left: -262%;
    top: -35%;
}

.footer .di_nr_y h6 {
    font-size: 12px;
    color: rgba(255, 255, 255, .3);
    line-height: 65px;
}

.footer .di_nr_y img {
    width: 100%;
}

.footer .wx_gz {
    text-align: center;
}

.footer_bq {
    background: #1a1c1b;
    text-align: center;
    font-size: 12px;
    color: rgba(255, 255, 255, .7);
    padding: 22px 0;
}

@media (min-width: 1200px) {
    .footer .container {
        /* width: 1400px; */
        max-width: 1300px;
    }
    .footer .container .row .di_z ul li {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width:1200px) {
    .footer .wx_gz {
        padding-left: 0;
    }
    .di_youd {
        width: 86%;
    }
    .footer .di_nr_y .wx::after {
        width: 1px;
        height: 287px;
        background-color: #393939;
        content: "";
        position: absolute;
        left: -239%;
        top: -35%;
    }
}

@media only screen and (max-width:992px) {
    .footer .di_nr_y .wx::after {
        display: none;
    }
}

@media only screen and (max-width:640px) {
    .footer_bq {
        padding: 12px 0;
    }
    .di_z {
        display: none;
    }
    .footer .di_nr {
        padding: 15px 0;
    }
    .footer .di_nr_y h5 {
        font-size: 16px;
        color: #ffffff;
        line-height: 36px;
        text-align: center;
    }
    .footer .di_nr_y .wx {
        width: 36%;
        margin: auto;
    }
    .footer .di_nr_y h6 {
        line-height: 36px;
    }
    .di_youd {
        width: 86%;
    }
}


/* 关于我们 */

.ny_tu {
    width: 100%;
    /* height: 400px; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    z-index: 99;
    padding-top: 156px;
    padding-bottom: 139px;
}

.ny_tu h5 {
    font-size: 38px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    line-height: 81px;
}

.ny_tu p {
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
}

@media only screen and (max-width:992px) {
    .ny_tu {
        padding-top: 114px;
        padding-bottom: 109px;
    }
    .ny_tu h5 {
        font-size: 33px;
        line-height: 70px;
    }
}

@media only screen and (max-width:640px) {
    .ny_tu h5 {
        font-size: 29px;
        line-height: 67px;
    }
    .ny_tu p {
        font-size: 14px;
    }
    .ny_tu {
        padding-top: 80px;
        padding-bottom: 82px;
    }
}

.ny_dht {
    padding: 35px 0;
    background-color: #efefef;
    font-size: 14px;
    color: #333333;
}

.ny_dht i {
    font-size: 17px;
    margin-right: 13px;
}

.ny_dht a {
    color: #333333;
}

.gywm_bt {
    padding-top: 44px;
    padding-bottom: 60px;
    text-align: center;
}

.gywm_bt h5 {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    position: relative;
}

.gywm_bt h5::after {
    content: "";
    width: 86px;
    height: 5px;
    background-color: #4aa635;
    position: absolute;
    top: 132%;
    left: 46.5%;
}

.gywm_nr .gywm_wz {
    line-height: 38px;
    font-size: 16px;
    color: #333333;
}

.gywm_nr .gywm_tb {
    text-align: center;
    padding-top: 38px;
    padding-bottom: 30px;
}

.gywm_nr .tb_n div {
    color: #4aa635;
}

.gywm_nr .tb_n a:hover {
    color: #7fb772;
}

.gywm_nr .tb_n a:hover h5::after {
    background-color: #7fb772;
}

.gywm_nr .gywm_tb h5 {
    font-size: 30px;
    font-weight: bold;
    position: relative;
    line-height: 90px;
    /* color: #4aa635; */
}

.gywm_nr .gywm_tb h5::after {
    content: "";
    background-color: #4aa635;
    position: absolute;
    width: 92px;
    height: 4px;
    top: 87%;
    left: 33.5%;
}

.gywm_nr .gywm_tb h6 {
    font-size: 20px;
    /* color: #4aa635; */
}

.gywm_nr .gywm_tb i {
    font-size: 30px;
    font-weight: bold;
    /* margin-left: 9px; */
    position: absolute;
    /* margin-top: 11px; */
    top: 15%;
    left: 80%;
}

.gywm_js_tu {
    width: 100%;
}

.gywm_js_tu img {
    width: 100%;
}

.gywm_nr .gywm_wz01 {
    line-height: 38px;
    font-size: 16px;
    color: #333333;
    padding-bottom: 53px;
    word-break: keep-all;
}

.gywm_xt {
    background-color: #efefef;
    padding-top: 57px;
    padding-bottom: 23px;
}

.gywm_xt .xt_wz {
    line-height: 39px;
    padding-right: 89px;
    font-size: 16px;
    color: #333333;
}

.gywm_xt .xt_xf {
    width: 100%;
}

.gywm_xt .xt_xf img {
    width: 100%;
}

@media only screen and (max-width:1200px) {
    .tb_n:nth-child(1) h5 i {
        font-size: 25px;
        top: 21%;
        left: 89%;
    }
    .gywm_nr .gywm_tb i {
        font-size: 25px;
    }
    .gywm_xt .xt_wz {
        padding-top: 10px;
    }
}

@media only screen and (max-width:992px) {
    .tb_n:nth-child(1) h5 i {
        font-size: 16px;
        top: 15%;
        left: 85%;
    }
    .gywm_nr .gywm_tb i {
        font-size: 16px;
    }
    .gywm_nr .gywm_tb h5 {
        font-size: 23px;
        line-height: 90px;
    }
    .gywm_nr .gywm_tb i {}
    .gywm_nr .gywm_tb h5::after {
        width: 56px;
        top: 83%;
        left: 33.5%;
    }
    .gywm_nr .gywm_tb h6 {
        font-size: 17px;
        /* color: #4aa635; */
    }
    .gywm_nr .gywm_tb {
        padding-top: 0px;
        padding-bottom: 36px;
    }
    .gywm_nr .gywm_wz01 {
        line-height: 31px;
        font-size: 16px;
        padding-top: 19px;
        padding-bottom: 26px;
    }
    .gywm_xt .xt_wz {
        line-height: 30px;
        padding-right: 31px;
        padding-top: 0px;
    }
    .gywm_bt h5::after {
        width: 81px;
        height: 5px;
        top: 132%;
        left: 44.5%;
    }
    .gywm_bt {
        padding-top: 33px;
        padding-bottom: 34px;
        text-align: center;
    }
    .ny_dht {
        padding: 19px 0;
    }
    .gywm_nr .gywm_wz {
        line-height: 35px;
        font-size: 16px;
        color: #333333;
    }
    .sp_tp {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 640px) {
    .ny_dht a {
        display: none;
    }
    .ny_dht a:nth-last-child(1) {
        display: inline;
    }
    .ny_dht {
        padding: 10px 0;
    }
    .gywm_bt h5::after {
        top: 132%;
        left: 39.5%;
    }
    .gywm_bt {
        padding-top: 20px;
        padding-bottom: 28px;
    }
    .gywm_nr .gywm_wz {
        line-height: 28px;
        font-size: 13px;
        color: #333333;
    }
    .gywm_nr .gywm_tb h5 {
        font-size: 24px;
        line-height: 79px;
    }
    .tb_n:nth-child(1) h5 i {
        font-size: 14px;
        top: 15%;
        left: 77%;
    }
    .gywm_nr .gywm_tb i {
        font-size: 14px;
    }
    .gywm_nr .gywm_tb h6 {
        font-size: 14px;
        /* color: #4aa635; */
    }
    .gywm_nr .gywm_tb i {
        left: 70%;
    }
    .gywm_nr .gywm_wz01 {
        line-height: 23px;
        font-size: 13px;
        padding-top: 19px;
        padding-bottom: 26px;
    }
    .gywm_xt {
        background-color: #efefef;
        padding-top: 28px;
        padding-bottom: 23px;
    }
    .gywm_xt .xt_wz {
        line-height: 26px;
        padding-right: 0;
        padding-top: 0px;
        font-size: 13px;
        margin-bottom: 28px;
    }
}


/* 工厂实拍 */

.gywm_gsjj {
    padding-bottom: 102px;
}

.sp_tp {
    width: 100%;
    overflow: hidden;
}

.sp_tp img {
    cursor: pointer;
    transition: all 0.6s;
    width: 100%;
}

.sp_tp img:hover {
    transform: scale(1.1);
}


/* 小轮播 */

.fwtx_lb .sy_n4_al {
    padding: 20px 20px;
    position: relative;
    top: 0;
    left: 0;
}

.fwtx_lb .sy_n4_al .swiper-pagination {
    display: none;
}

.fwtx_lb .swiper-button-prev {
    width: 36px;
    height: 63px;
    background: url(../image/jtz.png) no-repeat center / cover;
    /* border: #b2b2b2 1px solid; */
    left: -50px;
    margin-top: -20px;
    background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -ms-background-size: 20px 20px;
    -o-background-size: 20px 20px;
}

.fwtx_lb .swiper-button-next {
    width: 36px;
    height: 63px;
    background: url(../image/jty.png) no-repeat center / cover;
    /* border: #b2b2b2 1px solid; */
    right: -50px;
    margin-top: -20px;
    background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -ms-background-size: 20px 20px;
    -o-background-size: 20px 20px;
}

@media only screen and (max-width:992px) {
    .gywm_gsjj {
        padding-bottom: 30px;
    }
    .fwtx_lb .swiper-button-prev {
        display: none;
    }
    .fwtx_lb .swiper-button-next {
        display: none;
    }
    .fwtx_lb .sy_n4_al .swiper-pagination {
        display: block;
        position: absolute;
        top: 98%;
        left: 50%;
        /* top: 97%; */
        width: 100%;
        transform: translateX(-50%);
    }
    .gywm_gsjj .fwtx_lb .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        border-radius: 100%;
        display: inline-block;
        vertical-align: middle;
        background: #4aa635;
        border: 1px #4aa635 solid;
        opacity: .5;
        margin-left: 10px;
    }
    .gywm_gsjj .fwtx_lb .swiper-pagination-bullet-active {
        opacity: 1;
        background: #fff;
        border: 1px #4aa635 solid;
    }
}


/* 产品内页 */

.cpyfw_nr {
    padding-top: 51px;
    padding-bottom: 103px;
}

.cp_yiji {
    width: 90%;
}

.yiji_bg {
    padding-top: 35px;
    padding-bottom: 60px;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    position: relative;
}

.yiji_bg::after {
    content: "";
    background-color: #ffffff;
    width: 43px;
    height: 5px;
    position: absolute;
    top: 60%;
    left: 38%;
}

.cp_yiji ul {
    margin-top: 25px;
}

.cp_yiji ul li .yj {
    text-align: center;
    width: 100%;
    line-height: 25px;
    border: #cdcdcd 1px solid;
    font-size: 14px;
    color: #333333;
    padding: 20px 0;
}
.cp_yiji ul li .ej {
    text-align: center;
    width: 100%;
    line-height: 65px;
    border: #cdcdcd 1px solid;
    font-size: 16px;
    color: #333333;
}
.cp_yiji ul li{
    margin-bottom: 3px;
}
.cp_yiji ul li.on .yj a {
    color: #fff;
}
.cp_yiji ul li .yj{
    position: relative;
}
.cp_yiji ul li .yj.on{
    background-color: #4aa635;
}
.cp_yiji ul li .yj.on a{
    color: #fff;
}
.cp_yiji ul li.on .ej{
    display: block !important;
}
.cp_yiji ul li .yj a{
    transition: none;
    display: block;
    width: 100%;
    height: 100%;
}
.cp_yiji ul li .yj.on i{
    color: #fff;
}
.cp_yiji ul li .yj i{
    display: block;
    color: #000;
    /* float: right; */
    /* margin-right: 15px; */
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}
.cp_yiji ul li.on .yj {
    border: #4aa635 1px solid;
    background-color: #4aa635;
}
.cp_yiji ul li.on .yj i{
    color: #fff;
}
.cp_yiji ul li .ej a.on{
    color: #fff;
    background-color: #4aa635;
}
.cp_yiji ul li .ej{
    display: none;
}
.cp_yiji ul li .ej a{
    line-height: 40px;
}
.cp_nr {
    width: 80%;
    margin: auto;
}
img{
    max-width: 100%;
}
.yiji1_bg {
    width: 100%;
    padding: 125px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.yi_dzgc {
    height: 55px;
    background-color: #4aa635;
    color: #fff;
    text-align: center;
    line-height: 55px;
    font-size: 20px;
    font-weight: bold;
    padding: 0 10px;
}

.yj_wz {
    padding: 37px 0;
    font-size: 16px;
    line-height: 37px;
    color: #333333;
}

.yj_tiao {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    width: 100%;
    padding: 19px 0;
    background: #4aa635;
}

.cp_nr .yy_bg {
    width: 100%;
    padding-top: 51px;
}

.cp_nr table {
    width: 100%;
}

.cp_nr table tr {
    padding: 10px 0;
    text-align: center;
}

.cp_nr table tr th {
    color: #55ac42;
    font-size: 16px;
    line-height: 30px;
}

.cp_nr table tr {
    line-height: 30px;
}

.cp_nr table {
    border-collapse: collapse;
}

.cp_nr table tr td,
th {
    border: 1px solid #000000;
}

@media only screen and (max-width:1200px) {
    .yiji_bg {
        padding-top: 30px;
        padding-bottom: 47px;
    }
    .cp_yiji {
        width: 100%;
    }
    .cp_yiji::after {
        left: 40%;
    }
}

@media only screen and (max-width:1024px) {
    .yiji_bg {
        padding-top: 23px;
        padding-bottom: 23px;
    }
    .cp_yiji::after {
        display: none;
    }
    .cp_yiji ul {
        margin-top: 11px;
    }
    .cp_yiji {
        width: 100%;
    }
    .cp_yiji ul li a div {
        line-height: 1.5;
        padding: 10px 5px;
    }
    .cp_nr {
        width: 100%;
    }
}

@media only screen and (max-width:996px) {
    .yj_wz {
        padding: 26px 0;
        font-size: 16px;
        line-height: 1.5;
        color: #333333;
    }
    .cpyfw_nr {
        padding-top: 51px;
        padding-bottom: 53px;
    }
}

@media only screen and (max-width:640px) {
    .cp_yiji {
        width: 100%;
        padding-bottom: 16px;
    }
    .cp_yiji ul li {
        margin-top: 6px;
        display: none;
    }
    .cp_yiji::after {
        display: none;
    }
    .cp_nr {
        width: 100%;
    }
    .yj_wz {
        padding: 15px 0;
        font-size: 14px;
        line-height: 26px;
    }
    .yj_tiao {
        font-size: 17px;
    }
    .cp_nr .yy_bg {
        padding-top: 15px;
    }
    .cpyfw_nr {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .cp_yiji ul {
        margin-top: 6px;
    }
    .cp_yiji ul li a div {
        text-align: center;
        width: 100%;
        line-height: 1;
        border: #cdcdcd 1px solid;
        font-size: 16px;
        color: #333333;
    }
    .yiji_bg {
        padding-top: 11px;
        padding-bottom: 12px;
        font-size: 17px;
    }
    .yi_dzgc {
        height: auto;
        line-height: 2.5;
        font-size: 17px;
    }
    .yj_tiao {
        padding: 10px 0;
    }
}


/* 品质与技术 */

.sc_sclc {
    width: 100%;
    border-top: #cdcdcd 1px solid;
    padding: 50px 54px;
}
.sc_sclc2{
    font-size: 16px;
}
.sc_sclc2 p{
    margin-bottom: 10px;
}
.sc_sclc p {
    /* line-height: 95px; */
    /* margin-bottom: 54px;
    font-size: 24px;
    font-weight: bold;
    color: #333333; */
}

.sclc_tu {
    width: 100%;
}

.sclc_tu img {
    width: 100%;
}

.sc_sclc:nth-child(1) {
    padding-top: 0;
    border-top: none;
}

@media only screen and (max-width:640px) {
    .sc_sclc p {
        margin-bottom: 20px;
        font-size: 21px;
    }
    .sc_sclc {
        border-top: #cdcdcd 1px solid;
        padding: 20px 0;
    }
}
.newsin-item{
    margin-bottom: 20px;
}
.newsin-item h6{
    margin-top: 10px;
}
.newsin-info{
    margin-top: 10px;
    word-break: break-all;
}

.pages{width:100%; height:30px; line-height:30px; text-align:center;margin-top: 50px;}
.pages a{ text-decoration:none; font-family:微软雅黑; margin-left:5px; color:#666; font-size:12px; border:solid 1px #ccc ; padding:5px 8px; }
.pages .current-page{ color:#fff; margin-left:5px; font-size:12px; border:solid 1px #4AA635; background:#4AA635; padding:5px 8px; }
.pages span{ text-decoration:none; font-family:微软雅黑; margin-left:5px; color:#666; font-size:12px; border:solid 1px #ccc ; padding:5px 8px; }

.newsin-item .t_p img{
    width: 100%;
    transition: all 2s;
}
.newsin-item .t_p{
    display: block;
    overflow: hidden;
}
.newsin-item .t_p:hover img{
    transform: scale(1.1);
}

.ny_nr .xw_xq{ padding: 30px 0px;}
.ny_nr .xw_xq .xq_lf .xq_tl{ text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 15px;color:#4AA635}
.ny_nr .xw_xq .xq_lf .xq_fc{ width: 100%; border-bottom: solid 1px #cacaca; padding: 20px 0px; }
.ny_nr .xw_xq .xq_lf .xq_fc .right{text-align: right;}
.ny_nr .xw_xq .xq_nr{ width: 100%; overflow: hidden; padding: 20px 0px; line-height: 30px; font-size: 14px;}
.ny_nr .xw_xq .xq_nr img{ max-width: 100%; display: block;}
.ny_nr .xw_xq .xq_fy{ text-align: center; padding: 15px 0px;}
.ny_nr .xw_xq .xq_fy a{ display: inline-block; margin: 0px 15px; padding: 10px 20px; background-color: #000000; color: #FFFFFF; font-size: 14px;}
.ny_nr .xw_xq .xq_rt{ width: 100%; overflow: hidden; margin-top: 56px; }
.ny_nr .xw_xq .xq_rt .rt_bt{font-size: 24px; font-weight: bold;background-color: #000000; color: #FFFFFF; padding: 15px 0px; text-align: center;}
.ny_nr .xw_xq .xq_rt .rt_lb li a{ display: block; border-bottom: dashed 1px #cccccc; line-height: 56px; font-size: 14px; color: #666;}
@media only screen and (max-width:640px) {

    .ny_nr .xw_xq{ padding: 20px 0px;}
    .ny_nr .xw_xq .xq_lf .xq_tl{font-size: 22px;}
    .ny_nr .xw_xq .xq_lf .xq_fc{padding: 15px 0px; }
    .ny_nr .xw_xq .xq_lf .xq_fc .right{text-align: center;}
    .ny_nr .xw_xq .xq_fy{  padding: 10px 0px;}
    .ny_nr .xw_xq .xq_fy a{ margin: 0px 10px; padding: 10px 15px; }
    .ny_nr .xw_xq .xq_rt{  margin-top: 15px; }
    .ny_nr .xw_xq .xq_rt .rt_bt{font-size: 20px;  padding: 10px 0px; }
    .ny_nr .xw_xq .xq_rt .rt_lb li a{ line-height: 40px;}
    .yiji_bg i{
        display: inline-block;
    }
    .yiji_bg{
        background-size:cover !important;
    }
}


.proin-item{
    margin-bottom: 20px;
}
.proin-item .cpxl_xt a{
    padding: 0;
}
.proin-item .cpxl_xt a h5{
    line-height: 45px;
}

.cp_yiji ul li .ej a{
    display: block;
}