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

/*头部*/
#top_bj{ position: fixed; width: 100%; height:auto; z-index: 10; transition:0.5s; background: #fff;}
#top_bj_zy{ width: 100%; height: auto; z-index: 10; transition:0.5s;}
#top_index{ height: auto; width: 90%; margin: 0 auto;}
#logo{ padding:20px 0px 18px 5px;}
#logo img{ max-width: 100%; transition:0.5s;}
@media screen and (max-width:768px){
  #top_index{ padding: 5px 0; width: 100%;}
  #logo img{ max-width: 100%;}
}

#nav_bj{ height: 50px; margin: 2% auto 0 !important; transition:0.3s;}
#nav_bj dt{ float: left; width: 14%; height: 50px; line-height: 50px; font-weight: normal; font-size:18px; color: #282828; text-align: center; transition:0.5s; position: relative;}
#nav_bj dt:before{ background: #0a4dbc; 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:before{ left: 0; width: 100%;}
@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);}
.top_bj_active #logo{ padding: 0;}
.top_bj_active #logo img{ transform: scale(0.7);}
.top_bj_active #nav_bj{ height: 50px; margin: 1% auto 0 !important;}
.top_bj_active #top_tel{ margin-top: 0.5%;}
.top_bj_active #c-header .c-switch i{ background: #333;}


#top_ys{ padding: 2% 0; border-bottom: 1px solid #eaeaea; background: #f9f8f8;}
#top_ys li{ position: relative; cursor: pointer;}
#top_ys li:before{ position: absolute; right: 0; top: 10%; content: ''; width: 1px; background: #dbdbdb; height: 80%;}
#top_ys li .pic{ text-align: right; padding: 5px 10px 0 0; }
#top_ys li .pic img{ max-width: 100%;}
#top_ys li .font{ line-height: 25px; padding: 0;}
#top_ys li .font p{ color: #333333; font-size: 20px; transition: 0.3s;}
#top_ys li .font span{ color: #999999; font-size: 16px; transition: 0.3s;}
#top_ys li:hover .font p{ color: #0647bd; font-weight: bold;}
#top_ys li:hover .font span{ color: #000;}
@media screen and (max-width:768px){
  #top_ys li{ padding: 3% 0;}
  #top_ys li .font p{ font-size: 16px;}
  #top_ys li .font span{ font-size: 14px;}
}

#top_ys li:hover .pic img{animation: swing 1s;}
@-webkit-keyframes swing{
    20%{-webkit-transform:rotate(15deg);}
    40%{-webkit-transform:rotate(-10deg);}
    60%{-webkit-transform:rotate(5deg);}
    80%{-webkit-transform:rotate(-5deg);}
    100%{-webkit-transform:rotate(0);}
}
@-moz-keyframes swing{
    20%{-moz-transform:rotate(15deg);}
    40%{-moz-transform:rotate(-10deg);}
    60%{-moz-transform:rotate(5deg);}
    80%{-moz-transform:rotate(-5deg);}
    100%{-moz-transform:rotate(0);}
}
@-ms-keyframes swing{
    20%{-ms-transform:rotate(15deg);}
    40%{-ms-transform:rotate(-10deg);}
    60%{-ms-transform:rotate(5deg);}
    80%{-ms-transform:rotate(-5deg);}
    100%{-ms-transform:rotate(0);}
}
@keyframes swing{
    20%{transform:rotate(15deg);}
    40%{transform:rotate(-10deg);}
    60%{transform:rotate(5deg);}
    80%{transform:rotate(-5deg);}
    100%{transform:rotate(0);}
}

#zi_banner{ width: 100%; overflow: hidden; height: auto; position: relative; }
#zi_banner img{ width: 100%;}
@media screen and (max-width:768px){
  #zi_banner img{ width: 100%; margin-left: 0%;}
}


/*底部*/
#end_nr_bj{ background: #2b2b2b; border-top:6px solid #2351dd; width: 100%; height: auto; overflow: hidden; color: rgba(255,255,255,0.5);}
#end_nr_bj a{ color: rgba(255,255,255,0.5);}
#end_nr_bj a:hover{ color: #fff;}
#end_nr_bj .main{ padding: 2% 0 0;}
#end_nr_bj .main .tit{ font-size: 19px; font-weight: bold; text-align: left; color: #fff; position: relative; height: 40px;}
#end_nr_bj .main .tit::before{ position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 25px; background: #f9a401;}
#end_nr_bj .main .content{ padding-top: 10px;}
#end_nr_bj .main .content a{ transition: 0.3s;}
#end_nr_bj .main .left{ border-right: 1px solid rgba(255,255,255,0.2);}
#end_nr_bj .main .left ul li{ float: left; height: 35px; line-height: 35px; width: 100%;}
#end_nr_bj .main .left:nth-of-type(2){ padding: 0 7%;}
#end_nr_bj .main .left:nth-of-type(2) ul li{ width: 50%;}
#end_nr_bj .main .left:nth-of-type(3){ padding: 0 5%;}
#end_nr_bj .main .right{ text-align: center;}
@media screen and (max-width:768px){
  #end_nr_bj .main .right{ padding: 3% 0;}
}
#end_nr_bj .main #link{ margin-top: 2%; border-top: 1px solid rgba(255,255,255,0.2); line-height: 50px;}
#end_nr_bj .main #link p{ float: left; color: #fff;}
#end_nr_bj .main #link p span{ color:#f9a401; font-weight: bold; padding-right: 5px;}
#end_nr_bj .main #link a{ display: block; float: left; padding: 0 0 0 1.5%; transition: 0.3s;}

#end_line_bj{ height: auto; background: #232323;}
#end_line{ height: auto; padding: 10px 0; line-height: 30px; color: #717171;}


.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(../image/end_icon3.png) no-repeat center 20%;  background-size: 25px; height:100%; float:left;  text-align:center;}
.f2{ width:100%; background:url(../image/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:#ff9c00;}
.footer_zx a:last-of-type{ background: #0647bd;}
.kb50{ height: 60px;}





/*首页*/
#cpbj{ position: relative;}
#cpbj:before{ position: absolute; background: #fff; content: ''; width:100%; height: 100%;  top: 0; }
#cpbj .main{ position: relative; z-index: 1;}
.tit_in{ text-align: center; line-height: 40px;}
.tit_in p{ position: relative; display: inline-block; color: #fff; font-size: 36px; font-weight: bold;}
.tit_in b{ position: relative; display: inline-block; color: #103dc6; font-size: 36px; font-weight: bold;}
.tit_in span{ display: block; color: #797979; font-size: 18px;}
.tit_in span1{ display: block; color: #fff; font-size: 18px;}
.tit_in p:before{ position: absolute; content: ''; left: -130px; top: 45%; background: url(../image/line_left.png) no-repeat left top; width: 100px; height: 3px;}
.tit_in p:after{ position: absolute; content: ''; right: -130px; top: 45%; background: url(../image/line_right.png) no-repeat left top; width: 100px; height: 3px;}
.tit_in b:before{ position: absolute; content: ''; left: -130px; top: 45%; background: url(../image/line_left.png) no-repeat left top; width: 100px; height: 3px;}
.tit_in b:after{ position: absolute; content: ''; right: -130px; top: 45%; background: url(../image/line_right.png) no-repeat left top; width: 100px; height: 3px;}
@media screen and (max-width:765px){
  .tit_in{ line-height: 25px;}
  .tit_in p{ font-size: 22px;}
  .tit_in span{ padding: 0 20px; font-size: 14px;}
  .tit_in p:before{ left: -110px;}
  .tit_in p:after{ right: -110px;}
  .tit_in b{ font-size: 22px;}
  .tit_in b:before{ left: -110px;}
  .tit_in b:after{ right: -110px;}
}

#youshi{ margin: 3% 0 0; position: relative;}
#youshi .pic{ text-align: center;}
#youshi .pic img{ max-width: 100%;}
#youshi .font1{ left: 13%; top: 0;}
#youshi .font2{ left: 0; top: 40%;}
#youshi .font3{ left: 13%; bottom: 0;}
#youshi .font4{ right: 13%; top: 0;}
#youshi .font5{ right: 0; top: 40%;}
#youshi .font6{ right: 13%; bottom: 0;}
#youshi .font{ position: absolute;}
#youshi .font .num p{ float: left; background: url(../image/ys_num.png) no-repeat left top; padding: 0 5px 4px 0; width: 55px; height: 54px; line-height: 55px; text-align: center; color: #fff; font-weight: bold; font-family: 'Bahnschrift'; font-size: 28px;}
#youshi .font .num span{ display: block; float: left; margin-left: 10px; border-bottom: 1px solid #cccccc; height: 55px; line-height: 55px; color: #333333; font-size: 28px; font-weight: bold;}
#youshi .font ul{ padding: 10px 0 0; clear: both; margin-left: 60px !important;}
#youshi .font ul li{ color: #666666; font-size: 16px;}
#youshi .font ul li i{ display: inline-block; color: #cccccc; margin-right: 5px;}
@media screen and (max-width:765px){
  #youshi .font .num p{ width: 30px; height: 30px; line-height: 30px; background-size: 100%; font-size: 16px;}
  #youshi .font .num span{ font-size: 16px; height: 30px; line-height: 30px;}
  #youshi .font ul{ padding: 5px 0 0; margin: 0 !important;}
  #youshi .font ul li{ font-size: 12px; line-height: 20px;}
  #youshi .font1{ left: 5%;}
  #youshi .font3{ left: 5%;}
  #youshi .font4{ right: 5%;}
  #youshi .font6{ right: 5%;}
}


.hui{ background:#065dc1; width: 100%; height: auto;}
.hui1{ background:#fafafa; width: 100%; height: auto;}
.hui_zy{ background: #f7f7f7;}

#cpqh{ margin-top: 3%; position: relative;}
#cpqh:before{ position: absolute; content: ''; left: 0; top: 50px; height: 1px; background: #dbdbdb; width: 100%;}
#cpqh .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto;}
#cpqh .swiper-slide { background-size: cover; background-position: center; position: relative;}
#cpqh .gallery-top { height: auto; width: 100%;}
#cpqh .gallery-top .swiper-slide{ position: relative;}
#cpqh .gallery-top .swiper-slide .container{ background: #fff;}
#cpqh .gallery-top .swiper-slide .pic{ padding: 0;}
#cpqh .gallery-top .swiper-slide .content{ padding: 3%;}
#cpqh .gallery-top .swiper-slide .content .tit{ color: #222222; font-size: 24px; border-bottom: 1px solid #dbdbdb; height: 50px;}
#cpqh .gallery-top .swiper-slide .content .con{ color: #666666; line-height: 30px; padding: 3% 0 5%; font-size: 16px;}
#cpqh .gallery-top .swiper-slide .content ul{ padding: 3% 0 8%;}
#cpqh .gallery-top .swiper-slide .content ul div{ padding: 0 5px;}
#cpqh .gallery-top .swiper-slide .content ul,#cpqh .gallery-top .swiper-slide .content dl{ text-align: center;}
#cpqh .gallery-top .swiper-slide .content ul li{ display: inline-block; width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden; border: 3px solid #fff; transition:0.3s; cursor: pointer;}
#cpqh .gallery-top .swiper-slide .content ul li img{width: 100%; height: 100%;/* object-fit: cover;*/ left: 0; position: absolute;}
#cpqh .gallery-top .swiper-slide .content ul li:hover{ border: 3px solid #0647bd;}
#cpqh .gallery-top .swiper-slide .content dl dt{ position: relative; display: inline-block; border: 1px solid #dbdbdb; height: 50px; line-height: 50px; color: #fff; font-size: 16px; font-weight: normal; background: #fca000;}
#cpqh .gallery-top .swiper-slide .content dl dt a{color: #fff;}
#cpqh .gallery-top .swiper-slide .content dl dt:before{ position: absolute; left: 45%; bottom: -1px; content: ''; width: 10%; height: 1px; background: #ffd996; transition:0.3s;}
#cpqh .gallery-top .swiper-slide .content dl dt:first-of-type{ border-right:none;}
#cpqh .gallery-top .swiper-slide .content dl dt:hover:before{ width: 100%; left: 0;}
#cpqh .gallery-thumbs { height: auto; line-height: 50px; width: 50%; text-align: center; margin-bottom: 2%; box-sizing: border-box;}
#cpqh .gallery-thumbs .swiper-slide { height: 50px; line-height: 50px; color: #333333; font-size:20px; position: relative; cursor: pointer;}
#cpqh .gallery-thumbs .swiper-slide:before{ position: absolute; bottom: 0; left: 50%; content: ''; height: 4px; width: 0; background: #0647bd; transition:0.3s; }
#cpqh .gallery-thumbs .swiper-slide-thumb-active:before { width: 100%; left: 0;}
@media screen and (max-width:768px){
  #cpqh .gallery-thumbs{ width: 100%;}
  .pic_sj{ width: 100%; height: 0; padding-bottom: 50%; position: relative; overflow: hidden; text-align: center; margin: 2% 0; }
  .pic_sj img{width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
  #cpqh .gallery-thumbs .swiper-slide{ font-size: 14px;}
  #cpqh .gallery-top .swiper-slide .content .tit{ font-size: 22px; height: 40px;}
  #cpqh .gallery-top .swiper-slide .content .con{ padding: 2% 0;}
  #cpqh .gallery-top .swiper-slide .content ul{ padding: 0;}
}





#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: 35%; 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-top .swiper-slide .alnr .content{ position: absolute; left: 0; bottom: -50%; width: 100%; background: rgba(0,153,68,0.8); height: auto; line-height: 35px; color: #fff; font-size: 15px; padding: 2%; transition:0.5s;}
#anli .gallery-top .swiper-slide .alnr .content .left p{ font-size: 20px;}
#anli .gallery-top .swiper-slide .alnr .content .right{ width: 110px; height: 45px; border: 3px solid rgba(255,255,255,0.2); padding: 5px; transition:0.5s;}
#anli .gallery-top .swiper-slide .alnr .content .right p{ background: rgba(255,255,255,0.2); text-align: center; line-height: 25px; padding: 2px 0; color: #fff; transition:0.5s;}
#anli .gallery-top .swiper-slide .alnr:hover .content .right{ border: 3px solid rgba(255,255,255,0.8);}
#anli .gallery-top .swiper-slide .alnr:hover .content .right p{ background: rgba(255,255,255,1); color: #0647bd;}
#anli .gallery-top .swiper-slide .swiper-slide-active .content{ opacity: 1 !important; bottom: 0;}
#anli .gallery-top .swiper-slide .swiper-slide-active .pic img{ opacity: 1 !important;}
#anli .gallery-top .swiper-slide .swiper-slide .content{ opacity: 0;}
#anli .gallery-top .swiper-slide .swiper-slide .pic img{ opacity: 0.7;}


#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: #333333; font-size: 16px; background: #fff; cursor: pointer;}
#anli .gallery-thumbs .swiper-slide-thumb-active { background: #0647bd; color: #fff;}
@media screen and (max-width:768px){
  #anli .gallery-thumbs{ width: 100%;}
  #anli .gallery-thumbs .swiper-slide{ font-size: 14px;}
  #anli .gallery-top .swiper-slide .alnr .content{ height: 25px; line-height: 25px; padding: 0 2%;}
  #anli .gallery-top .swiper-slide .alnr .content .left p{ font-size: 14px;}
    #anli .gallery-top .swiper-slide .alnr .pic{ padding-bottom: 60%;}
}




#paodao_top{ padding: 3% 0;}
#paodao_top li{ text-align: center; cursor: pointer;}
#paodao_top li .pic{ float: right; border: 1px solid #cccccc; border-radius: 100%; width: 45px; height: 45px; text-align: center; line-height: 45px; transition:0.3s;}
#paodao_top li .pic i{ color: #ccc; font-size: 24px; transition:0.3s;}
#paodao_top li .font{ text-align: left; padding: 0; line-height: 27px;}
#paodao_top li .font p{ color: #333333; font-size: 24px; transition:0.3s;}
#paodao_top li .font span{ color: #666666; font-size: 14px; transition:0.3s;}
#paodao_top li:hover .pic{ background: #0647bd; border: 1px solid #0647bd;}
#paodao_top li:hover .pic i{ color: #fff;}
#paodao_top li:hover .font p{ color: #0647bd; font-weight: bold;}
#paodao_top li:hover .font span{ color: #0647bd;}
@media screen and (max-width:765px){
  #paodao_top li{ padding: 2% 0;}
  #paodao_top li .font p{ font-size: 16px;}
  #paodao_top li .font span{ font-size: 12px;}
}


#paodao{ height:500px;  color: #000; position: relative; font-size: 16px;}
#paodao .tp{}
#paodao .font{ position: absolute; top: 0; z-index: 1; padding: 2% 1%;}
#paodao .font span{ font-size: 30px; font-weight: bold; border-bottom: 1px solid #ccc; }
#paodao .font p{ font-size: 16px; margin-top: 50px; line-height: 36px;}
#paodao .font a{ color: #df0000; margin-top: 50px;}
@media screen and (max-width:765px){
  #paodao .font{ padding: 2% 3%; line-height:30px; font-size: 15px;}
  #paodao .tp{display: none;}
}


#cpnr .swiper-container {
  padding: 3% 2% 5%;
  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{ text-align: center; width: 100%; background: #fff; font-size: 16px; height: 50px; line-height: 50px; transition:0.3s;}
#cpnr .swiper-slide:hover{ box-shadow:0px 0px 20px rgba(0,0,0,0.3); transform: translateY(-10px);}
#cpnr .swiper-slide:hover img{ transform: scale(1.1);}
#cpnr .swiper-container .swiper-button-next,#cpnr .swiper-container .swiper-button-prev{ background: #0647bd; width: 35px; height: 35px; position: absolute; bottom: 0; top: auto; transition:0.3s; text-align: center; line-height: 35px;}
#cpnr .swiper-container .swiper-button-next i,#cpnr .swiper-container .swiper-button-prev i{ color: #fff; font-size: 26px;}
#cpnr .swiper-container .swiper-button-prev{ background: #ffc600; right: auto; left: 45%;}
#cpnr .swiper-container .swiper-button-next{ left: auto; right: 45%;}
#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: #c5c5c5; transition:0.3s;}
#cpnr .swiper-container #more a i{ color: #fff;}
#cpnr .swiper-container .swiper-button-prev:hover,#cpnr .swiper-container .swiper-button-next:hover,#cpnr .swiper-container #more a:hover{ background: #343434; box-shadow:0px 5px 5px rgba(0,0,0,0.5);}
@media (min-width: 768px) and (max-width: 1200px){
  #cpnr .swiper-container{ padding-bottom: 7%;}
  #cpnr .swiper-container .swiper-button-prev{ left: 42%;}
  #cpnr .swiper-container .swiper-button-next{ right: 42%;}
}
@media screen and (max-width:765px){
  #cpnr .swiper-container{ padding-bottom: 15%;}
  #cpnr .swiper-container .swiper-button-prev{ left: 35%;}
  #cpnr .swiper-container .swiper-button-next{ right: 35%;}
}


#xwpic,#xwnr{ margin-top: 3%;}
#indexNews li{width: 100%;height: auto; margin:0 auto; padding: 4% 0; transition: 0.3s; }
#indexNews li .right{ padding: 0 2% !important; line-height: 25px;}
#indexNews li .news_title{ text-align: left; color: #626364; font-size: 2rem; white-space: nowrap;text-overflow:ellipsis;overflow: hidden; line-height: 30px; font-weight: bold; }
#indexNews li .news_info{ color: #999999; font-size: 0.9em;}
#indexNews li .news_time{ line-height: 30px; text-align: center; font-weight: normal !important; border-right:solid 1px #ccc; 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: #626364; font-size: 4rem; font-weight: bold;}
#indexNews li:hover{ transform: scale(1.05); box-shadow: 0 0 10px rgba(204,204,204,0.8);}
#indexNews li:hover .news_time span{ color: #0b3cc8;}
#indexNews li:hover .news_time{ color: #0b3cc8;}
#xwpicnr .swiper-container {
  width: 100%;
  height: 100%;
}
#xwpicnr .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;
}
#xwpicnr .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
#xwpicnr .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
#xwpicnr .swiper-slide .font{ position: absolute; background: #f8f9ff; bottom: 0; width: 96%; left: 2%; padding: 2% 0;}
#xwpicnr .swiper-slide .right{ text-align: left; padding: 0 2% !important; line-height: 25px;}
#xwpicnr .swiper-slide .news_title{ text-align: left; color: #626364; font-size: 2rem; white-space: nowrap;text-overflow:ellipsis;overflow: hidden; line-height: 30px; font-weight: bold; }
#xwpicnr .swiper-slide .news_info{ color: #999999; font-size: 0.9em;}
#xwpicnr .swiper-slide .news_time{ line-height: 30px; text-align: center; font-weight: normal !important; border-right:solid 1px #ccc; color: #666666;font-size: 1
  .5rem; padding: 0 !important; margin: 0 !important;}
#xwpicnr .swiper-slide .news_time span{display: block; margin:0 auto; line-height: 45px; width: 100%; text-align: center; color: #626364; font-size: 4rem; font-weight: bold;}
#xwpicnr .swiper-pagination{ right: 20px; bottom: 0; left: auto; height: 30px; text-align: right;}
#xwpicnr .swiper-pagination .swiper-pagination-bullet{ background: #0647bd; width: 10px; height: 10px;}




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

.cp_class{ background: #fff; margin-bottom: 3%; transition:0.3s;}
.cp_class .tit{ border-bottom: 1px solid #f4f4f4; height: 65px; line-height: 65px; padding-left: 3%; font-size: 20px; transition:0.3s;}
.cp_class ul{ border-right: 1px solid #f4f4f4; height: 100%; padding: 3% 1%;}
.cp_class ul li{ width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden;}
.cp_class ul li img{ width: 100%; height: 100%; /*object-fit: cover;*/ left: 0; position: absolute; text-align: center;}
.cp_class .content{ padding: 2% 3% 0;}
.cp_class .content .bt{ font-size: 18px;}
.cp_class .content .nr{ color: #999; padding: 3% 0 10%;}
.cp_class .content dl{ height: 38px; line-height: 38px; border: 1px solid #e6e6e6; overflow: hidden; text-align: center; border-radius: 20px; width: 80%; transition:0.3s;}
.cp_class .content dl dt{ display: inline-block; width: 49%; font-weight: normal; font-size: 14px; height: 38px; line-height: 38px; position: relative; transition: 0.3s;}
.cp_class .content dl dt:nth-of-type(1):before{ position: absolute; right:-2px; top: 0; content: ''; width:1px; height: 100%; background: #e6e6e6;}
.cp_class:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.1); transform: translateY(-10px);}
.cp_class:hover .tit{ color: #0647bd; font-weight: bold;}
.cp_class:hover .content .bt{ color: #0647bd;}
.cp_class:hover .content dl{ background: #0647bd; color: #fff; border: 1px solid #0647bd;}
.cp_class:hover .content dl dt:nth-of-type(1):before{ background: rgba(255,255,255,0.2);}
.cp_class:hover .content dl dt a{ color: #fff;}
.cp_class .content dl dt:hover{ background: #ffae00; border: 1px solid #ffae00;}

#xgcp{ padding: 7% 7% 0;}
#xgcp li{ margin-bottom: 10%;}
#xgcp li .pic{ width: 100%; height: 0; padding-bottom: 100%; 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: #0647bd; color: #fff;}
#xgcp li:hover .pic img{ transform: scale(1.1);}


#xgnews{ padding: 7% 7% 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: #f4f4f4; text-align: center; transition: 0.3s; white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
#xgnews li:hover p{ background: #0647bd; color: #fff;}
#xgnews li:hover .pic img{ transform: scale(1.1);}


#title_zy{ height: 70px; background: #fff; line-height: 70px; color: #333333; font-size: 20px; padding-left: 5%;}
#title_zy span{ color: rgba(51,51,51,0.5); font-family: arial; text-transform: uppercase; font-size: 16px; padding-left: 10px;}


.cp_content li{ background: #fff; margin-top: 2%; transition: 0.3s;}
.cp_content li .img{ padding: 5%; border-right: 1px solid #f4f4f4;}
.cp_content li .img a{ display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden;}
.cp_content li .img a img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
.cp_content li .content{ padding: 5%;}
.cp_content li .content h3{ color: #333333; font-size: 18px;}
.cp_content li .content table{ margin: 5% 0; color: #666666; line-height: 35px;}
.cp_content li .content table tr td:nth-of-type(1){ width: 25%;}
.cp_content li .content dl{ height: 38px; line-height: 38px; border: 1px solid #e6e6e6; overflow: hidden; text-align: center; border-radius: 20px; width: 50%; transition:0.3s;}
.cp_content li .content dl dt{ display: inline-block; width: 49%; font-weight: normal; font-size: 14px; height: 38px; line-height: 38px; transition: 0.3s; position: relative;}
.cp_content li .content dl dt:nth-of-type(1):before{ position: absolute; right:-2px; top: 0; content: ''; width:1px; height: 100%; background: #e6e6e6;}
.cp_content li:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.1); transform: translateY(-10px);}
.cp_content li:hover .content h3{ color: #0647bd; font-weight: bold;}
.cp_content li:hover .content dl{ background: #0647bd; color: #fff; border: 1px solid #0647bd;}
.cp_content li:hover .content dl dt:nth-of-type(1):before{ background: rgba(255,255,255,0.2);}
.cp_content li:hover .content dl dt a{ color: #fff;}
.cp_content li .content dl dt:hover{ background: #8fc31f;}
@media screen and (max-width:765px){
  .cp_content li .content dl{ width: 80%;}
    .cp_class ul li{ margin-bottom: 10%;}
}

.cptel i{ display: block; float: left; width: 40px; height: 40px; border-radius: 20px; background: #009a44; color: #fff; text-align: center; font-size: 26px;}
.cptel .left{ padding-left: 10px;}
.cptel .left p{ color: #666666; font-size: 12px;}
.cptel .left span{ color: #009a44; font-size: 20px;}


#proNews li{width: 100%;height: auto; margin:0 auto; padding: 3% 0; transition: 0.3s; margin-bottom: 15px; }
#proNews li .right{ padding: 0 2% 0 5% !important; line-height: 25px;}
#proNews li .news_title{ text-align: left; color: #626364; font-size: 16px; white-space: nowrap;text-overflow:ellipsis;overflow: hidden; line-height: 30px; font-weight: bold; }
#proNews li .news_info{ color: #999999; font-size: 0.8em;}
#proNews li .news_time{ line-height: 30px; text-align: center; font-weight: normal !important; background: #f6f7fc; color: #999999; font-size: 1
.5rem; padding: 0 !important; margin: 0 !important; transition: 0.3s;}
#proNews li .news_time span{display: block; margin:0 auto; line-height: 45px; width: 100%; text-align: center; color: #626364; font-size: 36px; font-weight: bold; transition: 0.3s;}
#proNews li:hover .news_time,#proNews li:hover .news_time span{ color: #0647bd;}


#xwzx .swiper-container {
  width: 100%;
  height: 100%;
}
#xwzx .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;
}
#xwzx .swiper-slide a{ display: block;  width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
#xwzx .swiper-slide a img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#xwzx .swiper-slide p{ width: 100%; height: 40px; line-height: 40px; background: #f4f4f4; transition:0.3s;}
#xwzx .swiper-slide:hover p{ background: #0647bd; color: #fff;}

#zzry .swiper-container {
  width: 100%;
  height: 100%;
}
#zzry .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;
}
#zzry .swiper-slide a{ display: block;  width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
#zzry .swiper-slide a img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#zzry .swiper-slide p{ width: 100%; height: 40px; line-height: 40px; background: #f4f4f4; transition:0.3s;}
#zzry .swiper-slide:hover p{ background: #0647bd; color: #fff;}


#gsjj_pic{ width: 50%; float: left;}
#gsjj_pic img{ width: 100%;}
#gsjj_con{ float: left; width: 35%; padding-left: 2%; line-height: 30px;}
#gsjj_con .gsjj_bt{ padding-bottom: 10px;}
#gsjj_con .gsjj_bt img{ max-width: 100%;}

#qywh li{ background: #f7f7f7; color: #666666; border:1px solid #eeeeee; width: 100%; text-align: center; padding: 10% 0 10%; margin: 15% 0; transition:0.3s;}
#qywh li i{ font-size: 50px; padding: 10% 0;}
#qywh li p{ font-size: 22px; padding: 3% 0 8%;}
#qywh li span{display: block; font-size: 16px;}
#qywh li:hover { background: #0647bd; color: #fff;}

#zzrybj{ repeat-x center bottom #f5f5f5;}
#zzrybj .main{ padding-bottom: 0;}
#zzrybj .content{ padding-top: 4%; text-align: center;}
#zzrybj .content img{ max-width: 100%;}

#zzry li{ margin-bottom: 20px;}
#zzry li .pic{width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
#zzry li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}


@media screen and (max-width:765px){
  #gsjj_pic,#gsjj_con{ width: 100%; float: none; padding: 15px;}
  #qywh li{ margin: 5% 0;}
  #qywh li p{ font-size: 20px;}
  #qywh li span{ font-size: 12px; line-height: 25px;}
}



.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: #0647bd; color: #fff;}

#allb{ padding-bottom: 3%; text-align: center;}
#allb li{ display: inline-block; margin-right: 20px; transition:0.3s; background: #fff; height: 40px; line-height: 40px;  width: 15%; text-align: center; color: #333;}
#allb li:hover{ background: #065dc1; color: #fff;}
#allb li.on{ background: #019946; 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("../image/news-detail.png"); transition: all .2s;}
.news-list3 .con-box:hover .detail{ background: #0647bd; color: #fff; border: 1px solid #0647bd; width: 30%;}
.news-list3 .con-box:hover .detail span{ color: #fff; background-image: url("../image/news-detail2.png");}
.news-list3 .con-box:hover .d,.news-list3 .con-box:hover .ym{ color: #0647bd;}
@media screen and (max-width:765px){
  .news-list3 .con-box .detail{ width: 30%;}
}


#cpinfobj{ background: #f5f5f5; width: 100%; height: auto;}
#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-top: 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;}
}



.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 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: 18px;line-height: 40px;}
.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: #0647bd; 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: #0647bd; }
.pro-sider .pro-sider-ul .ul-li:last-child { border-bottom: none;}
.pro-sider .pro-sider-ul #li-on{ background: #0647bd; }
.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;
}
#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;}
#ssnr .right {line-height: 75px; color: #999; }
.zy_search_form{ width: 63%; float: right;}
@media screen and (max-width:768px){
  .zy_search_form{ width: 100%; margin-top: 0; float: none;}
}
@media screen and (max-width:768px){
  #ssnr{ height: auto; padding: 2% 0;}
  #ssnr .left{ line-height: 25px; padding: 2% 10px;}

}
.de-contact .contact-map #dituContent {
  width: 98%;
  height: 475px;
  margin: 30px auto;
  border: 5px solid #efefef;
  border-radius: 20px;
  box-shadow: 0px 5px 15px rgba(0,0,0,0.3);
}
@media screen and (max-width:768px){
  #dituContent{ display: none;}
}