body {

    font-family: "微软雅黑";

    font-size: 14px;

    overflow-x: hidden;

}



* {

    list-style: none;

    margin: 0;

    padding: 0;

    text-decoration: none;

    outline: none;

}



ul,

li {

    margin: 0;

    padding: 0;

}



a {

    color: #333;

    text-decoration: none;

}



ul,

li {

    margin: 0;

    padding: 0;

}



a:link {

    text-decoration: none;

}



a:visited {

    text-decoration: none;

}



h1,

h2,

h3,

h4,

p {

    margin: 0;

    padding: 0;

    display: block !important;

}



em {

    font-style: normal;

}



.clear {

    clear: both;

}



.float-left {

    float: left;

}



.float-right {

    float: right;

}



.blank10 {

    width: 100%;

    height: 10px;

}



.blank20 {

    width: 100%;

    height: 20px;

}



.blank30 {

    width: 100%;

    height: 30px;

}



.blank50 {

    width: 100%;

    height: 50px;

}



.blank70 {

    width: 100%;

    height: 70px;

}



.blank100 {

    width: 100%;

    height: 100px;

}



.txt-center {

    text-align: center;

}



.txt-left {

    text-align: left;

}



.position-a {

    position: absolute;

}



.position-r {

    position: relative;

}



.content {

    width: 1280px;

    margin: auto;

    position: relative;

    overflow: hidden;

}



.header {

    width: 100%;

    height: auto;

}



.header2 {

    display: none;

}



.header-top {

    width: 100%;

    height: 100px;

    border-bottom: 1px solid #ddd;

}



.header-top p {

    line-height: 22px;

    float: left;

    height: 44px;

}



.header-top .phone-num {

    float: right;

    margin-top: 26px;

}



.phone-num span {

    font-size: 20px;

    font-weight: bold;

    float: left;

}



.phone-icon {

    border-right: 1px solid #ddd;

    padding-right: 10px;

    margin-right: 10px;

    float: left;

    margin-top: 10px;

}

.header-left{

    width: 920px;

    float: left;

}

.navigation{ overflow: hidden; margin: 0 auto; display: none; width: 100%; height: 70px; position: fixed; left:0; bottom:0; background: rgba(0,0,0,0.8); z-index: 10;}

.navigation ul{ overflow: hidden; margin: 0 auto; width: 100%;}

.navigation ul li{ overflow: hidden; margin: 0 auto; width: calc(100% / 4); position: relative; float: left;}

.navigation ul li a{ overflow: hidden; margin: 0 auto;}

.navigation ul li i{ overflow: hidden; margin: 10px auto 0; display: block; width: 32px; height: 32px; }

.navigation ul li i img{ margin: 0 auto; display: block; width: 100%; height: 100%; object-fit: cover;}

.navigation ul li span{ overflow: hidden; margin: 0 auto; display: block; width: 100%; font-size: 14px; color: #fff; text-align: center;}

.tel-box{ overflow: hidden; display: none; width: 100%; padding: 15px; position: fixed; left:0; right:0; bottom: 80px; margin: auto; background: rgba(0,0,0,0.8); z-index: 999; }

.tel-box a{ overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #666; text-align: center; border-bottom: 1px solid #ddd; background: #fff; }

.tel-box a:last-child{ border: none;}





/* search */



.sb-search {

    position: relative;

    margin-top: 6px;

    width: 0%;

    min-width: 32px;

    height: 32px;

    float: right;

    right: 0;

    overflow: hidden;

    -webkit-transition: width 0.3s;

    -moz-transition: width 0.3s;

    transition: width 0.3s;

    -webkit-backface-visibility: hidden;

}



.sb-search-input {

    position: absolute;

    top: 0;

    right: 0;

    border: none;

    outline: none;

    background: #fff;

    width: 100%;

    height: 30px;

    margin: 0;

    z-index: 10;

    font-family: inherit;

    font-size: 14px;

    color: #333;

    text-indent: 15px;

}



.sb-search-input::-webkit-input-placeholder {

    color: #ccc;

}



.sb-search-input:-moz-placeholder {

    color: #ccc;

}



.sb-search-input::-moz-placeholder {

    color: #ccc;

}



.sb-search-input:-ms-input-placeholder {

    color: #ccc;

}

.header-right{

    width: 260px;

    height: 32px;

    position: relative;

    float: right;

    margin-top: 11px;

    border: 1px solid #ddd;

}

.sb-search-submit {

    width: 32px;

    height: 32px;

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    padding: 0;

    margin: 0;

    line-height: 32px;

    background: url('../images/search_icon.png') no-repeat center;

    text-align: center;

    cursor: pointer;

    border: none;

    outline: none;

    z-index: 90;

    speak: none;

    text-transform: none;

    -webkit-font-smoothing: antialiased;

}



/* Open state */



.sb-search.sb-search-open,

.no-js .sb-search {

    width: 260px;

}



.sb-search.sb-search-open .sb-icon-search,

.no-js .sb-search .sb-icon-search {

    background: url('../images/search_icon.png') no-repeat center;

    color: #fff;

    z-index: 11;

}



.sb-search.sb-search-open .sb-search-submit,

.no-js .sb-search .sb-search-submit {

    z-index: 90;

}





/* search-end */



.header-main {

    height: 53px;

    overflow: inherit;

}



.logo {

    float: left;

    height: 73px;

    margin-top: 12px;

}



.menu {

    float: left;

}



.menu-ul {

    width: 890px;

    height: 53px;

}



.menu-li {

    width: 10%;

    height: 53px;

    text-align: center;

    font-size: 16px;

    float: left;

    line-height: 53px;

    position: relative;

}



.menu-link {

    width: 100%;

    height: 2px;

    background: #02903D;

    display: inline-block;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

}



.menu-li a {

    display: block;

    color: #333;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

    font-weight: bold;

}



.menu-li a:hover {

    color: #333;

}



.menu-li:hover .menu-link {

    opacity: 1;

    filter: alpha(opacity=100);

}



.menu-li.active .menu-link {

    opacity: 1;

    filter: alpha(opacity=100);

}



.submenu-nav {

    display: none;

    width: 210px;

    height: auto;

    position: relative;

    -webkit-box-shadow: 0 0 10px #ddd;

    -moz-box-shadow: 0 0 10px #ddd;

    box-shadow: 0 0 10px #ddd;

    left: -20px;

    z-index: 999;

}



.submenu-nav-line {

    width: 100%;

    height: 3px;

    background: #02903D;

    display: inline-block;

    position: absolute;

    top: 0;

    left: 0;

}



.submenu-li {

    width: 100%;

    height: 46px;

    background: #fff;

    line-height: 46px;

    padding-left: 29px;

    font-size: 14px;

    text-align: left;

    border-bottom: 1px solid #f2f2f2;

}



.submenu-li:hover a {

    padding-left: 20px;

}



.submenu-li:last-child {

    border: 0;

}



.menu-li:hover .submenu-nav {

    display: block;

    animation: fadeInUp1 .5s both alternate;

    -webkit-animation: fadeInUp1 .5s both alternate;

}



@-webkit-keyframes fadeInUp1 {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



@keyframes fadeInUp1 {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



.fadeInUp1 {

    -webkit-animation-name: fadeInUp1;

    animation-name: fadeInUp1;

}



@-webkit-keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



@keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

}



.menu-img {

    position: absolute;

    top: -10px;

    left: 12px;

    width: 72px;

    height: 26px;

}





/* banner */



.banner {

    width: 100%;

    max-height: 600px;

    position: relative;

    top: 0px;

    overflow: hidden;

}



.banner .swiper-slide img {

    width: 100%;

    height: 600px;

    object-fit: cover;

}



.banner .swiper-pagination-bullet {

    background: #fff;

    opacity: 1;

}



.banner .swiper-pagination-bullet-active {

    background: #02903D;

}



.news-report{ overflow: hidden;margin:30px auto;}

.scrollbox{ overflow: hidden; margin: 0 auto; height: 80px; position: relative;background: #f2f2f2; border-left: 5px solid #02903D;}

.scrollbox strong{ font-size: 18px; color: #333; height: 80px; line-height: 80px; padding: 0 20px; float: left; }

.carousel-inner2{height: 80px; float: left; width: calc(100% - 150px);}

.carousel-inner2 li{height: 80px;  overflow: hidden;}

.carousel-inner2 li div{ margin: 0 auto; }

.carousel-inner2 li div a{width: 100%; display: block; font-size: 16px; color: #333333;  float: left; padding: 0 10px;display: block;line-height: 80px;}

.carousel-inner2 li div a p{ overflow: hidden; margin: 0 auto; width:960px; font-size: 18px; color: #333333; display: block; float: left; white-space:nowrap; text-overflow:ellipsis;}

.carousel-inner2 li div a sup{ overflow: hidden; margin: 0 10px; font-size: 12px;  padding: 0 5px; height: 20px; line-height: 20px; display: block; float: left; background: #f08311; color: #fff;}

.carousel-inner2 li div a span{ overflow: hidden; margin: 0 auto; font-size: 18px; color: #999999; display: block; float: left;}

.carousel-inner2 li div a:hover p{ color:#02903D;}

.news-widget{ overflow: hidden; float: right; position: absolute; top:0; right:0; padding: 15px 6px;}

.news-widget a{ overflow: hidden; background: url("../images/iconfont-arrows2.png") no-repeat; width: 25px; height: 25px;  display: block;}

.news-widget a.btn-up{ background-position: 4px 5px;}

.news-widget a.btn-next{ background-position: 4px -17px;}

.news-report .news-bt{ overflow: hidden; margin: 0 auto; width: 100%;}

.news-report .pack{ font-size: 12px; color: #fff; text-align: center; background: #005497; float: right; padding: 2px 10px; }

.news-report .news-btn{ font-size: 12px; color: #fff; text-align: center; background: #c70009; float: right; padding: 2px 10px; }

.carousel-inner2 .item span{

    float: right;

}



/* banner-end */





/* footer */

.footer{

    height: 292px;

    background: #f2f2f2;

    padding-top: 47px;

    position: relative;

    z-index: 10;

}

.footer-left{

    width: 400px;

    overflow:hidden;

    float: left;

}

.footer-left .main-title{

    float: left;

}

.footer-left .footer-nav{

    float: left;

    font-size: 16px;

    font-weight: bold;

    line-height: 35px;

}

.footer-nav a{

    margin-right: 22px;

    display: block;

    float: left;

}

}

.footer-nav a:hover{

    color: #02903D;

}

.footer-right{

    margin-left: 90px;

    overflow: hidden;

    float: left;

    width: 790px;

}

.footer-code{

    width: 150px;

    height: 150px;

    float: left;

}

.footer-m{

    width: 325px;

    margin-left: 30px;

    overflow: hidden;

    float: left;

}

.footer-m h5{

    font-size: 24px;

    font-weight: bold;

}

.footer-m p{

    font-size: 18px;

    color: #333;

    margin-top: 22px;

    line-height: 30px;

}

.footer-r{

    width: 235px;

    margin-left: 49px;

    overflow: hidden;

    float: left;

    line-height: 30px;

    color: #333;

    margin-top: 28px;

    font-size: 18px;

}

.footer-bottom{

    border-top: 1px dashed #ddd;

    height: 50px;

    line-height: 50px;

    color: #999;

    margin-top: 45px;

}

.top-nav{  width: 40px;  position: fixed;  right:10px;  top:20%; background: #fff; z-index: 99; }

.top-nav a{  display: block; width: 40px;  height: 40px; border: 1px solid #ddd; border-bottom: none; position: relative;}

.top-nav a:last-child{ border-bottom: 1px solid #ddd; }

.top-nav .wx-btn{  background: url("../images/wechat_icon.png")  no-repeat 50% ;  }

.top-nav .wx-btn:hover{  background: url("../images/wechat_icon2.png")  no-repeat 50% ;  }

.top-nav .qq-btn{  background: url("../images/qq_icon.png")  no-repeat 50% ;  }

.top-nav .qq-btn:hover{  background: url("../images/qq_icon2.png")  no-repeat 50% ;  }

.top-nav .top-btn{  background: url("../images/top_icon.png")  no-repeat 50% ;  }

.top-nav .top-btn:hover{  background: url("../images/top_icon2.png")  no-repeat 50% ;  }

.wx-img{ overflow: hidden; width: 120px; height: 120px;  position: absolute; top:0; right:40px;  margin: auto;  display: none;}

.wx-img img{ display: block; width: 100%; height: 100%; }

.wx-btn:hover .wx-img{ display: block; }



/* footer-end */





/* header_mb */



.header2 {

    width: 100%;

    height: 60px;

    background: #EBEAE8;

    position: fixed;

    top: 0;

    padding: 0 15px;

    margin: auto;

    z-index: 11;

}



.header2 h3 {

    margin: auto;

    height: 40px;

    text-align: left;

    margin-top: 10px;

    line-height: 40px;

    font-weight: bold;

    font-size: 20px;

}



.header2 h3 img {

    display: block;

    max-width: 75%;

    max-height: 100%;;

}



.header2 .left_btn {

    position: absolute;

    top: 8px;

    width: 44px;

    height: 44px;

    /*padding: 3%;*/

    text-align: center;

    left: 5px;

}



.header2 .right_btn {

    position: absolute;

    top: 8px;

    width: 44px;

    height: 44px;

    /*padding: 3%;*/

    text-align: center;

    right: 5px;

    z-index: 9;

}



.header2 .right_btn img {

    width: 24px;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

}



.header2 .left_btn img {

    width: 24px;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

}



.sidebar {

    position: fixed;

    top: 0;

    left: -76%;

    width: 76%;

    height: 100%;

    background: #fff;

    z-index: 99999;

    padding-top: 60px;

}



.mask2 {
    width: 100%;

    height: 100vh;

    position: absolute;

    background: rgba(0, 0, 0, .3);

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 9999;

    display: none;

}



.box-bg {

    width: 100%;

    height: 1000px;

    background: url('../images/bg4.jpg') no-repeat center;

}



.close-btn {

    width: 44px;

    height: 44px;

    text-align: center;

    line-height: 30px;

    position: absolute;

    top: 8px;

    right: 8px;

}



.close-btn img {

    width: 36%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

}



.menu-logo {

    display: table;

    margin: auto;

    height: 70px;

}



.menu-list {

    width: 60%;

    height: 55vh;

    margin: auto;

    position: relative;

    left: 0;

    right: 0;

    bottom: 0;

    margin-top: 20px;

}



.menu-list ul li {

    list-style: none;

    line-height: 5vh;

    width: 100%;

    text-align: center;

    font-size: 16px;

}



.menu-list ul li a {

    display: block;

}



.compy-txt {

    position: absolute;

    margin: auto;

    left: 0;

    right: 0;

    bottom: 20px;

    text-align: center;

    font-size: 14px;

    color: #ccc;

}



.calendar-img {

    width: 22px;

    margin-top: -4px;

    margin-right: 6px;

}



.header_search_box {

    position: relative;

    height: 38px;

    margin: auto;

    display: table;

    width: 83%;

    margin-top: 20px;

}



.header_search {

    width: 100%;

    height: 38px;

    border: 1px solid #ddd;

    text-indent: 40px;

    border-radius: 30px;

    outline: none;

}



.header_search_img {

    position: absolute;

    top: 2px;

    bottom: 0;

    margin: auto;

    left: 15px;

    height: 20px;

}





/* header_mb-end */

.page-banner img{width: 100%;height: 351px; object-fit: cover;}





/*index*/

.main-title{

    float: left;

}

.main-title span{

    font-size: 30px;

    font-weight: bold;

    display: block;

    margin-bottom: 10px;

}

.main-title em{

    font-size: 12px;

    font-weight: normal;

    color: #ccc;

    display: block;

    text-transform:uppercase;

}

.more-btn{

    width: 130px;

    height: 44px;

    display: block;

    background: #02903D;

    text-align: center;

    line-height: 44px;

    color: #fff;

    float: right;

    margin-top: 16px;

}

.more-btn:hover{

    color: #fff;

    background: #024B20;

    transition: 0.3s;

    -webkit-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

}

.main-top{

    overflow: hidden;

}

.pro-nav-left{

    width: 217px;

    height: auto;

    float: left;

}

.pro-nav-left .page-product li{

    width: 100%;

    height: 52px;

    border: 1px solid #ddd;

    margin-bottom: 15px;

}

.pro-nav-left .page-product li a:hover{

    background: #02903D;

    border: 1px solid #02903D;

    transition: 0.3s;

    -webkit-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

    color: #fff;

}

.pro-nav-left .page-product li a{

    overflow: hidden;

    display: block;

    line-height: 52px;

    color: #333;

    text-indent: 15px;

    font-size: 16px;

}

.pro-nav-left .page-product li p{

    width: 100%;

    padding-right: 50px;

    overflow: hidden;

    display: block; white-space:nowrap; text-overflow:ellipsis;

    position: relative;

}

.pro-nav-left .page-product li a span{

    position: absolute;

    top:0;

    bottom: 0;

    right:15px;

    float: right;

    margin: auto;

}

.main1-pro{

    margin-top: 30px;

}

.main1-pro-right{

    float: right;

    width: 1046px;

}

.pro-li{

    width: 338px;

    height: 204px;

    position: relative;

    float: left;

    margin-right: 16px;

    margin-bottom: 22px;

}

.pro-li:nth-of-type(3n){

    margin-right: 0;

}
.pro-li:nth-of-type(10){  display: none;}
.pro-li a{

    position: absolute;

    width: 100%;

    height: 100%;

    overflow: hidden;

    display: block;

    border: 1px solid #ddd;

}

.pro-li a img{

    max-width: 90%;

    max-height: 90%;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right:0;

    object-fit: cover;

    margin: auto;

}

.pro-li-mask{

    width: 100%;

    height: 35px;

    position: absolute;

    line-height: 35px;

    color: #fff;

    background: rgba(0,0,0,.5);

    text-align: center;

    bottom: -35px;

    padding: 0 15px;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

    transition: 0.3s;

    -webkit-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

}

.pro-li a:hover .pro-li-mask{

    bottom: 0;

}

.main2{

    min-height: 313px;

    background: url('../images/bg2.png') no-repeat top;

    padding-top: 39px;

    margin-top: 20px;

}

.case-list{

    margin-top: 50px;

}

.case-list ul li{

    width: 390px;

    height: auto;

    float: left;

    margin-right: 55px;

    margin-bottom: 40px;

}



.case-list ul li:nth-of-type(3n){

    margin-right: 0;

}

.case-list ul li img{

    width: 390px;

    height: 253px;

    border: 6px solid #fff;

    object-fit: cover;

}

.case-list ul li p{

    width: 100%;

    height: 35px;

    line-height: 35px;

    color: #333;

    font-size: 20px;

    text-align: center;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

}

.case-list ul li img:hover{

    box-shadow: 0 10px 20px #ddd;

    transition: 0.3s;

    -webkit-transition: 0.3s;

    -ms-transition: 0.3s;

    -moz-transition: 0.3s;

}

.main3{

    min-height: 733px;

    background: url('../images/bg1.png') no-repeat top #f3f4f5;

    padding-top: 17px;

    margin-top: 20px;

}

.main3 .main-title{

    margin: auto;

    display: table;

    text-align: center;

    float: unset;

}

.main3-about{

    width: 1098px;

    margin:auto;

}

.main3-about p{

    line-height: 30px;

    font-size: 16px;

    margin-top: 40px;

    margin-bottom: 40px;

}

.about-li ul li{

    width: 241px;

    height: 351px;

    float: left;

    background: #fff;

    margin-right: 44px;

}

.about-li ul li:nth-of-type(4){

    margin:0;

}

.about-li ul li img{ display: block; width: 241px; height: 167px; object-fit: cover; }

.about-li ul li h5{

    text-align: center;

    margin-top: 14px;

    font-size: 16px;

    font-weight: bold;

}

.about-li ul li p{

    padding:0 13px;

    font-size: 12px;

    margin: 14px auto;

    line-height: 20px;

    height: 64px;

    overflow: hidden;

}

.about-li ul li .more-btn{

    width: 90px;

    height: 32px;

    line-height: 32px;

    font-size: 12px;

    margin:auto;

    float: unset;

}

.main4{

    padding-top: 50px;

}

.main-news{

    margin-top: 48px;

    margin-bottom: 83px;

    overflow: hidden;

}

.main-news ul li{

    width: 299px;

    height: 165px;

    float: left;

    padding: 20px;

    background: #f2f2f2;

    margin-right: 28px;

}

.main-news ul li:nth-of-type(4){

    margin:0;

}

.main-news ul li em{

    width: 100%;

    display: inline-block;

}

.main-news ul li span{

    float: left;

    font-size: 16px;

}

.main-news ul li a{

    float: right;

    font-size: 16px;

    color: #999;

}

.main-news ul li a:hover{

    color: #02903D;

}

.main-news ul li h4{

    margin-top: 10px;

    margin-bottom: 10px;

    font-size: 18px;

    font-weight: bold;

    color: #333;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

}

.main-news ul li p{

    height: 60px;

    overflow: hidden;

    color: #999;

}

/*index-end*/



/*about*/

.page-top{ overflow: hidden; margin: 0 auto; width: 100%; padding: 0 20px; }

.page-bg{ background: url("../images/page_bg.png") repeat center #f9f9f9; }

.page-box .pro-nav-left{ width: 320px; background: #fff; }

.page-box .main1-pro-right{ width: calc(100%  - 320px); padding: 0 25px; }

.page-box{ background: #fff; min-height: 900px;  margin-bottom: 50px; overflow: hidden; border-top: 4px solid #02903D;}

.page-right-box{ width: 100%; overflow: hidden; }

.page-rise{  margin: 0 auto; padding-bottom: 30px; }

.page-box .page-left-box{ padding: 0 20px; }

.page-box .rise-hade{ overflow:hidden; margin: 15px auto 30px;  width: 50%; float: left; }

.page-box .rise-hade h3{ overflow: hidden; display: block;   line-height: 30px;}

.page-box .rise-hade span{ overflow:hidden; margin: 0 auto;  float: left; font-size: 20px; font-weight: 500;}

.page-box .rise-hade i{ font-style: normal; font-size: 18px;  }

.page-box .rise-hade strong{ font-style: normal; font-size: 20px;  font-weight: 600; }

.rise-nav-an{ overflow: hidden; display: none; }

.rise-nav{ overflow: hidden; width: 100%;}

.rise-nav a{ overflow: hidden; display: block; font-size: 18px; font-weight: 500; color: #333;  height: 56px;  line-height: 56px; width: 100%; text-indent: 2em;  border-bottom: 1px solid #fff;}

.rise-nav a.active,.rise-nav a:hover{ background: #02903d; color: #fff; }

.rise-nav-top{ overflow: hidden; width:280px; border-top: 4px solid #02903d; margin-bottom: 10px; background: #fff; z-index: 11;}

.rise-nav-top h3{ overflow: hidden; width: 100%;  margin: 15px auto;  font-size: 20px; padding-left: 15px;}

.location{ overflow: hidden; margin: 20px auto; float: right; }

.location span{ overflow: hidden; font-size: 14px;  color: #999;}

.location a{ overflow: hidden; font-size: 14px;  color: #999; position: relative;  padding-right: 15px;}

.location a:after{ content: ""; overflow: hidden; display: block; width: 8px; height: 8px; float: right; position: absolute; top:0; bottom: 0; right: 2px; margin: auto; border-top: 1px solid #999; border-right: 1px solid #999; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }

.location a:last-child{ padding-right: 0;}

.location a:last-child:after{ display: none; }

.about-box{ overflow: hidden; width: 100%; }

.about-box p{ overflow: hidden;  text-indent: 2em; line-height: 32px; font-size: 16px;}

.about-box img{ overflow: hidden; display: block; margin: 20px auto;}



.remd-w{  overflow: hidden; margin: 0 auto;  }

.remd-w ul{  overflow: hidden; margin: 0 auto;  padding: 0 15px;}

.remd-w ul li{ overflow: hidden; margin: 0 auto;  padding: 10px 0; border-bottom: 1px dashed #ddd; }

.remd-w ul li:last-child{ border: none; }

.remd-w ul li a{ overflow: hidden; margin: 0 auto;  display: block; }

.remd-w ul li a:hover h4{ color: #000; }

.remd-w ul li a:hover p{ color: #02903d; }

.remd-w ul li a h4{ overflow: hidden; margin: 0 auto;  display: block; font-size: 16px; color: #333;  line-height: 24px; width: 100%;  white-space:nowrap; text-overflow:ellipsis; }

.remd-w ul li a p{ overflow: hidden; margin: 0 auto;  display: block; font-size: 12px; color: #999;  line-height: 20px;  width: 100%;  white-space:nowrap; text-overflow:ellipsis; }



/*分页*/

.paging{overflow: hidden; margin: 40px auto; display: table;}

.paging a{font-size: 14px; color: #444c45; text-align: center; width: 42px;  height: 42px; line-height: 38px; margin: 0 5px; display: block; float: left; background: #fff; border: 2px solid #02903d;}

.paging a:hover{background: #02903d; color: #fff;}

.paging span{font-size: 14px; color: #444c45; text-align: center; margin: 0 5px; width: 42px; height: 42px; line-height: 42px; display: block; float: left;background: #fff; border: 2px solid #02903d;}

.paging a.bbo{color: #fff; background: #02903d;}

.pagination{ margin: 10px auto 40px; display: table;}





/*文章分页*/

.article_paging{overflow: hidden; margin: 0 auto;  padding: 20px 0; border-top: 1px solid #ddd;}

.article_paging ul{overflow: hidden; margin: 0 auto;}

.article_paging ul li{float: left; overflow: hidden; width: 50%;}

.article_paging ul li:nth-of-type(2) a{ text-align: right;  float: right;}

.article_paging ul li span{ width: 50px;  float: left; font-size: 16px; color: #999999; margin: 0 10px;}

.article_paging ul li p{ overflow: hidden; width: calc(100% - 90px); float: left; font-size: 16px; color: #999999; margin: 0 10px; display: block; white-space:nowrap; text-overflow:ellipsis;}

.article_paging ul li a{ max-width: 100%; float: left; font-size: 16px; color: #333333; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.article_paging ul li a:hover{color: #ff3300; text-decoration: underline;}



/*图片弹框*/

.bigbox>.imgbox>img{width:100%;}

.bigimg{width: 100%; display: none;}

.bigimg-bt{ overflow: hidden; width: 100%; height: 50px; position: relative; z-index: 6; background: #fff;}

.bigimg-bt h4{ overflow: hidden; margin: 0 auto; width: calc(100% - 40px); height: 50px; line-height: 50px; padding: 0 10px; float: left; }

.bigimg-bg{overflow-y: auto; width:500px; padding: 10px; max-height: 86%; position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999; background: #fff; }

.mask{width: 100%; height: 100%; position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.7;filter: Alpha(opacity=50);z-index: 100;transition:all 1s;display: none}

.mask:hover{cursor:zoom-out}

.bigimg:hover{cursor: move}

.bigimg-bt>.gb-btn{display: block; position: absolute;right:0;top:0;width: 40px; z-index: 6; padding:15px 10px;}

.bigimg-bt>.gb-btn:hover{cursor:pointer}





/*product*/

.product-box{ overflow: hidden;  margin: 0 auto; }

.product-box ul{ overflow: hidden;  margin: 0 auto; }

.product-box ul li{ overflow: hidden; width: calc( (100% - 40px) / 3 );  margin: 0 auto 10px; margin-right: 20px; float: left; }

.product-box ul li:nth-of-type(3n){ margin-right: 0; }

.product-box ul li i img{ display: block; max-width:90%; max-height: 90%;  object-fit: cover; position: absolute; top:0; bottom: 0; left:0; right:0; margin: auto; }

.product-box ul li i{ display: block; width: 100%; height: 202px; overflow: hidden; margin: 0 auto; border: 1px solid #ddd;  position: relative; }

.product-box ul li span{ display: block; width: 100%; overflow: hidden; margin: 10px auto;  font-size: 18px; color: #333; text-align: center; font-weight: 500; display: block; white-space:nowrap; text-overflow:ellipsis; }

/*product_details*/

.rise-details{ overflow: hidden; margin: 0 auto; width: 100%; padding: 0 15px; border-top: 4px solid #02903d;  }

.rise-details h2{ overflow: hidden; margin: 20px auto 10px;  width: 100%;  font-size: 18px; color: #333; font-weight: normal; }

.rise-details div{ overflow: hidden; margin: 0 auto; width: 100%;  }

.rise-details div p{ overflow: hidden; margin: 0 auto; width: 100%; font-size: 14px; line-height: 32px; color: #666; }

/*culture*/

.culture-ln{ overflow:hidden; margin: 20px auto;  padding: 20px 0; width: 100%; border-bottom: 1px dashed #ddd; }

.culture-ln-1{ overflow:hidden; margin: 0 auto; width: 50%;  float: left;}

.culture-ln-1 h4{ overflow:hidden; margin: 0 auto; font-weight: 600;}

.culture-ln-1 div{ overflow:hidden; margin: 10px auto; }

.culture-ln-1 div p{ overflow:hidden; margin: 0 auto; font-size: 16px; color: #333; line-height: 32px; }

.culture-lb{ overflow: hidden; margin: 20px auto;  }

.culture-lb h4{ overflow: hidden; margin: 20px auto;  font-size: 24px; color: #333; font-weight: 600}

.culture-lb div{ overflow: hidden; }

.culture-lb div p{ overflow: hidden; font-size: 16px; color: #333; }

/*新闻*/

.news-box{ margin: 0 auto; padding: 5px;}

.news-box ul{ margin: 0 auto; }

.news-box ul li{  margin: 0 auto 20px; width: 100%; height: 150px; background: #f8f8f8;  border-radius: 3px;}

.news-box ul li:hover{  box-shadow: 0 5px 10px #ddd; }

.news-box ul li:hover .news-text h3{ color: #02903d; }

.news-box ul li:hover .news-text p{ color: #333; }

.news-box ul li:hover .news-date span{ color: #02903d; border-color:#02903d;  }

.news-box ul li:hover .news-date p{ color: #02903d; }

.news-box ul li a{ overflow: hidden; display: block; width: 100%; }

.news-box .news-date{ overflow: hidden; float:left; width: 150px; }

.news-box .news-date span{ overflow: hidden; width: 50%; display: block; margin: 30px auto 0; padding: 5px 0; font-size: 26px; color: #999; text-align: center; font-weight: 500; border-bottom: 1px solid #ddd;}

.news-box .news-date p{ overflow: hidden;display: block; margin: auto; font-size: 18px; color: #999; text-align: center; font-weight: bold; padding: 5px 0;}



.news-box .news-text{ overflow: hidden; float:left; width: calc(100% - 150px); height: 150px;  border-left: 1px solid #ccc; padding: 0 45px;}

.news-box .news-text h3{ overflow: hidden; margin: 30px auto 20px; display: block; font-size: 20px; color: #333; font-weight: 600; display: block; white-space:nowrap; text-overflow:ellipsis; }

.news-box .news-text p{ overflow: hidden; margin: 0 auto; font-size: 16px; color: #666; line-height: 24px; }

/**/

.news-details-title{ overflow: hidden; margin: 0 auto 20px; }

.news-details-title h2{ overflow: hidden; margin: 30px auto 20px; font-size: 22px; color: #333; font-weight: normal; }

.news-details-title p{ overflow: hidden; color: #999;}

.news-details-box{ overflow: hidden; margin: 0 auto 20px;}

.news-details-box p{ overflow: hidden; margin: 0 auto; font-size: 16px; color: #666; line-height: 32px; }

.news-details-box img{ overflow: hidden; margin: 20px auto; max-width: 100%; }



/*content-box*/

.content-box{ overflow: hidden; margin: 0 auto; width: 100%; padding: 20px 15px; }

.content-box .rise-hade{ overflow: hidden; margin: 0 auto; width: 50%;  float: left;}

.content-box  .rise-hade h3{ overflow: hidden; display: block;   line-height: 30px;}

.content-box  .rise-hade span{ overflow:hidden; margin: 0 auto;  float: left; font-size: 20px; font-weight: 500;}

.content-box  .rise-hade i{ font-style: normal; font-size: 18px;  }

.content-box  .rise-hade strong{ font-style: normal; font-size: 20px;  font-weight: 600; }

.content-box .location{ overflow: hidden; margin: 0 auto; max-width: 50%;  float: right;}

.contact-main{ overflow:hidden; margin: 0 auto; margin-top: 80px;}



.contact-main{width:90%;height:390px;position:relative}

.contact-img1{position:absolute;top:152px;left:59px;z-index:99}

.contact-img2{position:absolute;bottom:0;right:0;z-index:9}

.contact-main-box{position:relative;top:0;bottom:0;left:0;right:0;width:420px;height:388px;text-align:left}

.contact-main .index-contact-main-box{background-color:normal}

.contact-main-box h3{font-weight:400;color:#333;font-size:28px;margin-bottom:20px}

.contact-main-box .cont-i{ color: #333; line-height:26px;text-align:left;margin-bottom:12px; font-size: 18px;}

.contact-mes{position:relative;top:0;bottom:0;left:0;right:0;width:420px;margin-bottom:70px}

.form-box{margin-left:100px}

.input-box{width:100%; height:auto;min-height:40px;margin-top:10px;position:relative; border: 1px solid #ddd;}

.contact-main-box span{ display: block; color: #333; margin: 0 auto 10px; font-size: 18px;}

.input-box p{ width: 100px; height:38px;line-height:38px;font-size:14px;color:#333;position:absolute;left:0px;top:0;}

.input-box p input{ border: none;  padding-left: 10px; width: 100%; background: transparent; font-size: 16px;}

.input-box-verify{padding-left:60px;clear:both}

.input-txt{ text-indent: 1em; height:40px;width:100%;background:0 0;border:0;outline-style:none; font-size: 16px;}

.input-box textarea{ text-indent: 1em; height:80px;width:100%;background:0 0;border:0;outline-style:none; font-size: 16px;}

.mes-code-img{ overflow: hidden; margin: 0 auto; width: 178px;  float: left;  height: 38px;  text-align: center; padding-left: 40px; }

.mes-code-img img{ display: block; height: 100%; float: right; }

.mes-btn{ overflow: hidden; float: right; text-align: center; display: block; margin: 0 auto; height: 38px; line-height:38px; font-size: 16px; color: #ffff; width: 180px; background: #02903d; }

.mes-btn:hover{ color: #fff; }



.open2 ul li{width:100%;height:150px;background:#f8f8f8;margin-bottom:20px}

.open2 ul li a{display:block}

.open2 ul li:hover{box-shadow:0 10px 16px #ccc;transition:.3s;-webkit-transition:.3s;-ms-transition:.3s;-moz-transition:.3s}

.open2 ul li .data{width:15%;height:150px;border-right:1px solid #ddd;float:left;text-align:center;margin:auto;padding-top:35px}

.data h5{width:70px;font-size:28px;border-bottom:1px solid #333;padding-bottom:10px;margin:auto;margin-bottom:10px}

.open2 ul li .news-right{width:85%;float:left;padding:15px 30px}

.news-right h5{width:100%;height:30px;line-height:30px;font-size:20px;font-weight:700;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.news-right p{overflow: hidden; color:#999;height:56px;line-height:28px}


.phone-icon{    margin-top: 21px;}



@media screen and (max-width:1024px) {
    .pro-li:nth-of-type(10){ display: block; }
    .map-box{ display: none; }

    .navigation{ display: block;}

    body{ padding-bottom: 70px;}

    .about-box img{ width: 100%;}

    .bigimg-bt{ height: 40px; }

    .bigimg-bt h4{ font-size: 14px; height: 40px; line-height: 40px; }

    .bigimg-bt>.gb-btn{padding: 10px 0; width: 20px;}

    .bigimg-bg{width: 90%; height: 270px;}

    .page-bg{ background: #f9f9f9;}

    .open2 ul li{height:120px}

    .open2 ul li .data{width:22%;height:120px;padding-top:24px}

    .data h5{width:50px}

    .open2 ul li .news-right{width:78%;padding:5px 15px}

    .page-box{ margin-bottom: 20px; }

    .more-btn{ margin-top: 5px; }

    .pro-li{overflow: hidden; width: calc((100% - 20px) / 2); height: 130px; margin-right: 20px!important; margin-bottom: 20px;}

    .pro-li:nth-of-type(2n){ margin-right: 0!important; }

    .pro-li-mask{bottom: 0;}

    .pro-li-mask p{ overflow: hidden; width: 100%; display: block; white-space:nowrap; text-overflow:ellipsis; }

    .content-box .rise-hade{ display: none; }

    .contact-main{ margin-top: 20px; width: 100%; height: auto; }

    .contact-main-box{ width: 100%; }

    .contact-main-box{ height: auto; }

    .mes-btn{ display: block; text-align: center; padding: 0; position: absolute; left: 0; right:0; margin: auto; bottom: -55px;}

    .mes-code-img{ width: 60%; float: right; }

    .contact-mes{ width: 100%;}

    .page-box .pro-nav-left{ margin: 0 auto; }

    .page-rise .rise-hade h3{ height: auto; }

    .news-details-title h2{ margin: 0 auto; }

    .news-box ul li{ height: auto; background: #eee;}

    .news-box .news-date{ width: 100%; padding: 0 10px; margin-bottom: 5px; }

    .news-box .news-date span{ float: left;  margin: 0 auto; margin-right: 5px; font-size: 18px; border: none; width: auto; background: #ddd; padding: 0 5px; }

    .news-box .news-date p{ float: left; line-height: 25px; padding: 0; font-weight: normal;  font-size: 18px; }

    .news-box .news-text{ width: 100%;border: none; height: auto; padding: 0 10px; }

    .news-box .news-text h3{ width: 100%; margin:5px auto 10px; font-size: 16px;  }

    .news-box .news-text p{overflow: hidden; width: 100%; display: block; margin: 0 auto; font-size: 14px; line-height: 20px;  text-overflow: ellipsis; display: -webkit-box!important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

    .article_paging ul li p{ display: none!important; }

    .top-nav{ display: none; }

    .content {
        width: 100%;
        padding: 0 15px;

    }

    .case-list{ background: #fff; padding-top: 20px; }

    .header {

        display: none;

    }

    .header2 {

        display: block;

    }

    .menu-logo{

        display: block;

        width: 80%;

        height: auto;

    }

    .scrollbox strong{ padding: 0 10px; }

    .scrollbox{

        height: 50px;

    }

    .scrollbox strong{ height: 50px; line-height: 50px;  font-size: 16px; }

    .carousel-inner2 li,.carousel-inner2 li p{ height: 50px!important; line-height: 50px!important;  width: 100%!important; font-size: 16px!important;}

    .news-widget{ padding: 7px 6px; }

    .news-widget a{ height: 18px; }

    .banner {

        max-height: 24vh;

        padding-top: 60px!important;

    }

    .banner .swiper-slide img {

        height: 24vh;

    }



    .sb-search-input {

        display: block;

        border: 1px solid #ddd;

    }

    .banner-info {

        height: 13vh;

        margin-top: 60px;

    }

    .info-nav {

        height: 44px;

        margin-bottom: 20px;

    }

    .info-nav-li ul li a {

        line-height: 42px;

        font-size: 15px;

    }

    .info-nav-li ul {

        width: 100%;

        overflow: auto;

        white-space: nowrap;

        display: flex;

    }

    .info-nav-p {

        display: none;

    }

    .about-bg {

        margin-top: 50px;

        padding: 15px;

    }

    .index .pro-nav-left{ overflow-x: scroll; }

    .pro-nav-left{

        width: 100%;

        height: 52px;

        margin-bottom: 15px;

    }

    .pro-nav-left .page-product{ width: 2090px; height: 52px;  overflow: hidden;}

    .pro-nav-left .page-product li{  margin-right: 10px;  width: 200px; overflow: hidden;  float: left;}

    .pro-nav-left .page-product li:last-child{ margin-right: 0; }

    .case-list ul li{ overflow:hidden;width:calc((100% - 20px)/ 2); margin-right:20px!important;margin-bottom:20px;}

    .case-list ul li:nth-of-type(2n){ margin-right: 0!important; }

    .case-list ul li img{ width: 100%; height:116px; border: none; object-fit: cover; }

    .case-list ul li a{ display: block; width: 100%; height: 100%; overflow: hidden; }

    .case-list ul li p{ background: #eee; font-size: 16px;  }

    .main3-about{ width: 100%; }

    .main3-about p{ padding: 0 10px; overflow: hidden;  }

    .main1-pro-right{ width: 100%; overflow: hidden; }

    .about-li,.about-li ul,.about-li ul li { width: 100%;}

    .about-li ul { overflow: hidden; padding: 0 15px; margin-bottom: 20px;}

    .about-li ul li img{ width: 100%;}

    .about-li ul li{ height: auto; padding-bottom: 20px; margin-bottom: 15px!important;}

    .main-news ul li{ width: 100%; margin-bottom: 15px; }

    .main-news{ margin-bottom: 50px; }

    .footer-right{ width: 100%; margin-left: 0; }

    .footer-left{ width: 100%;}

    .main-title span{ font-size: 16px;}

    .footer-left .footer-nav{ font-size: 14px; width: 100%; overflow: hidden; }

    .footer-left .footer-nav a{ margin-right: 5px; }

    .footer-right img{ width: 32%; height: 32%; margin: 10px auto; display: block; float: none; }

    .footer-m h5{ font-size: 20px; }

    .footer-m,.footer-r{ width: 100%;  margin-left: 0; }

    .swiper-container{  width: 100%;}
    .swiper-container .swiper-wrapper{ display: none;}
    .page-banner{  padding-top: 60px;}

    .page-banner img{  display: block; max-width: 100%; height: 150px;  margin: 0 auto; object-fit:cover; }

    .page-box{ border: none; background: none; min-height: 0;  }

    .page-box .pro-nav-left{ width: 100%;}

    .page-box .page-left-box{ padding: 0; }

    .location{ display: none; }

    .page-box .pro-nav-left{ height: auto; }

    .rise-flei{ width: 100%; overflow-x: scroll;  }

    .page-box .main1-pro-right{ width: 100%; padding: 0; }

    .about-box{ background: #fff; padding: 0 10px; }

    .rise-na-box{width: 100%; position: relative;  z-index: 1;}

    .rise-nav{ display: none;  position: absolute; top:40px;width: 100%;  max-height: 160px; overflow-y:scroll; overflow-x: hidden; background: #ddd;  }

    .page-rise{padding-bottom: 20px; }

    .rise-nav-an{ display: block; height: 40px; position: relative; border: 2px solid #02903d; }

    .rise-nav-an p{ overflow: hidden; width: 100%; padding: 0 10px; height: 40px; line-height: 40px;  font-size: 16px; color: #02903d;}

    .jt-btn{ overflow: hidden; display: block; width: 30px; height: 30px; text-align: center; position: absolute; top:0; bottom: 0; right:0; margin: auto; }

    .jt-btn:after{ content: "";  overflow: hidden; display: block; width: 20px; height: 18px;  margin:6px 4px; }

    .top-t:after{  background: url("../images/topqh.png") no-repeat center; background-size: 100%;  background-position: 0 -8px;  }

    .top-b:after{  background: url("../images/topqh.png") no-repeat center; background-size: 100%;  background-position: 0 8px;  }

    .rise-nav-top,.rise-flei{ display: none; }

    .rise-nav-top h3{ font-size: 18px; margin: 10px auto; }

    .rise-nav a{ height: 40px; line-height: 40px; text-indent: 10px; font-size: 16px;  }

    .product-box ul li{ overflow: hidden;

        width: calc((100% - 20px) / 2);

        margin-right: 20px!important;

        margin-bottom: 20px; background: #fff; border: 1px solid #eee;}

    .product-box ul li:nth-of-type(2n){ margin-right: 0!important; }

    .product-box ul li i{ width: 100%; height: 130px; border: none; border-bottom: 1px solid #eee;}

    .product-box ul li i img{ max-width: 90%; max-height: 90%; object-fit: cover; }

    .product-box ul li span{ margin: 0 auto;font-size: 14px; height: 30px; line-height: 30px; }

    .paging span{ display: none; }

    .footer{ height: auto; padding-top: 0; padding-bottom: 0; background: #fff; }

    .footer-bottom{ margin-top: 0; }

    .rise-details{ padding: 0 10px; }

    .page-box .rise-hade{ width: 100%; }

    .page-box .rise-hade span{ display: block; width: 100%; text-align: center; float: none; font-size: 26px; }

    .page-box .rise-hade i{ display: none; }

    .page-box .rise-hade strong{ display: block; width: 100%; margin: 0 auto; text-align: center; font-size: 14px;font-weight: normal;color: #999; }

    .page-box .pro-nav-left{ background: transparent; }

    }



@media screen and (max-width:1380px) {



}