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

.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;
}

.kf_online{ position: fixed; width:120px; right:20px; bottom:100px; z-index:999;}
.kf_online .online_wrap{ background-color: #fff;box-shadow: 0px 2px 6px #eee;}
.kf_online .online_wrap ul{ border:1px solid #eeeeee; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.kf_online .online_wrap ul li{ height:46px; line-height: 46px; text-align: center; position: relative; cursor: pointer;}
.kf_online .online_wrap ul li a{ color: #666;}
.kf_online .online_wrap ul li i{font-size: 18px;margin-right: 5px; display: inline-block;}
.kf_online .online_wrap ul li:not(:last-child){ border-bottom:1px solid #EEEEEE;}
.kf_online .online_wrap ul li .li-wrap{ position: relative; z-index:3;}
.kf_online .online_wrap ul li .li-hover{box-shadow: 0px 2px 6px #eee; opacity:0;  position: absolute;left: 0;height: 100%;margin: auto;top: 0;bottom: 0;width: 100%;  background: #fff; border: 1px solid #eee; color: #666; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index:-1;}
.kf_online .online_wrap ul li.tel .li-hover{ width:180px;}
.kf_online .online_wrap ul li .li-hover::before{ position: absolute; content: ''; display: block; width:0; height:0; margin:auto; top: 0; bottom: 0; right: -20px; border:10px solid transparent; border-left-color: #f1f1f1;}
.kf_online .online_wrap ul li:hover{ background-color: #323e4a; color: #ffffff;}
.kf_online .online_wrap ul li:hover .li-hover{ left:-115%; opacity:1;}
.kf_online .online_wrap ul li.tel:hover .li-hover{ left:-165%; opacity:1;}
.kf_online .online_wrap ul li:hover a{ color: #fff; }



/*头部*/
#top_bj{ position: fixed; width: 100%; height: auto; z-index: 999; transition:0.5s;background: #fff; }
.top_bj_zy{ background: #fff;}
#top_index{ height: auto; width: 100%; margin: 0 auto; position: relative; transition:0.5s;}
#top_index:before{ position: absolute; content: ''; right: 0; top: 0; height: 100%; width: 17%; background: #cfa690; display: block;}
.top_bj_zy #top_index:before{ display: block;}
#logo{ padding: 15px; text-align: center;}
#logo img{ max-width: 100%; transition:0.5s;}
#top_tel{ height: auto; transition:0.5s; padding: 0;}
#top_tel i{ float: left; color: #fff; font-size: 25px; margin: 10% 0 0 10%; position: relative; transition: 0.3s; cursor: pointer;}
#top_tel i:hover{ color: #212325;}
#top_tel p{ opacity: 0; position: absolute; top: 160%; left: -120%; width:100px; transition: 0.3s;}
#top_tel p img{ width: 100%;}
#top_tel .iconweixin:hover p{ opacity: 1; top: 130%;}
@media screen and (max-width:768px){
  #top_index{ padding: 5px 0; width: 100%;}
    #logo{ text-align: left;}
  #logo img{ max-width: 100%;}
}

#nav_bj{ height: 50px; margin: 1% auto 0 !important; transition:0.3s;}
#nav_bj dt{ float: left; width: 11%; height: 50px; line-height: 50px; font-weight: normal; font-size: 16px; color: #282828; text-align: center; transition:0.5s; position: relative;}
#nav_bj dt:before{ background: #cfa690; position: absolute; left: 50%; bottom: 0; height: 2px; width: 0; content: ''; transition:0.5s;}
#nav_bj dt a{ display: block; position: relative; z-index: 1; color: #333333;}
#nav_bj dt:hover a{ color: #cfa690;}
#nav_bj dt:hover:before{ left: 20%; width: 60%;}
@media (min-width: 1200px) and (max-width: 1400px){
  #nav_bj dt{ font-size: 14px;}
}
@media (min-width: 768px) and (max-width: 1200px){
  #nav_bj{ margin-top: 0;}
  #nav_bj dt{ font-size: 14px;}
}

.top_bj_active_zy{ position: fixed;}
.top_bj_active{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.3); height: auto;}
.top_bj_active #logo{ padding: 0;}
.top_bj_active #logo img{ transform: scale(0.7);}
.top_bj_active #nav_bj{ height: 50px; margin: 0.5% auto 0 !important;}
.top_bj_active #top_tel{ margin-top:0;}
.top_bj_active #top_tel i{ margin-top: 5%;}
.top_bj_active #top_index:before{ display: block;}
.top_bj_active #c-header .c-switch i{ background: #333;}

#top_ysbj{ background: #212325; width: 100%;}
#top_ys{ padding: 2% 0;}
#top_ys .tit_bt{ color: #fff; text-align: center; line-height: 55px;}
#top_ys .tit_bt h4{ color: #fff; font-size: 30px;}
#top_ys .tit_bt h4 i{ display: inline-block; color: #cfa690; margin: 0 0 0 10px;}
#top_ys .tit_bt h4 span{ color: #cfa690;}
#top_ys .tit_bt p{ font-size: 18px;}
#top_ys ul{ text-align: center; margin-top: 1% !important;}
#top_ys li{ cursor: pointer; display: inline-block; width: 18%; border: 1px solid #6c6c6c; margin: 0 0.5%; padding: 2.5% 0; color: #aeaeae; transition: 0.3s;}
#top_ys li i{ float: left; margin: 0 12% 0; font-size: 40px;}
#top_ys li .font{ float: left; font-size: 16px; text-align: left; line-height: 30px; padding: 0;}
#top_ys li:hover .font{ color: #6c6c6c;}
#top_ys li:hover{ background: rgba(255,255,255,0.9);}
#top_ys li:hover i{ color: #6c6c6c;}
@media (min-width: 768px) and (max-width: 1200px){
    #top_ys li i{ margin: 0 7% 0; font-size: 35px;}
    #top_ys li .font{ font-size: 14px; line-height: 25px;}
}

@media screen and (max-width:768px){
    #top_ys{ padding: 5% 0;}
    #top_ys .tit_bt{ line-height: 40px;}
    #top_ys .tit_bt h4{ font-size: 18px !important;}
    #top_ys .tit_bt p{ font-size: 12px;}
    #top_ys li{ width: 30%;}
    #top_ys li i{ margin: 0 5% 0; font-size: 25px;}
    #top_ys li .font{ font-size: 12px; line-height: 20px;}
}



#ssnr{ height: 75px;}
#ssnr .left{ line-height: 75px; color: #666666;}
#ssnr .left span{ color: #333333;}
#ssnr .left a{ padding: 0 10px; color: #666666;}
#ssnr .weizhi{ line-height: 75px; color: #999999;}
#ssnr .weizhi a{ color: #999; transition: 0.3s; padding: 0 5px;}
#ssnr .weizhi i{ display: block; float: left; font-size: 20px; padding-right: 20px; border-right: 1px solid #f4f4f4; margin-right: 20px;}
#ssnr .weizhi a:hover{ color: #009944;}
@media screen and (max-width:768px){
  #ssnr{ height: auto; padding: 2% 0;}
  #ssnr .left{ line-height: 25px; padding: 2% 10px;}
}



.zy_search_form{ width: 50%; margin-top: 15px; float: right;}
.zy_search_form #search_name{ width: 80%; height: 44px; line-height: 44px; float: left;border:solid 1px #e7e7e7;border-top-left-radius: 5px;border-bottom-left-radius: 5px; outline: none; color: #999999;font-family: "微软雅黑"; font-size: 12px;background: #fff url(../images/search.png) 10px center no-repeat;text-indent: 40px;}
.zy_search_form #button{ width: 20%; height: 44px; line-height: 44px; background: #009944; float: right;border-top-right-radius: 5px;border-bottom-right-radius: 5px; cursor: pointer;color: #fff;font-size: 14px;text-align: center; border:none;outline: none; transition: 0.3s;}
.zy_search_form #button:hover{ background: #333;}
@media screen and (max-width:768px){
  .zy_search_form{ width: 100%; margin-top: 0; float: none;}
}

#zi_banner{ width: 100%; overflow: hidden; height: auto; position: relative;}
#zi_banner .pic img{ width: 100%;}
#zi_banner .main{ position: absolute; z-index: 10; left: 0; top: 0; width: 100%; padding-top: 15%; color: #fff;}
#zi_banner .main p{ font-size: 40px; padding-bottom: 4%;}
.mouse {
    display: block;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.4);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.mouse i {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/ico_16.png) no-repeat center;
    animation: downico 1.5s ease-out infinite;
    position: relative;
}
@keyframes downico{
    0%{
        top: 0;
        opacity: 1;
    }
    35%{
        top: 50%;
        opacity: 0;
    }
    65%{
        top: -50%;
        opacity: 0;
    }
    100%{
        top: 0;
        opacity: 1;
    }
}

/*.mouse{ width: 45px; height: 45px;}*/
/*.mouse img{ width: 100%; animation:run1 2s linear infinite; cursor: pointer;}*/
/*@keyframes run1 {*/
    /*0% {*/
        /*transform: translateY(-10px);*/
        /*opacity: 1;*/
    /*}*/
    /*50% {*/
        /*transform: translateY(10px);*/
        /*opacity: 0.1;*/
    /*}*/
    /*100% {*/
        /*transform: translateY(-10px);*/
        /*opacity: 1;*/
    /*}*/
/*}*/
/*#zi_banner .main i{ font-size: 45px;}*/
/*.mouse{width: 45px; height: 45px; animation: fadeInUp 0.9s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; -moz-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; -webkit-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; -o-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; display: block; left: 50%; margin-left: -10px; color: transparent; font-size: 0;*/
                                                                                                                                                       /*}*/
/*@-webkit-keyframes fadeInUp {*/
    /*0% {*/
        /*opacity: 0;*/
        /*-webkit-transform: translate3d(0, 100%, 0);*/
        /*transform: translate3d(0, 100%, 0)*/
    /*}*/
    /*100% {*/
        /*opacity: 1;*/
        /*-webkit-transform: none;*/
        /*transform: none*/
    /*}*/
/*}*/

@media screen and (max-width:768px){
  #zi_banner .pic img{ width: 200%; margin-left: -30%;}
    #zi_banner .main{ padding: 40% 15px 0;}
    #zi_banner .main p{ font-size: 24px;}
    .mouse{ width: 30px; height: 30px;}
}


#home{ border-bottom: 1px solid #e6e6e6; height: 100px;}
#home .container{ display: block; margin: 0 auto !important;}
#home .container li{ float: left; width: 15%; height: 100px; text-align: center; line-height: 120px; color: #666666; font-size: 16px; position: relative; cursor: pointer;}
#home .container li:hover{ color: #cfa690;}
#home .container li:before{ position: absolute; left: 0; bottom: 0; content: ''; height: 3px; width: 0; background: #cfa690; transition: 0.5s;}
#home .container li:hover:before{ width: 100%;}

#home .container .right{ height: 100px; line-height: 100px; text-align: right; color: #c1c1c1;}
#home .container .right i{ float: right; font-size: 30px; color: #c1c1c1; border-right: 1px solid #e6e6e6; padding-right: 3%;}
#home .container .right p{ float: right; padding-left: 3%;}
#home .container .right a{ color: #c1c1c1; padding: 0 5px;}
@media screen and (max-width:768px){
    #home .container li{ width: 25%;}
}





/*底部*/
#end_nr_bj{ background: #282828; width: 100%; height: auto; overflow: hidden; color: rgba(255,255,255,0.5);}
#end_nr_bj a{ color: rgba(255,255,255,0.5); transition: 0.3s;}
#end_nr_bj a:hover{ color: #fff;}
#end_nr_bj #end_nav{ border-bottom: 1px dashed rgba(255,255,255,0.5); text-align: center;}
#end_nr_bj #end_nav li{ display: inline-block; font-size: 16px; width: 10%; height: 60px; line-height: 60px;}
#end_nr_bj .main{ padding: 0 0 2%;}
#end_nr_bj .main .end_logo{ text-align: center; padding-top: 5%; }
#end_nr_bj .main .left{ padding: 3% 3% 0;}
#end_nr_bj .main .tit p{ font-size: 20px; text-align: left; color: #fff;}
#end_nr_bj .main .tit span{ font-size: 12px; text-transform: uppercase;}
#end_nr_bj .main .left .content p{ color: #fff; font-size: 14px;}
#end_nr_bj .main .left .content p i{ display: inline-block; padding-right: 10px;}
#end_nr_bj .main .right{ padding-top: 3%; text-align: center;}
#end_nr_bj .main .right p{ color: #fff; font-size: 18px; padding-bottom: 5%;}
@media screen and (max-width:768px){
  #end_nr_bj .main .right{ padding: 3% 0;}
}

#end_line_bj{ height: auto; background: #0e0e0e;}
#end_line{ height: auto; padding: 10px 0; line-height: 30px; color: #6e6e6e;}


.footer_zx{ height:60px; overflow: hidden; right:0; bottom:0; float:left; z-index: 20; width:100%; position: fixed; background-color:#191919;}
.f1{ width:100%; background:url(../images/end_icon3.png) no-repeat center 20%;  background-size: 25px; height:100%; float:left;  text-align:center;}
.f2{ width:100%; background:url(../images/end_icon2.png) no-repeat center 20%; background-size: 25px;  height:100%; float:left; text-align:center;}
.footer_zx a{ color:#fff !important; display: block; width: 50%; height: 100%;float: left; line-height:90px; text-align: center; background-color:#212325;}
.footer_zx a:last-of-type{ background: #cfa690;}
.kb50{ height: 60px;}





/*首页*/
.gsjj{ position: relative;}
#gsjj_left .tit{ position: relative; line-height: 30px; padding-bottom: 20px;}
#gsjj_left .tit span{ color: #282828; font-size: 30px; text-transform: uppercase;}
#gsjj_left .tit P{ font-size: 24px; color: #282828;}
#gsjj_left .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; height: 3px; width: 7%; background: #caac6d;}
#gsjj_left .content{ color: #666666;  padding: 5% 0;}
#gsjj_left .more{ border: 1px solid #181818; color: #181818; font-size: 16px; text-transform: capitalize; height:45px; line-height: 45px; width: 30%; text-align: center; transition: 0.3s; cursor: pointer;}
#gsjj_left .more:hover{ letter-spacing: 3px; box-shadow: 0 0 10px rgba(0,0,0,0.3); transform: translateY(-3px);}
#gsjj_right{ text-align: center;}
#gsjj_right img{ max-width: 100%;}

#gsjjlb{ position: absolute; left: 0; bottom: 10px; z-index: 1; background: #fff; width: 55%; text-align: center; box-shadow: 0 0 10px rgba(0,0,0,0.3); padding: 3% 0;}
#gsjjlb li{ border-right: 1px solid #dbc5ae; line-height: 35px;}
#gsjjlb li:last-of-type{ border: none;}
#gsjjlb li p{ color: #cfa690; font-size: 40px;}
#gsjjlb li span{ color: #282828; font-size: 14px;}
@media screen and (max-width:768px){
    .gsjj{ padding-bottom: 50%;}
    #gsjj_left .tit span{ font-size: 22px;}
    #gsjj_left .tit P{ font-size: 22px;}
    #gsjj_right{ padding-top: 4%;}
    #gsjjlb{ width: 93%; left: 15px;}
    #gsjjlb li p{ font-size: 24px;}
    #gsjjlb li span{ font-size: 12px;}
    #gsjjlb li:nth-of-type(2n){ border: none;}
}

#cpqh{ width: 80% !important; position: relative;}
#cpqh:before{ position: absolute; left: 0; top: 0; height: 60px; width: 100%; content: ''; background: #212325;}
#cpqh:after{ position: absolute; right: 10%; bottom: 0; height: 100px; width: 10%; content: ''; background: #cfa690;}
#cpqh .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
#cpqh .swiper-slide { height: 0; padding-bottom: 45%; overflow: hidden; position: relative; text-align: center;}
#cpqh .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#cpqh .gallery-top { float: left; height: auto; width: 80% !important;}
#cpqh .gallery-thumbs { float: right; width: 82%; height: 60px; line-height: 60px; text-align: center; margin-bottom: 0; box-sizing: border-box;}
#cpqh .gallery-thumbs .swiper-slide { height: 100%; line-height: 60px; color: #fff; font-size: 14px; cursor: pointer;}
#cpqh .gallery-thumbs .swiper-slide a{ color: #fff;}
#cpqh .gallery-thumbs .swiper-slide-thumb-active { background: #707070;}
#cpqh .swiper-button-prev,#cpqh .swiper-button-next{ top: auto; bottom: 20%; color: #fff; background: none;}
#cpqh .swiper-button-prev i,#cpqh .swiper-button-next i{ font-size: 32px;}
#cpqh .swiper-button-prev{ width: 0; height: 0; left: auto; right: 20%; border-top: 35px solid transparent; border-right: 35px solid #212325; border-bottom: 35px solid transparent; transition: 0.3s;}
#cpqh .swiper-button-next{ width: 0; height: 0; right:17.7%; border-top: 35px solid transparent; border-left: 35px solid #212325; border-bottom: 35px solid transparent; transition: 0.3s;}
#cpqh .swiper-button-prev:hover{ border-right: 35px solid #cfa690;}
#cpqh .swiper-button-next:hover{ border-left: 35px solid #cfa690;}
#cpqh .swiper-button-prev i{ margin: -15px 0 0 5px;}
#cpqh .swiper-button-next i{ margin: -15px 0 0 -35px;}
@media (min-width: 1201px) and (max-width: 1299px){
    #cpqh .gallery-thumbs{ width: 90%;}
    #cpqh .swiper-button-next{ right: 16.5%;}
}
@media (min-width: 1301px) and (max-width: 1400px){
    #cpqh .swiper-button-next{ right: 17%;}
}
@media (min-width: 768px) and (max-width: 1200px){
    #cpqh .gallery-thumbs{ width: 100%;}
}
@media screen and (max-width:768px){
    #cpqh{ width:100% !important;}
    #cpqh .swiper-slide { padding-bottom: 60%;}
    #cpqh .gallery-top { width: 100% !important;}
    #cpqh .gallery-thumbs{ width: 100%;}
    #cpqh:after{ display: none;}
}
#cpqh .font{ position: absolute; right: 0; top: 25%; z-index: 5;}
#cpqh .font h4{ color: #cfa690; font-size: 30px;}
#cpqh .font i{ display: inline-block; margin-left: 10px;}
#cpqh .font span{ color: #212325; font-size: 26px; position: relative; line-height: 50px; padding-bottom: 20px;}
#cpqh .font span:before{ position: absolute; content: ''; left: 0; bottom: 0; height: 3px; background: #caac6d; width: 20%;}
#cpqh .font p{ color: #212325; font-size: 18px; padding-top: 40px;}
#cpqh .font .more{ border: 1px solid #181818; color: #181818; font-size: 16px; text-transform: capitalize; height:45px; line-height: 45px; width: 60%; text-align: center; transition: 0.3s; cursor: pointer; margin-top: 20%;}
#cpqh .font .more:hover{ letter-spacing: 3px; box-shadow: 0 0 10px rgba(0,0,0,0.3); transform: translateY(-3px);}
#al_pic{ position: absolute; right: 2%; bottom: 0; z-index: 2;}
@media (min-width: 1201px) and (max-width: 1400px){
    #al_pic{ right: -8%;}
    #al_pic img{ width: 60%;}
    #cpqh .font{ right: -10%;}
}
@media (min-width: 768px) and (max-width: 1200px){
    #cpqh .font{ right: -12%;}
    #cpqh .font h4{ font-size: 24px;}
    #cpqh .font span{ font-size: 18px;}
    #cpqh .font p{ font-size: 16px;}
    #al_pic{ right: -13%;}
    #al_pic img{ width: 50%;}
}
@media screen and (max-width:768px){
}

.hui{ background: #212325;}
.sj_pic{ float: left; width: 20%; padding: 0 !important; /*background: url(../images/fwpic1.png) no-repeat left top; background-size: cover !important;*/}
.sj_pic img{ width: 100%;}
#sjlb1,#sjlb2{ float: left; padding: 0 !important;}
#sjlb1{ width: 40%;}
#sjlb2{ width: 20%;}
#sjlb1 li{ float: left; width: 50%; cursor: pointer;}
#sjlb1 li:nth-of-type(1),#sjlb1 li:nth-of-type(4),#sjlb2 li:nth-of-type(1){ padding: 10px !important; background: #3e3e3e;}
#sjlb1 li img,#sjlb2 li img{ width: 100%;}
#sjlb1 li .font,#sjlb2 li .font{ border: 1px solid #727272; text-align: center; padding: 3%; }
#sjlb1 li .font p{ color: #fff; font-size: 20px; padding: 9% 0 4%; transition: 0.3s;}
#sjlb1 li .font span{ display: block; line-height: 30px; color: #fff; font-size: 14px; padding-bottom: 3%; transition: 0.3s;}
#sjlb1 li .font:hover p,#sjlb1 li .font:hover span{ color: #cfa690;}
#sjlb2 li .font{ text-align: right; padding: 6% 8%; line-height: 35px; position: relative; z-index: 1;}
#sjlb2 li p{ text-transform: uppercase; color: #fff; letter-spacing: 2px; font-size: 24px; transition: 0.3s;}
#sjlb2 li span{ color: #fff; font-size: 20px; transition: 0.3s;}
#sjlb2 li i{ color: #fff; font-size: 30px; transition: 0.3s;}
#sjlb2 li:nth-of-type(1):before{ position: absolute; right: 0; top: 0; width: 50%; height: 100%; content: ''; background: #cfa690; transition: 0.3s;}
#sjlb2 li:nth-of-type(1):hover:before{ width:0;}
#sjlb2 li:nth-of-type(1):hover p,#sjlb2 li:nth-of-type(1):hover span,#sjlb2 li:nth-of-type(1):hover i{ color: #cfa690;}
@media (min-width: 1201px) and (max-width: 1400px){
    #sjlb1 li .font span{ line-height: 23px;}
    #sjlb2 li .font{ line-height: 29px;}
}
@media (min-width: 768px) and (max-width: 1200px){
    #sjlb1 li .font p{ font-size: 16px; padding: 3%;}
    #sjlb1 li .font span{ line-height: 21px; font-size: 12px;}
    #sjlb2 li p,#sjlb2 li span{ font-size: 16px;}
    #sjlb2 li i{ font-size: 20px;}
    #sjlb2 li .font{ padding: 3.5% 8%; line-height: 26px;}
}
@media screen and (max-width:768px){
    .hui .main{ padding: 10% 0;}
    #sjlb1{ width: 100%;}
    .sj_pic,#sjlb2{ width:50%;}
    #sjlb1 li .font p{ font-size: 16px; padding: 3%;}
    #sjlb1 li .font span{ line-height: 23px; font-size: 12px;}
    #sjlb2 li p,#sjlb2 li span{ font-size: 16px;}
    #sjlb2 li i{ font-size: 20px;}
    #sjlb2 li .font{ padding: 6% 8%; line-height: 26px;}
}

#team_bj{ position: relative;}
#team_bj:before{ position: absolute; content: ''; bottom: 0; left: 0; width: 100%; background: #d9d8db; height: 30%;}
#team_bj .main{ padding-bottom: 1%;}
#team_bj .tit{ float: left;}
#team_bj .tit h4{ color: #cfa690; font-size: 30px;}
#team_bj .tit i{ display: inline-block; margin-left: 10px;}
#team_bj .tit span{ color: #212325; font-size: 26px; position: relative; line-height: 50px; padding-bottom: 20px;}
#team_bj .tit span:before{ position: absolute; content: ''; left: 0; bottom: 0; height: 3px; background: #caac6d; width: 20%;}
#team_bj .tit p{ color: #212325; font-size: 18px; padding-top: 40px;}
#team_bj .more{ float: right; border: 1px solid #181818; color: #181818; font-size: 16px; text-transform: capitalize; height:45px; line-height: 45px; width: 13%; text-align: center; transition: 0.3s; cursor: pointer; margin-top: 5%;}
#team_bj .more:hover{ letter-spacing: 3px; box-shadow: 0 0 10px rgba(0,0,0,0.3); transform: translateY(-3px);}

#team_pic{ padding: 5% 0 0 !important;}
#team_pic .swiper-container {
    width: 100%;
    height: 100%;
}
#team_pic .swiper-slide {
    text-align: center;
    transition:0.3s;
    position: relative;
    padding-bottom: 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;
}
#team_pic .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden;}
#team_pic .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
#team_pic .swiper-button-prev,#team_pic .swiper-button-next{ top: auto; bottom: 7%; color: #fff; background: none;}
#team_pic .swiper-button-prev i,#team_pic .swiper-button-next i{ font-size: 32px;}
#team_pic .swiper-button-prev{ width: 0; height: 0; left: auto; right: 0; border-top: 35px solid transparent; border-right: 35px solid #212325; border-bottom: 35px solid transparent; transition: 0.3s;}
#team_pic .swiper-button-next{ width: 0; height: 0; right: -5%; border-top: 35px solid transparent; border-left: 35px solid #212325; border-bottom: 35px solid transparent; transition: 0.3s;}
#team_pic .swiper-button-prev:hover{ border-right: 35px solid #cfa690;}
#team_pic .swiper-button-next:hover{ border-left: 35px solid #cfa690;}
#team_pic .swiper-button-prev i{ margin: -15px 0 0 5px;}
#team_pic .swiper-button-next i{ margin: -15px 0 0 -35px;}

@media screen and (max-width:1400px){
    #team_pic .swiper-button-next{ right: -6%;}
}



#team_font ul div{ padding: 0 !important;}
#team_font li img{ max-width: 100%;}
#team_font li{ padding-bottom: 3%;}
#team_font ul div:nth-of-type(1){ text-align: left;}
#team_font ul div:nth-of-type(2){ text-align: right;}
#team_font ul div:nth-of-type(1) img,#team_font ul div:nth-of-type(2) img{ max-width: 98%;}
#team_font .font{ position: relative; z-index: 10; float: right; width: 80%; margin-top: 5%;}
#team_font .font p{ color: #212325; font-size: 20px;}
#team_font .font span{ color: #a4a4a4; font-size: 14px; text-transform: uppercase; display: block; line-height: 25px;}
#team_font .font:before{ position: absolute; content: ''; left: -32%; top: 15%; height: 3px; background: #cfa690; width: 30%;}


#friend_bj{ background: url("../images/link_bj.jpg") no-repeat center fixed;}
#friend_bj .main{ padding: 0;}
#friend_bj .main .font{ background: #000; padding: 3% 0;}
#friend_bj .main .font .pic{ text-align: center;}
#friend_bj .main .font .tit{ padding: 3% 10%; text-align: right;}
#friend_bj .main .font .tit h4{ color: #cfa690; font-size: 30px;}
#friend_bj .main .font .tit i{ display: inline-block; margin-right: 10px;}
#friend_bj .main .font .tit span{ color: #fff; font-size: 26px; position: relative; line-height: 50px; padding-bottom: 20px;}
#friend_bj .main .font .tit span:before{ position: absolute; content: ''; right: 0; bottom: 0; height: 3px; background: #caac6d; width: 20%;}
#friend_bj .main .font .tit p{ color: #fff; font-size: 18px; padding-top: 40px;}
#friend_bj .main .font .content{ padding: 10% 12%; line-height: 50px; color: rgba(255,255,255,0.5);}
#friend_bj .main #link ul{ padding: 9% 5% 0;}
#friend_bj .main #link ul div{ padding: 1%;}
#friend_bj .main #link ul li img{ width: 100%; position: relative; transition: 0.8s; transform-style: preserve-3d;}
#friend_bj .main #link ul li:hover img{
    transform: rotateX(360deg);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

#end_zx{ background: #a1a1a1; width: 100%; height: auto;}
#end_zx .container{ position: relative; padding: 1% 0;}
#end_zx #zx_pic{ position: absolute; left: 0; bottom: 0; z-index: 5;}
#end_zx .font{ float: right; color: #fff; font-size: 24px; line-height: 40px; text-align: right;}
#end_zx .font i{ display: inline-block; padding-right: 10px;}

.mes-form1 {
    margin: 0 auto;
    overflow: hidden;
    float: right;
    width: 55%;
    margin: 15px 0 0 3%;
}
.mes-form1 .form-tr {
    padding: 0;
    overflow: hidden;
}
.mes-form1 .form-tr input {
    display: block;
    width: 96%;
    padding: 0 2%;
    height: 4rem;
    border-radius: 3px;
    line-height: 4rem;
    border: 1px solid #e6e6e6;
}
.mes-form1 .form-tr textarea {
    display: block;
    width: 100%;
    padding: 5px 10px;
    height: 130px;
    border: 1px solid #e6e6e6;
}
.mes-form1 .form-tr .code {
    overflow: hidden;
}
.mes-form1 .form-tr .code input {
    width: 40%;
    float: left;
}
.mes-form1 .form-tr .code .verify {
    cursor: pointer;
    float: left;
    margin-left: 10px;
    width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 0;
}
.mes-form1 .form-tr .code .verify img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
.mes-form1 .form-tr .submit {
    margin-top: 15px;
    display: block;
    width: 190px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #cfa690;
    color: #fff;
    font-size: 15px;
}
.mes-form1 .form-tr .submit:hover {
    background: #0058b1;
}
.mes-form1 .form-tr .submit2 {
    display: block;
    width: 100%;
    float: right;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #333;
    color: #fff;
    font-size: 15px;
    transition:0.3s;
}
.mes-form1 .form-tr .submit2:hover {
    background: #3d3d3d;
}
.mes-form1 .form-tr .error {
    height: 1rem;
    line-height: 1rem;
    font-size: 12px;
    color: #f00;
    padding: 0 5px;
}


.tit_bt{ color: #666666; text-align: center; line-height: 55px;}
.tit_bt h4{ color: #282828; font-size: 30px;}
.tit_bt h4 i{ display: inline-block; color: #cfa690; margin: 0 0 0 10px;}
.tit_bt h4 span{ color: #cfa690;}
.tit_bt p{ font-size: 18px;}


#xwzx .swiper-container {
    margin: 3% 0 5%;
    width: 100%;
    height: 100%;
}
#xwzx .swiper-slide {
    text-align: center;
    transition:0.3s;
    position: relative;

    /* 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;
}
#xwzx .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 68%; position: relative; overflow: hidden;}
#xwzx .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#xwzx .swiper-slide .content{ padding: 3% 0 1%; width:100%; text-align: left; transition:0.3s; color: #999999;}
#xwzx .swiper-slide .content .left,#xwzx .swiper-slide .news_time{ padding: 0;}
#xwzx .swiper-slide .news_title{ color: #282828; font-size: 18px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#xwzx .swiper-slide .news_info{ color: #666666; font-size: 14px;}
#xwzx .swiper-slide .news_time{ border: 1px solid #666666; transition:0.3s; text-align: center; color: #282828; font-size: 36px; padding: 2% 0; line-height: 35px;}
#xwzx .swiper-slide .news_time span{ color: #666666; font-size: 18px; display: block;}
#xwzx .swiper-slide .more{ color: #666666; text-transform: capitalize; margin-top: 3%;}
#xwzx .swiper-slide:hover{ transform: translateY(-10px); background: #fff; }
#xwzx .swiper-slide:hover .pic img{ transform: scale(1.1);}
#xwzx .swiper-slide::before{ position: absolute; content: ''; background: #cfa690; left: 0; bottom: 0; height: 3px; width: 20%; transition:0.3s; }
#xwzx .swiper-slide:hover::before{ width: 100%;}
#xwzx .swiper-slide:hover .news_time{ background: #cfa690; color: #fff; border: 1px solid #cfa690;}
#xwzx .swiper-slide:hover .news_time span{ color: #fff;}


@media screen and (max-width:768px){
    .tit_bt{ line-height: 40px !important;}
    .tit_bt h4{ font-size: 24px !important;}
    .tit_bt p{ font-size: 13px !important;}
    #friend_bj .main #link ul{ padding: 9% 5%;}
}



/*子页*/
.content_zy{ padding: 2% 15px; line-height: 30px;}

.jj_tit{ text-align: center; position: relative; padding-bottom: 1.5%;}
.jj_tit p{ color: #282828; font-size: 24px; position: relative; z-index: 1; margin-top: -10px !important;}
.jj_tit span{ display: block; color: #f5f5f5; font-size: 72px; text-transform: uppercase; font-weight: bold;}
.jj_tit:before{ position: absolute; left: 48%; bottom: 0; width: 4%; height: 4px; background: #cfa690; content: '';}

#jjlb{ text-align: center;  padding: 3% 0;}
#jjlb li{ border-right: 1px solid #dbc5ae; line-height: 35px;}
#jjlb li:last-of-type{ border: none;}
#jjlb li p{ color: #cfa690; font-size: 40px;}
#jjlb li span{ color: #282828; font-size: 14px;}


.jjhui{ background: #f6f7fc; padding-bottom: 3%;}

.index03 {padding:0 0 ;overflow:hidden;position:relative;}
.index03 .title {color:#dc1f1f;}
.index03 .t1 {font-size:22px;font-weight:bold;display:inline;vertical-align: middle;}
.index03 .t2 {font-size:14px;font-weight:bold;display:inline;vertical-align: middle;padding-left:15px;}
.index03 .t4 {color:#666;line-height: 24px;}
/*.index03 .swiper-container {margin-top:50px;}*/
.index03 .t3 {color:#fff;font-size:16px;position:absolute;bottom:20px;left:20px;height:32px;line-height:32px;background:url(../images/in03_i.png) no-repeat center left;background-size:auto 32px;padding-left:50px;}
.index03 .swiper-slide {position:relative;overflow:hidden;}
.index03 .swiper-slide-next:after,.index03 .swiper-slide-prev:after {content:'';position:absolute;left:0;top:0;bottom:0;right:0;background: #000;opacity: .7;}
.index03 .swiper-slide-next .t3 {display: none;}
.index03 .swiper-slide .pic{width: 100%; height: 0; padding-bottom: 45%; position: relative; overflow: hidden;}
.index03 .swiper-slide .pic img { width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
.index03 .float-txtbox {display:none;}
.index03-bottom {display:flex;width:200px;margin:15px auto 0;}
.index03-bottom div {flex:1;text-align:center;line-height: 15px;height:15px;cursor:pointer; outline: none;}
.index03-bottom .swiper-pagination {position:unset; font-size: 16px; font-weight: bold;}
.index03-bottom .swiper-pagination-current {color:#db2016;}
@media(max-width:991px) {
    .index03 .t4 {margin-top:15px;}
}
@media(min-width:992px) {
    .index03 .t1 {font-size:28px;}
    .index03 .t2 {font-size:20px;}
    .index03 .t4 {font-size:14px;line-height: 28px;}
}
@media(min-width:1200px) {
    .index03 .t1 {font-size:50px;}
    .index03 .t2 {font-size:24px;padding-left:25px;}
    .index03 .t4 {font-size:15px;line-height: 32px;}
    .index03 .swiper-slide {width:75%;}
    .index03 .float-txtbox {display:block;background:#fff;height:50%;width:550px;max-width:100%;position:absolute;right:0;top:25%;transform:translateX(100%);transition: 1s all;padding:25px;box-sizing:border-box;}
    .index03 .float-txtbox:before {content:'+';position:absolute;left:0;bottom:0;transform:translateX(-100%);font-size:15px;display:block;background:#212325;color:#fff;text-align:center;height:50px;width:50px;line-height: 50px;}
    .index03 .float-txtbox .tit {font-size:22px;line-height:50px;margin-bottom:25px;font-weight:bold;border-bottom:1px solid #eee;}
    .index03 .float-txtbox .con {line-height: 32px;font-size:15px;color:#666; text-indent: 2rem;}
    .index03 .swiper-slide:hover .float-txtbox {transform:translateX(0);transition: 1s all;}
    .index03 .t3 {font-size:28px;bottom:70px;left:110px;height:58px;line-height:58px;background:url(../images/in03_i.png) no-repeat center left;background-size:auto 58px;padding-left:80px;}
    .index03-bottom {margin:30px auto 0;}
}
@media(min-width:1920px) {
    .index03 .swiper-slide {width:60%;}
}


.dsz .left .jj_tit{ text-align: left; padding-bottom: 5%;}
.dsz .left .jj_tit:before{ left: 0; width: 10%;}
.dsz .left .content{ color: #666666; font-size: 16px; padding-top: 10%; line-height: 45px; width: 90%;}
.dsz .right img{ max-width: 100%;}
@media screen and (max-width:768px){
    .dsz .left .content{ width: 100%; padding: 5% 0; line-height: 35px;}
}


#anli{ margin-top: 3%;}
#anli .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto;}
#anli .swiper-slide { background-size: cover; background-position: center; position: relative;}
#anli .gallery-top { height: auto; width: 100%;}
#anli .gallery-top .swiper-slide .alnr{ position: relative;}
#anli .gallery-top .swiper-slide .alnr .pic{width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; background: #000;}
#anli .gallery-top .swiper-slide .alnr .pic img{width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.5s;}
#anli .gallery-thumbs { height: auto; line-height: 50px; width: 50%; text-align: center; margin-bottom: 2%; box-sizing: border-box;}
#anli .gallery-thumbs .swiper-slide { height: 50px; line-height: 50px; color: #282828; border: 1px solid #282828; font-size: 16px; background: none; cursor: pointer;}
#anli .gallery-thumbs .swiper-slide-thumb-active { background: #cfa690; color: #fff; border: 1px solid #cfa690;}
@media screen and (max-width:768px){
    #anli .gallery-thumbs{ width: 100%;}
    #anli .gallery-thumbs .swiper-slide{ font-size: 14px;}
}

.imgbox {position:relative;overflow:hidden;width:100%;}
.imgbox:after {content:'';display:block;padding-top:75%;}
.imgbox img {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.36s width;}
.imgbox:hover img {width:110%;transition:.36s width;}

.pro_bans{ overflow: hidden; }
.pro_bans img{ width: 100%; }
#page_pros{ background:#f5f5f5; overflow: hidden;}
#page_pros .main{ padding: 0 0 5%;}
.page_pros{ overflow: hidden; }
.page_pros a{ width: 100%; float: left; margin-top: 20px; padding: 15px 15px 15px 15px; background: #fff; transition: 0.3s;}
.page_pros a:nth-of-type(2n){ float: right;}
.page_pros_txt{ overflow: hidden; border-top: solid 1px #dedede; position: relative; margin-top: 10px; padding: 10px 0px 0px 0px;}
.page_pros_txtl{ width: 70%; float: left; position: relative; padding-left: 12px;}
.page_pros_txtl i{ transition: all 0.3s; width: 3px; height: 80%; position: absolute; top: 10%; left: 0px; background: #cfa690;}
.page_pros_txtp1{ height: 32px; line-height: 32px; font-size: 18px; overflow: hidden;}
.page_pros_txtp2{ height: 22px; line-height: 22px; color: #999; overflow: hidden;}
.page_pros_txtr{ padding-left: 36px; color: #999; transition: all 0.3s; position: absolute; top: 50%; margin-top: -10px; right: 0px; height: 30px; line-height: 30px; background: url(../images/more1.png) no-repeat left center; }
@media (min-width:768px)
{
    .page_pros a{ width: 49%; }
    .page_pros a.page_prosa0{ float: right; }
}
@media (min-width:1200px)
{
    .page_pros a{ margin-top: 25px; padding: 25px 25px 25px 25px; }
    .page_pros_txt{ padding: 20px 0px 5px 0px; }
    .page_pros_txtp1{ height: 38px; line-height: 38px; font-size: 20px; }
    .page_pros_txtl{ padding-left: 15px; }
}
@media (min-width:1601px)
{
    .page_pros{ padding: 15px; }
    .page_pros a{ margin-top:60px; width: 48%; padding: 45px 45px 45px 45px; }
    .page_pros_txt{ padding: 30px 0px 5px 0px; }
    .page_pros_txtp1{ height: 46px; line-height: 46px; font-size: 30px; }
    .page_pros_txtp2{ height: 24px; line-height: 24px; }
    .page_pros_txtl{ padding-left: 25px; }
    .page_pros_txtr{ margin-top: -3px; padding-left: 42px;}
    .page_pros a:hover{ box-shadow:0px 0px 15px rgba(0,0,0,0.2); }
}
.page_pros a:hover .page_pros_txtr{ background: url(../images/more1h.png) no-repeat left center; color: #cfa690; }
.page_pros a:hover .page_pros_txtl i{ height: 60%; top: 20%; }









.honorlist{height: auto;overflow: hidden;margin:2% 0;}
.honorlist li{position: relative; height: auto;overflow: hidden;margin-bottom: 2%;}
.honorlist li .imga{ border: 1px solid #d9d9d9; background: #fff; width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.honorlist li .imga p{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
.honorlist li .imga img{ max-width: 100%; height: 100%; transition:0.3s;}
.honorlist li .imgb{ border: 1px solid #d9d9d9; background: #fff; width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.honorlist li .imgb img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s;}
.honorlist li .honorfonta{ transition:0.3s; height: 50px; line-height: 50px; text-align: center; background: #e0e0e0; font-size: 15px;}
.honorlist li:hover img{ transform: scale(1.1);}
.honorlist li:hover .honorfonta{ background: #212325; color: #fff;}

#allb{ padding-bottom: 3%; text-align: center;}
#allb li{ display: inline-block; margin-right: 20px; transition:0.3s; background: #212325; height: 40px; line-height: 40px;  width: 15%; text-align: center; color: #fff;}
#allb li:hover{ background: #cfa690; color: #fff;}
#allb li.on{ background: #cfa690; color: #fff;}
@media screen and (max-width:765px){
  #allb li{ width: 40%; margin-bottom: 10px;}
}


.news-list3 {padding-bottom: 1.125rem;}
.news-list3 .item {padding: 2.5rem 3.4375rem 2.875rem;box-sizing: border-box;border-bottom: 1px solid #dedede;border-right: 1px solid #dedede;}
.news-list3 .con-box .date {font-size: 0;}
.news-list3 .con-box a { display: block;}
.news-list3 .con-box .d, .news-list .con-box .ym {display: inline-block;*display: inline;zoom: 1;}
.news-list3 .con-box .d {font-size: 4rem; line-height: 4.25rem; color: #999;  transition: all .2s;}
.news-list3 .con-box .ym {  font-size: 1.5rem;line-height: 1.75rem;margin-left: .625rem;color: #999;}
.news-list3 .con-box .img {margin-top: .9375rem;}
.news-list3 .con-box .tit { font-size: 15px; line-height: 30px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .2s;
}
.news-list3 .con-box .con { font-size: 14px; line-height: 25px; color: #999; margin-top: .625rem; height: auto; overflow: hidden;}
.news-list3 .con-box .detail { width: 25%; height: 30px; font-size: 0; text-align: center; border: 1px solid #ccc; border-radius: 20px; margin-top: 1.875rem;
transition: all .2s;}
.news-list3 .con-box .detail span { display: inline-block; *display: inline; zoom: 1; font-size: .3125rem; line-height: 30px; color: #ccc; padding-right: 2.75rem; background-repeat: no-repeat; background-position: right center; background-image: url("../images/news-detail.png"); transition: all .2s;}
.news-list3 .con-box:hover .detail{ background: #cfa690; color: #fff; border: 1px solid #cfa690; width: 30%;}
.news-list3 .con-box:hover .detail span{ color: #fff; background-image: url("../images/news-detail2.png");}
.news-list3 .con-box:hover .d,.news-list3 .con-box:hover .ym{ color: #cfa690;}
@media screen and (max-width:765px){
  .news-list3 .con-box .detail{ width: 30%;}
}


#cpinfobj{ background: #f5f5f5; width: 100%; height: auto; padding: 3% 0;}
#cpinfobj .xwcon{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); padding: 4% 8%;}
#cpinfobj .xwcon h1{ color: #727272; border-bottom: 1px solid #d4d4d4; height: 80px; line-height: 80px; margin: 0;}
#cpinfobj .xwcon h2{ text-align: center; color: #000; border-bottom: 1px solid #d4d4d4; height: 80px; line-height: 80px; margin: 0;}
#cpinfobj .xwcon .new_fb{ line-height: 35px; color: #999;}
#cpinfobj .xwcon .content{ padding: 3% ;}
@media screen and (max-width:765px){
  #cpinfobj .xwcon h1{ font-size: 24px;}
  #cpinfobj .xwcon h2{ line-height: 30px; height: auto; font-size: 20px; padding: 3% 0;}
}


.cptel i{ display: block; float: left; color: #cfa690; text-align: center; font-size: 40px;}
.cptel .left{ padding-left: 10px;}
.cptel .left p{ color: #666666; font-size: 15px;}
.cptel .left span{ color: #cfa690; font-size: 24px; font-weight: bold;}

.tit_cp{ border-bottom: 1px solid #e6e6e6; height: 50px; color: #282828; font-size: 16px;}
.tit_cp .left{ width: 10%; text-align: center; position: relative; height: 50px;}
.tit_cp .left:before{ position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; content: ''; background: #cfa690;}

#cpnr .swiper-container {
    padding: 35px 0 80px;
    width: 100%;
    height: 100%;
    position: relative;
}
#cpnr .swiper-slide {
    text-align: center;
    transition:0.3s;
    overflow: hidden;
    position: relative;
    /* 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: 80%; position: relative; overflow: hidden;}
#cpnr .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#cpnr .swiper-slide p{ position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; color: #fff; height: 40px; line-height: 40px; background-color: rgba(0,0,0,0.5); transition:0.3s;}
#cpnr .swiper-slide p img{ opacity: 0; display: none;}
#cpnr .swiper-slide p a{ color: #fff;}
#cpnr .swiper-slide:hover p{ height: 100%; background: rgba(0,0,0,0.8);}
#cpnr .swiper-slide:hover p span{ display: block; width: 100%; padding-top: 65px; margin-bottom: 20px;}
#cpnr .swiper-slide:hover p img{ opacity: 1; display: inline-block;}
#cpnr .swiper-slide:hover{ box-shadow:0px 0px 10px #d7d7d7;}
#cpnr .swiper-slide:hover img{ transform: scale(1.1);}
#cpnr .swiper-container .swiper-button-next,#cpnr .swiper-container .swiper-button-prev{ background: #cfa690; width: 35px; height: 35px; position: absolute; bottom: 0; top: auto; transition:0.3s; color: #fff; text-align: center; line-height: 35px;}
#cpnr .swiper-container .swiper-button-prev{ background: #cfa690; right: auto; left: 45%;}
#cpnr .swiper-container .swiper-button-next{ left: auto; right: 45%;}
#cpnr .swiper-container .swiper-button-prev i,#cpnr .swiper-container .swiper-button-next i{ font-size: 20px;}
#cpnr .swiper-container .swiper-button-prev:after,#cpnr .swiper-container .swiper-button-next:after{ display: none;}
#cpnr .swiper-container .swiper-button-prev:hover{ background: #282828; box-shadow:0px 0px 10px #d7d7d7;}
#cpnr .swiper-container .swiper-button-next:hover{ background: #282828; box-shadow:0px 0px 10px #d7d7d7;}
#cpnr .swiper-container #more{ position: absolute; left: 0; width: 100%; bottom: 0; text-align: center;}
#cpnr .swiper-container #more a{ display: block; width: 35px; margin: 0 auto; height: 35px; line-height: 35px; background: #282828; color: #fff;}
#cpnr .swiper-container #more a i{ font-size: 20px;}


.contact_item{ padding:0; text-align: center;}
.contact_item li{ cursor: pointer; 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: 32px;top:45px;z-index: 1;}
.contact_item_ewm img{width: 84px;height: 84px;position: absolute;left: 0;top:0;transition: all .4s;vertical-align: top;}
/*.contact_item li:hover span .contact_item_ewm{display: block;}*/
/*.contact_item li:hover span .contact_item_ewm img{width: 84px;height: 84px;left: 0;top:0;}*/
.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;}



/*公共*/
.pro-sider {
 float: none;
 border: 1px solid #e6e6e6;
 background: #fff;
 margin-bottom: 5%;
}
.pro-sider .in-title {
  padding: 5% 15%;
 overflow: hidden;
 border-bottom: 1px solid #f4f4f4;
}
.pro-sider .in-title h3 {
  border-bottom: 1px solid #e6e6e6;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  color: #333333;
}
.pro-sider .in-title h3 i{ display: block; float: left; color: #009944; font-size: 30px; margin-right: 10px;}
.pro-sider .in-title em {
 font-size: 12px;
 color: #999999;
 font-family: arial;
 text-transform: uppercase;
}
.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: #009944; }
.pro-sider .pro-sider-ul .ul-li:last-child { border-bottom: none;}
.pro-sider .pro-sider-ul #li-on{ background: #009944; }
.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;
}