@charset "UTF-8";
.label1 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.label1 .label2 {
    display: inline-block;
}

li {
    list-style: none;
}

.header .header-top {
    width: 100%;
    height: 25px;
    background: #008a45;
}

.header .header-top .main-warp {
    float: right;
    margin-right: 65px;
}

.header .header-top p {
    display: block;
    font-size: 12px;
    line-height: 23px;
    color: #c9e2d6;
    float: left;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
    margin-right: 10px;
    border-right: 1px solid #339966;
    padding-right:10px;
}

.header .header-top a {
    display: block;
    font-size: 12px;
    line-height: 23px;
    color: #c9e2d6;
    float: left;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
	margin-left: 4px;
}

.header .header-top a img{
    width:21px;
	height:21px;
}

.header .header-top .langlink{
	padding: 0 15px;
	border-left: 1px solid #339966;
	border-right: 1px solid #339966;
	margin-left: 16px;
}

.header .header-top a:hover {
    color: #fff;
}

.header .header-main.pc {
    width: 100%;
    height: 94px;
    border-bottom: 1px solid #f6f6f6;
    background: #fff;
    transition: height .5s ease-out;
}

.header .header-main.pc .main-wrap {
    width: calc(100vw - 130px - 24px);
    height: 94px;
    margin-left: 65px;
    transition: height .5s ease-out;
    
}

.header .header-main.pc .main-wrap .logo {
    width: 170px;
    height: 100%;
    float: left;
    display: table;
}

.header .header-main.pc .main-wrap .nav {
    float: right;
}

.header .header-main.pc .main-wrap .nav li {
    margin-left: 40px;
    float: left;
    height: 50px;
    margin-top: 22px;
}

.header .header-main.pc .main-wrap .nav li a {
    font-size: 14px;
    line-height: 48px;
    color: #666666;
    border-bottom: 2px solid #fff;
    display: block;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: border-color color;
    -webkit-transition-property: border-color color;
    -ms-transition-property: border-color color;
    -o-transition-property: border-color color;
    font-weight: bold;
}

.header .header-main.pc .main-wrap .nav li:hover a,
.header .header-main.pc .main-wrap .nav li.hover a {
    color: #008a45;
    border-color: #008a45;
}

.header .header-main.phone {
    width: 100%;
    height: 75px;
    box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
    display: none;
    position: relative;
    z-index: 1000;
    background-color: #ffffff;
}

.header .header-main.phone .main-wrap {
    width: calc(100vw - 40px);
    margin-left: 20px;
    height: 100%;
}

.header .header-main.phone .logo {
    width: 170px;
    height: 100%;
    float: left;
    display: table;
}

.header .header-main.phone .nav-btn {
    width: 40px;
    height: 29px;
    float: right;
    margin-top: 23px;
}

.header .header-main.phone .nav-btn img {
    display: inherit;
}

.header .header-main.phone .nav {
    width: 100%;
    display: none;
    height: calc(100vh - 70px);
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 1001;
}

.header .header-main.phone .nav ul {
    border-top: 1px solid #a4dda1;
}

.header .header-main.phone .nav li {
    background: #007440;
    width: 90%;
    padding: 0 5%;
    border-bottom: 1px solid #059e5a;
}

.header .header-main.phone .nav li a {
    display: block;
    width: 100%;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
}

.header .header-main.phone .nav li.on {
    background: #059e5a;
}

@media screen and (max-width: 1280px) {
    .header .header-main.pc .main-wrap .nav li {
        margin-left: 30px;
    }
}

@media screen and (max-width: 1000px) {
    .header .header-top {
        display: none;
    }
    .header .header-main.pc {
        display: none;
    }
    .header .header-main.phone {
        display: block;
    }
}

.footer {
    width: 100%;
}

.footer .pc {
    width: 100%;
    overflow: hidden;
}

.footer .pc .footer-top {
    padding: 40px 3%;
    background: #fafafa;
}

.footer .pc .footer-top .footer-text {
    float: left;
    /*margin-left: 60px;*/
    /*width: calc(50vw - 24px - 100px);*/
    width: 35%;
}

.footer .pc .footer-top .footer-text .text1 {
    float: left;
}

.footer .pc .footer-top .footer-link li {
    width: 16.5%;
}

.footer .pc .footer-top .footer-text .text1 .search input[type=text] {
    width: 180px;
    padding: 0 10px;
    height: 38px;
    background: #fff;
    border: 1px solid #ededed;
    border-right-width: 0;
    float: left;
}

.footer .pc .footer-top .footer-text .text1 .search input[type=submit] {
    width: 40px;
    height: 40px;
    background-image: url(../img/index/icon17_03.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    float: left;
    border: 1px solid #ededed;
    border-left-width: 0;
}

.footer .pc .footer-top .footer-text .text1 .p1 {
    font-size: 12px;
    line-height: 32px;
    color: #666666;
    margin-top: 10px;
}

.footer .pc .footer-top .footer-text .text1 .tel {
    font-size: 24px;
    line-height: 24px;
    color: #008a45;
    font-family: Arial;
    font-weight: bold;
}

.footer .pc .footer-top .footer-text .text1 .logo {
    margin-top: 20px;
}

.footer .pc .footer-top .footer-text .text2 {
    float: right;
    width: 130px;
}

.footer .pc .footer-top .footer-text .text2 div {
    width: 110px;
    height: 110px;
    background: #fff;
    padding: 10px;
    border: 1px solid #ededed;
    border-radius: 5px;
}

.footer .pc .footer-top .footer-text .text2 div img {
    width: 100%;
    height: 100%;
}

.footer .pc .footer-top .footer-text .text2 p {
    padding-left: 10px;
    background-image: url(../img/index/icon18_07.png);
    background-size: 6px 5px;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    line-height: 12px;
    color: #999999;
    width: 80px;
    margin: 0 auto;
    margin-top: 10px;
}

.footer .pc .footer-top .footer-link {
    float: right;
    margin-right: 10px;
    /*height: 100%;*/
    /*width: calc(50vw - 24px - 30px);*/
    width: calc(61% - 70px);
}

.footer .pc .footer-top .footer-link li {
    width: calc( 100vw * 175 / 1920);
    float: left;
    border-left: 1px solid #e8e8e8;
    /*height: 100%; */
}

.footer .pc .footer-top .footer-link li .tit {
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    margin-bottom: 25px;
}

.footer .pc .footer-top .footer-link li a {
    margin-bottom: 13px;
    font-size: 12px;
    line-height: 12px;
    color: #666666;
    text-align: center;
    display: block;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.footer .pc .footer-top .footer-link li .tit:hover {
    color: #000;
}

.footer .pc .footer-top .footer-link li a:hover {
    color: #333;
}

.footer .pc .footer-bot {
    width: 100%;
    height: 60px;
    background: #008a45;
    border-top: 1px solid #e5e6e6;
}

.footer .pc .footer-bot .footer-text {
    margin-left: 60px;
    height: 100%;
    display: table;
    float: left;
}

.footer .pc .footer-bot .footer-text .label1 {
    text-align: left;
}

.footer .pc .footer-bot .footer-text p {
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    color: rgba(255, 255, 255, 0.4);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.footer .pc .footer-bot .footer-text p a {
    color: rgba(255, 255, 255, 0.4);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.footer .pc .footer-bot .footer-text p a:hover {
    color: #fff;
}

.footer .pc .footer-bot .footer-link {
    height: 100%;
    float: right;
}

.footer .pc .footer-bot .footer-link .a1 {
    display: block;
    float: left;
    padding: 0 20px;
    height: 100%;
    font-size: 14px;
    line-height: 60px;
    color: #ffffff;
    color: rgba(255, 255, 255, 0.5);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.footer .pc .footer-bot .footer-link .a1:hover {
    color: #fff;
}

.footer .pc .footer-bot .footer-link div {
    width: calc(100vw * 180 / 1920);
    padding: 0 calc(100vw * 20 / 1920);
    height: 60px;
    background: #fff;
    float: left;
    position: relative;
}

.footer .pc .footer-bot .footer-link div p {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 60px;
    color: #008a45;
    font-weight: bold;
    cursor: pointer;
    background-image: url(../img/index/icon19_03.png);
    background-size: 11px 6px;
    background-repeat: no-repeat;
    background-position: right center;
}

.footer .pc .footer-bot .footer-link div ul {
    position: absolute;
    left: -1px;
    background: #fff;
    bottom: 61px;
    width: calc(100vw * 220 / 1920);
    border-left: 1px solid #e5e6e6;
    border-right: 1px solid #e5e6e6;
    display: none;
}

.footer .pc .footer-bot .footer-link div ul li {
    width: 100%;
    height: 30px;
    border-top: 1px solid #e5e6e6;
    font-size: 14px;
    line-height: 30px;
    color: #008a45;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color background;
    -webkit-transition-property: color background;
    -ms-transition-property: color background;
    -o-transition-property: color background;
    background: #fff;
}

.footer .pc .footer-bot .footer-link div ul li a {
    display: block;
    width: 80%;
    font-size: 14px;
    line-height: 30px;
    color: #008a45;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color background;
    -webkit-transition-property: color background;
    -ms-transition-property: color background;
    -o-transition-property: color background;
    padding: 0 10%;
    background: #fff;
}

.footer .pc .footer-bot .footer-link div ul li:hover a {
    color: #fff;
    background: #008a45;
}

.footer .phone {
    display: none;
}

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

.footer .phone .footer-top .footer-link {
    border-bottom: 1px solid #e8e8e8;
}

.footer .phone .footer-top .footer-link .nav-list {
    width: 100%;
    border-top: 1px solid #e8e8e8;
    background: #fff;
}

.footer .phone .footer-top .footer-link .nav-list p {
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    color: #333;
    width: 90%;
    padding: 0 5%;
}

.footer .phone .footer-top .footer-link .nav-list p a {
    color: #333;
}

.footer .phone .footer-top .footer-link .nav-list ul {
    background: #008a45;
    display: none;
}

.footer .phone .footer-top .footer-link .nav-list ul li {
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    border-top: 1px solid #e8e8e8;
    width: 80%;
    padding: 0 10%;
}

.footer .phone .footer-top .footer-link .nav-list ul li a {
    color: #fff;
}

.footer .phone .footer-top .footer-text {
    margin-top: 30px;
}

.footer .phone .footer-top .footer-text .search {
    width: 250px;
    margin: 0 auto;
}

.footer .phone .footer-top .footer-text .search input[type=text] {
    width: 180px;
    padding: 0 10px;
    height: 38px;
    background: #fff;
    border: 1px solid #ededed;
    border-right-width: 0;
    float: left;
}

.footer .phone .footer-top .footer-text .search input[type=submit] {
    width: 40px;
    height: 40px;
    background-image: url(../img/index/icon17_03.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    float: left;
    border: 1px solid #ededed;
    border-left-width: 0;
}

.footer .phone .footer-top .footer-text .p1 {
    font-size: 12px;
    line-height: 32px;
    color: #666666;
    margin-top: 10px;
    text-align: center;
}

.footer .phone .footer-top .footer-text .tel {
    font-size: 24px;
    line-height: 24px;
    color: #008a45;
    font-family: Arial;
    font-weight: bold;
    text-align: center;
}

.footer .phone .footer-top .footer-text .text2 {
    width: 130px;
    margin: 0 auto;
    margin-top: 30px;
}

.footer .phone .footer-top .footer-text .text2 div {
    width: 110px;
    height: 110px;
    background: #fff;
    padding: 10px;
    border: 1px solid #ededed;
    border-radius: 5px;
}

.footer .phone .footer-top .footer-text .text2 div img {
    width: 100%;
    height: 100%;
}

.footer .phone .footer-top .footer-text .text2 p {
    padding-left: 10px;
    background-image: url(../img/index/icon18_07.png);
    background-size: 6px 5px;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    line-height: 12px;
    color: #999999;
    width: 80px;
    margin: 0 auto;
    margin-top: 10px;
}

.footer .phone .footer-bot {
    width: 90%;
    padding: 10px 5%;
    background: #008a45;
}

.footer .phone .footer-bot a {
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    width: 100%;
    display: block;
}

@media screen and (max-width: 1500px) {
    .footer .pc .footer-bot .footer-link .a1 {
        padding: 0 10px;
    }
    .footer .pc .footer-bot .footer-link div {
        width: calc(100vw * 160 / 1920);
    }
    .footer .pc .footer-bot .footer-link div ul {
        width: calc(100vw * 200 / 1920);
    }
}

@media screen and (max-width: 1350px) {
    .footer .pc .footer-top .footer-text {
        width: calc(50vw - 24px - 50px);
    }
    .footer .pc .footer-top .footer-text .text1 .tel {
        font-size: 20px;
    }
    .footer .pc .footer-top .footer-link li {
        width: calc( 100vw * 165 / 1920);
    }
    .footer .pc .footer-bot {
        height: 40px;
    }
    .footer .pc .footer-bot .footer-link .a1 {
        line-height: 40px;
    }
    .footer .pc .footer-bot .footer-link div {
        height: 40px;
    }
    .footer .pc .footer-bot .footer-link div p {
        line-height: 40px;
    }
    .footer .pc .footer-bot .footer-link div ul {
        bottom: 41px;
    }
}

@media screen and (max-width: 1200px) {
    .footer .pc .footer-bot {
        height: 40px;
    }
    .footer .pc .footer-bot .footer-link .a1 {
        line-height: 40px;
        font-size: 12px;
        padding: 0 5px;
    }
    .footer .pc .footer-bot .footer-link div {
        height: 40px;
    }
    .footer .pc .footer-bot .footer-link div p {
        line-height: 40px;
    }
    .footer .pc .footer-bot .footer-link div ul {
        bottom: 41px;
    }
}

@media screen and (max-width: 1000px) {
    .footer .pc {
        display: none;
    }
    .footer .phone {
        display: block;
    }
}

.index-main .banner .pc {
    width: 100%;
    height: calc(100vw * 780 / 1920);
    position: relative;
    overflow: hidden;
    background: url(../img/index/icon2_02.png);
}

.index-main .banner .pc .img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.index-main .banner .pc .img ul {
    width: 100%;
    height: 100%;
}

.index-main .banner .pc .img li {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 100vw;
    top: 0;
    opacity: 0;
    z-index: 0;
    -webkit-opacity: 0;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: left;
    -webkit-transition-property: left;
    -ms-transition-property: left;
    -o-transition-property: left;
}

.index-main .banner .pc .img li img {
    width: 100%;
    height: 100%;
}

.index-main .banner .pc .img li.on {
    left: 0;
    opacity: 1;
    -webkit-opacity: 1;
    z-index: 1;
}

.index-main .banner .pc .img li.hover {
    left: 0;
    opacity: 1;
    -webkit-opacity: 1;
    z-index: 2;
}

.index-main .banner .pc .img .font {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
}

.index-main .banner .pc .img .font .t1 {
    font-size: 36px;
    line-height: 36px;
    color: #333333;
    margin-top: 80px;
    text-align: center;
    /*font-family: 'Times New Roman';*/
}

.index-main .banner .pc .img .font .t2 {
    font-size: 36px;
    line-height: 36px;
    color: #000000;
    text-align: center;
    margin-top: 30px;
    /*font-family: "SimSun", "STSong";*/
}

.index-main .banner .pc .img .font .c1 {
    margin-top: 25px;
}

.index-main .banner .pc .img .font .c1 p {
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #999999;
}

.index-main .banner .pc .img .font .c1 p span {
    display: inline-block;
    width: 1px;
    background: #999999;
    height: 14px;
    margin: 8px 10px 0;
}

.index-main .banner .pc .img .font a {
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    width: 190px;
    height: 45px;
    background: #4a5162;
    background: rgba(74, 81, 98, 0.9);
    border: 1px solid #4a5162;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
    font-size: 14px;
    line-height: 45px;
    color: #fff;
    text-align: center;
}

.index-main .banner .pc .img .font a:hover {
    background: rgba(74, 81, 98, 0);
    color: #4a5162;
}

.index-main .banner .pc .bot {
    width: calc(100vw - 70px - 24px);
    position: absolute;
    bottom: 30px;
    left: 35px;
    height: 14px;
    display: table;
}

.index-main .banner .pc .bot .label1 {
    text-align: right;
}

.index-main .banner .pc .bot span {
    display: block;
    width: 14px;
    height: 14px;
    float: left;
    margin-left: 7px;
    background-image: url(../img/index/icon6_05.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
    cursor: pointer;
}

.index-main .banner .pc .bot span.on {
    background-image: url(../img/index/icon6_03.png);
}

.index-main .banner .pc .bot p {
    font-size: 12px;
    line-height: 14px;
    color: #008a45;
    float: left;
    margin-right: 7px;
}

.index-main .banner .phone {
    width: 100%;
    background: #f5f5f5;
    display: none;
}

.index-main .banner .phone .font {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
    padding-bottom: 50px;
}

.index-main .banner .phone .font .t1 {
    font-size: 18px;
    line-height: 18px;
    color: #333333;
    margin-top: 80px;
    text-align: center;
    font-family: 'Times New Roman';
}

.index-main .banner .phone .font .t2 {
    font-size: 18px;
    line-height: 18px;
    color: #000000;
    text-align: center;
    margin-top: 30px;
    font-family: "SimSun", "STSong";
}

.index-main .banner .phone .font .c1 {
    margin-top: 25px;
}

.index-main .banner .phone .font .c1 p {
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    color: #999999;
}

.index-main .banner .phone .font .c1 p span {
    display: inline-block;
    width: 1px;
    background: #999999;
    height: 14px;
    margin: 8px 10px 0;
}

.index-main .banner .phone .font a {
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    width: 190px;
    height: 45px;
    background: #4a5162;
    background: rgba(74, 81, 98, 0.9);
    border: 1px solid #4a5162;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
    font-size: 12px;
    line-height: 45px;
    color: #fff;
    text-align: center;
}

.index-main .banner .phone .img {
    width: 100%;
    position: relative;
    z-index: 0;
    overflow: hidden;
    /*padding-bottom: 50px;*/
    background: #f5f5f5;
}

.index-main .banner .phone .img ul {
    width: 100%;
    height: 100%;
}

.index-main .banner .phone .img li {
    width: 100%;
    position: relative;
    float: left;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: left opacity;
    -webkit-transition-property: left opacity;
    -ms-transition-property: left opacity;
    -o-transition-property: left opacity;
}

.index-main .banner .phone .img li img {
    width: 100%;
    height: 100%;
}

.index-main .banner .phone .img li a {
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    width: 90px;
    height: 30px;
    background: #4a5162;
    background: rgba(74, 81, 98, 0.9);
    border: 1px solid #4a5162;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
    font-size: 12px;
    line-height: 30px;
    color: #fff;
    text-align: center;
}

.index-main .banner .phone .img li a:hover {
    background: rgba(74, 81, 98, 0);
    color: #4a5162;
}

.index-main .banner .phone .img li.on {
    left: 0;
    opacity: 1;
    -webkit-opacity: 1;
}

.index-main .banner .phone .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #b5b5b5;
    border: 2px solid #7b7b7b;
    opacity: 1;
}

.index-main .banner .phone .swiper-pagination-bullet-active {
    background: #ededed;
    border-color: #0da37d;
}

.index-main .index-about {
    width: 100%;
    height: calc( 100vw * 780 / 1920);
    background: #000;
}

.index-main .index-about .left {
    width: calc( 100vw * 810 / 1920);
    height: 100%;
    display: table;
    float: left;
    position: relative;
}

.index-main .index-about .left .label1 {
    text-align: left;
}

.index-main .index-about .left .logo {
    position: absolute;
    top: calc( 100vw * 70 / 1920);
    left: calc(100vw * 60 / 1920);
}

.index-main .index-about .left .about-link {
    position: absolute;
    bottom: calc( 100vw * 70 / 1920);
    left: calc(100vw * 60 / 1920);
    width: 100%;
}

.index-main .index-about .left .about-link a {
    font-size: 12px;
    line-height: 12px;
    color: #788591;
    float: left;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.index-main .index-about .left .about-link a:hover {
    color: #fff;
}

.index-main .index-about .left .about-link span {
    display: block;
    width: 1px;
    float: left;
    height: 12px;
    background: #03331b;
    background: rgba(2, 126, 64, 0.35);
    margin: 0 20px;
}

.index-main .index-about .left .con {
    width: calc( 100vw * 1065 / 1920 - 100vw * 190 / 1920);
    position: absolute;
    top: calc( 100vw * 70 / 1920 + 45px);
    left: calc( 100vw * 190 / 1920);
    height: calc( 100vw * 640 / 1920 - 57px);
    display: table;
}

.index-main .index-about .left .con .p1 {
    opacity: 0.5;
    -webkit-opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 18px;
    line-height: 18px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Times New Roman';
}

.index-main .index-about .left .con .p2 {
    font-size: 48px;
    line-height: 48px;
    color: #ffffff;
    background-image: url(../img/index/icon10_03.png);
    background-size: 17px 16px;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 45px;
    display: inline-block;
    margin-top: 15px;
}

.index-main .index-about .left .con .p2 font {
    color: #008a45;
}

.index-main .index-about .left .con .p3 {
    font-size: 28px;
    line-height: 28px;
    color: #ffffff;
    margin-top: 35px;
}

.index-main .index-about .left .con a {
    display: block;
    margin-top: 40px;
    width: 188px;
    height: 45px;
    background: #027e40;
    border: 1px solid #027e40;
    font-size: 16px;
    line-height: 45px;
    color: #ffffff;
    text-align: center;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
}

.index-main .index-about .left .con a:hover {
    color: #027e40;
    background: #fff;
}

.index-main .index-about .left .con .label2 div {
    width: 165px;
    height: 165px;
    padding: 13px;
    background: url(../img/index/icon8_03.png);
    margin-top: 15px;
    border-radius: 2px;
}

.index-main .index-about .left .con .label2 div img {
    width: 100%;
    height: 100%;
}

.index-main .index-about .right {
    width: calc( 100vw * 1065 / 1920);
    float: right;
    height: 100%;
}

.index-main .index-about .right img {
    width: 100%;
    height: 100%;
}

.index-main .index-product {
    width: 100%;
    height: calc( 100vw * 780 / 1920);
    background: #fff;
}

.index-main .index-product .left {
    width: calc( 50vw - 12px);
    height: 100%;
    float: left;
}

.index-main .index-product .left img {
    width: 100%;
    height: 100%;
}

.index-main .index-product .right {
    width: calc( 50vw - 12px - 100vw * 120 / 1920);
    height: 100%;
    float: left;
    display: table;
    padding: 0 calc( 100vw * 60 / 1920);
}

.index-main .index-product .right .label1 {
    text-align: left;
}

.index-main .index-product .right .p1 {
    font-size: 36px;
    line-height: 36px;
    color: #000000;
    margin-top: 65px;
}

.index-main .index-product .right .p2 {
    font-size: 16px;
    line-height: 16px;
    color: #008a45;
    margin-top: 40px;
}

.index-main .index-product .right .con {
    margin-top: 20px;
    height: 90px;
    overflow: hidden;
}

.index-main .index-product .right .con p {
    font-size: 14px;
    line-height: 30px;
    color: #666666;
}

.index-main .index-product .right .p3 {
    margin-top: calc( 100vw * 120 / 1920);
    /*margin-left: calc( 100vw * 150 / 1920);*/
    padding-left: 25px;
    height: 75px;
    font-size: 16px;
    line-height: 75px;
    color: #008a45;
    background-image: url(../img/index/icon11_16.png);
    background-size: 12px 11px;
    background-repeat: no-repeat;
    background-position: left center;
}

.index-main .index-product .right .p3 a {
    display: inline-block;
    width: 75px;
    height: 75px;
    margin: 0 15px;
    background-image: url(../img/index/icon11_09.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
    color: #fff;
    text-align: center;
}

.index-main .index-product .right .p3 .his {
    background-image: url(../img/index/icon11_11.png);
}

.index-main .index-product .right .p3 .hon {
    background-image: url(../img/index/icon11_13.png);
}

.index-main .index-product .right .p3 a:hover,
.index-main .index-product .right .p3 .his:hover,
.index-main .index-product .right .p3 .hon:hover {
    background-image: url(../img/index/icon12_03.png);
}

.index-main .index-news .pc {
    width: calc(100vw - 24px);
    height: calc(100vw * 680 / 1920);
    overflow: hidden;
}

.index-main .index-news .pc li {
    width: calc(50vw - 12px);
    height: calc(100vw * 340 / 1920);
    position: relative;
    float: left;
}

.index-main .index-news .pc li .left {
    width: calc(25vw - 6px);
    height: 100%;
    float: left;
    overflow: hidden;
}

.index-main .index-news .pc li .left img {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: transform;
    -webkit-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
}

.index-main .index-news .pc li .right {
    width: calc(25vw - 7px - 100vw * 12 / 192);
    height: 100%;
    float: left;
    padding: 0 calc(100vw * 6 / 192);
    background: #fff;
    display: table;
    position: relative;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
}

.index-main .index-news .pc li .right .t1 {
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    text-align: left;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1;
    /** 显示的行数 **/
    overflow: hidden;
}

.index-main .index-news .pc li .right .con {
    font-size: 14px;
    line-height: 24px;
    color: #999999;
    margin-top: 25px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
    text-align: left;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3;
    /** 显示的行数 **/
    overflow: hidden;
}

.index-main .index-news .pc li .right .line {
    width: 100%;
    height: 1px;
    margin-top: 35px;
    background: #e5e5e5;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
}

.index-main .index-news .pc li .right .bot {
    width: 100%;
    margin-top: 20px;
}

.index-main .index-news .pc li .right .bot .time {
    float: left;
    background-image: url(../img/index/icon13_15.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    line-height: 15px;
    color: #666666;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
    padding-left: 20px;
}

.index-main .index-news .pc li .right .bot a {
    display: block;
    float: right;
    padding-right: 20px;
    background-image: url(../img/index/icon13_18.png);
    background-size: 6px 9px;
    background-repeat: no-repeat;
    background-position: right center;
    font-size: 12px;
    line-height: 15px;
    color: #666666;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
}

.index-main .index-news .pc li .right span {
    display: block;
    width: 12px;
    height: 23px;
    position: absolute;
    left: -12px;
    top: 50px;
    background: none;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
}

.index-main .index-news .pc li:hover .left img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}

.index-main .index-news .pc li:hover .right {
    background: #008a45;
}

.index-main .index-news .pc li:hover .right .t1,
.index-main .index-news .pc li:hover .right .con {
    color: #fff;
}

.index-main .index-news .pc li:hover .right .line {
    opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=50);
    background: white;
}

.index-main .index-news .pc li:hover .right .bot .time {
    color: #fff;
    background-image: url(../img/index/icon13_07.png);
}

.index-main .index-news .pc li:hover .right .bot a {
    color: #fff;
    background-image: url(../img/index/icon14_10.png);
}

.index-main .index-news .pc li:hover .right span {
    background-image: url(../img/index/icon20_03.png);
    background-size: 12px 23px;
    background-repeat: no-repeat;
    background-position: center center;
}

.index-main .index-news .pc .l1 {
    width: calc(50vw - 12px);
    height: calc(100vw * 680 / 1920);
}

.index-main .index-news .pc .l1 .left {
    width: 100%;
}

.index-main .index-news .pc .l1 .right {
    position: absolute;
    right: 0;
    bottom: 0;
    height: calc(100vw * 340 / 1920);
}

.index-main .index-news .phone {
    width: 100vw;
    margin-top: 30px;
    display: none;
}

.index-main .index-news .phone li {
    width: 100vw;
    position: relative;
    float: left;
}

.index-main .index-news .phone li .left {
    width: 100%;
}

.index-main .index-news .phone li .left img {
    width: 100%;
}

.index-main .index-news .phone li .right {
    width: 94vw;
    margin: 0 auto;
    background: #fff;
    display: table;
    padding-bottom: 30px;
}

.index-main .index-news .phone li .right .t1 {
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    text-align: left;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1;
    /** 显示的行数 **/
    overflow: hidden;
    margin-top: 15px;
}

.index-main .index-news .phone li .right .con {
    font-size: 14px;
    line-height: 24px;
    color: #999999;
    margin-top: 25px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
    text-align: left;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3;
    /** 显示的行数 **/
    overflow: hidden;
}

.index-main .index-news .phone li .right .line {
    width: 100%;
    height: 1px;
    margin-top: 35px;
    background: #e5e5e5;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
}

.index-main .index-news .phone li .right .bot {
    width: 100%;
    margin-top: 20px;
}

.index-main .index-news .phone li .right .bot .time {
    float: left;
    background-image: url(../img/index/icon13_15.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    line-height: 15px;
    color: #666666;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
    padding-left: 20px;
}

.index-main .index-news .phone li .right .bot a {
    display: block;
    float: right;
    padding-right: 20px;
    background-image: url(../img/index/icon13_18.png);
    background-size: 6px 9px;
    background-repeat: no-repeat;
    background-position: right center;
    font-size: 12px;
    line-height: 15px;
    color: #666666;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
}

@media screen and (max-width: 1750px) {
    .index-main .index-product .right .p3 {
        /*margin-left: calc( 100vw * 100 / 1920);*/
        height: 70px;
        line-height: 70px;
    }
    .index-main .index-product .right .p3 a {
        width: 70px;
        height: 70px;
        margin: 0 10px;
    }
}

@media screen and (max-width: 1500px) {
    .index-main .index-about .left .logo {
        top: calc( 100vw * 30 / 1920);
    }
    .index-main .index-about .left .about-link {
        bottom: calc( 100vw * 30 / 1920);
    }
    .index-main .index-about .left .con {
        top: calc( 100vw * 30 / 1920 + 45px);
    }
    .index-main .index-about .left .con .p2 {
        font-size: 40px;
        line-height: 40px;
    }
    .index-main .index-about .left .con .p3 {
        font-size: 20px;
        line-height: 20px;
        margin-top: 20px;
    }
    .index-main .index-about .left .con a {
        width: 150px;
        margin-top: 30px;
    }
    .index-main .index-about .left .con .label2 div {
        width: 140px;
        height: 140px;
    }
    .index-main .index-product .right .p3 {
        /*margin-left: calc( 100vw * 60 / 1920);*/
        height: 60px;
        line-height: 60px;
    }
    .index-main .index-product .right .p3 a {
        width: 60px;
        height: 60px;
        margin: 0 5px;
    }
}

@media screen and (max-width: 1440px) {
    .index-main .banner .pc {
        height: calc(100vw * 780 / 1440);
    }
}

@media screen and (max-width: 1280px) {
    .index-main .index-about .left .logo {
        top: calc( 100vw * 15 / 1920);
    }
    .index-main .index-about .left .about-link {
        bottom: calc( 100vw * 15 / 1920);
    }
    .index-main .index-about .left .con {
        top: calc( 100vw * 15 / 1920 + 45px);
        height: calc( 100vw * 750 / 1920 - 57px);
    }
    .index-main .index-about .left .con .p2 {
        font-size: 30px;
        line-height: 30px;
    }
    .index-main .index-about .left .con .p3 {
        font-size: 18px;
        line-height: 18px;
        margin-top: 10px;
    }
    .index-main .index-about .left .con a {
        width: 150px;
        margin-top: 15px;
    }
    .index-main .index-about .left .con .label2 div {
        width: 120px;
        height: 120px;
    }
    .index-main .index-product .right {
        width: calc( 50vw - 12px - 100vw * 60 / 1920);
        padding: 0 calc( 100vw * 30 / 1920);
    }
    .index-main .index-product .right .p1 {
        margin-top: 25px;
    }
    .index-main .index-product .right .p2 {
        margin-top: 25px;
    }
    .index-main .index-product .right .p3 {
        margin-top: 20px;
        margin-left: 0;
        height: 50px;
        line-height: 50px;
        margin-top: calc( 100vw * 60 / 1920);
    }
    .index-main .index-product .right .p3 a {
        width: 50px;
        height: 50px;
        margin: 0 5px;
    }
    .index-main .index-news .pc li .right .con {
        margin-top: 15px;
        -webkit-line-clamp: 2;
    }
    .index-main .index-news .pc li .right .line {
        margin-top: 20px;
    }
}

@media screen and (max-width: 1100px) {
    .index-main .index-product .right {
        width: calc( 50vw - 12px - 100vw * 60 / 1920);
        padding: 0 calc( 100vw * 30 / 1920);
    }
    .index-main .index-product .right .p1 {
        margin-top: 30px;
    }
    .index-main .index-product .right .p3 {
        margin-top: 20px;
    }
    .index-main .index-product .right .p3 {
        margin-left: 0;
        height: 45px;
        line-height: 45px;
        margin-top: calc( 100vw * 30 / 1920);
    }
    .index-main .index-product .right .p3 a {
        width: 45px;
        height: 45px;
        margin: 0 0px 0 5px;
    }
}

@media screen and (max-width: 1000px) {
    .index-main .banner .pc {
        display: none;
    }
    .index-main .banner .phone {
        display: block;
    }
    .index-main .index-about {
        height: auto;
    }
    .index-main .index-about .left {
        width: 90%;
        margin-left: 5%;
    }
    .index-main .index-about .left .logo {
        top: calc( 100vw * 15 / 1920);
        display: none;
    }
    .index-main .index-about .left .about-link {
        bottom: calc( 100vw * 15 / 1920);
        display: none;
    }
    .index-main .index-about .left .con {
        width: 100%;
        top: auto;
        height: auto;
        padding-top: 60px;
        position: relative;
        left: 0;
    }
    .index-main .index-about .left .con .label2 {
        width: 100%;
    }
    .index-main .index-about .left .con p {
        text-align: center;
    }
    .index-main .index-about .left .con .p2 {
        font-size: 20px;
        line-height: 20px;
        background: none;
        padding: 0;
        display: block;
    }
    .index-main .index-about .left .con .p3 {
        font-size: 18px;
        line-height: 18px;
        margin-top: 30px;
    }
    .index-main .index-about .left .con a {
        width: 150px;
        margin: 0 auto;
        margin-top: 20px;
    }
    .index-main .index-about .left .con .label2 div {
        margin: 0 auto;
        margin-top: 15px;
        width: 120px;
        height: 120px;
    }
    .index-main .index-about .right {
        margin-top: 25px;
        width: 100%;
        font-family: "SimSun", "STSong";
    }
    .index-main .index-product {
        height: auto;
    }
    .index-main .index-product .left {
        width: 100%;
        height: auto;
    }
    .index-main .index-product .right {
        width: 100%;
        padding: 0;
    }
    .index-main .index-product .right .label2 {
        width: 94%;
        margin-left: 3%;
    }
    .index-main .index-product .right .logo {
        margin-top: 50px;
    }
    .index-main .index-product .right .p1 {
        margin-top: 30px;
        font-size: 24px;
        line-height: 24px;
    }
    .index-main .index-product .right .p2 {
        margin-top: 25px;
    }
    .index-main .index-product .right .con {
        margin-top: 25px;
        height: auto;
    }
    .index-main .index-product .right .con p {
        line-height: 24px;
    }
    .index-main .index-product .right .p3 {
        margin-top: 30px;
        line-height: 16px;
        height: 16px;
    }
    .index-main .index-product .right .p3 a {
        display: none;
    }
    .index-main .index-news .pc {
        display: none;
    }
    .index-main .index-news .phone {
        display: block;
    }
}

.about-main {
    width: 100%;
    background: #fff;
}

.about-main .about-wrap {
    width: 1280px;
    margin: 0 auto;
}

@media screen and (max-width: 1310px) {
    .about-main .about-wrap {
        width: 100%;
    }
}

.about-main .tit {
    padding-top: 50px;
}

.about-main .tit .tit-en {
    font-size: 44px;
    line-height: 44px;
    color: #008a45;
    font-family: Arial;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.about-main .tit .tit-ch {
    width: 100%;
    height: 20px;
    margin-top: 20px;
    display: table;
}

.about-main .tit .tit-ch p {
    font-size: 20px;
    line-height: 20px;
    color: #333333;
    float: left;
    margin: 0 20px;
}

.about-main .tit .tit-ch span {
    display: block;
    float: left;
    width: 50px;
    height: 1px;
    background: #d6d6d6;
    margin-top: 10px;
}

.about-main .banner {
    width: 100%;
    height: calc( 100vw * 480 / 1920);
    position: relative;
}

.about-main .banner .img {
    width: 100%;
    height: 100%;
}

.about-main .banner .img img {
    width: 100%;
    height: 100%;
}

.about-main .banner .font {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: table;
}

.about-main .banner .font .about-wrap {
    height: 100%;
}

.about-main .banner .font p {
    margin-top: calc( 100vw * 240 / 1920 - 40px);
    font-size: 48px;
    line-height: 48px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    text-shadow: 1px 1px 0 #bebec0;
}

.about-main .banner .font span {
    margin-top: 25px;
    display: block;
    width: 90px;
    height: 4px;
    background: #fff;
    box-shadow: 1px 1px 0 #bebec0;
}

.about-main .about-intro {
    width: 100%;
    background: url(../img/about/icon2_05.png);
}

.about-main .about-intro .intro-main {
    padding-top: 70px;
    padding-bottom: 90px;
}

.about-main .about-intro .intro-main .intro-part1 {
    width: 525px;
    height: 500px;
    float: left;
}

.about-main .about-intro .intro-main .intro-part1 img {
    width: 100%;
    height: 100%;
}

.about-main .about-intro .intro-main .intro-part2 {
    width: 715px;
    height: 500px;
    overflow: hidden;
    float: left;
    margin-left: 30px;
}

.about-main .about-intro .intro-main .intro-part3 {
    width: 715px;
    height: 500px;
    overflow: hidden;
    float: left;
    margin-left: 10px;
    margin-top: 40px;
}

.about-main .about-intro .intro-main .intro-part4 {
    width: 525px;
    height: 500px;
    float: right;
    margin-left: 30px;
    margin-top: 40px;
}

.about-main .about-intro .intro-main .intro-part4 img {
    width: 100%;
    height: 100%;
}

.about-main .about-intro .intro-main p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}

.about-main .about-intro .intro-main .t1 {
    font-size: 36px;
    line-height: 36px;
    color: #333333;
    font-weight: bold;
}

.about-main .about-intro .intro-main .t1 font {
    font-size: 18px;
    color: #666666;
    font-weight: normal;
    margin-left: 20px;
}

.about-main .about-intro .intro-main .c1 {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin-top: 25px;
}

.about-main .about-intro .intro-main .t2 {
    font-size: 18px;
    line-height: 24px;
    color: #333333;
    margin-top: 35px;
}

.about-main .about-vision {
    width: 100%;
    padding-bottom: 60px;
    background-image: url(../img/about/icon7_02.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
    height: calc(100vw * 660 / 1920);
    min-height: 530px;
}

.about-main .about-vision .con {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/about/icon7_03.png);
}

.about-main .about-vision .con .tit .tit-ch p {
    color: #fff;
}

.about-main .about-vision .con .vision-main {
    width: 100%;
    margin-top: 80px;
}

.about-main .about-vision .con .vision-main li {
    width: 270px;
    margin: 0 15px;
    display: block;
    height: 300px;
    float: left;
    padding: 0 60px;
    background: #fff;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-property: opacity left right bottom;
    -webkit-transition-property: opacity left right bottom;
    -ms-transition-property: opacity left right bottom;
    -o-transition-property: opacity left right bottom;
}

.about-main .about-vision .con .vision-main li div {
    width: 100%;
    padding-top: 55px;
    text-align: center;
}

.about-main .about-vision .con .vision-main li .p1 {
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    text-align: center;
    margin-top: 30px;
}

.about-main .about-vision .con .vision-main li .p2 {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin-top: 30px;
}

.about-main .about-vision .con .vision-main .l1 {
    left: -50px;
    opacity: 0;
    -webkit-opacity: 0;
}

.about-main .about-vision .con .vision-main .l2 {
    bottom: -50px;
    opacity: 0;
    -webkit-opacity: 0;
}

.about-main .about-vision .con .vision-main .l3 {
    right: -50px;
    opacity: 0;
    -webkit-opacity: 0;
}

.about-main .about-vision .con .vision-main.list .l1 {
    left: 0;
    opacity: 1;
    -webkit-opacity: 1;
}

.about-main .about-vision .con .vision-main.list .l2 {
    bottom: 0;
    opacity: 1;
    -webkit-opacity: 1;
}

.about-main .about-vision .con .vision-main.list .l3 {
    right: 0;
    opacity: 1;
    -webkit-opacity: 1;
}

.about-main .about-history {
    background-image: url(../img/about/icon13_02.png);
    background-size: 1920px 100%;
    background-repeat: no-repeat;
    background-position: left center;
    padding-bottom: 100px;
}

.about-main .about-history .his-main .prev {
    width: 40px;
    height: 400px;
    float: left;
    background-image: url(../img/about/icon8_05.png);
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}

.about-main .about-history .his-main .next {
    width: 40px;
    height: 400px;
    float: left;
    background-image: url(../img/about/icon9_03.png);
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}

.about-main .about-history .his-main .mid {
    width: 1200px;
    float: left;
    height: 400px;
    position: relative;
    overflow: hidden;
}

.about-main .about-history .his-main .mid .line {
    width: 100%;
    height: 1px;
    background: #d1d1d1;
    position: absolute;
    top: 200px;
    z-index: 0;
}

.about-main .about-history .his-main .mid li {
    width: 300px;
    height: 24px;
    margin-top: 188px;
    float: left;
    position: relative;
    z-index: 1;
}

.about-main .about-history .his-main .mid li .s2 {
    width: 300px;
    display: block;
    height: 24px;
    background-image: url(../img/about/icon8_08.png);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center center;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
}

.about-main .about-history .his-main .mid li .his-list {
    width: 270px;
    padding: 20px 15px;
    position: absolute;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
}

.about-main .about-history .his-main .mid li .his-list .t1 {
    font-size: 24px;
    line-height: 24px;
    color: #333333;
    font-weight: bold;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.about-main .about-history .his-main .mid li .his-list .c1 {
    margin-top: 10px;
}

.about-main .about-history .his-main .mid li .his-list .c1 p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.about-main .about-history .his-main .mid li .his-list .s1 {
    background-image: url(../img/about/icon8_12.png);
    background-size: 21px 18px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 21px;
    position: absolute;
    left: 0;
    width: 100%;
    height: 18px;
    display: block;
}

.about-main .about-history .his-main .mid li:hover .s2 {
    background-image: url(../img/about/icon11_06.png);
}

.about-main .about-history .his-main .mid li:hover .his-list .t1 {
    color: #008a45;
}

.about-main .about-history .his-main .mid li.top .his-list {
    bottom: 66px;
}

.about-main .about-history .his-main .mid li.top .his-list .s1 {
    bottom: -18px;
    background-image: url(../img/about/icon14.png);
}

.about-main .about-history .his-main .mid li.bot .his-list {
    top: 66px;
}

.about-main .about-history .his-main .mid li.bot .his-list .s1 {
    top: -18px;
}

.about-main .about-history .his-main .pc .mid ul {
    position: relative;
    left: 0;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: left;
    -webkit-transition-property: left;
    -ms-transition-property: left;
    -o-transition-property: left;
}

.about-main .about-history .his-main .phone {
    display: none;
}

.about-main .about-history .his-main .phone .mid {
    width: 100%;
}

.about-main .about-history .his-main .phone .mid .s2 {
    width: 100vw;
}

.about-main .about-history .his-main .phone .mid li {
    width: 100vw;
}

.about-main .about-history .his-main .phone .mid li .his-list {
    width: calc( 100vw - 32px);
}

.about-main .about-honor {
    width: 100%;
    background: #f8f6f7;
    padding-bottom: 35px;
}

.about-main .about-honor .tit {
    padding-bottom: 50px;
}

.about-main .about-honor .hon-main {
    width: 100%;
}

.about-main .about-honor .hon-main .pc .mid {
    width: 100%;
    height: 520px;
    overflow: hidden;
    float: left;
}

.about-main .about-honor .hon-main .pc .mid ul {
    position: relative;
    left: 0;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: left;
    -webkit-transition-property: left;
    -ms-transition-property: left;
    -o-transition-property: left;
}

.about-main .about-honor .hon-main .pc .mid li {
    width: 360px;
    height: 520px;
    float: left;
    margin: 0 30px;
    background: #fff;
}

.about-main .about-honor .hon-main .pc .mid li .img {
    width: 350px;
    height: 440px;
    border: 5px solid #d9d9d9;
    display: table;
}

.about-main .about-honor .hon-main .pc .mid li .img img {
    max-height: 440px;
    max-width: 350px;
}

.about-main .about-honor .hon-main .pc .mid li .font {
    width: 90%;
    margin-left: 5%;
    height: 70px;
    display: table;
}

.about-main .about-honor .hon-main .pc .mid li .font p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}

.about-main .about-honor .hon-main .pc .prev {
    width: 40px;
    height: 40px;
    float: left;
    background-image: url(../img/about/icon8_05.png);
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
    margin-top: 30px;
    margin-left: 30px;
    margin-right: 30px;
}

.about-main .about-honor .hon-main .pc .next {
    width: 40px;
    height: 40px;
    float: right;
    background-image: url(../img/about/icon9_03.png);
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
    margin-top: 30px;
    margin-right: 50px;
}

.about-main .about-honor .hon-main .phone {
    display: none;
}

.about-main .about-honor .hon-main .phone .mid {
    width: 100vw;
    height: 520px;
    overflow: hidden;
}

.about-main .about-honor .hon-main .phone .mid li {
    width: 100vw;
    height: calc( 100vw * 520 / 360);
    float: left;
    background: #fff;
}

.about-main .about-honor .hon-main .phone .mid li .img {
    width: calc( 100vw - 10px);
    height: calc( 100vw * 440 / 350 - 10px * 440 / 350);
    border: 5px solid #d9d9d9;
    display: table;
}

.about-main .about-honor .hon-main .phone .mid li .img img {
    max-height: calc( 100vw - 10px);
    max-width: calc( 100vw * 440 / 350 - 10px * 440 / 350);
}

.about-main .about-honor .hon-main .phone .mid li .font {
    width: 90vw;
    margin-left: 5vw;
    height: calc( 100vw * 520 / 360 - 100vw * 440 / 350 + 10px * 440 / 350 - 10px);
    display: table;
}

.about-main .about-honor .hon-main .phone .mid li .font p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}

.about-main .about-honor .hon-main .phone .prev {
    display: none;
}

.about-main .about-honor .hon-main .phone .next {
    display: none;
}

@media screen and (max-width: 1310px) {
    .about-main .about-wrap {
        width: 1000px;
    }
    .about-main .about-intro .intro-main .intro-part1,
    .about-main .about-intro .intro-main .intro-part4 {
        width: 450px;
        height: calc( 100vw * 500 / 1280);
    }
    .about-main .about-intro .intro-main .intro-part2,
    .about-main .about-intro .intro-main .intro-part3 {
        width: 500px;
        height: calc( 100vw * 500 / 1280);
    }
    .about-main .about-intro .intro-main .c1 {
        margin-top: 15px;
        line-height: 18px;
    }
    .about-main .about-intro .intro-main .t2 {
        margin-top: 20px;
        line-height: 18px;
    }
    .about-main .about-vision .con .vision-main li {
        padding: 0 15px;
        margin: 0 15px;
        width: 270px;
    }
    .about-main .about-history .about-wrap {
        width: 1000px;
    }
    .about-main .about-history .his-main .mid {
        width: 920px;
    }
    .about-main .about-history .his-main .mid li {
        width: calc( 920px / 3);
    }
    .about-main .about-honor .about-wrap {
        width: 1000px;
    }
    .about-main .about-honor .hon-main .pc .mid li {
        margin: 10px;
        width: 310px;
        height: 455px;
    }
    .about-main .about-honor .hon-main .pc .mid li .img {
        width: 300px;
        height: 375px;
    }
    .about-main .about-honor .hon-main .pc .mid li .img img {
        max-width: 300px;
        max-height: 375px;
    }
}

@media screen and (max-width: 1110px) {
    .about-main .about-wrap {
        width: 1000px;
    }
    .about-main .about-intro .intro-main .t1 {
        font-size: 30px;
        line-height: 30px;
    }
}

@media screen and (max-width: 1000px) {
    .about-main .about-wrap {
        width: 90%;
    }
    .about-main .banner .font p {
        font-size: 30px;
        line-height: 30px;
    }
    .about-main .banner .font span {
        width: 60px;
        margin-top: 15px;
    }
    .about-main .tit .tit-en {
        font-size: 30px;
        line-height: 30px;
    }
    .about-main .tit .tit-ch {
        margin-top: 10px;
    }
    .about-main .tit .tit-ch p {
        font-size: 16px;
        line-height: 16px;
    }
    .about-main .tit .tit-ch span {
        width: 35px;
        margin-top: 8px;
    }
    .about-main .about-intro .intro-main {
        padding-top: 20px;
        padding-bottom: 40px;
    }
    .about-main .about-intro .intro-main .intro-part1,
    .about-main .about-intro .intro-main .intro-part4 {
        width: 100%;
        height: auto;
        margin: 0;
        margin-top: 15px;
    }
    .about-main .about-intro .intro-main .intro-part2,
    .about-main .about-intro .intro-main .intro-part3 {
        width: 100%;
        height: auto;
        margin: 0;
        margin-top: 15px;
    }
    .about-main .about-intro .intro-main .t1 {
        font-size: 20px;
        line-height: 30px;
    }
    .about-main .about-intro .intro-main .t1 font {
        display: block;
        margin: 0;
    }
    .about-main .about-vision {
        height: 1030px;
        background: url(../img/about/icon7_03.png);
    }
    .about-main .about-vision .con .vision-main li {
        width: 70%;
        margin: 0 5%;
        padding: 0 10%;
        padding-bottom: 50px;
        margin-bottom: 15px;
        height: auto;
    }
    .about-main .about-history .about-wrap {
        width: 100%;
    }
    .about-main .about-history .about-wrap .his-main .pc {
        display: none;
    }
    .about-main .about-history .about-wrap .his-main .phone {
        display: block;
    }
    .about-main .about-honor .about-wrap {
        width: 100%;
    }
    .about-main .about-honor .hon-main .pc {
        display: none;
    }
    .about-main .about-honor .hon-main .phone {
        display: block;
    }
}

.pro-main {
    width: 100%;
    background: #f2f2f2;
}

.pro-main .pro-wrap {
    width: 1280px;
    margin: 0 auto;
}

.pro-main .pro-list1 {
    width: 100%;
    padding: 50px 0;
}

.pro-main .pro-list1 .pc li {
    width: 650px;
    float: left;
    padding: 80px 60px;
    background: #fff;
    margin-top: 15px;
}

.pro-main .pro-list1 .pc li .left {
    width: 355px;
    height: 265px;
    float: left;
}

.pro-main .pro-list1 .pc li .left img {
    width: 100%;
    height: 100%;
}

.pro-main .pro-list1 .pc li .right {
    float: left;
    width: 260px;
    margin-left: 30px;
}

.pro-main .pro-list1 .pc li .right .t1 {
    font-size: 30px;
    line-height: 30px;
    color: #666666;
}

.pro-main .pro-list1 .pc li .right .c1 {
    margin-top: 10px;
}

.pro-main .pro-list1 .pc li .right .c1 p {
    font-size: 16px;
    line-height: 22px;
    color: #999999;
}

.pro-main .pro-list1 .pc li .right a {
    display: block;
    width: 90px;
    height: 30px;
    border: 1px solid #00925f;
    border-radius: 2px;
    background: #fff;
    font-size: 14px;
    line-height: 30px;
    color: #00925f;
    text-align: center;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
    margin-top: 20px;
}

.pro-main .pro-list1 .pc li .right a:hover {
    background: #00925f;
    color: #fff;
}

.pro-main .pro-list1 .pc .d2 {
    width: 375px;
    float: right;
    height: 705px;
}

.pro-main .pro-list1 .pc .d2 .left {
    margin-top: 150px;
}

.pro-main .pro-list1 .phone {
    width: 100%;
    display: none;
}

.pro-main .pro-list1 .phone li {
    width: 100%;
    background: #fff;
    padding: 0;
    height: auto;
}

.pro-main .pro-list1 .phone .left {
    margin-left: 10%;
    width: 80%;
    padding-top: 20px;
}

.pro-main .pro-list1 .phone .left img {
    width: 100%;
}

.pro-main .pro-list1 .phone .right {
    width: 90%;
    padding: 20px 5%;
    text-align: center;
}

.pro-main .pro-list1 .phone .right .t1 {
    font-size: 20px;
    line-height: 20px;
    color: #666666;
}

.pro-main .pro-list1 .phone .right .c1 {
    margin-top: 10px;
}

.pro-main .pro-list1 .phone .right .c1 p {
    font-size: 14px;
    line-height: 22px;
    color: #999999;
}

.pro-main .pro-list2 {
    width: 100%;
    padding-bottom: 75px;
}

.pro-main .pro-list2 .tit {
    width: 100%;
    height: 24px;
    display: table;
}

.pro-main .pro-list2 .tit p {
    font-size: 24px;
    line-height: 24px;
    color: #393939;
    float: left;
    margin: 0 45px;
}

.pro-main .pro-list2 .tit span {
    width: 540px;
    display: block;
    height: 1px;
    background: #e5e5e5;
    margin-top: 12px;
    float: left;
}

.pro-main .pro-list2 .page-nav {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 30px;
    display: table;
}

.pro-main .pro-list2 .page-nav .label1 {
    vertical-align: top;
}

.pro-main .pro-list2 .page-nav p {
    float: left;
    margin-top: 10px;
    width: 140px;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    color: #666666;
    background: #f2f2f2;
    cursor: pointer;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
}

.pro-main .pro-list2 .page-nav p:hover,
.pro-main .pro-list2 .page-nav p.on {
    color: #008a45;
}

.pro-main .pro-list2 .page-nav span {
    width: 1px;
    height: 18px;
    float: left;
    display: block;
    background: #e0e0e0;
    margin-top: 10px;
}

.pro-main .pro-list2 select {
    width: 90%;
    margin-left: 5%;
    background: #f2f2f2;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    background: #008a45;
    border: 1px solid #008a45;
    display: none;
    padding: 0 5%;
    margin-top: 20px;
}

.pro-main .pro-list2 .wrap li {
    width: 300px;
    height: 350px;
    background: #fff;
    margin: 10px;
    float: left;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: box-shadow;
    -webkit-transition-property: box-shadow;
    -ms-transition-property: box-shadow;
    -o-transition-property: box-shadow;
}

.pro-main .pro-list2 .wrap li .img {
    width: 100%;
    height: 220px;
    display: table;
    padding: 15px 0;
}

.pro-main .pro-list2 .wrap li .img img {
    max-width: 240px;
}

.pro-main .pro-list2 .wrap li .t1 {
    width: 90%;
    margin-top: 10px;
    margin-left: 5%;
    font-size: 18px;
    line-height: 18px;
    color: #333333;
    text-align: center;
}

.pro-main .pro-list2 .wrap li .c1 {
    width: 90%;
    margin-left: 5%;
    font-size: 14px;
    line-height: 14px;
    color: #666666;
    text-align: center;
    margin-top: 10px;
}

.pro-main .pro-list2 .wrap li:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1310px) {
    .pro-main .pro-list1 .pc li {
        padding: 20px 15px;
        width: 610px;
    }
    .pro-main .pro-list1 .pc li .left {
        width: 300px;
    }
    .pro-main .pro-list1 .pc .d2 {
        width: 315px;
        height: 585px;
    }
    .pro-main .pro-wrap {
        width: 1000px;
    }
    .pro-main .pro-list2 .tit span {
        width: 405px;
    }
    .pro-main .pro-list2 .wrap li {
        width: 300px;
        margin: 15px;
    }
}

@media screen and (max-width: 1000px) {
    .pro-main .pro-list1 .pc {
        width: 100%;
        display: none;
    }
    .pro-main .pro-list1 .phone {
        display: block;
    }
    .pro-main .pro-wrap {
        width: 100%;
    }
    .pro-main .pro-list2 .tit span {
        width: calc(50vw - 95px);
    }
    .pro-main .pro-list2 select {
        display: block;
    }
    .pro-main .pro-list2 .page-nav {
        display: none;
    }
    .pro-main .pro-list2 .wrap li {
        width: 40%;
        height: 250px;
        margin: 15px 5%;
    }
    .pro-main .pro-list2 .wrap li .img {
        width: 90%;
        margin-left: 5%;
        height: 120px;
    }
    .pro-main .pro-list2 .wrap li .img img {
        max-width: 100%;
    }
}

.news-main {
    width: 100%;
    background: #f2f2f2;
}

.pro-main .news-wrap,.news-main .news-wrap {
    width: 1280px;
    margin: 0 auto;
}

.pro-main .banner ,.news-main .banner {
    width: 100%;
    height: calc( 100vw * 480 / 1920);
    position: relative;
}

.pro-main .banner .img,.news-main .banner .img {
    width: 100%;
    height: 100%;
}

.pro-main .banner .img img,.news-main .banner .img img {
    width: 100%;
    height: 100%;
}

.pro-main .banner .font ,.news-main .banner .font {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: table;
}

.pro-main .banner .font .news-wrap ,.news-main .banner .font .news-wrap {
    height: 100%;
}

.pro-main .banner .font p ,.news-main .banner .font p {
    margin-top: calc( 100vw * 240 / 1920 - 40px);
    font-size: 48px;
    line-height: 48px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    text-shadow: 1px 1px 0 #bebec0;
}

.pro-main .banner .font span,.news-main .banner .font span {
    margin-top: 25px;
    display: block;
    width: 90px;
    height: 4px;
    background: #fff;
    box-shadow: 1px 1px 0 #bebec0;
}

.news-main .page-nav {
    width: 100%;
    height: 75px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
}

.news-main .page-nav a {
    display: table;
    float: left;
    height: 73px;
    border-bottom: 2px solid #fff;
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    width: 100px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: border-color;
    -webkit-transition-property: border-color;
    -ms-transition-property: border-color;
    -o-transition-property: border-color;
    text-align: center;
}

.news-main .page-nav a:hover,
.news-main .page-nav a.on {
    border-color: #008a45;
}

.news-main .list1 {
    width: 100%;
    padding-bottom: 30px;
}

.news-main .list1 .tit {
    font-size: 36px;
    line-height: 36px;
    color: #666666;
    padding: 60px 0;
    text-align: center;
}

.news-main .list1 .news-con .pc {
    width: 100%;
    height: 419px;
}

.news-main .list1 .news-con .pc .left {
    width: 50%;
    height: 409px;
    float: left;
    margin-top: 5px;
    position: relative;
    overflow: hidden;
}

.news-main .list1 .news-con .pc .left li {
    width: 100%;
    height: 100%;
    position: relative;
}

.news-main .list1 .news-con .pc .left li .img {
    width: 100%;
    height: 100%;
}

.news-main .list1 .news-con .pc .left li .img img {
    width: 100%;
    height: 100%;
}

.news-main .list1 .news-con .pc .left li .font {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-opacity: 0;
    background: url(../img/news/icon2_05.png);
    height: 60px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: opacity;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
}

.news-main .list1 .news-con .pc .left li .font p {
    width: 90%;
    margin-left: 5%;
    font-size: 18px;
    line-height: 60px;
    color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-main .list1 .news-con .pc .left li:hover .font {
    opacity: 1;
    -webkit-opacity: 1;
}

.news-main .list1 .news-con .pc .right {
    width: 50%;
    float: right;
}

.news-main .list1 .news-con .pc .right li {
    width: 100%;
    margin: 5px 0;
    height: 133px;
}

.news-main .list1 .news-con .pc .right li .news-list-time {
    width: 90px;
    height: 100%;
    float: left;
    display: table;
    background: #666666;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
}

.news-main .list1 .news-con .pc .right li .news-list-time .t1 {
    font-size: 24px;
    line-height: 24px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.news-main .list1 .news-con .pc .right li .news-list-time .t2 {
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    text-align: center;
    margin-top: 15px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.news-main .list1 .news-con .pc .right li .news-list-main {
    width: 470px;
    height: 100%;
    display: table;
    float: left;
    padding: 0 40px;
    background: #fff;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
}

.news-main .list1 .news-con .pc .right li .news-list-main .label1 {
    text-align: left;
}

.news-main .list1 .news-con .pc .right li .news-list-main p {
    font-size: 18px;
    line-height: 24px;
    color: #666666;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3;
    /** 显示的行数 **/
    overflow: hidden;
}

.news-main .list1 .news-con .pc .right li:hover .news-list-time {
    background: #fff;
}

.news-main .list1 .news-con .pc .right li:hover .news-list-time .t1,
.news-main .list1 .news-con .pc .right li:hover .news-list-time .t2 {
    color: #008a45;
}

.news-main .list1 .news-con .pc .right li:hover .news-list-main {
    background: #008a45;
    color: #fff;
}

.news-main .list1 .news-con .pc .right li:hover .news-list-main p {
    color: #fff;
}

.news-main .list1 .news-con .phone {
    display: none;
}

.news-main .list1 .news-con .phone li {
    width: 100%;
    height: calc( 100vw * 360 / 300);
    background: #fff;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: box-shadow;
    -webkit-transition-property: box-shadow;
    -ms-transition-property: box-shadow;
    -o-transition-property: box-shadow;
}

.news-main .list1 .news-con .phone li div {
    width: 100%;
    height: calc( 100vw * 200 / 300);
    overflow: hidden;
}

.news-main .list1 .news-con .phone li div img {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: transform;
    -webkit-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
}

.news-main .list1 .news-con .phone li .t1 {
    font-size: 18px;
    line-height: 24px;
    color: #666666;
    width: 90%;
    margin-left: 5%;
    height: 48px;
    margin-top: 10px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2;
    /** 显示的行数 **/
    overflow: hidden;
}

.news-main .list1 .news-con .phone li .c1 {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    width: 90%;
    margin-left: 5%;
    height: 48px;
    margin-top: 15px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2;
    /** 显示的行数 **/
    overflow: hidden;
}

.news-main .list1 .news-con .phone li .time {
    font-size: 12px;
    line-height: 12px;
    color: #999999;
    width: 90%;
    margin-left: 5%;
    font-family: Arial;
    margin-top: 40px;
}

.news-main .list1 .more-list {
    margin-top: 50px;
}

.news-main .list1 .more-list li {
    width: 288px;
    padding: 10px;
    height: 400px;
    margin: 5px;
    float: left;
    background: #fff;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: box-shadow;
    -webkit-transition-property: box-shadow;
    -ms-transition-property: box-shadow;
    -o-transition-property: box-shadow;
}

.news-main .list1 .more-list li div {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.news-main .list1 .more-list li div img {
	width:100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: transform;
    -webkit-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
}

.news-main .list1 .more-list li .t1 {
    font-size: 18px;
    line-height: 24px;
    color: #666666;
    height: 48px;
    margin-top: 10px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2;
    /** 显示的行数 **/
    overflow: hidden;
}

.news-main .list1 .more-list li .c1 {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    height: 48px;
    margin-top: 15px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2;
    /** 显示的行数 **/
    overflow: hidden;
}

.news-main .list1 .more-list li .time {
    font-size: 12px;
    line-height: 12px;
    color: #999999;
    font-family: Arial;
    margin-top: 40px;
}

.news-main .list1 .more-list li:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.news-main .list1 .more-list li:hover div img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.news-main .list1 .more-list .more {
    width: 160px;
    height: 45px;
    border-radius: 22px;
    background: #008a45;
    border: 1px solid #008a45;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    font-size: 16px;
    line-height: 45px;
    margin-top: 50px;
    color: #fff;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
}

.news-main .list1 .more-list .more:hover {
    background: #f2f2f2;
    color: #008a45;
}

.news-main .list2 {
    width: 100%;
    padding-bottom: 30px;
    background: #fff;
}

.news-main .list2 .tit {
    font-size: 36px;
    line-height: 36px;
    color: #666666;
    padding: 60px 0;
    text-align: center;
}

.news-main .list2 li {
    width: 288px;
    padding: 10px;
    height: 400px;
    margin: 5px;
    float: left;
    background: #fff;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: box-shadow;
    -webkit-transition-property: box-shadow;
    -ms-transition-property: box-shadow;
    -o-transition-property: box-shadow;
}

.news-main .list2 li div {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.news-main .list2 li div img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: transform;
    -webkit-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
}

.news-main .list2 li .t1 {
    font-size: 18px;
    line-height: 24px;
    color: #666666;
    height: 48px;
    margin-top: 10px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2;
    /** 显示的行数 **/
    overflow: hidden;
}

.news-main .list2 li .c1 {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    height: 48px;
    margin-top: 15px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2;
    /** 显示的行数 **/
    overflow: hidden;
}

.news-main .list2 li .time {
    font-size: 12px;
    line-height: 12px;
    color: #999999;
    font-family: Arial;
    margin-top: 40px;
}

.news-main .list2 li:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.news-main .list2 li:hover div img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.news-main .list2 .more-list .more {
    width: 160px;
    height: 45px;
    border-radius: 22px;
    background: #008a45;
    border: 1px solid #008a45;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
    cursor: pointer;
    font-size: 16px;
    line-height: 45px;
    color: #fff;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
}

.news-main .list2 .more-list .more:hover {
    background: #f2f2f2;
    color: #008a45;
}

.news-main .list3 {
    width: 100%;
    padding-bottom: 30px;
}

.news-main .list3 .tit {
    font-size: 36px;
    line-height: 36px;
    color: #666666;
    padding: 60px 0;
    text-align: center;
}

.news-main .list3 li {
    width: 390px;
    height: 270px;
    float: left;
    margin: 15px;
    position: relative;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: box-shadow;
    -webkit-transition-property: box-shadow;
    -ms-transition-property: box-shadow;
    -o-transition-property: box-shadow;
}

.news-main .list3 li .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.news-main .list3 li .img img {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: transform;
    -webkit-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
}

.news-main .list3 li .font {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: table;
}

.news-main .list3 li:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.news-main .list3 li:hover .img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.news-main .list3 .more-list .more {
    width: 160px;
    height: 45px;
    border-radius: 22px;
    background: #008a45;
    border: 1px solid #008a45;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
    cursor: pointer;
    font-size: 16px;
    line-height: 45px;
    color: #fff;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
}

.news-main .list3 .more-list .more:hover {
    background: #f2f2f2;
    color: #008a45;
}

.news-main .list4 {
    width: 80%;
    padding: 30px;
    margin: 0 auto;
    background: #fff;
}

.news-main .list4 .top .t1 {
    font-size: 18px;
    line-height: 36px;
    color: #333333;
}

.news-main .list4 .top div {
    height: 40px;
    border-bottom: 1px solid #ccc;
}

.news-main .list4 .top div .jiathis_button_weixin span {
    margin-top: 0;
}

.news-main .list4 .top div span {
    display: block;
    margin-top: 15px;
}

.news-main .list4 .top div span p {
    margin-right: 20px;
    float: left;
    font-size: 14px;
    line-height: 18px;
    color: #333333;
}

.news-main .list4 .top div span a {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin-right: 10px;
}

.news-main .list4 .top div span a img {
    width: 100%;
    height: 100%;
    display: inherit;
}

.news-main .list4 .con {
    padding-top: 40px;
}

.news-main .list4 .con p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}

.news-main .list4 .bot {
    margin-top: 40px;
    border-top: 1px solid #ccc;
}

.news-main .list4 .bot .left {
    width: 70%;
    float: left;
}

.news-main .list4 .bot .left a {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    display: block;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
    margin-top: 15px;
}

.news-main .list4 .bot .left a:hover {
    color: #007440;
}

.news-main .list4 .bot .right {
    width: 20%;
    float: right;
    height: 80px;
    display: table;
}

.news-main .list4 .bot .right .label2 {
    width: 100%;
    text-align: right;
}

.news-main .list4 .bot .right .label2 a {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.news-main .list4 .bot .right .label2 a:hover {
    color: #007440;
}

@media screen and (max-width: 1310px) {
    .pro-main .news-wrap,.news-main .news-wrap {
        width: 1000px;
    }
    .news-main .list1 .news-con .pc .right {
        width: 490px;
    }
    .news-main .list1 .news-con .pc .right li .news-list-time {
        width: 80px;
    }
    .news-main .list1 .news-con .pc .right li .news-list-main {
        width: 320px;
    }
    .news-main .list1 .more-list li {
        width: 298px;
    }
    .news-main .list2 li {
        width: 298px;
    }
    .news-main .list3 li {
        width: 300px;
        height: calc( 300px * 270 / 390);
    }
}

@media screen and (max-width: 1000px) {
    .pro-main .news-wrap,.news-main .news-wrap {
        width: 90%;
    }
    .pro-main .banner .font p,.news-main .banner .font p {
        font-size: 30px;
        line-height: 30px;
    }
    .pro-main .banner .font span,.pro-main .banner .font span,.news-main .banner .font span,.news-main .banner .font span {
        width: 60px;
        margin-top: 15px;
    }
    .news-main .page-nav .news-wrap {
        width: 100%;
    }
    .news-main .page-nav a {
        width: calc(100vw / 3);
        border-width: 0;
        height: 75px;
        background: #fff;
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-property: background;
        -webkit-transition-property: background;
        -ms-transition-property: background;
        -o-transition-property: background;
        text-align: center;
        overflow: hidden;
        font-size: 13px;
    }
    .news-main .page-nav a.on {
        background: #008a45;
        color: #fff;
    }
    .news-main .list1 .news-wrap {
        width: 100%;
    }
    .news-main .list1 .news-con .pc {
        display: none;
    }
    .news-main .list1 .news-con .phone {
        display: block;
    }
    .news-main .list1 .more-list {
        width: 90%;
        margin-left: 5%;
    }
    .news-main .list2 li {
        width: calc( 90vw - 22px);
        height: calc( 90vw * 400 / 310 - 22px * 400 / 310);
    }
    .news-main .list2 li div {
        height: calc( 90vw * 200 / 310 - 22px * 200 / 310);
    }
    .news-main .list3 li {
        width: 100%;
        height: calc( 90vw * 270 / 390);
        margin: 15px 0;
    }
}

.culture-main {
    width: 100%;
    background: #f2f2f2;
}

.culture-main .cul-wrap {
    width: 1280px;
    margin: 0 auto;
}

.culture-main .banner {
    width: 100%;
    height: calc( 100vw * 480 / 1920);
    position: relative;
}

.culture-main .banner .img {
    width: 100%;
    height: 100%;
}

.culture-main .banner .img img {
    width: 100%;
    height: 100%;
}

.culture-main .banner .font {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: table;
}

.culture-main .banner .font .cul-wrap {
    height: 100%;
}

.culture-main .banner .font p {
    margin-top: calc( 100vw * 240 / 1920 - 40px);
    font-size: 48px;
    line-height: 48px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    text-shadow: 1px 1px 0 #bebec0;
}

.culture-main .banner .font span {
    margin-top: 25px;
    display: block;
    width: 90px;
    height: 4px;
    background: #fff;
    box-shadow: 1px 1px 0 #bebec0;
}

.culture-main .page-nav {
    width: 100%;
    height: 75px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
}

.culture-main .page-nav a {
    display: table;
    float: left;
    height: 73px;
    border-bottom: 2px solid #fff;
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    width: 100px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: border-color;
    -webkit-transition-property: border-color;
    -ms-transition-property: border-color;
    -o-transition-property: border-color;
    text-align: center;
}

.culture-main .page-nav a:hover,
.culture-main .page-nav a.on {
    border-color: #008a45;
}

.culture-main .list1 {
    width: 100%;
    padding: 50px 0 70px;
}

.culture-main .list1 li {
    width: 400px;
    height: 340px;
    float: left;
    margin: 10px;
    background: #fff;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: box-shadow;
    -webkit-transition-property: box-shadow;
    -ms-transition-property: box-shadow;
    -o-transition-property: box-shadow;
}

.culture-main .list1 li div {
    width: 100%;
    height: 275px;
    overflow: hidden;
}

.culture-main .list1 li div img {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: transform;
    -webkit-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
}

.culture-main .list1 li p {
    width: 90%;
    margin-left: 5%;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    margin-top: 10px;
}

.culture-main .list1 li:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.culture-main .list1 li:hover div img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

@media screen and (max-width: 1310px) {
    .culture-main .cul-wrap {
        width: 1000px;
    }
    .culture-main .list1 .cul-wrap {
        width: 1000px;
    }
    .culture-main .list1 li {
        width: 310px;
        height: 265px;
    }
    .culture-main .list1 li div {
        width: 100%;
        height: 205px;
    }
}

@media screen and (max-width: 1000px) {
    .culture-main .cul-wrap {
        width: 90%;
    }
    .culture-main .banner .font p {
        font-size: 30px;
        line-height: 30px;
    }
    .culture-main .banner .font span {
        width: 60px;
        margin-top: 15px;
    }
    .culture-main .page-nav .cul-wrap {
        width: 100%;
    }
    .culture-main .page-nav a {
        width: calc(100vw / 6);
        border-width: 0;
        height: 75px;
        background: #fff;
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-property: background;
        -webkit-transition-property: background;
        -ms-transition-property: background;
        -o-transition-property: background;
        text-align: center;
        overflow: hidden;
        font-size: 13px;
    }
    .culture-main .page-nav a.on {
        background: #008a45;
        color: #fff;
    }
    .culture-main .list1 .cul-wrap {
        width: 100%;
    }
    .culture-main .list1 .cul-wrap li {
        width: 100%;
        height: calc(100vw * 340 / 400);
        margin: 10px 0;
    }
    .culture-main .list1 .cul-wrap li div {
        width: 100%;
        height: calc(100vw * 275 / 400);
    }
}

.join-main {
    width: 100%;
    background: #f2f2f2;
}

.join-main .join-wrap {
    width: 1280px;
    margin: 0 auto;
}

.join-main .banner {
    width: 100%;
    height: calc( 100vw * 480 / 1920);
    position: relative;
}

.join-main .banner .img {
    width: 100%;
    height: 100%;
}

.join-main .banner .img img {
    width: 100%;
    height: 100%;
}

.join-main .banner .font {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: table;
}

.join-main .banner .font .join-wrap {
    height: 100%;
}

.join-main .banner .font p {
    margin-top: calc( 100vw * 240 / 1920 - 40px);
    font-size: 48px;
    line-height: 48px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    text-shadow: 1px 1px 0 #bebec0;
}

.join-main .banner .font span {
    margin-top: 25px;
    display: block;
    width: 90px;
    height: 4px;
    background: #fff;
    box-shadow: 1px 1px 0 #bebec0;
}

.join-main .page-nav {
    width: 100%;
    height: 75px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
}

.join-main .page-nav a {
    display: table;
    float: left;
    height: 73px;
    border-bottom: 2px solid #fff;
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    width: 100px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: border-color;
    -webkit-transition-property: border-color;
    -ms-transition-property: border-color;
    -o-transition-property: border-color;
    text-align: center;
}

.join-main .page-nav a:hover,
.join-main .page-nav a.on {
    border-color: #008a45;
}

.join-main .list1 {
    padding-bottom: 120px;
    background-image: url(../img/culture/icon6_02.png);
    background-size: 100% 500px;
    background-repeat: no-repeat;
    background-position: center center;
}

.join-main .list1 .tit {
    font-size: 36px;
    line-height: 36px;
    color: #666666;
    text-align: center;
    padding: 60px 0;
}

.join-main .list1 .con {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    text-align: center;
}

.join-main .list1 .con p {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
}

.join-main .list2 {
    width: 100%;
    padding: 50px 0 100px;
    background: #fff;
}

.join-main .list2 li {
    width: 560px;
    height: 320px;
    position: relative;
    float: left;
    margin: 0 40px;
}

.join-main .list2 li .img {
    width: 100%;
    height: 100%;
}

.join-main .list2 li .img img {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: transform;
    -webkit-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
}

.join-main .list2 li .font {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: table;
}

.join-main .list2 li .font p {
    font-size: 30px;
    line-height: 36px;
    color: #ffffff;
    text-align: center;
}

.join-main .list2 li .font span {
    width: 50px;
    height: 2px;
    background: #fff;
    margin: 0 auto;
    margin-top: 25px;
    display: block;
}

.join-main .list3 {
    width: 100%;
    background: #fff;
    padding-bottom: 100px;
}

.join-main .list3 .tit {
    font-size: 36px;
    line-height: 36px;
    color: #666666;
    text-align: center;
    padding: 60px 0;
}

.join-main .list3 .top input[type=text] {
    width: 618px;
    height: 45px;
    border: 1px solid #e5e5e5;
    padding: 0 20px;
    float: left;
    font-size: 16px;
    line-height: 45px;
    color: #666666;
}

.join-main .list3 .top div {
    width: 428px;
    float: left;
    margin-left: 20px;
    height: 45px;
    border: 1px solid #e5e5e5;
    background: #f5f5f5;
    position: relative;
}

.join-main .list3 .top div p {
    width: 385px;
    margin: 0 15px;
    height: 45px;
    padding-left: 15px;
    cursor: pointer;
    font-size: 16px;
    line-height: 45px;
    color: #666666;
    background-image: url(../img/culture/icon10_03.png);
    background-size: 13px 8px;
    background-repeat: no-repeat;
    background-position: right center;
}

.join-main .list3 .top div ul {
    position: absolute;
    left: -1px;
    top: 45px;
    width: 100%;
    display: none;
}

.join-main .list3 .top div ul li {
    width: 90%;
    height: 30px;
    background: #fff;
    border-top-width: 0;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 30px;
    color: #666;
    padding: 0 5%;
    cursor: pointer;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
}

.join-main .list3 .top div ul li:hover {
    background: #008a45;
    color: #fff;
}

.join-main .list3 .top div select {
    width: 100%;
    height: 100%;
    padding: 0 5%;
    font-size: 16px;
    line-height: 45px;
    color: #666666;
    display: none;
}

.join-main .list3 .top input[type=submit] {
    width: 130px;
    height: 45px;
    background: #008a45;
    background-image: url(../img/culture/icon8_03.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    float: left;
    margin-left: 20px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
    border: 1px solid #008a45;
}

.join-main .list3 .top input[type=submit]:hover {
    background: #fff;
    background-image: url(../img/culture/icon9_03.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left center;
}

.join-main .list3 .rec-main .rec-top {
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    margin-top: 20px;
}

.join-main .list3 .rec-main .rec-top p {
    float: left;
    font-size: 16px;
    line-height: 24px;
    color: #008a45;
    height: 24px;
    border-right: 1px solid #dbdbdb;
    font-weight: bold;
}

.join-main .list3 .rec-main .rec-top .p1 {
    width: 259px;
    padding: 0 40px;
}

.join-main .list3 .rec-main .rec-top .p2 {
    width: 149px;
    padding: 0 10px;
    text-align: center;
}

.join-main .list3 .rec-main .rec-top .p3 {
    width: 159px;
    text-align: center;
    padding: 0 10px;
}

.join-main .list3 .rec-main .rec-top .p4 {
    width: 509px;
    padding: 0 40px;
    border-width: 0;
}

.join-main .list3 .rec-main .rec-bot {
    width: 100%;
}

.join-main .list3 .rec-main .rec-bot li {
    padding: 20px 0;
    border-bottom: 1px solid #dbdbdb;
    background: #fff;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background;
    -webkit-transition-property: background;
    -ms-transition-property: background;
    -o-transition-property: background;
}

.join-main .list3 .rec-main .rec-bot li .p1 {
    width: 260px;
    padding: 0 40px;
    /*height: 100%;*/
    display: table;
    float: left;
}

.join-main .list3 .rec-main .rec-bot li .p1 .label2 {
    width: 100%;
}

.join-main .list3 .rec-main .rec-bot li .p1 p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    text-align: left;
    font-weight: bold;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.join-main .list3 .rec-main .rec-bot li .p2 {
    width: 150px;
    padding: 0 10px;
    /*height: 100%;*/
    display: table;
    float: left;
}

.join-main .list3 .rec-main .rec-bot li .p2 .label2 {
    width: 100%;
}

.join-main .list3 .rec-main .rec-bot li .p2 p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.join-main .list3 .rec-main .rec-bot li .p3 {
    width: 160px;
    padding: 0 10px;
    /*height: 100%;*/
    display: table;
    float: left;
}

.join-main .list3 .rec-main .rec-bot li .p3 .label2 {
    width: 100%;
}

.join-main .list3 .rec-main .rec-bot li .p3 p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
}

.join-main .list3 .rec-main .rec-bot li .p4 {
    width: 510px;
    padding: 0 40px;
    /*height: 100%;*/
    display: table;
    float: left;
}

.join-main .list3 .rec-main .rec-bot li .p4 .label2 {
    width: 100%;
}

.join-main .list3 .rec-main .rec-bot li .p4 p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: color;
    -webkit-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
    text-align: left;
}

.join-main .list3 .rec-main .rec-bot li.col {
    background: #fafcfe;
}

.join-main .list3 .rec-main .rec-bot li:hover,
.join-main .list3 .rec-main .rec-bot li.col:hover {
    background: #008a45;
}

.join-main .list3 .rec-main .rec-bot li:hover .p1 p,
.join-main .list3 .rec-main .rec-bot li:hover .p2 p,
.join-main .list3 .rec-main .rec-bot li:hover .p3 p,
.join-main .list3 .rec-main .rec-bot li:hover .p4 p,
.join-main .list3 .rec-main .rec-bot li.col:hover .p1 p,
.join-main .list3 .rec-main .rec-bot li.col:hover .p2 p,
.join-main .list3 .rec-main .rec-bot li.col:hover .p3 p,
.join-main .list3 .rec-main .rec-bot li.col:hover .p4 p {
    color: #fff;
}

@media screen and (max-width: 1310px) {
    .join-main .join-wrap {
        width: 1000px;
    }
    .join-main .list2 li {
        width: 420px;
        height: 250px;
    }
    .join-main .list3 .top input[type=text] {
        width: 468px;
    }
    .join-main .list3 .top div {
        width: 308px;
    }
    .join-main .list3 .top div p {
        width: 265px;
    }
    .join-main .list3 .rec-main .rec-top .p1 {
        width: 159px;
        padding: 0 10px;
    }
    .join-main .list3 .rec-main .rec-top .p4 {
        width: 389px;
        padding: 0 10px;
    }
    .join-main .list3 .rec-main .rec-top .p2 {
        width: 139px;
    }
    .join-main .list3 .rec-main .rec-top .p3 {
        width: 149px;
    }
    .join-main .list3 .rec-main .rec-bot li .p1 {
        width: 159px;
        padding: 0 10px;
    }
    .join-main .list3 .rec-main .rec-bot li .p4 {
        width: 389px;
        padding: 0 10px;
    }
    .join-main .list3 .rec-main .rec-bot li .p2 {
        width: 139px;
    }
    .join-main .list3 .rec-main .rec-bot li .p3 {
        width: 149px;
    }
}

@media screen and (max-width: 1000px) {
    .join-main .join-wrap {
        width: 90%;
    }
    .join-main .banner .font p {
        font-size: 30px;
        line-height: 30px;
    }
    .join-main .banner .font span {
        width: 60px;
        margin-top: 15px;
    }
    .join-main .page-nav .join-wrap {
        width: 100%;
    }
    .join-main .page-nav a {
        width: calc(100vw / 3);
        border-width: 0;
        height: 75px;
        background: #fff;
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-property: background;
        -webkit-transition-property: background;
        -ms-transition-property: background;
        -o-transition-property: background;
        text-align: center;
        overflow: hidden;
        font-size: 13px;
    }
    .join-main .page-nav a.on {
        background: #008a45;
        color: #fff;
    }
    .join-main .list2 li {
        width: 100%;
        height: calc( 90vw * 320 / 560);
        margin: 20px 0;
    }
    .join-main .list3 .join-wrap {
        width: 100%;
    }
    .join-main .list3 .top input[type=text] {
        width: calc( 90vw - 40px);
        margin-left: calc(5vw);
    }
    .join-main .list3 .top div {
        margin-top: 10px;
        width: calc( 90vw - 150px);
        margin-left: calc(5vw);
    }
    .join-main .list3 .top div p {
        width: calc( 90vw - 190px);
        display: none;
    }
    .join-main .list3 .top div select {
        display: block;
        background: #e5e5e5;
    }
    .join-main .list3 .top input[type=submit] {
        margin-top: 10px;
    }
    .join-main .list3 .rec-main .rec-top .p1 {
        width: calc( 50vw - 21px);
    }
    .join-main .list3 .rec-main .rec-top .p2 {
        width: calc( 25vw - 21px);
    }
    .join-main .list3 .rec-main .rec-top .p3 {
        width: calc( 25vw - 21px);
        border-width: 0;
    }
    .join-main .list3 .rec-main .rec-top .p4 {
        width: calc(100vw - 21px);
        margin-top: 20px;
        text-align: center;
    }
    .join-main .list3 .rec-main .rec-bot li .p1 {
        width: calc( 50vw - 21px);
    }
    .join-main .list3 .rec-main .rec-bot li .p2 {
        width: calc( 25vw - 21px);
    }
    .join-main .list3 .rec-main .rec-bot li .p3 {
        width: calc( 25vw - 21px);
        border-width: 0;
    }
    .join-main .list3 .rec-main .rec-bot li .p4 {
        width: calc(100vw - 21px);
        margin-top: 20px;
        text-align: center;
    }
}

.contact-main {
    width: 100%;
    background: #f2f2f2;
}

.contact-main .con-wrap {
    width: 1270px;
    margin: 0 auto;
	margin-left: -10px;
	margin-top: -40px;
}

@media screen and (max-width: 1310px) {
    .contact-main .con-wrap {
        width: 1000px;
    }
}

.contact-main .banner {
    width: 100%;
    height: calc( 100vw * 480 / 1920);
    position: relative;
}

.contact-main .banner .img {
    width: 100%;
    height: 100%;
}

.contact-main .banner .img img {
    width: 100%;
    height: 100%;
}

.contact-main .banner .font {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.contact-main .banner .font .con-wrap {
    height: 100%;
}

.contact-main .banner .font p {
    margin-top: calc( 100vw * 240 / 1920 - 40px);
    font-size: 48px;
    line-height: 48px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    text-shadow: 1px 1px 0 #bebec0;
}

.contact-main .banner .font span {
    margin-top: 25px;
    display: block;
    width: 90px;
    height: 4px;
    background: #fff;
    box-shadow: 1px 1px 0 #bebec0;
}

.contact-main .page-nav {
    width: 100%;
    height: 75px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
}

.contact-main .page-nav a {
    display: block;
    float: left;
    display: table;
    height: 73px;
    border-bottom: 2px solid #fff;
    font-size: 12px;
    line-height: 73px;
    color: #666666;
    width: 100px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: border-color;
    -webkit-transition-property: border-color;
    -ms-transition-property: border-color;
    -o-transition-property: border-color;
    text-align: center;
}



.contact-main .page-nav a:hover,
.contact-main .page-nav a.on {
    border-color: #008a45;
}

.contact-main .list1 {
    width: 100%;
    padding-bottom: 50px;
}

.contact-main .list1 .tit {
    padding: 60px 0;
    font-size: 36px;
    line-height: 36px;
    color: #666666;
}

.contact-main .list1 .con p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}

.contact-main .list1 .con p img {
    max-width: 100%;
}

.contact-main .list1 .con .p1 {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    font-weight: bold;
}

.contact-main .list1 .con .p2 {
    width: 630px;
    float: left;
    margin-right: 20px;
}

.contact-main .list1 .con .p3 {
    width: 610px;
    float: right;
    margin-left: 20px;
}

.contact-main .list2 {
    width: 100%;
    background: #fff;
    padding: 110px 0;
}

.contact-main .list2 .tit {
    font-size: 36px;
    line-height: 36px;
    color: #333;
    text-align: center;
    margin-bottom: 50px;
}

.contact-main .list2 li {
    width: 196px;
    height: 80px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    display: table;
    text-align: center;
    float: left;
    margin: 7px;
}

.contact-main .list2 li img {
    max-width: 80%;
    max-height: 75%;
}

.contact-main .list3 {
    width: 100%;
    background: #fff;
    padding: 40px 0 80px;
}

.contact-main .list3 .con p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}

.contact-main .list3 .con p img {
    max-width: 100%;
}

.contact-main .list3 .con .p1 {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    font-weight: bold;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.contact-main .list3 .con .p2 {
    width: 480px;
    float: right;
}

.contact-main .list3 .con .p3 {
    width: 780px;
    float: left;
}

.contact-main .list4 {
    width: 100%;
    padding: 50px 0;
}

.contact-main .list4 li {
    width: 280px;
    height: 230px;
    background: #fff;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: box-shadow;
    -webkit-transition-property: box-shadow;
    -ms-transition-property: box-shadow;
    -o-transition-property: box-shadow;
    border-radius: 10px;
    margin: 10px;
    float: left;
    padding: 10px;
    padding-top: 20px;
}

.contact-main .list4 li .t1 {
    padding-bottom: 10px;
    overflow: hidden;
    font-size: 18px;
    line-height: 28px;
    color: #1aa763;
    border-bottom: 1px solid #e5e5e5;
}

.contact-main .list4 li .con {
    height: 100px;
    width: 100%;
    padding: 20px 0;
}

.contact-main .list4 li .con p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}

.contact-main .list4 li .address {
    padding-left: 25px;
    background-image: url(../img/pro/icon7_03.png);
    background-size: 14px 19px;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 14px;
    line-height: 24px;
    color: #999;
    display: inline-block;
}

.contact-main .list4 li:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1310px) {
    .contact-main .banner .con-wrap,
    .contact-main .list2 .con-wrap,
    .contact-main .list3 .con-wrap,
    .contact-main .list4 .con-wrap {
        width: 1000px;
    }
    .contact-main .list1 .con .p2 {
        width: 490px;
    }
    .contact-main .list1 .con .p3 {
        width: 470px;
    }
    .contact-main .list2 li {
        width: 178px;
        max-width: 178px;
        height: 70px;
        margin: 10px;
    }
    .contact-main .list2 li img {
        max-width: 142.4px;
        height: 52.5px;
    }
    .contact-main .list3 .con .p2 {
        width: 380px;
    }
    .contact-main .list3 .con .p3 {
        width: 600px;
    }
    .contact-main .list4 li {
        width: 290px;
    }
}

@media screen and (max-width: 1000px) {
    .contact-main .con-wrap {
        width: 90%;
    }
    .contact-main .banner .font p {
        font-size: 30px;
        line-height: 30px;
    }
    .contact-main .banner .font span {
        width: 60px;
        margin-top: 15px;
    }
    .contact-main .page-nav .con-wrap {
        width: 100%;
    }
    .contact-main .page-nav a {
        width: calc(100vw / 4);
        border-width: 0;
        height: 75px;
        background: #fff;
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-property: background;
        -webkit-transition-property: background;
        -ms-transition-property: background;
        -o-transition-property: background;
        text-align: center;
    }
    .contact-main .page-nav a.on {
        background: #008a45;
        color: #fff;
    }
    .contact-main .list1 .con .p2,
    .contact-main .list1 .con .p3 {
        width: 100%;
        float: none;
        margin: 0;
    }
    .contact-main .list1 .con .p3 {
        margin-top: 20px;
    }
    .contact-main .list2 {
        padding: 50px 0;
    }
    .contact-main .list2 .con-wrap {
        width: 100%;
    }
    .contact-main .list2 li {
        width: calc(45vw - 20px);
        height: calc(45vw * 80 / 200 - 20px * 80 / 200);
        margin: 10px;
    }
    .contact-main .list2 li img {
        max-height: calc(45vw * 80 / 200 - 30px * 80 / 200);
    }
    .contact-main .list3 .con-wrap {
        width: 90%;
    }
    .contact-main .list3 .con .p2,
    .contact-main .list3 .con .p3 {
        width: 100%;
        margin: 0;
    }
    .contact-main .list4 .con-wrap {
        width: 100%;
    }
    .contact-main .list4 li {
        width: calc( 50vw - 20px);
        padding: 5px;
        padding-top: 10px;
        margin: 5px;
    }
}

@media screen and (max-width: 1310px) {
    .contact-main.a0 .list1 .con-wrap {
        width: 1000px;
    }
}

@media screen and (max-width: 1000px) {
    .contact-main.a0 .list1 .con-wrap {
        width: 90%;
    }
}

.page {
    display: table;
    width: 100%;
    height: 30px;
    padding-top: 75px;
}

.page a {
    display: block;
    float: left;
    background: #eaeaea;
    font-size: 12px;
    line-height: 30px;
    color: #757575;
    padding: 0 10px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-property: background color;
    -webkit-transition-property: background color;
    -ms-transition-property: background color;
    -o-transition-property: background color;
    margin-left: 10px;
}

.page a:hover,
.page a.active {
    background: #008a45;
    color: #fff;
}


.prodetail
{
	width:100%;
}

.prodetail .outter
{
	text-align: center;
	width: 100%;
}

.prodetail .outter .con
{
	width: 84%;
	display:inline-block;
}

.prodetail .outter .con p
{
	width: 100%;
}

.prodetail .outter .con img
{
	width: 100% !important;
}

.promobdetail
{
	width:100%;
}

.promobdetail .outter
{
	text-align: center;
	width: 100%;
}

.promobdetail .outter .con
{
	width: 100%;
}

.promobdetail .outter .con p
{
	width: 100%;
}

.promobdetail .outter .con img
{
	width: 100% !important;
}

/*# sourceMappingURL=style.css.map */

@media screen and (max-width: 500px) {
    .contact-main .page-nav a {
        display: block;
    }
}