.main{ padding: 4% 0; line-height: 30px}
.clear{ clear: both;}
.content{ line-height: 30px; padding: 2% 0 0;}
@media screen and (max-width:765px){
  .main{ padding: 7% 0;}
}

.img-cover-4by3{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
/*.img-cover-4by3 p{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}*/
.abs-center{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
.img{ text-align: center; padding: 0 0 20px;}
.img img{ max-width: 100%;}
.p15{ padding-left: 15px; padding-right: 15px;}

#dituContent label {
  max-width: unset!important;
  text-align: center;
}




/*头部*/
#top_bj{ position: relative; width: 100%; height: auto; z-index: 20; transition:0.5s; background: #fff;}
#top_bj_zy{ width: 100%; height: auto; z-index: 10; transition:0.5s;}
#top_index{ height: auto; margin: 0 auto;}
#logo{ padding: 2% 15px;}
#logo a{ display: block; float: left;}
#logo img{ max-width: 100%; transition:0.5s;}
#logo .left{ padding: 0.5% 0 0 2%; line-height: 25px; transition:0.3s;}
#logo .left p{ color: #333333; font-size: 20px; font-weight: bold;}
#logo .left span{ color: #999999; font-size: 16px;}
#top_tel{ margin-top: 1.5%; transition:0.5s; padding: 0;}
#top_tel i{ float: right; color: #00796a; font-size: 50px;}
#top_tel .right{ color: #a2a2a2; font-size: 14px; padding: 3% 0 0 2%;}
#top_tel .right span{ font-size: 24px; color: #383838; font-weight: bold;}
#top_qh{ padding-top: 2.5%; transition:0.3s;}
#top_qh a{ display: block; float: right; width: 50px; height: 50px; line-height: 50px; font-size: 16px; color: #aeaeae; border: 1px solid #dddddd; border-radius: 100%; text-align: center; margin-left: 3%; transition:0.3s;}
#top_qh a:hover{ background: #00796a; border: 1px solid #00796a; color: #fff;}
#top_qh .on{ background: #00796a; border: 1px solid #00796a; color: #fff;}
@media screen and (max-width:1400px){
    /*#logo a{ width: 50%;}*/
    #logo .left{ width: 48%;}
    #logo .left p{ font-size: 18px;}
    #logo .left span{ font-size: 14px;}
    #top_tel .right span{ font-size: 22px;}
}
@media screen and (max-width:768px){
  #top_index{ padding: 5px 0; width: 100%;}
  #logo img{ max-width: 100%;}
}

@media screen and (max-width:765px){
    /*#logo a{ width: 35%;}*/
}

#navbj{ height: 50px; transition:0.3s; background: #00796a; transition:0.3s;}
#nav{ height: 50px; transition:0.3s; background: #00796a;}
#nav dt{ float: left; width: 12.5%; height: 50px; line-height: 50px; font-weight: normal; font-size: 16px; color: #fff; text-align: center; transition:0.5s;}
#nav dt a{ display: inline-block; position: relative; z-index: 1; color: #fff;}
#nav dt a:before{ background: #fff; position: absolute; left: 50%; bottom: 0; height: 2px; width: 0; content: ''; transition:0.5s;}
#nav dt:hover a:before{ left: 0; width: 100%;}
@media (min-width: 1200px) and (max-width: 1400px){
  #nav dt{ font-size: 14px;}
}
@media (min-width: 768px) and (max-width: 1200px){
  #nav{ margin-top: 0;}
  #nav dt{ font-size: 14px;}
}

.top_bj_active_zy{ position: fixed;}
.top_bj_active{ width: 100%; z-index: 99; top: 0; box-shadow: 0 0 20px rgba(0,0,0,0.3); position: fixed !important;}
.top_bj_active #logo{ padding: 0.5% 0 0;}
.top_bj_active #logo img{ transform: scale(0.8);}
.top_bj_active #logo .left{ opacity: 0;}
.top_bj_active #navbj{ height: 50px; margin: 0 auto 0 !important; width: 100%;}
.top_bj_active #top_tel{ margin-top: 0;}
.top_bj_active #top_qh{ padding-top: 1%;}
.top_bj_active #top_qh a{ width: 40px; height: 40px; line-height: 40px;}
.top_bj_active #c-header .c-switch i{ background: #333;}
.top_bj_active #c-header .c-switch{ top: 25px;}
.top_bj_active #c-header .c-nav2{ top: 65px;}


#zi_banner{ width: 100%; overflow: hidden; height: auto; position: relative;}
#zi_banner .main{ position: absolute; left: 0; top: 0; width: 100%; z-index: 10;}
#zi_banner p img{ width: 100%;}
@media screen and (max-width:768px){
  #zi_banner p img{ width: 230%; margin-left: -60%;}
  #zi_banner .main img{ width: 50%; margin-left: 3%;}
}



#banner_box .swiper-container {
    width: 100%;
    height: 100%;
}
#banner_box .swiper-slide {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7% 13% 5%;
}
#banner_box .parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 130%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}
#banner_box .swiper-slide .en{ margin-top: 2%; width: 100%; text-align: center; color: #fff; font-size: 48px;}
#banner_box .swiper-slide .title{ font-size: 48px; margin-top: 1%;}
#banner_box .swiper-slide .subtitle{ font-weight: 100; font-size: 60px; margin: 1% auto 8%;}
#banner_box .swiper-slide .subtitle span{ font-weight: bold;}
#banner_box .swiper-slide .title,#banner_box .swiper-slide .subtitle{ width: 100%; text-align: center; color: #fff;}
#banner_box .swiper-pagination{ bottom: 30px;}
#banner_box .swiper-pagination-bullet{ width: 70px; height: 3px; border-radius: 0;}
@media screen and (max-width:1400px){
    #banner_box .swiper-slide .pic{ width: 35%; padding-top: 4%;}
}
@media screen and (max-width:768px){
    #banner_box .swiper-pagination{ bottom: 5px;}
    #banner_box .swiper-slide .en{ font-size: 26px;}
    #banner_box .swiper-slide .title{ font-size: 20px;}
    #banner_box .swiper-slide .subtitle{ font-size: 24px;}
}



.banner .item{display:block;position:relative; overflow:hidden;height:650px;}
.banner .item video{position:absolute;top:0;width:auto}
.isIe .banner .item video{width:100%;height:auto;top:50%;border:none!important;
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
.banner .banner_title{position:absolute;top:0;bottom: 0;margin: auto;left: 0;right: 0;height: auto; padding-top: 10%; text-align: center;}
.banner .swiper-slide:nth-of-type(4) .banner_title{ text-align: left; padding-left: 10%;}


@media screen and (max-width:1200px){
    .banner .item{ background-size: 120%; height:400px;}
    .banner .banner_title{ padding-top: 10%;}
    .banner .banner_title img{ max-width: 60%;}
}

@media screen and (max-width:768px){
    .banner .item{ height:400px; background-repeat:no-repeat; -webkit-background-size:cover;background-size:cover;background-position:center center}
    .banner .banner_title{ padding-top: 20%;}
    .banner .banner_title img{ max-width: 60%;}
}
@media screen and (max-width:765px){
    .banner .banner_title{ padding-top: 30%;}
    .banner .banner_title img{ max-width: 80%;}
}











/*底部*/
#end_nr_bj{ background: #282e3c; width: 100%; height: auto; overflow: hidden; color: #8e929c;}
#end_nr_bj a{ color: #8e929c; transition: 0.3s; position: relative;}
#end_nr_bj a:hover{ color: #fff;}
#end_nr_bj a:after{z-index:1;content: ''; position: absolute; left: 0; bottom: 0; display: block; height:5px; background-color: rgba(255, 255, 255, .3);width:100%; -webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; -webkit-transform: scaleX(0); transform: scaleX(0);-webkit-transform-origin: right center;transform-origin: right center;}
#end_nr_bj a:hover::after{ -webkit-transform-origin: left center;transform-origin: left center;  -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);}

#end_nr_bj #end_lgo{ border-bottom: 1px solid rgba(255,255,255,0.1); padding: 1% 0;}
#end_nr_bj .main{ padding: 2% 0;}
#end_nr_bj .main .tit{ font-size: 16px; color: #fff; font-weight: bold; position: relative; height: 40px; margin-bottom: 10px;}
#end_nr_bj .main .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; height: 2px; background: #fff; width: 30px; transition:0.3s;}
#end_nr_bj .main .tit:hover:before{ width: 60px;}
#end_nr_bj .main .left ul{ float: left; padding: 0 3.5%;}
#end_nr_bj .main .left ul li{ line-height: 30px; transition:0.3s;}
#end_nr_bj .main .right{ border-left: 1px solid rgba(255,255,255,0.1); text-align: left; padding-left: 5%;}
#end_nr_bj .main .right .pic{ margin-top: 5%;}
#end_nr_bj .main .right .pic img{ max-width: 100%;}
@media screen and (max-width:1400px){
    #end_nr_bj .main .left ul{ padding: 0 3%;}
}
@media screen and (max-width:768px){
    #end_nr_bj .main{ padding: 5% 0;}
    #end_nr_bj .main .right .pic{ text-align: center;}
}

.zy_search_form{ width: 90%; margin-top: 15px; height: 40px; line-height: 40px; border: 1px solid rgba(255,255,255,0.1); border-radius: 20px; }
.zy_search_form #search_name{ width: 80%; padding-left: 10px; height: 38px; line-height: 38px; float: left; outline: none; color: #fff; font-size: 13px; text-indent: 5px; background: none;}
.zy_search_form #button{ width: 40px; height: 40px; line-height: 40px; border-radius: 100%; background: url("../images/ss.png") no-repeat center; float: right; cursor: pointer; border:none; outline: none; transition: 0.3s;}
@media screen and (max-width:768px){
    .zy_search_form{ width: 100%; margin-top: 4%; float: none;}
}


#end_line{ height: auto; padding: 10px 0; line-height: 30px; color: #8e929c; border-top: 1px solid rgba(255,255,255,0.1);}


.footer_zx{ height:60px; overflow: hidden; right:0; bottom:0; z-index: 20; width:100%; line-height: 25px; position: fixed; background-color:#00796a;}
.footer_zx a{ color:#fff !important; display: block; width: 50%; height: 100%; float: left; text-align: center; background-color:#00796a;}
.footer_zx a:last-of-type{ background: #444444;}
.footer_zx i{ font-size: 28px; padding: 4% 0 1%;}
.footer_zx p{font-size: 13px;}
.kb50{ height: 60px;}





/*首页*/
.tit_in{ text-align: center;}
.tit_in p{ display: inline-block; position: relative; color: #333333; font-size: 36px;}
.tit_in p:before{ position: absolute; left: -30px; top: 20%; content: ''; background: url("../images/logo_icon.png") no-repeat center; width: 18px; height: 18px;}
.tit_in p:after{ position: absolute; right: -30px; top: 20%; content: ''; background: url("../images/logo_icon.png") no-repeat center; width: 18px; height: 18px;}
.tit_in span{ font-size: 16px; color: #969696; margin-top: 10px; display: inline-block; position: relative; }
.tit_in span:before{ position: absolute; left: -90px; top: 45%; content: ''; background: #dedede; width: 60px; height: 1px;}
.tit_in span:after{ position: absolute; right: -90px; top: 45%; content: ''; background: #dedede; width: 60px; height: 1px;}
@media screen and (max-width:768px){
    .tit_in p{ font-size: 35px;}
    .tit_in h1{ font-size: 24px;}
    .tit_in i{ font-size: 13px; margin-top: 5px;}
}


#cp_class{ margin-top: 3% !important;}
#cp_class li{ height: 290px; overflow: hidden; background: url("../images/lb_bj1.jpg") no-repeat center top; background-size: 100%; padding: 8% 7% 0;}
#cp_class li img{ width: 100%;}
#cp_class li .tit{ font-size: 24px; color: #fff; position: relative; height: 50px;}
#cp_class li .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 10%; height: 2px; background: #fff; transition:0.3s;}
#cp_class li .content{ color: #fff; padding-top: 4%;}
#cp_class .col-xs-12:nth-of-type(2) li{ background: url("../images/lb_bj2.jpg") no-repeat center top; background-size: 100%;}
#cp_class li:hover .tit:before{ width: 100%; background: #00796a;}
@media screen and (max-width:768px){
    #cp_class li{ height: 230px; padding-top: 5%; background-size: 100% 100%;}
    #cp_class .col-xs-12:nth-of-type(2) li{ height: 230px; padding-top: 5%; background-size: 100% 100%;}
    #cp_class li .content{ padding-top: 2%; line-height: 25px;}
}

/*#cp_class li{ position: relative;}*/
/*#cp_class li .pic{ border: 1px solid #dedede; width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}*/
/*#cp_class li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}*/
/*#cp_class li .tit{ position: absolute; width: 100%; left: 0; bottom: -25px; text-align: center; z-index: 1;}*/
/*#cp_class li .tit p{ color: #fff; font-size: 16px; padding-bottom: 5px; text-shadow: 0 0 3px #333;}*/
/*#cp_class li .tit span{ display: inline-block; height: 50px; line-height: 40px; width: 60%; border-radius: 25px; border: 5px solid #fff; background: #cccccc; transition:0.3s;}*/
/*#cp_class li:hover .tit span{ background: #00796a; color: #fff;}*/


#cpnr{ margin-top: 5%;}
#cpnr .swiper-container {
    width: 100%;
    padding: 10px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
#cpnr .swiper-slide {
    text-align: center;
    transition:0.3s;
    overflow: hidden;
    border: 1px solid #efefef;
    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#cpnr .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; transition:0.3s;}
#cpnr .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#cpnr .swiper-slide p{ width: 100%; text-align: center; height: 50px; line-height: 50px; background: #efefef; transition:0.3s;}
#cpnr .swiper-slide:hover{ box-shadow:3px 5px 10px rgba(0,0,0,0.1);}
#cpnr .swiper-slide:hover .pic img{ transform: scale(1.1);}
#cpnr .swiper-slide:hover p{ background: #00796a; color: #fff;}
@media screen and (max-width:768px){
    #cpnr{ margin-top: 10%;}
}


#ysbj{ background: url("../images/ys_bt.png") no-repeat center top #f5f7f9; width: 100%; height: auto;}
#ystit{ text-align: center; color: #fff; padding: 3.5% 0;}
#ystit p{ font-size: 48px; font-weight: bold;}
#ystit span{ font-size: 18px;}


.ysnr .pic{ text-align: center;}
.ysnr .pic img{ max-width: 100%;}
.ysnr .font{ padding-top: 3%; cursor: pointer;}
.ysnr .font .num{ float: left; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #00796a; font-size: 48px; font-weight: bold; transition:0.3s; border-radius: 100%;}
.ysnr .font .left{ width: 88%; padding-left: 10px;}
.ysnr .font .left .tit{ position: relative; line-height: 25px; padding-bottom: 10px;}
.ysnr .font .left .tit p{ color: #333333; font-size: 24px; font-weight: bold; transition:0.3s;}
.ysnr .font .left .tit span{ color: #838383; font-size: 14px;}
.ysnr .font .left .tit:before{ position: absolute; left: 0; bottom: 0; width: 10%; height: 2px; content: ''; background: #00796a;}
.ysnr .font .left ul{ padding-top: 20px; width: 90%;}
.ysnr .font .left ul li{ color: #666666; line-height: 40px;}
.ysnr .line{ padding: 3% 0;}
.ysnr .line img{ max-width: 100%;}
.ysnr .font:hover .num{ background: #00796a; color: #fff; font-size: 42px;}
.ysnr .font:hover .tit p{ color: #00796a;}
@media screen and (max-width:1600px){
    #ystit{ padding: 5% 0;}
}
@media screen and (max-width:1400px){
    #ysbj{ background-size: 150%;}
    #ystit{ padding: 5% 0;}
    .ysnr .font{ padding-top: 1%;}
    .ysnr .font .num{ display: none;}
    .ysnr .font .left{ width: 100%;}
    .ysnr .font .left .tit{ margin-top: 3%;}
    .ysnr .font .left ul{ width: 100%;}
    .ysnr .font .left ul li{ line-height: 30px;}
}
@media screen and (max-width:768px){
    #ysbj{ background-size: 160%;}
    #ystit{ padding: 7% 0;}
    #ystit p{ font-size: 24px;}
    #ystit span{ font-size: 14px;}
    .ysnr .font .num{ display: none;}
    .ysnr .font .left{ width: 100%;}
    .ysnr .font .left .tit{ margin-top: 3%;}
    .ysnr .font .left .tit p{ font-size: 22px;}
    .ysnr .font .left .tit span{ font-size: 12px;}
    .ysnr .font .left ul li{ line-height: 30px;}
}
@media screen and (max-width:760px){
    #ysbj{ background-size: 200%;}
}


#cqfm{ margin-top: 3% !important;}
#cqfm li{ position: relative; margin-bottom: 6%;}
#cqfm li .pic{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
#cqfm li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s; }
#cqfm li .newsTitBg{position: absolute;bottom: 0;left: 0;width: 100%;height: 20%; text-align: center; color: #fff; z-index: 1;transition:.4s; background: linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0,0 ,0) 100%);background: -o-linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0 0,0) 100%);background: -ms-linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0,0,0) 100%);background: -moz-linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0,0,0) 100%);}
#cqfm li p{ position: absolute;bottom: 0;left: 0; z-index: 3; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff;}
#cqfm li:hover .newsTitBg{ height: 80%;}
#cqfm li:hover .pic img{ transform: scale(1.1);}


#zixun{ text-align: center; padding: 0 25%;}
#ljzx{ float: left; height: 60px; line-height: 60px; background: #00796a; width: 45%; text-align: center; font-size: 18px; border-radius: 30px; color: #fff; transition: 0.3s;}
#ljzx:hover{ background: #282e3c; letter-spacing: 5px;}
#zxrx{ float: right; text-align: left;}
#zxrx i{ float: left; color: #00796a; font-size: 50px; margin-top: 7%;}
#zxrx .left{ padding-left: 10px;}
#zxrx .left p{ color: #999999; font-size: 16px;}
#zxrx .left span{ color: #00796a; font-size: 30px; font-weight: bold;}
@media screen and (max-width:1200px){
    #zixun{ padding: 0 25%;}
}
@media screen and (max-width:768px){
    #zixun{ padding: 0 15%;}
}
@media screen and (max-width:760px){
    #zixun{ padding: 0;}
    #ljzx{ display: none; height: 50px; line-height: 50px; font-size: 16px;}
    #zxrx{ padding-right: 15%;}
    #zxrx i{ font-size: 46px;}
    #zxrx .left{ line-height: 25px;}
    #zxrx .left span{ font-size: 24px;}
}


#rybj{ background: url("../images/bj.jpg") no-repeat center top; width: 100%; height: auto;}
#rybj .rytit p,#rybj .rytit span{ color: #fff;}

#gshj{ position: relative;}
#gshj .swiper-container {
    width: 100%;
    height: 100%;
    padding: 5% 0 2%;
}
#gshj .swiper-slide {
    text-align: center;
    overflow: hidden;
    transition: 0.3s;
    background: #fff;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#gshj .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden; background: #fff;}
#gshj .swiper-slide .pic p{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#gshj .swiper-slide .pic img{ max-width: 100%; height: 100%;  transition:0.3s;}
#gshj .swiper-slide span{ display: block; width: 100%; height: 50px; line-height: 50px; background: #ffff; transition:0.3s; }
#gshj .swiper-slide:hover{ filter: drop-shadow(-8px 5px 8px rgba(0, 0, 0, 0.1));}
#gshj .swiper-slide:hover .pic img{ transform: scale(1.1);}
#gshj .swiper-slide:hover span{ background: #00796a; color: #fff; }
@media screen and (max-width:1400px){
    #rybj{ background-size: 130%;}
}
@media screen and (max-width:1200px){
    #rybj{ background-size: 160%;}
}
@media screen and (max-width:768px){
    #rybj{ background-size: 225%;}
    #gshj .swiper-container{ padding: 3% 5%;}
}

#chuangxin{ margin: 3% 0 !important; background: url("../images/bj3.jpg") repeat center;}
#chuangxin li{ padding: 0;}
#chuangxin li img{ width: 100%;}
#chuangxin .font{ padding: 3%; position: relative;}
#chuangxin .font .tit{ color: #333333; font-size: 24px; position: relative; padding-bottom: 15px; transition:0.3s;}
#chuangxin .font .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; height: 4px; width: 10%; background: #00796a; transition: 0.3s;}
#chuangxin .font .content{ color: #606060; font-size: 14px; padding-top: 5%;}
#chuangxin .font .pic{ position: absolute; right: 3%; bottom: -5%;}
#chuangxin .font:hover .tit:before{ width: 100%;}
#chuangxin .font:hover .tit{ color: #00796a;}
@media screen and (max-width:1200px){
    #chuangxin .font{ padding: 2%;}
    #chuangxin .font .content{ font-size: 12px;}
}
@media screen and (max-width:768px){
    #chuangxin li{ height: 255px; overflow: hidden;}
    #chuangxin .font{ padding: 3%;}
    #chuangxin .font .content{ font-size: 14px;}
}
@media screen and (max-width:765px){
    #chuangxin li{ height: auto; overflow: hidden;}
}




#linkbj{ background: url("../images/bj1.jpg") no-repeat center top; width: 100%;}
#link{ padding: 3% 0 0;}
#link div{ padding: 0;}
#link li{ border: 1px solid #e8ebf1; transition: 0.3s;}
#link li img{ width: 100%;}
#link li:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 3; position: relative;}


#ggbj{ background: url("../images/bj2.jpg") no-repeat center top;}
#ggbj{ padding: 2% 0; color: #fff;}
#ggbj .left .tit span{ font-size: 36px; font-weight: 100;}
#ggbj .left .tit p{ font-size: 24px; font-weight: bold;}
#ggbj .left .tit1{  height: 50px; line-height: 50px; width: 40%; margin: 2% 0; border-radius: 25px; background: #fff; text-align: center; color: #23c2be; font-size: 18px; font-weight: bold; transition: 0.3s;}
#ggbj .left .tit1:hover{ background: #282e3c; color: #fff;}
#ggbj .left .tit2{ color: #fff; font-size: 18px;}
#ggbj .left .tel{ float: left; height: 40px; line-height: 40px; margin-top: 20px; font-size: 16px;}
#ggbj .left .tel span{ font-size: 24px; font-weight: bold;}
#ggbj .left .tel i{ float: left; padding-right: 15px; font-size: 22px;}

.mes-form1 { margin: 0 auto; overflow: hidden; width: 100%; padding: 0;}
.mes-form1 .form-tr { padding: 0; overflow: hidden;}
.mes-form1 .form-tr input { display: block; width: 100%; padding: 0 4%; height: 55px; line-height: 55px; background: url("../images/ly_icon1.png") no-repeat #fff; background-position: right 4% top 45%; color: #333; border-radius: 25px; border: none;}
.mes-form1 .form-tr input:nth-of-type(2){background: url("../images/ly_icon2.png") no-repeat #fff; background-position: right 4% top 45%;}
.mes-form1 .form-tr .code { overflow: hidden;}
.mes-form1 .form-tr .code input { width: 65%; float: left; background: #fff;}
.mes-form1 .form-tr .code .verify { cursor: pointer; float: left; margin-left: 10px; width: 25%; height: 35px; line-height: 35px; text-align: center; font-size: 0;}
.mes-form1 .form-tr .code .verify img { display: inline-block; vertical-align: middle; width: 100%; height: 50px;}
.mes-form1 .form-tr .submit2 { display: block; margin-top: 3%; width: 100%; height: 50px; text-align: center; line-height: 50px; background: #23c2be; color: #fff; font-size: 16px; border-radius: 25px; transition:0.3s;}
.mes-form1 .form-tr .submit2:hover { background: #282e3c;}
.mes-form1 .form-tr .error { height: 1rem; line-height: 1rem;}
@media screen and (max-width:1200px){
    #ggbj .left .tit p{ font-size: 22px;}
}
@media screen and (max-width:768px){
    #ggbj{ padding: 5% 0;}
    #ggbj .left span{ font-size: 16px;}
    #ggbj .left p{ font-size: 20px;}
    #ggbj .left .tel{ font-size: 14px;}
    .mes-form1{ padding-top: 5%;}
    .mes-form1 .form-tr .submit2{ height: 40px; line-height: 40px; font-size: 14px; margin-top: 1%;}
}


.hui{ background: #f8f8f8;}
.hui .main{ padding: 3% 0;}
.xwtit{ border-bottom: 2px solid #efefef; height: 35px; position: relative;}
.xwtit:before{ position: absolute; left: 0; bottom: -2px; width: 10%; height: 2px; content: ''; background: #66b49e; }
.xwtit .left{ color: #333333; font-size: 20px; font-weight: bold;}
.xwtit .left span{ color: #999999; font-family: Arial; font-weight: normal; text-transform: uppercase; padding-left: 10px; font-size: 14px;}
.xwtit .right{ color: #999999; font-size: 14px; font-family: Arial;}
.xwtit .right:hover{ color: #66b49e; font-weight: bold;}
.xwnr .pic{ height: 0; padding: 0 0 22%; position: relative; overflow: hidden;}
.xwnr .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
.xwnr .right{ padding-right: 0;}
.xwnr .right p{ color: #333333; font-size: 18px; font-weight: bold;}
.xwnr .right span{ display: block; color: #666666; font-size: 14px; padding: 2% 0;}
.xwnr .right .more{ color: #cfcfcf; height: 40px; line-height: 40px; border: 1px solid #cfcfcf; border-radius: 20px; width: 30%; text-align: center; float: right; transition:0.3s; cursor: pointer;}
.xwnr:hover .right .more{ background: #66b49e; border: 1px solid #66b49e; color: #fff;}
#xwleft ul{ border-top: 1px dashed #d0d0d0; padding: 2% 0 0; margin-top: 2% !important;}
#xwleft ul li{ height: 42px; line-height: 42px; transition: 0.3s;}
#xwleft ul li i{ float: left; padding-right: 10px;}
#xwleft ul li a{ display: block; float: left; width: 72%; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#xwleft ul li span{ display: block; float: right; width: 20%; color: #999999; font-size: 13px; text-align: right;}
#xwleft ul li:hover{ background: #66b49e; padding: 0 2%;}
#xwleft ul li:hover a,#xwleft ul li:hover i,#xwleft ul li:hover span{ color: #fff;}

#xwright ul{ padding: 3% 0 0;}
#xwright ul li{ background: #fff; padding: 4%; margin-bottom: 3%; position: relative; cursor: pointer;}
#xwright ul li:before{ position: absolute; left: 0; bottom: -1px; content: ''; height: 2px; width: 0; background: #66b49e; transition: 0.3s;}
#xwright ul li a{ display: block; background: url("../images/wen.png") no-repeat left center; color: #333333; font-size: 16px; padding-left: 35px; font-weight: bold; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#xwright ul li p{ background: url("../images/da.png") no-repeat left 5px; padding-left: 35px; font-size: 14px;}
#xwright ul li:hover:before{ width: 100%;}
#xwright ul li:hover a{ color: #66b49e;}
@media screen and (max-width:768px){
    .tit_in p{ font-size: 24px; height: 30px;}
    .tit_in span{ font-size: 14px;}
    .tit_in span:before{ left: -62%;}
    .tit_in span:after{ right: -62%;}
    .xwnr .right{ padding: 2% 0 0;}
    .xwnr .right .more{ width: 50%;}
    #xwleft ul li a{ width: 70%;}
    #xwleft ul li span{ width: 20%; font-size: 12px; text-align: right;}
    #xwright{ margin-top: 5%;}
    .xwnr .pic{ padding-bottom: 50%;}
}


#fwlb{ margin-top: 5% !important;}
#fwlb li img{ width: 100%;}
#fwlb li .num{ color: #00796a; font-size: 28px; float: right; position: relative; margin: 18% 6% 10% 0;}
#fwlb li .num i{ position: absolute; right: 3%; top: -15%; font-size: 122px; font-family: inherit; color: rgba(0,121,106,0.1); width: 100%; height: 100%;}
#fwlb li .num:before{ position: absolute; content: ''; right: -25%; top: -250%; width: 50%; height: 2px; background: #28cab2;}
#fwlb li p{ clear: both !important; color: #333333; font-size: 18px; font-weight: bold;}
#fwlb li span{ display: block; color: #666666; font-size: 16px; padding-top: 2%;}
@media screen and (max-width:768px){
    #fwlb li span{ font-size: 14px; padding-bottom: 5%;}
}


#fwbj{ background: url("../images/fwbj.jpg") no-repeat center top;}
#fwbj .tit{ color: #3c3c3c; font-size: 30px; text-align: center;}
#tousu{ padding: 3%;}
#tousu li{ background: #fff; border: 1px solid #eceae9; text-align: center; transition: 0.3s; cursor: pointer;}
#tousu li i{ padding: 5% 0;}
#tousu li p{ color: #333333; font-size: 20px; transition: 0.3s;}
#tousu li span{ display: block; padding: 2% 5% 0; margin-bottom: 5%; color: #828282; height: 240px; transition: 0.3s;}
#tousu li:hover{ background: #00796a;}
#tousu li:hover p,#tousu li:hover span{ color: #fff;}
@media screen and (max-width:768px){
    #tousu li{ margin-bottom: 3%;}
    #tousu li span{ height: auto;}
}



.fwtit{ color: #3c3c3c; font-size: 30px; text-align: center;}
#liucheng{ padding-top: 5%;}
#liucheng li{ background: url("../images/lc1.png") no-repeat center top; padding: 2% 0 0.5%; text-align: center;}
#liucheng li:nth-of-type(2n){ background: url("../images/lc2.png") no-repeat center bottom; }
#liucheng li .bj{ background: url("../images/lcbj.png") no-repeat center top; width: 170px; height: 302px; display: inline-block; padding: 8% 0 25px;}
#liucheng li i{ padding: 10% 0 20%;}
#liucheng li h4{ color: #333333; font-size: 18px;}
#liucheng li span{ display: block; color: #333333; padding: 5%; line-height: 25px;}
#liucheng li p{ color: #6b7778; font-family: Bahnschrift; font-size: 18px; padding: 5% 0;}
#liucheng li:nth-of-type(2n) p{ padding: 10% 0;}
@media (min-width: 1200px) and (max-width: 1400px){
    #liucheng li,#liucheng li .bj,#liucheng li:nth-of-type(2n){ background-size: 100%;}
    #liucheng li .bj{ width: 80%; height: 280px;}
    #liucheng li i{ padding: 10% 0;}
}
@media (min-width: 1000px) and (max-width: 1190px){
    #liucheng li,#liucheng li .bj,#liucheng li:nth-of-type(2n){ background-size: 100%;}
    #liucheng li .bj{ width: 80%; height: 230px;}
    #liucheng li span{ display: none;}
}
@media screen and (max-width:765px){
    #liucheng li,#liucheng li .bj,#liucheng li:nth-of-type(2n){ background-size: 100%;}
    #liucheng li{ padding-top: 5%;}
    #liucheng li .bj{ width: 80%; height: 205px;}
    #liucheng li span{ display: none;}
}


#cxcp .swiper-container {
    width: 100%;
    height: auto;
    margin: 20px auto;
    padding: 3% 0;
}
#cxcp .swiper-slide {
    text-align: center;
    width: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#cxcp .swiper-slide:nth-of-type(2) .content{ background: #00796a;}
#cxcp .swiper-slide:nth-of-type(3) .content{ background: #386768;}
#cxcp .pic{ float: left; width: 70%;}
#cxcp .pic img{ width: 100%;}
#cxcp .tit{ float: right; width: 30%; padding-top: 18%; text-align: center; color: #333333; font-size: 120px; position: relative;}
#cxcp .tit i{ position: absolute; top: 85%; width: 100%; height: 100%; color: rgba(0,121,106,0.2); font-size: 70px;}
#cxpic,#cxcp .content{ width: 100%;}
#cxcp .content{ background: #044b72; height: 150px; padding: 3% 5%; color: #fff; text-align: left; }
@media screen and (max-width:765px){
    #cxcp .swiper-slide{ width: 80%;}
    #cxcp .pic{ width: 100%;}
    #cxcp .tit{ display: none;}
    #cxcp .content{ font-size: 12px; line-height: 25px;}
}





.cx_con{ text-align: center; color: #383838; font-size: 22px; line-height: 40px; padding-top: 2%;}
#jzg{ padding-top: 3% !important;}
#jzg li i{ font-size: 100px; color: #e31e26; padding: 10% 0;}
#jzg li p{ color: #333; font-size: 20px; padding-top: 5%; position: relative; height: 60px;}
#jzg li p:before{ position: absolute; left: 0; bottom: 0; content: ''; height: 2px; width: 10%; background: #e31e26;}
#jzg li span{ display: block; padding-top: 5%; color: #666;}

@media screen and (max-width:765px){
    #jzg li{ margin-bottom: 6%;}
}

#sj_pro_index li{ margin-bottom: 5%;}
#sj_pro_index li img{ max-width: 100%;}
#sj_pro_index li p{ height: 40px; line-height: 40px; text-align: center;}




    /*子页*/
.content_zy{ padding: 2% 15px; line-height: 30px;}#ssnr{ height: 75px;}
#homebj{ height: 60px; line-height: 60px; border-bottom: 1px solid #eeeeee; background-color: #fff; background: linear-gradient(#f2f2f2,#fff);}

#homebj ul li{ float: left; padding: 0 4%; color: #666666; font-size: 16px; text-align: center;}
#homebj ul li a{ display: inline-block; position: relative;}
#homebj .right{ text-align: right; color: #737373;}
#homebj .right i,#homebj .right p{ float: right;}
#homebj .right i{ padding-right: 10px; font-size: 25px;}
#homebj .right p a{ padding: 0 5px; color: #737373;}
#homebj .right p a:hover{ color: #000;}
#homebj ul li:hover a{ color: #01a586;}
#homebj ul li a:after{ position: absolute;content: ""; background
: #01a586; height: 3px; width:100%;  left: 0;bottom: 0;
    transition: all 0.5s;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
#homebj ul li:hover a:after{-webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1);
    -o-transform: scaleX(1); transform: scaleX(1);}

@media screen and (max-width:768px){
    #homebj #top_cplb li{ width: 50%;}
    #homebj{ height: auto;}
    #homebj ul li{ font-size: 14px; width: 25%;}
}


.jjpic{ text-align: center;}
.jjpic img{ max-width: 100%;}
#jj_content{ background: url("../images/map.png") no-repeat center;}
#jj_content .tit{ text-align: center; padding-top: 3%;}
#jj_content .tit h2{ color: #000003; font-size: 30px; font-weight: bold !important;}
#jj_content .tit p{ font-size: 24px; padding-top: 1%;}
#jj_content .tit p span{ color: #00796a; font-weight: bold;}
#jj_content .content{ text-align: center; color: #666666; padding: 2% 0;}
#jj_content ul li{ text-align: center; position: relative;}
#jj_content ul li:before{ position: absolute; right: 0; top: 25%; content: ''; width: 1px; height: 50%; background: #ebf0f5;}
#jj_content ul li i{ width: 53px; height: 53px; margin: 0 auto;}
#jj_content ul li h1{ padding: 5px 0;}
#jj_content ul li h1 p{ display: inline-block; font-size: 60px; background: linear-gradient(to right, #00796a, #27ccb8); -webkit-background-clip: text; color: transparent; font-family: Myriad Pro;}
#jj_content ul li h1 sub{ color: #4c4c4c; font-size: 14px;}
#jj_content ul li span{ display: block; color: #4c4c4c; font-size: 16px;}
@media screen and (max-width:1400px){
    #jj_content ul li h1 p{ font-size: 50px;}
}
@media screen and (max-width:768px){
    #jj_content ul li h1 p{ font-size: 30px;}
}

.qywh .pic img{ width: 100%;}
.qywh .tit{ color: #353535; font-size: 24px; padding-top: 4%;}
.qywh .content{ color: #464646; height: 80px; padding: 2% 0;}
.qywh p i{ float: left; color: #00796a; font-size: 23px; padding-right: 5px; transition: 0.3s;}
.qywh p{ color: #00796a;}
.qywh p:hover i,.qywh p:hover{ color: #333; }
@media screen and (max-width:768px){
    .qywh .content{ height: auto;}
}
#zzrybj{ background: #f4f7f7; width: 100%;}
#zzrybj .tit{ text-align: center; color: #000003; font-weight: bold; font-size: 30px;}
#yfcx_bj{ background: url("../images/jj_sl.jpg") repeat center fixed; text-align: center;}
#yfcx_bj .main{ padding: 7% 0;}
#yfcx_bj .tit{ color: #fff; font-size: 36px; font-weight: bold;}
#yfcx_bj .more{ background: #00796a; height: 50px; line-height: 50px; width: 15%; margin: 0 auto; font-size: 16px; border-radius: 25px; color: #fff; margin-top: 3%; transition: 0.3s;}
#yfcx_bj .more i{ display: inline-block; font-size: 22px; padding-right: 10px;}
#yfcx_bj .more:hover{ background: #333; letter-spacing: 5px;}
@media screen and (max-width:768px){
    #yfcx_bj .tit{ font-size: 26px;}
    #yfcx_bj .more{ width: 50%;}
}

#jj_ry{ position: relative;}
#jj_ry .swiper-container {
    width: 100%;
    height: 100%;
    padding: 3% 0 0;
}
#jj_ry .swiper-slide {
    text-align: center;
    overflow: hidden;
    transition: 0.3s;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#jj_ry .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden; background: #fff;}
#jj_ry .swiper-slide .pic span{ display: block; width: 100%; height: 100%; object-fit: cover; left: 0; text-align: center; position: absolute;}
#jj_ry .swiper-slide .pic img{ max-width: 100%; height: 100%; transition:0.3s; }
#jj_ry .swiper-slide p{ width: 100%; height: 50px; line-height: 50px; background: #f2f2f2; transition:0.3s; }
#jj_ry .swiper-slide:hover .pic img{ transform: scale(1.1);}
#jj_ry .swiper-slide:hover p{ background: #00796a; color: #fff; }
#jj_ry .swiper-button-next,#jj_ry .swiper-button-prev{ background: #00796a; width: 45px; height: 45px; line-height: 45px; top: 48%;}
#jj_ry .swiper-button-next:after,#jj_ry .swiper-button-prev:after{ display: none;}
#jj_ry .swiper-button-next i,#jj_ry .swiper-button-prev i{ font-size: 40px; color: #fff; transition: 0.3s;}
#jj_ry .swiper-button-next{ right: -2%;}
#jj_ry .swiper-button-prev{ left: -2%;}
#jj_ry .swiper-button-next:hover,#jj_ry .swiper-button-prev:hover{ background: #333;}
@media screen and (max-width:768px){
    #jj_ry .swiper-container{ padding: 3% 5%;}
    #jj_ry .swiper-button-next{ right:0;}
    #jj_ry .swiper-button-prev{ left:0;}
    #jj_ry .swiper-button-next,#jj_ry .swiper-button-prev{ width: 30px;}
    #jj_ry .swiper-button-next i,#jj_ry .swiper-button-prev i{ font-size: 30px;}
}


.more_in{ margin: 3% auto 0; height: 50px; line-height: 50px; text-align: center; border: 1px solid #c9c9c9; transition: 0.3s; border-radius: 25px; width: 15%;}
.more_in:hover{ background: #00796a; color: #fff; border: 1px solid #00796a;}
@media screen and (max-width:768px){
    .more_in{ width: 50%;}
}




#cpbj{ background: url("../images/cp_pic.jpg") no-repeat left top;}
#cpbj .main{ padding: 0;}

#cpzs{ margin: 0;}
#cpzs .swiper-slide { background-position: center; position: relative;}

#cpzs .gallery-top { height: auto; padding: 0; }
#cpzs .gallery-top ul{ position: absolute; left: 0; top: 0; z-index: 1; padding: 15% 45% 0 10%; margin-top: 2% !important;}
#cpzs .gallery-top ul li{ width: 100%; transition:0.3s; background: url("../images/logo_icon1.png") no-repeat -30px center; position: relative; font-size: 16px; height: 50px; line-height: 50px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#cpzs .gallery-top ul li:before{ position: absolute; left: 0; bottom: 0; height: 2px; background: #fff; width: 0; content: ''; transition:0.3s;}
#cpzs .gallery-top ul li a{ color: #fff; }
#cpzs .gallery-top ul li:hover{ background: url("../images/logo_icon1.png") no-repeat left center; padding-left: 30px;}
#cpzs .gallery-top ul li:hover:before{ width: 100%;}

#cpzs .gallery-thumbs { height: auto; text-align: left; padding: 10% 5% 0 17%;}
#cpzs .gallery-thumbs .swiper-wrapper{}
#cpzs .gallery-thumbs .swiper-slide { cursor: pointer; height: auto; color: #666666; font-size: 16px; line-height: 80px; }
#cpzs .gallery-thumbs .swiper-slide p{ width: 70%; background: #fff; padding: 0 0 0 5%; height: 80px; line-height: 80px;margin-bottom: 5% !important; transition: 0.3s; color: #333;}
#cpzs .gallery-thumbs .swiper-slide i{ float: left; font-weight: bold; padding-right: 5%;}
#cpzs .gallery-thumbs .swiper-slide-thumb-active p{ width: 90%; background: #00796a; position: relative; }
#cpzs .gallery-thumbs .swiper-slide-thumb-active p{ color: #fff;}

@media (min-width: 768px) and (max-width: 1200px){
    #cpzs .gallery-thumbs .swiper-slide p{ font-size: 16px;}
    #cpzs .gallery-thumbs .swiper-slide span{ font-size: 12px;}
    #cpzs #top_tel .right span{ font-size: 24px;}
}
@media screen and (max-width:768px){
    #cpzs .gallery-thumbs .swiper-wrapper{ padding: 0 0 1%;}
    #cpzs .gallery-thumbs .swiper-slide{ height: auto; line-height: 25px; padding: 3% 0 3% 2%; border: none;}
    #cpzs .gallery-thumbs .swiper-slide p{ font-size: 14px;}
    #cpzs .gallery-thumbs .swiper-slide span{ font-size: 12px;}
    #cpzs .gallery-top .small{ padding: 5px;}
    #cpzs .gallery-top .small li p{ font-size: 12px;}
}


#indexNews li{width: 100%;height: auto; margin:0 auto; padding: 4% 0; transition: 0.3s; border-bottom: solid 1px #e8e8e9; }
#indexNews li .right{ padding: 0 0 0 4% !important; line-height: 25px; text-align: left;}
#indexNews li .news_title{ text-align: left; color: #333333; font-size: 18px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; line-height: 30px;}
#indexNews li .news_info{ color: #999999; font-size: 14px;}
#indexNews li .news_time{ line-height: 30px; text-align: center; font-weight: normal !important; border-right:solid 1px #e8e8e9; color: #666666;font-size: 1.5rem; padding: 0 !important; margin: 0 !important;}
#indexNews li .news_time span{display: block; margin:0 auto; line-height: 45px; width: 100%; text-align: center; color: #666666; font-size: 50px; font-family: Bahnschrift;}
#indexNews li:last-of-type{ border-bottom: none;}
#indexNews li:hover{ background: #00796a;}
#indexNews li:hover .news_title,#indexNews li:hover .news_time,#indexNews li:hover .news_time span{ color: #fff;}
#indexNews li:hover .news_info{ color: rgba(255,255,255,0.6);}
@media screen and (max-width:768px){
    #indexNews li .news_time span{ font-size: 40px;}
}


.news01 {padding: 3% 0 0;}
.news01 li{ margin-bottom: 5%;}
.news01 .imgbox {width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
.news01 .imgbox img { object-fit: cover; left: 0; position: absolute; text-align: center; height:100%; width:100%; transition: 0.3s;}
.news01 .imgbox1 {width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
.news01 .imgbox1 p { text-align: center; left: 0; position: absolute; height:100%; width:100%; transition: 0.3s;}
.news01 .imgbox1 p img{ max-width: 100%; height: 100%; transition:0.3s;}
.news01 .slide:hover .imgbox img {transform: scale(1.1);}

.news01 .txtbox { height: 50px; line-height: 50px; text-align: center; background: #efefef; font-size: 16px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative;}
.news01 .txtbox span{ display: block; z-index: 1; position: relative; transition:0.3s;}
.news01 .txtbox:after { content: '';  width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #00796a; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; left: 0; }
.news01 .slide:hover .txtbox::after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; right: 0; }
.news01 .slide:hover .txtbox span{ color: #fff;}


#xgnews{ padding: 10% 0 0;}
#xgnews li{ margin-bottom: 10%;}
#xgnews li .pic{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
#xgnews li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
#xgnews li p{ height: 40px; line-height: 40px; background: #fff; text-align: center; transition: 0.3s; white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
#xgnews li:hover p{ background: #00796a; color: #fff;}
#xgnews li:hover .pic img{ transform: scale(1.1);}



.contact_item{ padding:0; text-align: center; margin-top: 3%;}
.contact_item li{ display: inline-block; margin-bottom: 30px;}
.contact_item li span{display: block;width: 150px;height: 135px;margin:0 auto;text-align: center;position: relative;}
.contact_item li span.contact_item_1{background: url(../images/contact_li_bg1.png) center no-repeat;line-height: 108px;}
.contact_item li span.contact_item_2{background: url(../images/contact_li_bg2.png) center no-repeat;line-height: 135px;}
.contact_item li span.contact_item_3{background: url(../images/contact_li_bg3.png) center no-repeat;line-height: 170px;}
.contact_item li span img{vertical-align: middle;}
.contact_item_ewm{width: 84px;height: 84px;position: absolute;left: 33px;top:46px;z-index: 1;}
.contact_item_ewm img{width: 84px;height: 84px;position: absolute;left: 0;top:-7px;transition: all .4s;vertical-align: top;}
.contact_item li h4{color: #333;font-size: 18px;line-height: 30px; text-align: center;margin: 10px auto !important; font-weight: bold !important;}
.contact_item li p{color: #333;font-size: 14px;line-height: 26px;}
.contact_item li:nth-child(3n) p{text-align: center;}

.in_title{ line-height: 40px; padding: 30px 0 10px; color: #747474; font-size: 16px; margin-top: 3% !important;}
.in_title p{ font-size: 30px; color: #3e3e3e;}



#cpbtqh{ width: 100%; transition:0.3s;}
.cpbt{ background: #e5f1f0; height: 55px; line-height: 55px; border-bottom: 1px solid #efefef; width: 100%; transition:0.3s;}
.cpbt li{ float: left; color: #333333;  font-size: 1.7rem; width: 25%; text-align: center; position: relative; transition:0.3s;}
.cpbt li:hover{ background: #00796a; color: #fff;}
.cpbt li:hover a{ color: #fff;}
.cpbt li.current a{ color: #fff;}
.cpbt li.current{ background: #00796a;}
@media screen and (max-width:765px){
    .cpbt li{ width: 25%; font-size: 13px;}
    .o_product_info #cptel{ font-size: 1.3rem;}
}



#cpnr_info li{ text-align: center; transition:0.3s; background: #ffffff; padding: 1%; border: 1px solid #efefef; margin-bottom: 5%;}
#cpnr_info li .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; }
#cpnr_info li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#cpnr_info li .tit{ width: 100%; color: #333333; font-size: 16px; height: 50px; line-height: 50px; white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
#cpnr_info li .nr{ width: 100%; color: #999999; padding: 3% 0;}
#cpnr_info li .gengduo{ height: 40px; line-height: 40px; margin: 0 auto 8%; border: 1px solid #e0e0e0; border-radius: 20px; width: 50%; transition: 0.3s;}
#cpnr_info li:hover .gengduo{ background: #00796a; border: 1px solid #00796a; color: #fff;  }
#cpnr_info li:hover .gengduo a{ color: #fff;}


.cptel{ border: 1px solid #e3e3e3; height: 55px; line-height: 55px; border-radius: 30px; text-align: center;}
.cptel i{ display: inline-block; color: #00796a; font-size: 30px;}
.cptel .left{ float: none;display: inline-block; padding-left: 10px; color: #00796a; font-size: 22px;}



#shili .swiper-container {
    width: 100%;
    height: 100%;
}
#shili .swiper-slide {
    text-align: center;
    background: #fff;
    transition:0.3s;
    height: auto; position: relative; overflow: hidden;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#shili .swiper-slide a{ display: block;  width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
#shili .swiper-slide a img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#shili .swiper-slide p{ width: 100%; height: 40px; line-height: 40px; background: #f4f4f4; transition:0.3s;}
#shili .swiper-slide:hover p{ background: #00796a; color: #fff;}



#xgcp{ padding: 7% 1% 2%;}
#xgcp li{ margin-bottom: 10%;}
#xgcp li .pic{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
#xgcp li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
#xgcp li p{ height: 40px; line-height: 40px; background: #f4f4f4; text-align: center; transition: 0.3s;}
#xgcp li:hover p{ background: #00796a; color: #fff;}
#xgcp li:hover .pic img{ transform: scale(1.1);}



.tit_cp{ text-align: center; color: #333333; font-size: 24px; position: relative; height: 40px; margin: 3% auto;}
.tit_cp span{ color: #00796a; font-weight: bold;}
.tit_cp:before{ position: absolute; left: 46%; bottom: 0; width: 8%; height: 1px; background: #d0d0d0; content: '';}
.tit_cp:after{ position: absolute; left: 48%; bottom: -10px; width: 4%; height: 1px; background: #d0d0d0; content: '';}


#cptd{ text-align: center; padding-top: 3%;}
#cptd li{ position: relative; padding-bottom: 3%; margin-bottom: 10%;}
#cptd li:before{ position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; content: ''; background: #00796a;}
#cptd li .pic{ padding: 5px; border-radius: 100%; height: auto; border: 1px dashed #b1b1b1; position: relative; z-index: 1;}
#cptd li .pic img{ width: 100%;}
#cptd li p{ position: relative; z-index: 1; color: #fff; font-size: 18px; height: 50px; line-height: 50px;}
@media screen and (max-width:765px){
    #cptd li p{ font-size: 14px; height: 40px; line-height: 40px;}
}


#shili li{ background: #00796a; margin-bottom: 2%;}
#shili li .pic{ width: 60%; float: left;}
#shili li .pic img{ width: 100%;}
#shili li .font{ float: left; width: 40%; color: #fff; padding: 5% 3% 0;}
#shili li .font .tit p{ font-size: 30px; font-weight: bold;}
#shili li .font .tit span{ font-size: 20px;}
#shili li .font .content{ color: rgba(255,255,255,0.5);}
@media screen and (max-width:765px){
    #shili li .pic{ width: 100%;}
    #shili li .font{ width: 100%; padding: 5% 3%;}
}










/*公共*/
.pro-sider {
 float: none;
 background: #fff;
 margin-bottom: 5%;
}
.pro-sider .in-title {
  padding: 5% 15%;
 overflow: hidden;
    background: #00796a;
    line-height: 30px;
}
.pro-sider .in-title h3 {
  height: 45px;
  line-height: 45px;
  font-size: 20px;
  color: #fff;
}
.pro-sider .in-title h3 i{ display: block; float: left; color: #fff; font-size: 30px; margin-right: 20px;}
.pro-sider .in-title em {
 font-size: 12px;
 color: rgba(255,255,255,0.5);
 font-family: arial;
 text-transform: uppercase;
}

.pro-sider-ul { height: auto; text-align: left;}
.pro-sider-ul .ul-li{ padding: 0;}
.pro-sider-ul .big { display: block; cursor: pointer; padding: 0 15px; height: 60px; line-height: 60px; border-bottom: 1px solid #ececec; transition: 0.3s;}
.pro-sider-ul .big i{ float: left; color: #9c9c9c; font-size: 20px; padding-right: 20px;}
.pro-sider-ul .big p{ color: #333333; font-size: 18px;}
.pro-sider-ul .big:hover { background: #f7f7f7; }
.pro-sider-ul .big:hover i{ color: #00796a;}
.pro-sider-ul .small{ display: block; height: 40px; line-height: 40px; font-size: 14px; margin: 0 15px; padding-left: 60px; border-bottom: 1px dashed #efefef;}
@media screen and (max-width:768px){
    .pro-sider-ul .ul-li{ padding: 3% 0 3% 2%;}
    .pro-sider-ul .ul-li p{ font-size: 13px;}
    .pro-sider-ul .ul-li span{ font-size: 12px;}
}


/*.pro-sider .pro-sider-ul { */
 /*background: #fff;*/
 /*overflow: hidden;*/
/*}*/
/*.pro-sider .pro-sider-ul .ul-li {*/
 /*padding: 0 7%;*/
 /*height: 53px;*/
 /*line-height: 53px;*/
 /*border-bottom: 1px solid #e6e6e6;*/
 /*transition:0.3s;*/
/*}*/
/*@media screen and (max-width:765px){*/
  /*.pro-sider .pro-sider-ul .ul-li{ padding: 0 3%;}*/
/*}*/
/*.pro-sider .pro-sider-ul .ul-li a {*/
 /*display: block;*/
 /*float: left;*/
 /*width: 90%;*/
 /*overflow: hidden;*/
 /*text-overflow: ellipsis;*/
 /*white-space: nowrap;*/
/*}*/
/*.pro-sider .pro-sider-ul .ul-li a i{ display: block; float: right; color: #adadad;}*/

/*.pro-sider .pro-sider-ul .ul-li:hover i,.pro-sider .pro-sider-ul .ul-li:hover a { color: #fff; }*/
/*.pro-sider .pro-sider-ul .ul-li:hover { background: #00796a; }*/
/*.pro-sider .pro-sider-ul .ul-li:last-child { border-bottom: none;}*/
/*.pro-sider .pro-sider-ul #li-on{ background: #00796a; }*/
/*.pro-sider .pro-sider-ul #li-on i,.pro-sider .pro-sider-ul #li-on a{ color: #fff;}*/

.page {
 font-size: 0;
 text-align: center;
}
.page .center {
 display: inline-block;
 overflow: hidden;
}
.page .center .page-span {
 float: left;
 font-size: 14px;
 color: #c3c3c3;
 line-height: 32px;
 margin-right: 30px;
}
.page .center .page-list {
 float: left;
 overflow: hidden;
}
.page .center .page-list ul li {
 float: left;
 width: auto;
 min-width: 30px;
 height: 32px;
 text-align: center;
 line-height: 30px;
 font-size: 14px;
 margin: 0 4px;
 padding: 0;
 border: none;
 background: transparent;
}
.page .center .page-list ul li a {
 min-width: 20px;
 padding: 0 5px;
 border: 1px solid #eee;
 display: block;
 color: #333;
 border-radius: 4px;
 -webkit-border-radius: 4px;
 overflow: hidden;
 background: #fff;
}
.page .center .page-list ul li:hover a {
 color: #f3c04b;
}
.page .center .page-list ul li.active a {
 background: #f3c04b;
 color: #fff;
}