*{margin: 0px;padding: 0px;box-sizing: border-box;font-family: helvetica,"Microso Yahei", sans-serif;}
a{text-decoration: none;}
.clr{ clear:both;}
ul,li{ list-style:none;}
body{ font-size:16px; color: #454545; background: #fff; }
img{ max-width:100%; vertical-align: middle;}

/*  头部信息  */
.heder-bg{ background: #f5f5f5;}
.header-box{ width: 100%; height:100px;z-index: 99; position: fixed; top: 0;   transition: all .5s ease;}
.header-box-cen{  width: 100%; margin: 0 auto; max-width: 1415px; padding: 0 3%;display: flex;justify-content : space-between; }
.header-Logo{ max-width: 336px;  height: 100px;display: flex;align-items: center;justify-content: center; float: left;}
.header-box.fixed{background:#f5f5f5;transition: background .3s;left:0;box-shadow: 2px 2px 4px rgba(0,0,0,0.1);}
.header-box.fixed2{background:rgba(0,0,0,1);left:0;}
.header-box.fixed .menu-box li a{ color: #333;}
.header-box.fixed .bllogo{ display: none;}
.header-box.fixed .fixlogo{ display: block;}
.fixlogo{ display: none;}
.menu-box{ width: auto;height: 100px; }
.menu-box li{float: left; text-align: center; position: relative;  }
.menu-box li a{ display: block; color: #fff; padding: 0 20px; height: 100px; line-height: 100px;  position: relative; transition: all .5s ease;display: -webkit-flex;}
.menu-box li a:hover{transition: all .5s ease; color: #fff;}
.menu-box li a::before{ width: 60%; height: 2px; background: #ff9703; left: 50%; margin-left: -30%; content: ""; display: block; position: absolute; bottom: 25px; opacity: 0;}
.menu-box li .menu_link{color: #fff;}
.heder-bg .menu-box li .menu_link{color: #ff9703 !important;}
.lanbox{ color: #fff !important; display: block !important; width: 60px !important; padding: 0 0 !important; margin-left: 10px; margin-top: 35px;
 border-radius: 100px; text-align: center !important; height: 30px !important; line-height: 30px !important; background: #ffa21c;}
.heder-bg .menu-box li .menu_link::before{ opacity: 1;}
.menu-box li a:hover{color: #ff9703;}
.menu-box li a:hover::before{ opacity: 1;}
.lanbox:hover{ color: #fff !important }

.heder-bg .menu-box{ height: 100px; margin-top: 0;}
.heder-bg .menu-box li a{ height: 100px;}
.heder-bg .min-menuclass{ top: 100px;}
.wibox{ min-height: 500px; margin-top:3% !important; position: relative;  }
.wibboxbg{ width: 100%; height: auto;   margin-bottom: 8%; }

.min-menuclass{ width: 170px; height: auto; display: none;box-shadow: 1px 1px 18px rgba(0,0,0,0.1); 
padding-top: 5px; padding-bottom: 5px; position: absolute; top: 100px; left:-35px; background: #fff;}
.min-menuclass a:hover::after{ background: none !important;}
.min-menuclass::after{ content: ""; position: absolute; top: -10px; left: 50%; margin-left: -10px; z-index: 8; width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;
border-bottom: 10px solid #fff;font-size: 0;line-height: 0;}
.min-menuclass a{ height: auto !important;  padding: 0 24px !important; font-size: 14px !important; padding-right: 10px !important; margin-right: 0 !important;
 line-height: 20px !important; padding-top: 10px !important; text-align: left !important; 
padding-bottom: 10px !important; color: #454545 !important; display: block !important; overflow: hidden;}
.menu-box li:hover .min-menuclass{ display: block !important;}
.min-menuclass a:hover{ background: #f1f1f1; color: #000;}
.Right-menu-list li a:hover {color: #1a6d83;background: #eeeeee;}
.min-menuclass a::before{ display: none !important;}

.menu_icon{ width: 40px; line-height: 50px; position: absolute; display: none; right: 10px; top: 0;  color: #fff; text-align: center;cursor: pointer;}
.menu_icon span{ color: #3e89c9; font-size: 26px;}
.menu_icon img{ position: absolute; right: 50px; top:18px; width: 25px;}
.Right-menu-box{ width: 100%; height: 100%; position: fixed; top: 0; background: rgba(0,0,0,0.5); z-index: 99; display: none;}
.Right-menu-list{ width: 240px; height: 100%;  position: fixed; top: 0; right:-250px; background: #fff; transition: all .5s ease;}
.Right-menu-list ul{ padding-top: 60px; height: 95%; overflow-y: auto;}
.Right-menu-list li{ width: 100%; height: auto;border-bottom: #ddd solid 1px; position: relative}
.Right-menu-list li a{ color: #000; font-size: 16px; display: block; padding:15px 30px; z-index: 6; position: relative; }
.Right-menu-list li a:hover{ color: #1a6d83;background: #eeeeee; }
.r-block{ display: block;}
.r_none{ display: none;}
.pc-none{ display: none;}
.Right-menu-list li a span{ position: absolute; right: 20px; top: 15px;}
.waplan{ position: absolute; right: 60px; top:18px; width: 50px; height: 26px; text-align: center; border-radius: 100px; line-height: 26px;background: #ffa21c; color: #fff;}
.waplan a{ color: #fff;}

.Right-clos{ width: 40px; height: 40px; text-align: right; color: #000;  font-weight: bold; position: fixed; 
right: 20px; top: 18px; cursor: pointer;}
.kong{ width: 100%; height: 100px;}
.header-right{  float: right;}
.header-right ul{ float: right; width: 45%; padding-top: 10px;}
.header-right ul li{ width: 46%; float: left; text-align: center; margin-left: 4%;}
.header-right ul li p{ font-size: 12px;}
.header-right ul li img{ width: 90%;}
.header-tel{ font-size: 22px; font-weight: bold; height: 100px;float: left; color: #454545;display: -webkit-flex;
display: flex;flex-wrap: wrap;align-content: center;}
.header-tel span{ color: #e70012; font-size: 18px; position: relative; top: 2px;}

/*  banner轮播  */
.banner_box{width:100%;height:auto;position:relative;  }
.banner_ov{width:100%;height:auto;overflow:hidden;margin: 0 auto;position:relative;}
.banner_box .swiper-slide{ overflow: hidden; position: relative; padding-bottom: 50.88%; cursor:grab;background-size: cover !important;background-position: 50% !important;}
.banner_box .swiper-slide img{ width: 100%;}
.banner_box .swiper-pagination{ opacity:1; }
.banner_box .bann-swiper-pagination{bottom: 20px !important;width: 100%;position: absolute; text-align: center; z-index:6;}
.banner_box .swiper-pagination-bullet{width: 12px;height: 12px; margin-right: 20px; border-radius: 100px; border: none; background: #fff;
opacity:1 !important;transition: all .3s; outline: none;}
.banner_box .swiper-pagination-bullet-active {opacity: 1;background:#cca400;transition: all .3s;border-radius: 100px; }
.banner-logo{ max-width: 369px; margin: 0 auto;}
.banner-video{ width: 100%;  height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 9; }
.banner-video video{ width: 100% ;  max-width: 100%; object-fit:cover; }
.bannerafter::after{ width: 100%; height: 100%; content: ""; display: block; background: rgba(0,0,0,0.8); position: absolute; top: 0; left: 0; z-index: 8;}
.bannerafterpic::after{ width: 100%; height: 100%; content: ""; display: block; background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; z-index: 8;}
.banner-wenzi{ position: absolute; max-width: 1200px; left: 50%; width: 100%; margin-left: -600px; text-align: center; top:25% ; z-index: 9;  color: #fff;}
.banner-video  .banner-wenzi{ text-transform: Uppercase;}
.banner-text{ line-height: 3.75rem;text-shadow: 3px 3px 3px rgba(25,65,96,0.2); font-weight: bold;font-size: 48px; margin-top: 55px;}
.banner-inp{ width: 100%; margin-top: 15px;}
.banner-inp li{ display: inline-block; margin: 0 10px; font-weight: bold;}
.banner-inp li span{ color: #ff9703; margin-right: 10px;}
.banner-buttom{ width: 100%; margin-top: 50px;}
.banner-buttom a{ display: inline-block; height: 56px; line-height: 56px; margin: 0 10px; color: #fff; border-radius: 100px; font-size: 24px; font-weight: bold; width: 162px; }
.banner-buttom a:nth-child(1){ background: linear-gradient(0deg,#ff9703, #fbb959);}
.banner-buttom a:nth-child(1):hover{ background: linear-gradient(0deg,#fbb959, #ff9703);}
.banner-buttom a:nth-child(2){ background: linear-gradient(0deg,#e70782, #ef56aa);}
.banner-buttom a:nth-child(2):hover{ background: linear-gradient(0deg,#ef56aa, #e70782);}
.banner-down{ position: absolute; bottom: 20px; cursor:pointer; text-align: center; width: 40px; left: 50%; font-size: 26px !important; margin-left: -20px; z-index: 9; color: #fff;}
.home-bannvideo{padding-bottom: 50.88%; height:auto; overflow: hidden; position: relative;}




.web-number{ width: 100%; height: auto; overflow: hidden; padding-top: 66px; padding-bottom: 66px; background-image: linear-gradient(to right,#021f7e,#e70e86);}
.number-cenbox{margin: 0 auto; max-width: 1315px; padding: 0 3%; }
.attr dd{ width: 33.33%; text-align: center; float: left; color: #fff;}
.animateNum{ font-size: 60px; font-weight: bold;}
.attr dd em{ font-size: 60px; font-weight: bold;}

.web-bg{ width: 100%; height: auto; overflow: hidden; padding-bottom: 10%; background: url(../images/home-bg.jpg) top center no-repeat;}
.cenbox{ margin: 0 auto; max-width: 1415px; padding: 0 3%; margin-top:5%; }
.cenbox2{ margin: 0 auto; max-width: 1200px; padding: 0 3%; margin-top:3%; }
.home-title{ font-size: 36px;  color: #333333; text-align: center; font-weight: bold; }
.home-text{ width: 100%; text-align: center; margin-top: 40px; font-size: 18px; line-height: 2rem;}
.home-more{ width: 120px; height: 40px; text-align: center; line-height: 40px; color: #fff; display: block; margin: 0 auto; margin-top: 40px; border-radius: 100px; background: #ff9908;}

.Wonderful-bg{ width: 100%; height: auto; overflow: hidden; background: #030047; padding-bottom: 6%;}
.home-text-t1{ text-align: center; color: #fff; margin-top: 10px; font-size: 18px;}
.color-w{ color: #fff;}
.Wonderful-list{ width: 100%; height: auto; overflow: hidden; margin-top: 5%;}
.Wonderful-list li{ padding-bottom: 21%; width: 22%; position: relative; float: left; overflow: hidden;}
.Wonderful-list li:hover .Wonderful-img img{transition: all .5s ease;transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);}
.Wonderful-img img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.Wonderful-img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 6;}
.Wonderful-img::after{ width: 100%; height: 100%; position: absolute; top:0; display: block; content: ""; background: rgba(0,0,0,0.3);z-index: 6 }
.Wonderful-left{ width: 66%; float: left;}
.Wonderful-left li:nth-child(1){ width: 100%; padding-bottom: 48%;}
.Wonderful-left li{ width: 33.333%; padding-bottom: 31.5%;}
.Wonderful-right{ width: 34%; float: left;}
.Wonderful-right li{ width: 100%;}
.Wonderful-right li:nth-child(1){ width: 100%; padding-bottom: 93%;}
.Wonderful-right li:nth-child(2){ width: 100%;padding-bottom: 61.2%;}
.Wonderful-right li:nth-child(1) a::after{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.6); content: ""; display: block;
z-index: 6;}
.Wonderful-left li:nth-child(2)::after{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255,151,3,0.8); content: ""; display: block;
z-index: 6;}
.Wonderful-left li:nth-child(3)::after{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(231,14,134,0.8); content: ""; display: block;
z-index: 6;}
.Wonderful-left li:nth-child(4)::after{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,42,121,0.8); content: ""; display: block;
z-index: 6;}
.video-icon{ width: 54px; position: absolute; top: 45%; left: 50%; margin-left: -27px; z-index: 8;}
.Wonderful-ld{ font-size: 36px; font-weight: bold; position: absolute; bottom: 40px; left: 30px; color: #fff; z-index: 9;}
.Wonderful-ldicon{ position: absolute; max-width: 75px; bottom: 25px; right: 30px; z-index: 9;}
.Wonderful-text{ position: absolute; top: 30px; left: 30px; z-index: 7;}
.Wonderful-text p{ font-size: 24px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.Wonderful-text span{ font-size: 54px; font-weight: bold; color: #fff;}


.home-news-bg{width: 100%; height: auto; overflow: hidden; padding-bottom: 4%; background: #f5f5f5; /*background: url(../images/news-bg.jpg) no-repeat;*/background-size: cover !important;
    background-position: 50% !important;}
.home-news-list{ width: 100%; height: auto; overflow: visible; margin-top: 50px;}
.home-news-list li{ width: 29.5%; float: left; margin-right: 5.7%;box-shadow: 1px 1px 14px rgba(0,0,0,0.1); }
.home-news-list li:nth-of-type(3n){margin-right: 0;}
.home-news-pic{ width: 100%; padding-bottom: 68%; position: relative; overflow: hidden;}
.home-news-pic img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.home-news-bottom{ width: 100%; height: auto; overflow: hidden; background: #fff; padding: 20px; text-align: center;}
.home-news-bottom p{  font-size: 20px; color: #333; font-weight: bold; border-bottom: #eee solid 1px;transition: all .5s ease; padding-bottom: 15px;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.home-news-bottom span{ width: 100px; height: 30px; line-height: 30px; display: block; margin: 0 auto ; margin-top: 15px; background: #ffa016; color: #fff; font-weight: bold; border-radius: 100px;}
.home-news-list li:hover .home-news-pic img{transition: all .5s ease;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.home-news-list li:hover .home-news-bottom p{ color: #e70e86;transition: all .5s ease;}
.home-text-color-b{ color: #666;}
.ability-pic{ width: 100%; height: auto; overflow: hidden; margin-bottom: 100px; margin-top: 50px;}
.ability-pic .swiper-slide{ width: 20%;}
.home-link-img{ height: 100px;display: flex;align-items: center;justify-content: center; border: #fff solid 1px;transition: all .5s ease;}
.home-link-img img{ max-height: 100%; max-width: 100%;transition: all .5s ease;}
.ability-pic .swiper-slide:hover img{transition: all .5s ease;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.abilitypbox{ text-align: center; margin-top: 20px;}
.abilitypbox .swiper-pagination-bullet-active{ background: #ffa016; outline: none; position: relative; top: 2px; width: 12px; height: 12px;}
.abilitypbox span{ margin: 0 5px;}
.ability-pic .swiper-slide:hover .home-link-img{ border: #ddd  solid 1px;transition: all .5s ease;}


.home-links-bg{width: 100%; height: auto; overflow: hidden; padding-bottom: 4%; background: url(../images/link-bg.jpg) no-repeat;background-size: cover !important;
  background-position: 50% !important;}
.home-links-list{ width: 100%; height: auto; overflow: visible; margin-top: 50px;}
.home-links-list li{ width: 18.4%; height: 100px; background: #fff;float: left; margin-right: 2%; margin-bottom: 2%; }
.home-links-list li:nth-of-type(5n){margin-right: 0;}
.home-links-list li img{ max-height: 100%;transition: all .5s ease;}
.home-links-list li a{display: flex;align-items: center;justify-content: center; height: 100px;}
.home-links-list li a:hover img{transition: all .5s ease;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}


.home-links-bottom{ width: 100%; height: auto;  margin-top: 80px;}
.home-links-bottom li{ width: 33%; float: left; text-align: center;}
.home-links-bottom-icon{ max-width: 131px; max-height: 131px; margin: 0 auto;transition: all .5s ease;}
.home-links-bottom li p{ color: #fff; font-weight: bold; font-size: 30px; margin-top: 10px; margin-bottom: 20px;transition: all .5s ease;}
.home-links-bottom li a{ width: 131px; height: 34px; line-height: 34px; color: #fff; text-align: center; border-radius: 100px; border: #fff solid 1px; transition: all .5s ease;margin: 0 auto; display: block;}
.home-links-bottom li:hover .home-links-bottom-icon{ margin-top: -20px;transition: all .5s ease;}
.home-links-bottom li:hover p{ margin-top: 30px;transition: all .5s ease;}
.home-links-bottom li:hover a{ background: #fff;transition: all .5s ease; color: #000;}
.footer-bg{ width: 100%; height: auto; overflow: hidden; background: #030047; padding-bottom: 50px;}
.footer-left{ width: 32%; float: left;}
.footer-left li{ width: 100%; height: auto; line-height: 24px; overflow: hidden; color: #fff; margin-bottom: 24px;}
.footer-left li p{ color: #fff; font-size: 18px; font-weight: bold; float: left; margin-right: 20px;}
.footer-cen{ width: 30%; float: left;}
.footer-cen-t1{color: #e70e86; font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.footer-cen-text{ color: #fff; line-height: 34px;}
.footer-cen2{ width: 25%; float: left;}
.footer-cen2-t1{color: #e70e86; font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.footer-right{ width: auto; float: right; margin-top: 60px; }
.footer-right a{ width: 130px; height: 38px; border-radius: 100px; font-weight: bold; color: #fff; text-align: center;  line-height: 38px; display: block;
background: linear-gradient(0deg,#e70782, #ef56aa);}
.footer-right a:hover{background: linear-gradient(0deg,#ef56aa, #e70782);}
.footer-line{ width: 100%; height: 1px;background: rgba(255,255,255,0.2); margin-top: 50px; margin-bottom: 30px;}
.footer-copy{ width: 50%; float: left; color: #999999; font-size: 14px; }
.footer-copy a{ color: #999;}
.footer-menu{ width: auto; float: right;}
.footer-menu a{ color: #999; font-size: 14px; margin: 0 10px; position: relative;}
.footer-menu a::after{ width: 1px; height: 12px; background: #999; content: ""; display: block; position: absolute; left: -13px; top: 2px;}
.footer-menu a:nth-child(1)::after{ display: none;}
.footer-menu a:hover{ color: #fff;}



.ny-bann{ background-size: cover !important;background-position: 50% !important;}
.ny-bann-cen{margin: 0 auto; max-width: 1415px; padding: 0 3%; height: 360px; position: relative; padding-top: 2%;}
.ny-bann-top{ color: #a1a1a1; margin-bottom: 60px;}
.ny-bann-top a{ color: #fff;}
.ny-bann-bottom p{ color: #e70782; font-size: 40px; font-weight: bold; margin-bottom: 15px;}
.ny-bann-bottom span{ color: #fff; font-size:24px; font-weight: bold;}

.ny-menu{ width: 100%; height:auto ; overflow: hidden; position: absolute; bottom: 0;  text-align: center; }
.ny-menu li{ float: left; margin-right:50px;}
.ny-menu li a{ height: 60px; line-height: 60px; font-size: 18px; color: #fff; display: block; position: relative; }
.ny-menu li a::before{ width: 100%; height: 3px;  background: #e70782; content: ""; display: block; position: absolute; bottom: 0; opacity: 0;}
.ny-menu li a:hover{ color: #e70782; }
.ny-menu li a:hover::before{ opacity: 1;}
.ny-menu li .menu-act{  color: #fff;}
.ny-menu li .menu-act::before{ opacity: 1;}

.title-box{ font-weight: bold; color: #333; font-size: 30px; margin-bottom: 3%;}
.content-box{ line-height: 1.75rem; margin-bottom: 4%; font-size: 18px;}

.list_news{ width: 100%; height: auto; overflow: hidden; margin-top: 60px; padding-bottom: 40px;}
.list_news li{ width: 100%; height: auto; background: #fafafa;overflow: hidden; margin-bottom:2%;  }
.list_news li:hover .list_news-img img{transition: all .5s ease;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.list_news-img{ width: 30%; padding-bottom: 19.5%; float: left; position: relative; overflow: hidden;}
.list_news-img img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.list-news-time{ width: 15%; float: left; padding-left: 2.5%; padding-top: 20px;}
.list-news-time span{color: #333; font-size: 22px; position:relative; top: -8px;}
.list-news-time p{ font-size: 38px; color: #333;}
.list_news-right{ width: 55%; float: left;}
.list_news-title{ font-size: 20px; color: #454545; line-height: 1.65rem; font-weight: bold; margin-top: 30px;}
.list_news-right p{ float: left; font-size: 14px; color: #999; margin-top: 10px;}
.list_news-text{ width: 100%; height: auto; overflow: hidden; padding-top: 15px; margin-bottom:15px;  display: block;  color: #454545;display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical; padding-right: 20px; line-height: 1.75rem;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;}
.list-moreR{ float: right;}
.lisnorebox {
    height: 36px; width: 100px; border: #1f6281 solid 1px;
    line-height: 36px; margin-right: 20px;
    display: block; font-size: 14px; border-radius: 100px;
    text-align: center;
    color: #1f6281;transition: all .5s ease;
}
.list_news li:hover .lisnorebox{ background: #1f6281; color: #fff;}
.list_news li:hover .list_news-title{color: #1f6281;}
.show-news-title{ font-size: 30px; color: #333; text-align: center; line-height: 1.95rem;}
.show-news-time{ text-align: center; color: #999; margin-top: 8px; margin-bottom: 40px;}
.show-news-box{ width: 100%; color: #000; height: auto; line-height: 1.75rem; overflow: hidden; background: #fafafa; padding: 40px; margin-bottom: 40px;}
.show-back{ width: 100px; height: 36px; line-height: 36px; border-radius: 100px;  text-align: center; border: #1f6281 solid 1px; color: #1f6281; display: block; margin: 0 auto; margin-bottom: 40px;}
.show-back:hover{ background: #1f6281; color: #fff;}


.about-list{ width: 100%; height: auto; overflow: hidden; margin-bottom: 5%;}
.about-list:hover .about-list-img img{transition: all .5s ease;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.about-list-img{ width: 30%; float: left; padding-bottom: 18%; position:relative; overflow: hidden;}
.about-list-img img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.about-list-right{ width: 65%; float: right;}
.about-list-right-top{ width: 100%; height: auto; overflow:hidden;}
.about-list-right-top-left{ width: auto; height: auto; overflow: hidden; float: left;}
.about-list-right-top-left div{ width: 42px; height: 42px; line-height: 42px; float: left; font-size: 22px; font-weight: bold; text-align: center; background: #030047; color: #fff;}
.about-list-right-top-left p{ width: 16px; height: 16px; background: #030047; float: left; margin-left: 10px; margin-top: 26px;}
.about-list-right-top-title{ float: left; line-height: 42px; color: #333; font-size: 24px; margin-left: 30px;}
.about-list-right-text{ line-height: 1.75rem; color: #333; margin-top:30px; font-size: 17px;}
.color-z{ color: #e70782;}
.about-yuding{ width: 170px; height: 44px; line-height: 44px; font-weight: bold; font-size: 18px; border-radius: 100px; overflow: hidden; color: #fff; 
text-align: center; display:block; margin: 0 auto;background: linear-gradient(0deg,#e70782, #ef56aa);}
.about-yuding:hover{ background: linear-gradient(0deg,#ef56aa, #e70782);}

.about-zp{ width: 100%; margin-top: 5%;}
.about-zp li{ width: 48%; background: #fff;float: left; height: 220px; overflow: hidden;box-shadow: 1px 1px 14px rgba(0,0,0,0.1); border-radius: 10px;}
.about-zp-icon{ width:auto ; height: 220px;float: left;display: flex;
align-items: center;
justify-content: center; padding: 0 6%; }
.about-zp li:nth-of-type(even){   float: right;}
.about-zp-icon img{ max-width: 114px; max-height: 114px;}
.about-zp-right{ margin-top: 60px; float: left;}
.about-zp-right p{ font-size: 24px; font-weight: bold; color: #333; margin-bottom: 25px;}
.about-zp-right a{ width: 120px; height: 38px; line-height: 38px; display: block; border-radius: 100px;  float: left;
	text-align: center; color: #fff; font-weight: bold;background: linear-gradient(0deg,#fbb959, #ff9703);}
	.about-zleft{ float: left; margin-right: 20px}
.about-zp-right a:hover{background: linear-gradient(0deg,#ff9703, #fbb959);}
.bg-h{ width: 100%; height: auto; overflow: hidden; background: #fafafa;}
#zhimg{ height: 350px }

.about-zplist{box-shadow: 1px 1px 14px rgba(0,0,0,0.1); height: 220px; background: #fff; overflow: hidden; border-radius: 10px; margin-top: 5%;}
.about-zplist-img{ float: left; width: 50%; height: 220px;  position: relative;}
.about-zplist-img img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.about-zplistright{ width: 65%; float: left; margin-top: 30px;}
.about-zplist li{ width: 50%; float: left;}
.about-zplistright div{ margin-bottom: 15px;}
.about-zplist li .about-zp-icon{ margin-left: 3%;}


.ld_video{ max-width:940px; height:533px; background:#000; margin: 0 auto; margin-top: 5%; overflow: hidden; border-radius: 15px; border: #fff solid 7px; 
margin-bottom:40px; box-shadow: 1px 1px 14px rgba(0,0,0,0.3);}
.brand_video {width: 100%;height: auto;min-height:533px;margin: 0 auto;position: relative;background: #fff; z-index: 1;}
.brand_bg { width: 100%;height: 100%; position: absolute;top: 0px;left: 0px;background:rgba(0,0,0,1);z-index: 9999;}
.video_pay { width: 64px;height: 64px;position: absolute;top: 44%;left: 50%; margin-left: -32px; z-index: 9999999;cursor: pointer;}
.video_pay img { width: 58px !important;height: 58px !important;opacity: 1 !important;}
.brand_video img {width: 100%; height: 100%; opacity: 0.3;}
.brand_video video {width: 100%;}
.ld-title{ max-width: 940px; margin: 0 auto; text-align: center; font-size: 24px; font-weight: bold;}
.ld-list{ max-width: 940px; margin: 0 auto; height: auto; overflow: hidden; padding: 10px; margin-top: 5%; margin-bottom: 5%;}
.ld-list li{ width: 30.5%; border-radius: 10px; text-align: center; padding-top: 30px; height: auto; overflow: hidden; float: left; margin-right: 4%; background: #fff; box-shadow: 1px 1px 14px rgba(0,0,0,0.2);}
.ld-list li:nth-of-type(3n){margin-right: 0;}
.ld-list li img{ max-width:60px; max-height: 60px ;}
.ld-list li p{ font-size: 30px; color: #e70782; font-weight: bold; margin-top: 15px; margin-bottom: 30px;}
.ld-list li div{ width: 100%; height: 50px; line-height: 50px; font-weight: bold; background: #f1f1f1; color: #333; font-size:22px; font-weight: normal;}


.exhibox-list{ width: 100%; height: auto; overflow: visible;}
.exhibox-list li{ width: 100%; height: auto; overflow: visible; margin-bottom: 50px;display: flex;
flex-wrap: wrap;justify-content: flex-start;}
.exhibox-list li:nth-child(even) .exhibox-list-img { order: 2;}
.exhibox-list li:nth-child(even) .exhibox-list-right{order: 1; padding-left: 0; padding-right: 4%;}
.exhibox-list li:hover img{transition: all .5s ease;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.exhibox-list-img{ width: 50%; padding-bottom: 26%; position: relative; float: left; border: #fff solid 5px; border-radius: 15px; overflow: hidden; box-shadow: 1px 1px 14px rgba(0,0,0,0.2);}
.exhibox-list-img img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.exhibox-list-right{ width: 50%; float: left; padding-left:4%; padding-top: 2%;}
.exhibox-list-title{ font-weight: bold; color: #333; font-size: 30px; margin-bottom: 30px;}
.exhibox-list-text{ line-height: 1.85rem; font-size: 17px;}


.exhibox-list2{ width: 100%; height: auto; overflow: visible; padding: 10px;}
.exhibox-list2 li{ width: 100%; height: auto; overflow: auto; position: relative; border-radius: 15px; padding: 4%;  margin-bottom: 40px; background: #fff; 
 box-shadow: 1px 1px 14px rgba(0,0,0,0.1);}
.exhibox-list2-img{ width: 38%; float: left; min-height: 300px;display: flex;
align-items: center;
justify-content: center;}
.exhibox-list2-img img{ max-width: 100%; max-height: 100%; transition: all .5s ease;}
.exhibox-list2 li:hover .exhibox-list2-img img{transition: all .5s ease;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.exhibox-list2-right{ width: 62%; float: right; padding-left:4%; position: relative; }
.exhibox-list2-title{ font-weight: bold; color: #333; font-size: 30px; margin-bottom: 20px;}
.exhibox-list2-text{ line-height: 1.85rem; font-size: 17px;}
.exhi-icon{ width:46px; height: 49px; text-align: center; font-size: 24px; padding-top: 8px; color: #fff; font-weight: bold; background: url(../images/exhi-icon.png) ; position: absolute; right:4% ; top: 0;}

.exhi-down-list{ width: 100%; height: auto; overflow: visible; padding: 10px;}
.exhi-down-list li{ width: 100%; height: auto; overflow: auto; position: relative; padding: 3%; border-radius: 15px;  margin-bottom: 40px; background: #fff; 
 box-shadow: 1px 1px 14px rgba(0,0,0,0.1);}
.exhi-down-left{ width: 80%; float: left;}
.exhi-down-left div{ font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.exhi-down-left p{ color: #666;}
.exhi-down{ position: absolute; right: 3%; top:40px; display: block;}
.exhi-down span{ color: #e70782; font-size: 40px;}


.business-imgtitle{ text-align: center; font-weight: bold; color: #333; font-size: 30px; margin-top:8%;}
.business-imgtitle2{ text-align: center; font-size: 20px; font-weight: bold;}
.business-img{box-shadow: 1px 1px 14px rgba(0,0,0,0.1); background: #fff; border-radius: 10px; overflow: hidden; border: #fff solid 5px; text-align: center; margin-top: 4%; margin-bottom: 5%;}

.business2-list{ width: 100%; height: auto; overflow: visible;}
.business2-list li{box-shadow: 1px 1px 14px rgba(0,0,0,0.2); border-radius: 10px; overflow: hidden; border: #fff solid 5px;  margin-bottom: 4%;}
.business2-img{ width: 40%; padding-bottom: 26%; position: relative; float: left; overflow: hidden;}
.business2-img img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.business2-list li:hover img{transition: all .5s ease;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.business2-right{ width: 56%; padding-top: 2%; float: right; padding-right: 4%;}
.business2-text{ text-align: center; font-size: 18px; margin-top: 8%;}
.business2-buttom{ width: 260px; height: 40px; line-height: 40px;  border-radius: 10px; overflow: hidden; color: #fff; 
text-align: center; display:block; margin: 0 auto;background:#e70e86; margin-top: 15px;}
.business2-buttom:hover{ background: linear-gradient(0deg,#ef56aa, #e70782);}

.business3-list{ width: 100%; height: auto; overflow: visible; padding: 10px;}
.business3-list li{ width: 100%; height: auto; overflow: auto; position: relative; border-radius: 15px; padding: 2%;  margin-bottom: 40px; background: #fff; 
 box-shadow: 1px 1px 14px rgba(0,0,0,0.1); }
.business3-title{ font-weight: bold; color: #333; font-size: 26px; position: relative; padding-left: 15px; margin-bottom: 4%;}
.business3-title::before{ width: 5px; height: 24px; content: ""; display: block; background: #030047; position: absolute; left: 0; top: 5px;}
.business3-piclist dd{ width: 31%; padding-bottom: 21%;box-shadow: 1px 1px 14px rgba(0,0,0,0.2);  margin-bottom: 20px; margin-right: 3%;border: #fff solid 4px; border-radius: 10px; overflow: hidden; float: left; position: relative;}
.business3-piclist dd img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.business3-piclist dd:nth-of-type(3n){margin-right: 0;}
.business3-piclist dd:hover img{transition: all .5s ease;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}

.buskong{ margin-top: 2%;}
.business3-bg{ width: 100%; height: auto; overflow: hidden; background: #f8f8f8; padding:2%;}
.business3-text-left{ width: 50%; float: left; line-height: 1.75rem;}
.business3-text-right{ width: 50%; float: left; line-height: 1.75rem;}
.business3-t1{ color: #e70e86; font-weight: bold;}
.medialist li{box-shadow: 1px 1px 14px rgba(0,0,0,0.1);}

.listnews li{ margin-bottom: 3%;}
.listnews li span{ background: none; color: #e70e86; text-align: left; font-weight: normal; width: 100%;}
.listnews li p{ width: 100%; text-align: left; height: 70px; line-height: 25px;display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;    white-space: inherit;
    text-overflow: inherit;}
.listnews li{ width: 31%; margin-right: 3%;}	
.title-box p{ font-size: 16px; font-weight: normal; color: #999; padding-top: 5px;}
.show-box-left{ width: 30%; float: left;}
.show-box-right{ width: 65%; float: right;}
.show-news-t1{ font-size: 36px !important;}
.faburiq{ font-size: 20px !important;}
.faburiq p{ margin-top: 20px; display: block;}
.show-news-buttom{ width: 100%; margin-top: 40px;}
.show-news-buttom a{ width: 25%; height: 40px; text-align: center;box-shadow: 1px 1px 14px rgba(0,0,0,0.1); color: #333;  line-height: 40px; float: left;
 display: block; margin-right: 6%;}
 .show-news-buttom a:hover{ background: #e70e86; color: #fff; }
 .othernews{ margin-top: 50px;}
.other-list{ width: 100%; height: auto; overflow: hidden;}
.other-list a{ width: 100%; padding-top: 15px; padding-bottom: 15px; border-bottom: #eee solid 1px; display: block; color: #666;transition: all .5s ease;}
.other-list a:hover{ background: #f5f5f5; color: #e70e86; padding-left: 10px;transition: all .5s ease;}


.video-bg{ width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 99;}
.video-pop{ width: 980px; display: none;  position: fixed; background:none;  top: 15%; left: 50%;margin-left: -490px; 
	background:#676666; padding: 10px; z-index: 999;}
.video-pop video{ width: 100%; max-height: 100%;  border: none;}
.video-cols{ width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 100px; background: #fff; position: absolute; right: -15px;
top: -15px; z-index: 999; cursor: pointer;}
.video-cols span{ color: #000;}


.xy-bg{ width: 100%; height: auto; overflow: hidden; background: #f5f5f5; margin-top: 6%; padding-bottom: 3%;  }
.xy-News-box{ width: 100%; height: auto; overflow: hidden; margin-top: 60px; margin-bottom: 50px;}
.xy-left{ width: 48%; height: auto; overflow: hidden; float: left; position: relative; }
.xy-News-img{ width: 100%; padding-bottom: 50%; position: relative; overflow: hidden;}
.xy-News-img img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;}
.xy-left:hover .xy-News-img img{transition: all .5s ease;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.xy-left:hover p{ color: #e70e86;}
.xy-left p{color:#454545; font-size: 20px; padding: 0 20px; font-weight: bold;transition: all .5s ease; margin-top: 20px;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xy-left-text{ line-height: 25px; height:50px;display: -webkit-box; overflow:hidden;-webkit-box-orient: vertical;
-webkit-line-clamp: 2; color: #999;padding: 0 20px; margin-top: 20px; margin-bottom: 10px;word-wrap: break-word;word-break: break-all;}
.xy-left span{color: #999;padding: 0 20px; display: block; padding-bottom: 15px;}
.xy-bgnew{ width: 100%; height: auto; overflow: hidden; background: #fff;}

.xy-r-box{ width: 100%; height: auto; overflow: hidden; background: #fff; padding: 30px;}


.xy-right{ width: 50%; float: right; font-size: 0;}
.xy-r-left{ width: 15%; float: left;}
.xy-right dd{ width: 100%; display: inline-block; position: relative; border-bottom: #e5e5e5 solid 1px;  padding-top: 20px; padding-bottom: 19px; font-size: 16px; color:#333}
.xy-right dd:nth-of-type(even){ margin-right: 0;} 
.xy-right dd:nth-child(5){ border-bottom: none;}
.xy-right dd p{color:#454545; font-size: 18px; font-weight: bold;transition: all .5s ease;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xy-right dd .xy-r-right{ width: 84%; padding-left: 20px; float: right; font-weight: bold; font-size: 18px; color: #454545;
 display: -webkit-box; overflow:hidden;-webkit-box-orient: vertical;
-webkit-line-clamp: 1; word-wrap: break-word;word-break: break-all; position: relative;}

.xy-right dd .xy-r-right::before{ width: 1px; height: 16px; background: #ddd; content: ""; position: absolute; left: 0; top: 5px;}
.xy-right dd span{ color: #999; font-size: 14px; padding-top: 4px;}
.xy-right dd:hover p{ color: #e70e86;transition: all .5s ease;}
.xy-right dd:hover .xy-r-right{ color: #e70e86;transition: all .5s ease;}
.xy-right dd:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -1px;
    left: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #e70e86;
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}
.xy-right dd:hover:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
}

.xy-l-list{ width: 100%; margin-top: 30px;}
.xy-l-list li{ width:32%; height: auto; overflow: hidden; margin-right: 2%; float: left; background: #fff;}
.xy-l-list li:hover .xy-l-list-bottom i{ color: #e70e86;}
.xy-l-list li:nth-of-type(3n){margin-right: 0;}
.xy-l-list-pic{ width: 100%; padding-bottom: 50%; position: relative; overflow: hidden;}
.xy-l-list-pic img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.xy-l-list-bottom{ padding:20px; min-height: 80px}
.xy-l-list-bottom i{ display: block; font-style: normal;display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical; height: 50px;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all; font-size: 16px; font-weight: bold; color: #454545;}
.xy-l-list-bottom div{ color: #999; font-size: 14px; margin-top: 5px;}
.xy-rld{ width: 100%; height: 180px; line-height: 180px; margin-top: 30px; background: #e70e86; text-align: center;}
.xy-rld p{ display: inline-block; font-size: 40px;  color: #fff; margin-left: 10px;}
	
.xy-news{ width: 100%; height: auto; overflow: hidden; text-align: center;  margin-top: 5%; padding-bottom: 2%; padding-top: 2%;background-size: cover !important;
    background-position: 50% !important;}
.xy-news li{ display: inline-block;  background: #fff; width: 31.5%; vertical-align: top;  border-bottom-right-radius: 50px; overflow: hidden; margin-bottom: 2%; font-size: 0; margin-right: 2%;}
.xy-news li:nth-of-type(3n){margin-right: 0;}
.xy-img{ width: 100%; padding-bottom: 55.517%; overflow: hidden; height: auto;  position: relative;}
.xy-img img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.xy-title{ padding: 0 20px; height: 50px; line-height: 25px; margin-top: 15px; margin-bottom: 15px;display: -webkit-box; overflow:hidden;
-webkit-box-orient: vertical;-webkit-line-clamp: 2; color: #454545;word-wrap: break-word; font-size: 20px;text-align: left;}
.xy-news li i{ width: 150px; height: 30px; color: #fff; font-size: 14px; font-style: normal; line-height: 30px;background: linear-gradient(to right, rgba(0,145,58,0.7), rgba(0,145,58,0.5)) ;  position: absolute; bottom: 10px; z-index: 3; left: 20px;}
.xy-news li span{ position: absolute; bottom: 10px; font-size: 14px; line-height: 30px; right: 20px; z-index: 3; color: #fff}
.xy-box{ margin: 0 auto; margin-top: 30px;}
.xy-news li:hover .xy-title{ opacity: 0.7;}
.xy-news li:hover .xy-img img{transition: all .5s ease;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}


@media (min-width:320px) and (max-width:768px)
{
.header-box,.header-Logo,.kong{ height: 60px;}
.header-Logo{ max-width:170px;}
.menu_icon,.wap-block,.menu_icon{ display: block;}
.menu-box,.wap-none,.menu-box,.header-right{ display: none;}
.banner_box .swiper-pagination-bullet{ width: 8px; height: 8px; margin-right: 10px;}
.banner_box .bann-swiper-pagination{ bottom: 10px !important;}
.min-menuclass{ position: relative; top: 0;z-index: 1;}
.Right-menu-list li:hover .min-menuclass{ display: block;}
.header-box-cen{ padding-left: 4%;}
.cenbox{ padding: 0 4%; margin-top: 30px;}
.banner_box .swiper-slide{ padding-bottom: 120%;}
.banner-text{ font-size: 22px;}
.menu_icon{ line-height: 60px;}
.banner-wenzi{ width: 90%; left: 5%; top: 13%; margin-left: 0; font-size: 18px;}

.banner-video .banner-wenzi p{line-height: 1.75rem; }
.banner-video video{ height: 100%;}
.banner-video .banner-wenzi div{ width: 120px; margin-top: 15px; height: 30px; line-height: 30px; font-size: 14px;}
.video-box video{ max-width: 100%;}
.video-box{ width: 94%; left: 3%; top: 35%;}
.banner-inp li{ font-size: 14px;}
.banner-buttom{ margin-top: 40px;}
.banner-buttom a{ width: 40%; margin: 0 1%; height: 36px; line-height: 36px; font-size: 18px;}
.min-menuclass {width: 100%;padding-left: 10px;padding-top: 10px;padding-bottom: 10px; left: inherit; box-shadow: none;}
.home-bannvideo{
    padding-bottom: 125%;
}
#zhimg{ height: 160px }
.xy-News-box{ margin-top: 30px }
.xy-l-list-bottom{ padding:10px; }
.xy-l-list-bottom i{ height: inherit; }
.video-pop{ width: 94%; display: none;  position: fixed; background:none;  top: 30%; left: 50%;margin-left: -47%; 
	background:#676666; padding: 5px; padding-bottom: 2px; z-index: 999;}
	.video-cols{ right: 50% ; margin-right: -15px; top: 130%}

.business3-piclist dd{ width: 47%; padding-bottom: 30% }
.business3-piclist dd:nth-of-type(3n){display: none}
.business3-piclist dd:nth-of-type(even){   float: right; margin-right: 0}

.cenbox2{ width: 94%;}
.Wonderful-bg{ margin-top: 0px; padding-bottom: 60px;}
.title-box{ font-size: 24px; margin-bottom: 25px;}
.home-title{ font-size: 26px;}
.wibboxbg{ padding: 0px;}
.wibox{  padding: 15px !important; font-size: 16px; width: 100%;}
.attr dd{ width: 33.333%; margin-top: 15px; margin-bottom: 15px;}
.animateNum,.attr dd em{ font-size: 30px !important; font-style: normal;}
.animateNum,.attr dd h4{ font-size: 14px; margin-top: 5px;}
.web-number{ padding-top: 20px; padding-bottom: 20px;}
.home-text{ font-size: 16px;}
.Wonderful-left{ width: 100%;}
.video-icon{ width: 50px; margin-left: -25px; top: 35%;}

.Wonderful-list{ margin-top: 40px;}
.Wonderful-right li:nth-child(2){ display: none;}
.Wonderful-left li{ width: 50%;  padding-bottom: 0%; height: 160px;}
.Wonderful-left { float: none;}
.Wonderful-right{ width: 50%;}
.Wonderful-right li:nth-child(1){ width: 100%; padding-bottom: 0%; height: 160px;}
.Wonderful-text{ top: 20px; left: 20px;}
.Wonderful-text p{ font-size: 18px;}
.Wonderful-text span{ font-size: 28px;}
.Wonderful-ldicon{ max-width: 40px; right: 20px; bottom: 20px;}
.Wonderful-ld{  font-size: 18px; bottom: inherit; top: 20px; left: 20px;}

.home-news-list li{ width: 100%; margin-right: 0; margin-bottom: 30px;}
.home-news-bottom p{ font-size: 18px;}
.home-news-bg{background-position: 60% !important;}
.home-link-img{ height: 60px;}
.home-link-img img{ width: 60%;}
.home-links-list li{ width: 48%; height: 60px;  margin-bottom: 15px;}
.home-links-list li:nth-of-type(even){   float: right; margin-right: 0;}
.home-links-list li img{ width: 50%;}
.home-links-list li a{height: 60px;}
.home-links-bg{ padding-bottom: 50px;}
.home-links-bottom-icon{ max-width: 70px; max-height: 70px;}
.home-links-bottom li p{ font-size: 18px;}
.home-links-bottom li a{ width: 100px; height: 30px; line-height: 30px; font-size: 14px;}
.footer-left,.footer-cen,.footer-cen2,.footer-right,.footer-copy,.footer-menu{ width: 100%;}
.footer-cen{ margin-bottom: 30px;}
.footer-menu{ margin-top: 10px;}
.footer-menu a{ margin-left: 0; margin-right: 15px;}
.footer-menu a::after{ left: -10px;}





.list_news-img{ width: 100%; padding-bottom: 60%;}
.list-news-time{ width: 100%; padding: 0 20px; margin-top: 10px;}
.list_news-right{ padding: 0 20px;  width: 100%; padding-bottom: 20px;}
.list_news-text{ display:none}
.list_news-title{ margin-top: 0; margin-bottom: 20px; font-size: 18px;}
.list-news-time p{ font-size: 26px;}
.list-news-time span{ font-size: 18px;}
.list_news li{ margin-bottom: 20px;}
.show-news-title{ font-size: 20px; line-height: 1.65rem;}
.show-news-box{ padding: 20px;}

.ny-menu{ padding: 0 15px; margin-top: 20px; left: 0;  overflow: auto;}
.ny-menu div{ width: 740px; overflow-x: scroll; }
.exhi-menu div{ width: 768px !important;}
.ny-menu li{  float: left; margin-right: 32px; }
.ny-menu li a{ margin: 0 auto; padding: 0 0; width: 100%; display:block;  }
.content-box{ font-size: 16px; margin-bottom:40px;}
.ny-bann-cen{ padding: 0 15px; padding-top: 30px; height: 280px;}
.ny-bann-top{ height: auto; overflow: hidden; margin-bottom: 40px;}
.ny-bann-bottom{ width: 100%; height: auto; overflow: hidden;}
.ny-bann-bottom p{ font-size: 26px;}
.ny-bann-bottom span{ font-size: 18px;}

.about-list-img{ width: 100%; padding-bottom: 54%;}
.about-list-right{ width: 100%; margin-top: 30px;}
.about-list{ margin-bottom: 40px;}
.about-list-right-text{ font-size: 16px;}
.about-list-right-top-left div{ width: 36px; height: 36px; line-height: 36px;}
.about-list-right-top-left p{ margin-top: 20px;}
.about-list-right-top-title{  margin-left: 20px; font-size: 20px; font-weight: bold;}

.about-zp{ margin-top: 50px;}
.about-zp li{ width: 100%; height: 140px; margin-bottom: 30px;}
.about-zp-icon{ height: 140px;}
.about-zp-icon img{ max-width: 70px; max-height: 70px;}
.about-zp-right{ margin-top: 26px;}
.about-zp-right p{ font-size: 22px; margin-bottom:15px;}
.about-zp-right a{ height: 34px; line-height: 34px; font-size: 16px;}

.about-zplist{ width: 100%; height: auto; overflow: hidden; margin-top: 40px;}
.about-zplist-img{ width: 100%; height: 160px;}
.about-zplist li{ width: 100%; padding-bottom: 30px;}
.about-zplistright{ width: 63%;}

.brand_video{ min-height: inherit;}
.ld_video{ height: inherit;border-radius: 10px; }
.video_pay{ width: 40px; height: 40px; margin-left: -20px; top: 40%;}
.video_pay img{ width: 40px !important; height: 40px !important;}

.ld-title{ font-size: 20px;}
.ld-list{ margin-top: 50px;}
.ld-list li{ width: 100%; margin-bottom: 30px;}
.ld-list li p{ font-size: 24px;}
.ld-list li div{ font-size: 20px;}

.exhibox-list-img{ width: 100%; padding-bottom: 55%; border-radius: 10px;}
.exhibox-list li:nth-child(even) .exhibox-list-img { order: 1;}
.exhibox-list li:nth-child(even) .exhibox-list-right{order: 1; padding-left: 0; padding-right: 0%;}
.exhibox-list-right{ width: 100%; margin-top: 30px; padding-left: 0;}
.exhibox-list-text{ font-size: 16px;}
.exhibox-list-title{ font-size: 24px; margin-bottom: 20px;}

.exhibox-list2-img{ width: 100%;}
.exhibox-list2-right{ width: 100%; padding-left: 0;}
.exhibox-list2-text{ font-size: 16px;}
.exhibox-list2-img{ min-height: inherit; margin-bottom: 20px;}
.exhibox-list2-title{ font-size: 24px; line-height: 1.45rem; padding-top: 15px; width: 74%;word-wrap:break-word}
.exhibox-list2{ padding: 5px;}
.exhibox-list2 li,.exhi-down-list li{box-shadow: 0px 1px 10px rgba(0,0,0,0.1);border-radius: 10px;}
.exhi-down-left div{ font-size: 18px; padding:5px ; }
.exhi-down-list{ padding: 5px;}
.exhi-down span{ font-size: 30px;}
.exhi-down{ top: 35%; right: 15px;}
.exhi-down-list li{ margin-bottom: 20px; }
.exhi-down-left p{ padding-left: 3%;}

.business-imgtitle{ font-size: 24px;}
.business2-img{ width: 100%; padding-bottom: 50%;}
.business2-right{ width: 100%; padding: 15px;}
.business2-text{ font-size: 16px; margin-top: 60px;}
.business2-buttom{ width: 220px; height: 36px; line-height: 36px;}
.business2-list li{ margin-bottom: 30px;}

.business3-list{ padding: 0;}
.business3-list li{ padding: 15px;}
.business3-bg{ padding: 15px;}
.business3-text-left{ margin-top: 0 !important;}
.business3-text-left,.business3-text-right{ width: 100%; margin-top: 30px;}
.business3-title{ font-size: 22px; margin-bottom: 30px;width: 80%;}
.business3-title::before{ height: 20px;}
.show-news-t1{ font-size: 22px !important;}
.show-box-right{ width: 100%; float: left;}
.show-box-left{ width: 100%; float: right;}
.show-news-buttom a{ width: 31%; margin-right:3%;box-shadow: 1px 1px 10px rgba(0,0,0,0.1);}
.show-news-buttom a:nth-of-type(3n){margin-right: 0;}
.other-list{ margin-bottom: 50px;}


.xy-bg{ margin-top: 50px;}
.xy-left{ width: 100%;}
.xy-right{ width: 100%; margin-top: 20px;}
.xy-r-box{ padding: 15px;}
.xy-r-left{ width: 25%;}
.xy-l-list{ margin-top: 20px;}
.xy-l-list-pic{ padding-bottom: 70%;}
.xy-right dd .xy-r-right{ font-size: 16px; width: 70%;-webkit-line-clamp: 2;}
.xy-rld p{ font-size: 26px;}
.xy-rld p img{ width: 50px;}
.xy-rld{ height: 100px; line-height: 100px;}

/* .xy-l-list li{ width: 100%; margin-right: 0; margin-bottom: 20px;} */
}


@media (width:768px)
{
.attr dd{ width: 33.333%;}
.banner_box .swiper-slide{ padding-bottom: 70%;}
.banner-text{ font-size: 32px;}
.home-pro .swiper-slide{ width: 50%;}
.list_news-img{ width: 35%; padding-bottom: 23%; float: left; position: relative; overflow: hidden;}
.list-news-time{ width: 15%;}
.list_news-right{ width: 49%;}
.list-news-time p{ font-size: 24px;}
.list_news-title{ line-height: 1.55rem; margin-top: 15px;}
.banner-video .banner-wenzi div{ width: 250px; height: auto;}
.Wonderful-text span{ font-size: 48px;}

.about-list-img { width: 35%;padding-bottom: 26%;}
.about-list-right {width: 60%; margin-top: 0;}

.about-zp li{ width: 48%;}
.about-zplist-img{ height: 220px;}
.home-links-list li{ width: 23.5%;}
.home-links-list li:nth-of-type(even){  float: left; margin-right: 2%;}
.home-links-list li:nth-of-type(4n){margin-right: 0;}
.home-links-list li:nth-of-type(5n){ margin-right: 2%;}
.listnews li{ width: 48%;}
.listnews li:nth-of-type(even){  float: right;}
}

@media (width:375px) 
 {

}
@media (width:414px)
 {

}

@media (min-width:800px) and (max-width:1680px)
 {
.header-Logo{max-width: 361px;}
.menu-box li a{ padding: 0 15px;}
.menu-box li a span{ font-size: 16px;}
.home-news-time{ margin-top:0px;}
.home-news-title{ margin-top: 30px;}
.video-box{ width: 60%; left: 20%;}
.video-box video{ width: 100%;}
}


@media (min-width:769px) and (max-width:1250px)
 {
.header-right,.menu-box{ display: none;}
.menu_icon{ display: block;}
.Wonderful-list{ margin-top: 40px;}
.Wonderful-left li{ width: 33.333%;  padding-bottom: 31.3%; }
.Wonderful-right{ width: 34%;}
.Wonderful-right li:nth-child(1){ width: 100%; padding-bottom: 93%; }
.Wonderful-text{ top: 20px; left: 20px;}
.Wonderful-text p{ font-size: 18px;}
.Wonderful-text span{ font-size: 28px;}
.Wonderful-ldicon{ max-width: 40px; right: 20px; bottom: 20px;}
.Wonderful-ld{  font-size: 24px; bottom: 30px;  left: 20px;}
.banner-wenzi{ position: absolute;left: 50%; width: 100%; margin-left: -50%; text-align: center; top:15% ; z-index: 9;  color: #fff;}
.banner-text{ font-size: 32px;}
.banner-logo{ max-width: 250px;}
.banner_box .swiper-slide{ padding-bottom: 60%;}
.banner-video video{ height: 100%;}
}


@media (width:1366px)
{

}

@media (min-width:1123px) and (max-width:1200px)
{


}

/*分页样式*/
.pagediv{ width: 100%; height:auto; float: left; text-align: left;margin-bottom: 20px;}
.listpage {clear: both;text-align: center;}
.xiaocms-page { margin-right: 10px; text-align: center; margin-bottom: 40px;margin-top: 40px;}
.xiaocms-page a { border-radius: 5px; transition: 0.3s; font-size: 20px; display:inline-block; height:35px; line-height:35px;
 text-align:center; color:#999; margin:0 10px;font-family: "arial";}
.xiaocms-page a:hover { transition: 0.3s; color:#000; text-decoration:none; }
.xiaocms-page span { border-radius: 5px; font-size: 20px; display:inline-block; height:35px;margin:0 10px ;line-height:35px;  
  color:#000; text-align:center; position: relative; font-family: "arial";}
  .xiaocms-page span::after{ width: 10px; height: 1px; content: "" ;display:block; position: absolute; bottom: 0px; background: #000  }
.prebox::after{  content: "\e604"; color: #999;  transform:rotate(90deg); display: block; }
.nextbox::after{  content: "\e604"; color: #999;  transform:rotate(-90deg); display: block; }
.list-page-box .xiaocms-page:nth-child(2),.list-page-box .xiaocms-page:nth-child(3),.list-page-box .xiaocms-page:nth-child(4),.list-page-box .xiaocms-page:nth-child(5)
,.list-page-box .xiaocms-page:nth-child(6),.list-page-box .xiaocms-page:nth-child(7),.list-page-box .xiaocms-page:nth-child(8),.list-page-box .xiaocms-page:nth-child(9)
,.list-page-box .xiaocms-page:nth-child(10){ display:none;}