.pb_sys_style4 .p_no_d {
    border: 1px solid #ff826b !important;
    

    background: linear-gradient(135deg, #FF7979 13%, #FF9A46 100%) !important;
  
}
.pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o, .pb_sys_common .p_fun a, .pb_sys_common .p_no a {
 
  font-size: 1.6rem;
    padding: 9px 16px !important;
    height: auto !important;
    background: #F4F4F4;
    border-radius: 3px;
    /* border: 1px solid #F4F4F4 !important; */
    margin: 0 4px !important;
}

body { overflow-x: hidden;}
.start-cover{ background:url(../images/cover-bg2.jpg) no-repeat #fff; background-size: cover; height: 100vh; width: 100vw; overflow: hidden; position: fixed; z-index: 100; left: 0; top: 0;}
.start-cover::after{ content: ''; bottom: 15px; left: 50%; width: 20px; height: 33px; background: url(../images/mouse1.png) no-repeat; background-size: 100% 100%; position: absolute; margin-left: -10px; display: none;}

.hoverimg{ position: relative; overflow: hidden;}
.hoverimg img{ transition: 0.5s all;}
.hoverimg:hover img{ transform: scale(1.05);}

.cover-banner{ position: relative; height: 70vh; width: 100%; z-index: 2;}
.cover-banner-box{ position: absolute; left: -50vw; bottom: 6px; width: 200vw;  height:100vw; overflow: hidden; border-radius: 100%; z-index: 2;}
.banner-yuan{ position: absolute; width: 100vw; height: 70vh; left: 50%; transform: translateX(-50%); bottom: 0; overflow: hidden; background: #fff;}
.banner-bon{ position: absolute; left: -50vw; bottom: 0; width: 200vw;  height:100vw; overflow: hidden; border-radius: 100%; z-index: 1;}
.banner-bon .bon-box{position: absolute; background:#D9D9D9; width: 100vw; height: 70vh; left: 50%; transform: translateX(-50%); bottom: 0;}
.banner-bon .bon-box span{width: auto; cursor: pointer; transition: 0.5s all; border-radius:0; height: 100%;  display: flex; opacity: 0;}
.banner-bon .bon-box span.cur{ opacity: 1;}

.banner1 .swiper-slide{ height: 70vh;}
.banner1 .swiper-slide img{ height: 100%; width: 100%; object-fit: cover; object-position: center top;}
.cover-bottom{ position: absolute; left: 0; right: 0; bottom: -5%;}
.cover-bottom img{ width: 100%; height: auto;}

.cover-logo{ position: absolute; width: 14.32%; z-index: 5; left: 50%; transform: translateX(-50%); top: 100%; margin-top: -50px;}
.cover-logo .lange{ margin-top: 50px; text-align: center; justify-content: center;}

.cover-logo .lange span{ height: 1em; width: 1px; background: #666; margin: 0 1em;}
.cover-logo .img_ratio{ padding-top: 62.54%;}
/* .bsk{ position: absolute; width: 200px; height: 200px; z-index: 100; left: 50%; bottom: 20px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.790292) -15.52%, rgba(255, 255, 255, 0.30772) 83.5%);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(27.1828px);} */
.header{ }
.index-body{ background:url(../images/bodybg.jpg) no-repeat #fff; background-size: 100% 100%; overflow: hidden;}

.header{ position: fixed; left: 0; top: 0; right: 0; z-index: 997; }
.header-wrap{ padding: 0 50px; height: 86px; align-items:center;}
.header .logo{ line-height: 1;}
.header .logo img{ width: 241px; height: auto;}

.menu-ph{ cursor: pointer; background: rgba(0,0,0,0); position: relative; width:18px; height: 18px; padding: 10px;}
.menu-ph span{ position: absolute; width: 18px; left: 10px; top: 50%; height: 2px; background: #666; transition: 0.4s all; z-index: 1000;}
.menu-ph span.c1{ transform: translate(0,-8px);  }
.menu-ph span.c3{ transform: translate(0,8px);}
.menu-ph span.c2{ transform: translate(0,0); }
.open-menu{ overflow: hidden;}
.open-menu .menu-ph span.c2{ opacity: 0; width: 0; }
.open-menu .menu-ph span.c1{ transform: rotate(45deg);}
.open-menu .menu-ph span.c3{ transform: rotate(-45deg); }

.header-login {  align-items: center; position: relative; height: 1.5em;}
.header-login span{ height: 0.6em; width: 1px; background-color: #666; margin: 0 1.5em;}
.header-login.log-aft{ width: 3em;}
.header-login.log-aft::after{ content: ' '; left: 50%; top: 50%; margin-top: -0.5em; position: absolute; width: 1px; height: 1em; background: #ddd;}
.header-login .aft{ position: absolute; right: -100px; top: -3px; padding-bottom:10px ; }
.header-login .aft img{ width: 28px; height: 28px; background: #ddd; border-radius: 100%;}
.header-login .aft dd{ position: absolute; left: 50%; transform: translateX(-50%); top: 100%; background: #fff; border-radius: 5px; padding: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; transition: 0.2s all;  margin-top: 10px;}
.header-login .aft dd p a{display: block; padding: 5px; white-space: nowrap; }
.header-login .aft:hover dd{ opacity: 1; visibility: visible; margin-top: 0;}

.header-lang{ padding-right: 1.5em; margin-left: 0.5em; }
.header-lang span{ height: 1em; margin: 0 4px; width: 1px; background: #999; transform: rotate(20deg);}

.index-body .header-login.log-aft::after{ display: none;}
.index-body .header-login .aft{ left: 0; right: auto;}

/*.header-search{ margin: 0 ; padding-right: 2.8em; height: 18px;}*/
.header-search{ margin: 0 ; padding-right: 2.8em; line-height: 18px;}
.header-search img{ width: 18px; height: 18px; vertical-align: top;}
.header-menu{ position: fixed; z-index: 1000; right:40px; top: 23px;}
.menu-box-mask{z-index: 998; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); cursor: pointer; opacity: 0; visibility: hidden; transition: 0.4s all;}
.menu-box{ position: fixed; z-index: 999; background: #fff; right: 0; bottom: 0; top: 0; height: 100vh; overflow: auto; transform: translateX(100%); opacity: 0; transition: 0.6s all; overflow-x: hidden;}

.menu-box::-webkit-scrollbar{width:4px;height:100%;background:#f0f0f0;border-radius:2px}
.menu-box::-webkit-scrollbar-thumb{width:100%;height:46.16%;background:#bbb;border-radius:2px}

.menu-box .header-login{ width: auto; margin: 1em 2em 0; position: relative ; z-index: 100;}
.menu-box .header-login.log-aft::after{ display: none;}
.menu-box ul{ padding: 2em 0 0.5em 3em; width: 12em;}
.menu-box li{ position: relative; margin-bottom: 40px; }
.menu-box li .a{ font-weight: bold;}
.menu-box .open .a,
.menu-box .cur .a{ font-weight: bold; position: relative;}
.menu-box .cur .a::after{ content: ''; position:absolute; width: 57px; height: 5px; background: url(../images/menu1.png) no-repeat; background-size: 100% auto;  left: 0; bottom: -0.7em; display: none;}

.menu-box li .child{ padding-left: 2em; display: none; padding-top: 1em;}
.menu-box li .child p{ padding-top: 1em;}
.menu-box li.ch::after{ content: ''; left: 0; top: 0; position: absolute; z-index: 2; width: 100%; height: 100%; opacity: 0; background: #fff;}
/* .menu-box li.open .child{ display: block;}*/
.menu-box li.ch.open::after{ display: none;} 
.open-menu .menu-box-mask{ opacity: 1; visibility:visible;}
.open-menu .menu-box{ transform: translateX(0); opacity: 1;}

.other-ph-menu{ display: none;}
.environment .other-ph-menu{ display: block;}
.scrollbody .other-header{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
.other-header { background: #fff;}
.other-header .header-search{ padding-right: 0; position: relative;}
.other-header .header-search .s-box{ position: absolute; right: -14px; top: 50%; transform: translateY(-50%); background: #F4F4F4; border-radius: 100px; height: 1.8em; width: 200px; padding: 2px 0.8em; box-shadow: 0 0 2px rgba(0, 0, 0, 0.05); z-index: 2; opacity: 0; visibility: hidden;}
.other-header .header-search.open .s-box{ opacity: 1; visibility: visible;}
.other-header .header-search .s-box input{ width: 100%; border: 0; background: none;}
.other-header .header-search .s-box button{ background: url(../images/search.png) no-repeat center; width: 1.2em; height: 1.2em; border: 0;  background-size: contain;vertical-align: top; display: block;}
.other-header .logo-pc img{ height: 73px; width: auto;}
.other-header .header-wrap{ height: 120px; transition: 0.5s all;}
.scrollbody .other-header .header-wrap{height: 90px;}

.other-header.other-header2{ transition: 0.5s all;}
.scrollbody .other-header.other-header2{ transform: translateY(-100px);}

.other-header .header-lang{ margin-left: 0;}
.other-header .header-right a{ color: #999;}
.other-header .header-right a.red{ color: #c7000c;}
.other-header .header-right a:hover{ color: #c7000c;}
.other-menu .a{  font-weight: bold; }
.other-menu ul{ width: 80%; margin: 0 auto;}
.other-menu li{ flex: 1; position: relative; text-align: center;}
.other-menu li .child{ position: absolute; left: 0; top: 100%; left: 50%;  transform: translateX(-50%) ; width: 120%;  opacity: 0; visibility:hidden; margin-top: 20px; transition: 0.5s all;}
.other-menu li .child .w{padding: 20px 0;  position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background: #fff; border-radius: 5px; border-top: 1px solid #3F6473; top: 10px;  font-size: 0.9em;}
.other-menu li .child .w::after{ content: ''; width: 0; height: 0; position: absolute; left: 50%; top: -10px; border: 5px solid rgba(0, 0, 0, 0); margin-left: -5px; border-bottom-color: #3F6473;}
.other-menu li .child p{ padding: 10px 0;}
.other-menu li:hover .a{ color: #c7000c;}
.other-menu li.cur .a{ color: #3F6473; font-size: 1.15em; position: relative; font-weight: bold;}
.other-menu li.cur .a::after{ content:''; left: 0; top: 140%; left: 50%; transform: translateX(-50%); position: absolute; width: 5em; height: 0.4em; background: url(../images/menu1.png) no-repeat; background-size: 100% auto; }
.other-menu li:hover .child { opacity: 1; visibility:visible; margin-top:0; }

.other-header2 .logo{ display: none;}
.other-header2 .logo2{ height: 100px; background-image: linear-gradient(to right,#E6F1FF,#FFF8F3); text-align: center; justify-content: center;}
.other-header2 .logo2 img{ width: 340px; height: auto;}
.other-header2.other-header .header-wrap{ height:60px;  border-bottom: 2px solid #FFBC90; padding: 0; padding-top: 20px;}
.other-header2.other-header .header-wrap .wrap{ height:60px;}
.other-header2 .other-menu ul{ margin-left: 0; display: block; width: auto; margin-left: -2em;}
.other-header2 .other-menu ul > li { display: inline-block;  padding:0 1.6em ; position: relative;}
.other-header2 .other-menu ul > li::after{ content: ''; position: absolute; right: 0; bottom: 0; width: 1px; background: #999; height: 2.5em;}
.other-header2 .other-menu ul > li:nth-child(2n)::after{ height: 1.5em;}
.other-header2 .other-menu ul > li:last-child::after{ display: none;}
.other-header2 .other-menu li.cur .a::after{ display: none;}
.other-header2 .other-menu li .child .w{ border-top-color: #FFBC90; }
.other-header2 .other-menu li .child .w::after{ border-bottom-color: #FFBC90;} 
.wrap{ max-width: 1520px; width: 100%; margin:0 auto;}
.home-box{ height: 100vh; overflow: hidden;}
.home2-top .right{ width: 31%; margin-left: 4%;}
.home2-bottom .right{ width: 31%; margin-left: 4%;}

.home2 .video-vie{ width: 40%;}
.home2 .video-vie .img_ratio{ padding-top: 56%;}

.home2-top .title{ margin-bottom:35px;}
.home2-top .tit2{ margin-bottom:35px;}
.maoboli{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) -15.52%, rgba(255, 255, 255, 0.3) 83.5%);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(20px);} 
.home2-top-box{ position: relative; }
.home2-top-box .img{box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);}
.home2-top-box .img a{ overflow: hidden; display: block; position: relative;}
.home2-top-box .img a img{ transition: 0.5s all;}
.home2-top-box .img a:hover img{ transform: scale(1.05);}

.home2-top-box .txt .w{ padding:0em 1.5em 2em 4em ;}
.home2-top-box .txt .date{ margin: 1em 0 2em;}

.mores{ text-align: right; }
.mores a{ display: inline-block; position: relative; padding: 0 40px 15px 0; color: #999;}
.mores a::after,
.mores a::before{ content:''; position: absolute; background: url(../images/more2.png); background-size: 100% 100%; width: 56px; height: 18px; right: 0; bottom: 0; transition: 0.5s all; z-index: 2; opacity: 0;}
.mores a::after{background-image: url(../images/more.png); opacity: 1;}
.mores a:hover{ color:#c7000c;}
.mores a:hover::after,
.mores a:hover::before{ transform: translateX(20%);}
.mores a:hover::before{ opacity: 1;}
.mores a:hover::after{ opacity: 0;}

.home2-top{ align-items: flex-start; margin-bottom: 2%; }
.home2-top .left{ width: 1px;}
.home2-top .left .txt  li{ float: left; width: 46%; padding-right: 4%; min-height: 7em; margin-bottom: 1em;}
.home2-top .left .txt  li .ellipsis-2{ height: auto; max-height: 3.6em;}
.home2-top-box .img{ width: 60%; box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.1); }
.home2-top-box .img .img_ratio{padding-top: 59.72%;}
.home2-top .right ul{}
.home2-top .right ul li p{ margin-bottom:10px ;}
.home2-top .right ul li:nth-child(2){ padding: 20px 0; margin: 20px 0; text-align: right; position: relative;}
.home2-top .right ul li:nth-child(2)::after,
.home2-top .right ul li:nth-child(2)::before{ position: absolute; content: '';  width: 100%; left: 0; height: 1px; background: url(../images/xt.png);}
.home2-top .right ul li:nth-child(2)::after{ top: 0; transform: rotate(-2deg);}
.home2-top .right ul li:nth-child(2)::before{ bottom: 0;  transform: rotate(2deg);}
/* .home2-top .right .m{margin-top: 15px;} */
.home2-top .tit2 .tab-a{ cursor: pointer; margin-right: 20px;  font-family: "song"; }
.home2-top .tit2 .tab-a.cur{  color: #333; font-weight: bold; }
.home-box .wrap{ padding-top: 100px;}
.tab-b{ display: none;}

.fp-viewing-notice .home2-top .right .noborder li:nth-child(2){ text-align: left;}
.home2-top .right .noborder{ padding-bottom: 2em;}
.home2-top .right .noborder ul li:nth-child(2)::after,
.home2-top .right .noborder ul li:nth-child(2)::before{ display: none !important;}

.home2-top .right .noborder ul li:nth-child(2){ margin: 0 0;}

.home2-bottom { align-items: flex-start;}
.home2-bottom .title{ margin-bottom: 35px;}
.home2-bottom .left .box{ align-items: flex-start;}
.home2-bottom .left .box .txt{ padding-right: 4%; width: 1px;}
.home2-bottom .left .box .txt li:first-child{ margin-bottom: 50px;}
.home2-bottom .left .box .txt li p{ margin: 5px 0;}
.home2-bottom .left .box .video-vie { position: relative;}
.home2-bottom .left .box .video-vie a{ display: block; overflow: hidden;}
.video-vie .play{ position: absolute; background: url(../images/video.png) center no-repeat rgba(255, 255, 255, 0.3); background-size: 20px 22px;  width: 60px; height: 60px; border-radius: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; transition: 0.3s all;}
.home2-bottom .left .box .video-vie  img{transition: 0.5s all;}
.home2-bottom .left .box .video-vie a:hover .play{ width: 50px; height: 50px;}
.home2-bottom .left .box .video-vie a:hover img{  transform: scale(1.05);}

.home2-bottom .right li{ margin-bottom: 28px;}
.home2-bottom .right li h3{ margin-bottom: 5px;}

body .fp-tableCell{ vertical-align: top;}


.home3-menu-box{ margin-top: 2%; align-items: flex-start;}
.home3-menu-box .left{ width: 97px; margin-right: 20%; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05); background: #fff; border-radius: 10px; overflow: hidden; visibility: hidden; display: none;}
.home3-menu-box .left .swiper-slide{ width:100%; height: 93px; display: flex; align-items: center; justify-content: center;}
.home3-menu-box .left .swiper-slide img{ width: 60px; height: 60px;}
.home3-menu-box .right{ flex: 1; text-align: center; }
.home3-menu-box .right li{display: inline-block;position: relative;margin-right: 1.5em;font-weight: bold;}
.home3-menu-box .right li:last-child{ margin-right: 0;}
.home3-menu-box .right li::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -10px;  background: url(../images/bichu.png) no-repeat; background-size: 100% 100%; width: 0; height: 6px; opacity: 0; transition: 0.5s all; }
.home3-menu-box .right li.cur a{ color: #c7000c;}
.home3-menu-box .right li.cur::after { width: 100%; opacity: 1; }

.home3  .fp-tableCell{ vertical-align: top;}
.home3  .wrap{ z-index: 10; position: relative; }
.home3-swiper{ position: absolute; left: 0; bottom: 0;  right: 0; top: 245px; overflow: hidden;}
.home3 .home3-banner2{  position: absolute; left: 50%; top: 0; margin-right: 50vw; transform: translateX(-50%);}
.home3-swiper-box{ position: absolute; width: 300%; left: 50%; transform:translateX(-50%); border-radius: 100%; height: 200%;overflow: hidden; border-top-right-radius: 0; margin-right: -50vw; }

.no-data li{ text-align: center !important; font-size: 1.6rem; width: 100% !important; padding-top: 250px !important;}
.no-data li { background: url(../images/4041.png) center top no-repeat !important;}
.no-data li::after,
.no-data li::before{ display: none !important;}

.home3-swiper .swiper-slide{ position: relative; width: 100%; height: 100%; }
.home3-swiper .swiper-slide {  object-fit: cover;}
.home3-swiper .swiper-slide .wrap{ position: absolute; left: 0; top: 20%; padding-top: 0; right: 0; }
.home3-banner2 .bg{ position: absolute; width: 100%; height: 100%; overflow: hidden;}
.home3-banner2 .bg img{position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.home3-swiper .txt-box{ color: #3F6473;  width: 50%;}
.home3-swiper .txt-box a{color: #3F6473;}
.home3-swiper .txt-box h2{ margin-bottom: 10px; font-weight: bold;}
.home3-swiper .txt-box article{ min-height: 12em;}
.home3-swiper .txt-box .txt2 a{ color: #3F6473; display: inline-block;}
.home3-swiper .txt-box .txt2 p.f-18{display: inline-block;border-radius: 100px;background: #c7000c;padding: 5px 1em;color: #fff;}
.home3-swiper .txt-box .txt2 .jt{display: inline-block;width: 15px;height: 15px;background: url(../images/jiantou1.png);background-size: 5px 10px; margin-left: 10px;background-color: #fff;border-radius: 100px;background-position: center;background-repeat: no-repeat;top: 2px;position: relative;}
.home3-swiper .txt-box .txt2 a:hover { color: #c7000c;}
.home3-swiper .txt-box .txt2 a:hover .jt{ background-image: url(../images/jiantou3.png);}

.home4 { overflow: hidden;}
.home4 .title{ margin-bottom:1%;}
.home4-swiper{ position: relative;}
.home4-swiper .mores{ position: absolute; right: 0; top: 20px; z-index: 10;}
.home4-box{ justify-content: flex-end; align-items:flex-end; position: relative;}
.home4-box .home4-ban1{ width: 20.46%;  position: relative;  z-index: 2;  border-radius: 6px; position: absolute; left: 0; bottom:10%; background: url(../images/g1.png); background-size: cover; }
.home4-box .home4-ban1-box{padding-top: 120%; position: relative; z-index: 2;}
.home4-box .home4-banner1 { position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.home4-box .bon1{ position: absolute; right: 0; bottom: 0; z-index: 10;}
.home4-box .bon1 img{ width: 67px; height: 64px; }
.home4-box .bon1 a{ float: left;}
.home4-box .bon1 a:hover{ opacity: 0.8;}
.home4-box .home4-ban1 .w{  position: relative;}
.home4-box .home4-ban1 .w .w22{padding: 4.5em 30px 0; text-align: left; }
.home4-box .home4-ban1 .p11{ text-transform: uppercase; position: absolute; letter-spacing: 1px; white-space: nowrap; font-size: 14px; left:30px; top: 1.6em;  opacity: 0.5; padding-bottom: 5px; }
.home4-box .home4-ban1 .p11::after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;
    background: linear-gradient(255deg, #FF5F6D 0%, #FFC371 100%);
    opacity: 0.8;}
.home4-box .home4-ban1 .p11 .yel{ color: #9E8048;}

.home4-box .home4-ban1 .w .t2 p{ margin-bottom: 0.5em;}
.home4-box .home4-ban1 .w .t2 p span:first-child{ margin-right: 1em; }

.home4-box .home4-ban2{ width: 48.02%; border-radius: 5px; }
.home4-box .home4-ban2 .img{ padding-top: 106.16%;}
.home4-box .home4-ban3{ width: 32.17%; margin-right: 0; margin-left: 4%;  border-radius: 5px; }
.home4-box .home4-ban3 .img{ padding-top: 131.90%;}

.home5 .fp-tableCell{ vertical-align: top;}
.home5 .wrap{ position: relative; z-index: 20;} 
.home5-bg{ position: absolute; left: 0; top: 0; width: 100%; height: auto; z-index: 0; pointer-events: none;}
.home5-box{ position: absolute; left: 0; bottom: 0; right: 0; z-index: 10;}
.home5-box .wrap{ position: relative; padding: 0;}
.home5-box .wrap .mores{ position: absolute; right: 0; top: -80px;}
.home5-box li{ float: left; width: 25%; position: relative;}
.home5-box .img{ overflow: hidden; padding-top: 123.54%; position: relative;}
.home5-box .img .img_ratio::after{ content: ' '; position: absolute; left: -2px; top: -2px; width: 102%; height: 102%; background-image:linear-gradient(90deg,#ced2e8,#ced2e8,rgba(206,210,232,0)); transition: 0.5s all; z-index: 3;}
.home5-box .img .img_ratio::before{ content: ' '; position: absolute; left: -2px; top: -2px; width: 102%; height: 102%; background:rgba(0,0,0,0.5); opacity: 0; transition: 0.8s all; z-index: 5;}
.home5-box .img_ratio{  position: absolute;  top: 15px; left: 0; right: -20px; bottom: -20px; transform: rotate(2deg); transform-origin: left top; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.home5-box .img .img_ratio img{   transition: 0.8s all;}
.home5-box .img .img_ratio img:nth-child(1){left: 30%;}
.home5-box .img .img_ratio img:nth-child(2){ opacity: 0;  z-index: 4;}
.home5-box li:nth-child(2) ~ li .img_ratio{transform: rotate(-2deg); transform-origin: right top; right: 0; left: -20px;}

.home5-box li .txt1{font-weight: bold; position: absolute; left: 50px;  bottom: 25px; z-index: 10; color: #6D75A1; }
.home5-box li .txt1 .p1{ display: flex; line-height: 1.2em; flex-direction: column; justify-content: space-between; height: 4em; width: 1em; margin-bottom: 1em;}
.home5-box li .txt2{ position: absolute; left: 0; top: 0; right: 0; bottom: 0;  z-index: 10; padding:50px 30px; flex-direction: column; justify-content: space-between; opacity: 0; visibility: hidden;}
.home5-box li .txt2 .box1{ width: 100%; }
.home5-box li .txt2 .box2{ width: 100%;}
.home5-box li .txt2 .p2{ color: #AEB1BF; margin: 10px 0 20px;}
.home5-box li .txt2 .p3 { color: #fff; }
.home5-box li .txt2 .p4{ color:#EDF1F5}

.home5-box li .txt1{ transition: 0.5s all;}
.home5-box li .txt2{ transition: 0.5s all; transform: translateY(50%);}

@media only screen and (min-width: 1024px) {
    .home5-box  li:hover .img .img_ratio img:nth-child(2){ opacity: 1;}
    .home5-box li:hover .img_ratio::before{ opacity: 1;}
.home5-box li:hover .txt1{opacity: 0; visibility: hidden; transform: translateY(-50%);}
.home5-box li:hover .txt2{opacity: 1; visibility: visible;  transform: translateY(0);}
}

.home6-wrap{ margin-top: -2%;}

.home6-box{ position: relative;  align-items: flex-start; margin-bottom: 50px;}
.home6 .mores{  margin-top: 5%; margin-bottom: 3%;}
.home6-box .tit-1 .swiper-container{ height: 2em;}
.home6-box .left{ width: 24%; padding-top: 4%; position: relative;}
.home6-box .left .tit{ padding-left: 30px;}
.home6-box .home6-right{ margin-right: -10px;}
.home6-box .home6-right li{ float: left; width: 28%; }
.home6-box .home6-right li img{ transition: 0.5s all;}
.home6-box .home6-right li:hover img{ transform: scale(1.05);}
.home6-box .home6-right li .ww2{padding-top: 101%; position: relative;}
.home6-box .home6-right li .ww2 .home6-banner3{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.home6-box .home6-right li .img_ratio{ padding-top: 69.8%; border-radius: 5px; overflow: hidden;}
.home6-box .home6-right li:nth-child(1) { width: 40%;}
.home6-box .home6-right li:nth-child(1) .img_ratio{padding-top: 101%;}
.home6-box .home6-right li:nth-child(3),
.home6-box .home6-right li:nth-child(5) { width: 32%;}
.home6-box .home6-right li:nth-child(3) .img_ratio,
.home6-box .home6-right li:nth-child(5) .img_ratio{padding-top: 60.8%;}
.home6-box .home6-right li ul{ margin: -10px -10px;}
.home6-box .home6-right li .w{ padding: 10px;}
.home6-box .home6-right li.cur .img_ratio{ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}

.home6-box .txt-box{ position: relative; width: 120%; border-radius: 10px; z-index: 10; left: 0; margin-top: 10%; }
.home6-box .txt-box .w{ padding:30px; }
.home6-box .txt-box .w2{ }
.home6-box .txt-box .w2 .p2{ margin: 0 0 1em;}
.home6-box .txt-box .w2 .p3{  text-align: justify;}

.home7 .fp-tableCell{ vertical-align: top;}
.home7-box{ margin:2% 0 4% auto; width: 90%; position: relative; align-items: flex-start;}
.home7-box .mores{ position: absolute; right: 0; top: -2em;}
.home7-box .left{ border-radius: 5px; width: 24%; overflow: hidden; }
.home7-box .left .img_ratio{ padding-top: 62%;}
.home7-box .right{ position: relative; margin-left: -40px; margin-top: 50px; min-height: 100%;}
.home7-box .right .w{ padding:2em 3em; border-radius: 10px; line-height: 1.8; }

.footer{ padding-bottom: 2em;}
.footer .wrap{ padding: 0;}
.foot-top{ border-top: 1px solid #ebebeb;  border-bottom: 1px solid #ebebeb;}
.foot-top .left-bon{ transform: rotateY(180deg);}
.foot-top .bon img:nth-child(2){ display: none;}
.foot-top .bon a{ display: block; height: 11px;}
.foot-top .bon img{ width: 6px; height: auto; vertical-align: top;}
.foot-top .bon:hover img{ display: none;}
.foot-top .bon:hover img:nth-child(2){ display: block;}
.foot-top a{ padding:20px 10px; display: inline-block; color: #666;}
.foot-top a:hover{ color: #c7000c;}
.foot-top  p{ text-align: center;}

.foot-txt{ align-items: flex-start; padding: 2% 0 2%; border-top: 1px solid #7f7f7f;}
.foot-txt .list:first-child::after{ display: none;}
.foot-txt .list:first-child { margin-left: -2em;}
.foot-txt .list{ position: relative; min-width: 15%;}
.foot-txt .list::after{ content: ''; position: absolute; left: 0; top: 0; height: 200px; width: 1px; background: #ebebeb;}
.foot-txt .list:last-child{ flex:1;}

.foot-txt .list .w{ padding:0 2em;}
.foot-txt .list .w h2{ margin-bottom:25px ; font-weight: bold;}
.foot-txt .list .w h2 img{ width: 6px; height: auto; vertical-align: top; display: none;}
.foot-txt .list .w h2 img.c1{ display: block;}
.foot-txt .list .w h2 a{ color: #333;}
.foot-txt .list .w h2 a:hover{ color: #c7000c;}
.foot-txt .list .w h2 a:hover .c1{ display: none;}
.foot-txt .list .w h2 a:hover .c2{ display: block;}
.foot-txt .list .w .ul.ul-link{ overflow: hidden; max-width: 14em;}
.foot-txt .list .w .ul.ul-link p{width: 48%; float: left; }
.foot-txt .list .w .ul.ul-link p:nth-child(8) ~p {width: 100%;margin-left:0%}
.foot-txt .list .w .ul.ul-link p a{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.foot-txt .list .w .ul.ul-link p:nth-child(2n){ margin-left: 4%;}
.foot-txt .list .w .ul p{ margin-bottom: 1.5em;}
.foot-txt .list .w .ul p a{ color: #666;}
.foot-txt .list .w .ul p a:hover{ color: #c7000c;}
.foot-bottom { color: #999;}
.foot-bottom a{ color: #999;}
.foot-bottom a:hover{color: #c7000c;}
.foot-txt .list .cont-txt{ padding-bottom:1.5em ;}
.foot-txt .list .cont-txt p{ margin-bottom: 1em;}
.foot-txt .list .cont-txt p span{ display: inline-block; margin-right: 1em;}
.foot-txt .list .cont-txt p span:first-child{font-weight: bold;}



.footer-1 { background: #EBF4FF; background-position: right top; background-size: auto 100%; background-repeat: no-repeat; margin-top: 6.5%;} 
.footmag0 .footer-1{ margin-top:0;}
.footer-1 .logo_foot{  padding: 5% 0;}
.footer-1 .logo_foot img{ width: 24%; height: auto;}

.footer-1 .foot-txt .list::after,
.footer-1 .foot-txt .list:last-child::before{ display: none;}
.footer-1 .foot-txt .list .w h2 a{ display: inline-block; border-bottom: 1px solid #7f7f7f; padding-bottom: 0.4em;}
.footer-1 .foot-txt .list{ width: auto; white-space: nowrap; }


.footer-1 .foot-txt .list .cont-txt p span:first-child{ font-weight:normal; color: #999;}
.footer-1 .foot-txt .list .w{ }


.foot-wx dl{ position: relative; float: left; z-index: 10; margin-right: 1em;}
.foot-wx dl dt p{ line-height:1.4; margin-top:5px;   }
.foot-wx dl:nth-child(4),
.foot-wx dl:last-child{ margin-right:0;}
.foot-wx dl dt img{ width: 48px; height: 48px;}
.foot-wx dl dt{ text-align: center; font-size: 10px; cursor:default;}
.foot-wx dd{ position: absolute; height: 0; left: 50%; transform: translateX(-50%); bottom: 100%; overflow: hidden; transition: 0.5s all;  }
.foot-wx dd .p{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin: 10px; background: #fff; text-align: center; padding: 6px; border-radius: 5px; position: relative;}
.foot-wx dd .p p{ font-size: 12px; line-height: 1.5;}
.foot-wx dd .p::after{ position: absolute; border: 5px solid rgba(0,0,0,0); border-top-color: #fff; content: ''; width: 0; height: 0; left: 50%; bottom: -10px; transform: translateX(-50%);}
.foot-wx dd .p img{ width: 130px; height: 130px; }
.foot-wx dl:hover dd{height: 200px; }

.right-menu{ position:fixed; right: 20px; bottom: 100px; z-index: 997;}
.right-menu::after{ content: ''; bottom:15px; left: 50%; width: 20px; height: 33px; background: url(../images/mouse1.png) no-repeat; background-size: 100% 100%; position:fixed; margin-left: -0.4em;}
.right-menu li{ margin-bottom: 0;}
.right-menu a{ position: relative; width: 1.5em; height: 2em; display: block; }
.right-menu a::after{ position: absolute; content: ''; right: 0.5em; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 4px; background: #999; transition: 0.5s all;}
.right-menu span{ position: absolute; white-space: nowrap; right: 100%; top: 50%; transform: translateY(-50%)  translateX(50%); opacity: 0; visibility: hidden; transition: 0.5s all; }
.right-menu li.active span{ opacity: 1; visibility: visible; transform: translateY(-50%)  translateX(0); }
.right-menu li.active a{ color: #c7000c;}
.right-menu li.active a:after{ background: #c7000c; width: 10px;}
.right-menu li a:hover::after{ background: #c7000c;}
.right-menu li a:hover span{ opacity: 1; visibility: visible; transform: translateY(-50%)  translateX(0);}
/* .fp-viewing-exhibition .right-menu a::after, */
.fp-viewing-teachers .right-menu a::after{ background: #fff;}
/* .fp-viewing-exhibition .right-menu::after, */
.fp-viewing-teachers .right-menu::after{ background-image: url(../images/mouse2.png);}

.fp-viewing-story .right-menu::after{ display: none;}


/* ——————动画start———————————————————————————— */

@media only screen and (min-width: 1024px) {
.header .logo{transform: translateY(0); transition: 0.7s all;}
.fp-viewing-home .header .logo{ transform: translateY(-300%);}
/* .fp-viewing-home .header-lang span{ background: #333;}
.fp-viewing-home .header a{ color: #333;}
.fp-viewing-home .header a.red{ color: #c7000c;}
.fp-viewing-home .header-login span{ background: #333;}
.fp-viewing-home .menu-ph span{ background: #333;}
.fp-viewing-home.open-menu .menu-ph span{ background: #666;}
.fp-viewing-home .header-search img{ opacity: 0;}
.fp-viewing-home .header-search a{ background: url(../images/search.png) no-repeat top center; background-size: 18px 18px; } */

.cover-banner-box{ transform:translateY(-100%); transition: 1.5s all;  transition-delay: 0.1s;}
.banner-bon{ transform:translateY(-100%); transition: 1.5s all; transition-delay: 0.1s;}
.cover-logo .img{transform:scale(800%) translateY(25%); transition: 1.8s all; opacity: 0;}
.cover-logo .lange{transform:translateY(200px); transition: 1.2s all; opacity: 0;}
.start-cover{ background-color: rgba(255, 255, 255, 0); transition: 1.5s all; visibility: hidden; opacity: 0; pointer-events: none; }
.cover-bottom{transform:translateY(100%); transition: 1.5s all; transition-delay: 0.2s;}

.fp-viewing-home .cover-banner-box{ transform:translateY(0);}
.fp-viewing-home .banner-bon{ transform:translateY(0);}
.fp-viewing-home .cover-logo .img{transform:scale(100%) translateY(0);  opacity: 1;}
.fp-viewing-home .cover-logo .lange{transform:translateY(0);  opacity: 1;}
.fp-viewing-home .start-cover{ background-color: rgba(255, 255, 255, 1);  visibility: visible; opacity: 1; pointer-events: all;}
.fp-viewing-home .cover-bottom{transform:translateY(0);}
.fp-viewing-notice .index-box { transition:all 1600ms ease 0s !important; }

.home2-top-box .img{ transition: 1.2s all;  opacity: 0; transform: translateX(0%);}
.home2-top-box .txt{ transition: 1.5s all;  opacity: 0; transform: translateX(100px);}
.fp-viewing-notice .home2-top-box .img{opacity: 1; transform: translateX(0%);}
.fp-viewing-notice .home2-top-box .txt{opacity: 1; transform: translateX(0%);}

.home2-top .right li{ transition: 1.2s all;  opacity: 0; transform: translateX(100px);}
.fp-viewing-notice .home2-top .right li:nth-child(1){ transition-delay: 0.4s; opacity: 1; transform: translateX(0%);}
.fp-viewing-notice .home2-top .right li:nth-child(2){ transition-delay: 0.7s; opacity: 1; transform: translateX(0%);}
.fp-viewing-notice .home2-top .right li:nth-child(3){ transition-delay: 1.0s; opacity: 1; transform: translateX(0%);}
.home2-bottom .left{transition: 1s all;  opacity: 0; transform: translateY(20%);}
.fp-viewing-notice .home2-bottom .left{ opacity: 1; transition-delay: 1s; transform: translateY(0);}
.home2-bottom .right{transition: 1s all;  opacity: 0; transform: translateY(20%);}
.fp-viewing-notice .home2-bottom .right{ opacity: 1; transition-delay: 1.5s; transform: translateY(0);}


.home3-menu-box .left{transition: 1.2s all;  opacity: 0; transform: translateX(100px);}
.home3-menu-box .right li{transition: 1.2s all;  opacity: 0; transform: translateX(100px);}
.home3-swiper .txt-box{transition: 1.2s all;  opacity: 0; transform: translateY(50%);}
.fp-viewing-department .home3-swiper .txt-box{opacity: 1; transform: translateY(0); transition-delay: 1s;}
.fp-viewing-department .home3-menu-box .left{opacity: 1; transform: translateX(0); transition-delay: 0.2s;}
.fp-viewing-department .home3-menu-box .right li:nth-child(1){opacity: 1; transform: translateX(0); transition-delay: 0.4s;}
.fp-viewing-department .home3-menu-box .right li:nth-child(2){opacity: 1; transform: translateX(0); transition-delay: 0.6s;}
.fp-viewing-department .home3-menu-box .right li:nth-child(3){opacity: 1; transform: translateX(0); transition-delay: 0.8s;}
.fp-viewing-department .home3-menu-box .right li:nth-child(4){opacity: 1; transform: translateX(0); transition-delay: 1.0s;}
.fp-viewing-department .home3-menu-box .right li:nth-child(5){opacity: 1; transform: translateX(0); transition-delay: 1.2s;}
.fp-viewing-department .home3-menu-box .right li:nth-child(6){opacity: 1; transform: translateX(0); transition-delay: 1.2s;}
	.fp-viewing-department .home3-menu-box .right li:nth-child(7){opacity: 1; transform: translateX(0); transition-delay: 1.2s;}

.home4-ban1{transition: 1.2s all;  opacity: 0; transform: translateY(50%);}
.home4-ban2{transition: 1.2s all;  opacity: 0; transform: translateY(50%);}
.home4-ban3{transition: 1.2s all;  opacity: 0; transform: translateY(50%);}
.fp-viewing-exhibition .home4-ban1{opacity: 1; transform: translateY(0); transition-delay: 0.4s;}
.fp-viewing-exhibition .home4-ban2{opacity: 1; transform: translateY(0); transition-delay: 0.8s;}
.fp-viewing-exhibition .home4-ban3{opacity: 1; transform: translateY(0); transition-delay: 1.2s;}

.home5-box li{transition: 1.2s all;  opacity: 0; transform: translateY(50%);}
.fp-viewing-teachers .home5-box li:nth-child(1){opacity: 1; transform: translateY(0); transition-delay: 0.3s;}
.fp-viewing-teachers .home5-box li:nth-child(2){opacity: 1; transform: translateY(0); transition-delay: 0.6s;}
.fp-viewing-teachers .home5-box li:nth-child(3){opacity: 1; transform: translateY(0); transition-delay: 0.9s;}
.fp-viewing-teachers .home5-box li:nth-child(4){opacity: 1; transform: translateY(0); transition-delay: 1.2s;}

.home6-box .txt-box{transition: 1.2s all;  opacity: 0; transform: translateY(50%);}
.home6-box .home6-right li{transition: 1.2s all;  opacity: 0; transform: translateX(200px);}

.fp-viewing-works .home6-box .txt-box{opacity: 1; transform: translateY(0); transition-delay: 0.3s;}
.fp-viewing-works .home6-box .home6-right li:nth-child(1){opacity: 1; transform: translateX(0); transition-delay: 0.2s;}
.fp-viewing-works .home6-box .home6-right li:nth-child(2){opacity: 1; transform: translateX(0); transition-delay: 0.4s;}
.fp-viewing-works .home6-box .home6-right li:nth-child(3){opacity: 1; transform: translateX(0); transition-delay: 0.6s;}
.fp-viewing-works .home6-box .home6-right li:nth-child(4){opacity: 1; transform: translateX(0); transition-delay: 0.8s;}
.fp-viewing-works .home6-box .home6-right li:nth-child(5){opacity: 1; transform: translateX(0); transition-delay: 1.0s;}


.home7-box .left {transition: 1.2s all;  opacity: 0; transform: translateX(-100px);}
.home7-box .right {transition: 1.2s all;  opacity: 0; transform: translateX(100px);}
.fp-viewing-story .home7-box .left{opacity: 1; transform: translateX(0); transition-delay: 0.3s;}
.fp-viewing-story .home7-box .right{opacity: 1; transform: translateX(0); transition-delay: 0.6s;}


}
/* ——————动画END———————————————————————————— */



.page{margin: 6.25% 0;}
.page a,.page span{padding: 9px 16px; display: inline-block; background: #F4F4F4;color: #333333;border-radius: 2px;margin: 0 4px; border-radius: 3px;}
.page a:hover,
.page .laypage_curr{background: linear-gradient(135deg, #FF7979 13%, #FF9A46 100%);;color: #fff;}
#page2{display: flex;justify-content: center;}


.login-box{ min-height: 100vh;  background-position: top center;  align-items: center; justify-content: center;}
.login-w{ margin: 120px 0 40px; width: 612px;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 8px; overflow: hidden;}
.login-w .w{ padding: 40px; position: relative; }
.login-w .tab-head{ text-align: center; margin-bottom: 60px;}
.login-w .tab-head span{ display: inline-block;  color: #999; padding-right: 2em; cursor: pointer;}
.login-w .tab-head span:first-child{  position: relative;}
.login-w .tab-head span:first-child::after{ content: ''; position: absolute; right:1em; height: 1em; width: 1px; background: #ddd; top: 50%; margin-top: -0.5em;}
.login-w .tab-head span.cur{ color: #333;}
.login-w .box{ margin-bottom: 40px; margin-top: -10px;}
.login-w .box a:hover{ color: #c7000c;}
.login-w .ck{ opacity: 0; width: 0; display: none; height: 1px;}
.login-w .ck+span{ padding-left: 1.5em; cursor: pointer; position: relative; color: #fff;}
.login-w .ck+span::after{ content: ''; background: url(../images/u3.png) no-repeat; width: 20px; height: 21px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.login-w .ck:checked+span{color: #C7000C;}
.login-w .ck:checked+span::after{ background-image: url(../images/u4.png);}
.login-w .inp{ background: #fff; border-radius:4px ; padding: 0 1em; margin-bottom:25px ;}
.login-w .inp .img{ width: 40px; text-align: center;}
.login-w .inp input{ border: 0; height: 60px; width: 100%;}
.login-w .bon1{ border: 0; border-radius: 4px; background: linear-gradient(87deg, #FF5F6D 0%, #FFC602 83%); color: #fff; display: block; width: 100%; height: 60px;}
.login-w .bon a:hover{ color: #c7000c;}

.login-w .bon-reg{ display: block; color: #fff; text-align: center; margin-top: 20px; line-height: 60px; border-radius: 4px; background: linear-gradient(180deg, #FFFFFF 0%, rgba(216,216,216,0.5) 100%);}


.forgot-w .t1{ padding: 0.5em 0; position: absolute; left: 0; top: 0; right: 0; background: rgba(255, 255, 255, 0.5);}
.forgot-w .t2{ text-align: center; padding: 1em;}
.forgot-w .inp2 { margin-bottom: 20px;}
.forgot-w .inp2  label{ width: 6em; color: #666;}
.forgot-w .inp2 .in{ flex: 1; background: #fff; border-radius: 4px; }
.forgot-w .inp2 input{ width: 100%; border: 0; height: 40px; box-sizing: border-box; padding: 0 1em;}
.forgot-w .inp2 .bt{ border: 0; white-space:nowrap; color: #FF7B51; margin-right: 10px;}
.forgot-w .hp{ margin-bottom: 40px; position: relative; }
.forgot-w .hp a:hover .tip{ display: block;}
.forgot-w .hp a{ color: #ccc; display: inline-block;}
.forgot-w .hp img{ width: 22px; height: 22px; margin-right: 10px;}
.forgot-w .hp .tip{ position: absolute; left: 0; top: 100%; right: 0; background: rgba(0, 0, 0, 0.1); color: #333; padding:0.3em 0.8em; display: none;}


.search-top{ margin-top:220px; background: #F4F4F4; }
.search-top input{ border: 0; background: none; width: 100%;  box-sizing: border-box; padding: 18px;}
.search-top button{  border: 0; background:none; padding: 18px;}
.search-bttom{ margin-bottom: 3%;}
.search-bttom .txt em{ }
.search-bttom .lab{ margin-bottom: 20px;}
.search-bttom .lab a{ display: inline-block; padding: 1em; margin-right: 3em; position: relative;}
.search-bttom .lab a.cur::after{ content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 2em; height: 6px; background: linear-gradient(90deg, #C7000C 0%, #EB6216 100%);}

.search-list ul{ margin-bottom: 5%;}
.search-list li{ padding:2em 0; border-bottom: 1px dashed #999;}
.search-list li .p{ margin-top: 1em;}
.search-list li .p{ color: #999;}

.contact-box .title .f-32{ font-weight: bold; color: #333; }
.contact-box .title .f-16{ color:#D1D1D1;}

.contact-1-top{ padding-top: 0;}
.contact-1{ padding-bottom: 5%;}
.contact-1 .bk1-ul { margin: 0 -15px;}
.contact-1 .bk1-ul li{ float: left; width: 33.33%;}
.contact-1 .bk1-ul li .w{ border-radius: 10px; overflow: hidden; background:linear-gradient(180deg, rgba(255,255,255,0.7900) 0%, rgba(255,255,255,0.3100) 99%); margin: 0 15px 30px;}
.contact-1 .bk1-ul li .w1{ background:linear-gradient(180deg, #E6F1FF 0%, #F9F9F9 100%);}
.contact-1 .bk1-ul li .w2{ background:linear-gradient(127deg, #FFF8F3 0%, rgba(255,255,255,0) 100%);}
.contact-1 .bk1-ul li .w2{ padding: 2em 3em; position: relative;}
.contact-1 .bk1-ul li .icon{ position: absolute; right: 0; top: 0;}
.contact-1 .bk1-ul li .icon img{  width: 8em; height: 8em;}
.contact-1 .bk1-ul li .w2 dt{  border-bottom: 1px solid #C4C4C4; padding: 1em 0 0.8em;}
.contact-1 .bk1-ul li .w2 dd{ height: 5em; padding: 1em 0;}
.contact-1 .title{ padding: 0 0 2em;}

.contact-2{ margin-bottom: 5%;}

.contact-3 .left{  width: 65%; margin-right: 10%;   }
.contact-3 img{ width: 100%; height: auto;}

.contact-4 .title{ padding: 5% 0 3%;} 
.contact-4 li{float: left; width:20% ; text-align: center;}
.contact-4 li img{ width: 80%; height: auto;}

.contact-5 .title{ padding: 5% 0 5%;}
.contact-5 .box{ width:60%; margin: 0 auto; }
.contact-5 .box .tit2{ position: relative; width: 80%; margin: 0 auto; text-align: center; margin-bottom: 5%;}
.contact-5 .box .tit2::after{ content: ''; position: absolute; width: 100%; height: 1px; background: #C4C4C4; left: 0; top: 50%; }
.contact-5 .box .tit2 span{ text-align: center; background: #fff; padding: 0 4em; position: relative; z-index: 2;}
.contact-5 .but{ text-align: center; margin-top: 3%;}
.contact-5 .but a{ display: block; margin: 0 auto; border-radius: 10px; border: 1px solid #333; width: 10em; text-align: center; padding: 0.5em 0;}
.contact-5 .el-input-group__append{ border: 0; background: rgba(0, 0, 0, 0.05);}
.contact-5 .el-textarea__inner,
.contact-5 .el-input__inner{ border: 0; background: rgba(0, 0, 0, 0.05);}
.contact-5 .el-textarea .el-input__count{  background: none;}
.contact-5 .ly-box .el-textarea__inner{ height: 11.7em;}
.contact-5 .ly-box .left{ float: left; width: 45%; margin-right: 5%;}
.contact-5 .ly-box .right{ overflow: hidden;}

.map-box{ height: 445px;}



.org-menu1 li {display: inline-block;
padding: 0 4em 0 0;
position: relative;}
.org-menu1 li:first-child{
padding-left: 0;
}
.org-menu1 li.cur a {
color: #c7000c;
}



/* ---响应式适配-- */
@media only screen and (max-width: 1550px) {
    .wrap{ max-width:none; width: calc(100% - 200px);  margin: 0 100px;}
    .home2-top .right ul li:nth-child(2){ padding: 20px 0; margin: 20px 0;}
 
    .other-header2 .other-menu ul > li{padding: 0 0.7em;}
    .home3-menu-box .left{ margin-right: 10%;}
}

@media only screen and (max-width: 1450px) {
  
    .home2-top-box .txt .w{ padding: 1.5em 1.5em 0 1.5em;}
    .home2-bottom .left .box .txt li:first-child{ margin-bottom: 20px;}
    .home2-bottom .right li{ margin-bottom: 12px;}
    .home2-top-box .txt .date{ margin: 0.8em 0 1.5em;}

  

    .home6 .mores{ margin-top: 5%;}
    .home6-box{ margin: 0 auto 30px;}

    .home6-box .txt-box .w2{ width: 90%;}
    .home3-menu-box .right li{ margin-right: 2em;}
    .home4-box .home4-ban1 .w .p1{ font-size: 12px;}

    .mores a{padding: 0 30px 10px 0;}
    .mores a::after,
    .mores a::before{ width: 40px; height: 13px; }
}
@media only screen and (max-width: 1350px) {
    .home2-top-box .txt .date{ margin: 0.5em 0 1em;}
 
   
  
    .home4-box .bon1 img{ width: 30px; height: 30px;}
    .home6-box .txt-box .w{ padding: 20px; padding-left: 30px;}

    .wrap{width: calc(100% - 100px);  margin: 0 50px; }
    .home5-box li .txt2{ padding: 40px 15px;}
    .home5-box li .txt2 .p3,
    .home5-box li .txt2 .p4{ font-size: 12px;}

    .home6-box .txt-box .w2{ margin-top: 20px;}
    .home6-box .txt-box .w2 .f-18{ font-size: 12px;}

    .other-menu ul{ width: 92%;}
}

@media only screen and (max-width: 1150px) {
    .other-menu{ display: none;}
    .other-header .logo { flex: 1;}
    .other-header .header-lang{ padding-right: 3.8em;}
    .other-ph-menu { display: block;}
}

/* ---首页高度适配 只在PC生效-- */
@media only screen and (min-width: 1024px) and (max-height: 970px) {
    .home7 .foot-top a{ padding:15px 10px;}
    .home7 .foot-txt .list .cont-txt p,
    .home7 .foot-txt .list .w .ul p{ margin-bottom: 1em;}
}
@media only screen and (min-width: 1024px) and (max-height: 905px) {
    .home2-top .tit2,
    .home2-top .title{ margin-bottom: 30px;}
    .home2-top{ margin-bottom: 3%;}
    .home2-bottom .title{ margin-bottom: 25px;}
    
    .home4 .title{ margin-bottom: 10px;}
    .home4 .fp-tableCell{ vertical-align: top;}
    .home4 .wrap{ height: calc(100vh - 88px); position: relative;}
   
    .home7-box{ margin: 30px auto 40px;}
}
@media only screen and (min-width: 1024px) and (max-height: 840px) {
    .home2-top .tit2,
    .home2-top .title{ margin-bottom: 20px;}
    .home2-top{ margin-bottom: 2%;}
    .home2-bottom .title{ margin-bottom: 15px;}
    
    .home7 .foot-top a{ padding: 12px 10px;}
    .home7 .foot-txt .list .w h2{ margin-bottom: 15px;}
    .home7 .foot-txt .list .w .ul p,
    .home7 .foot-txt .list .cont-txt p{ margin-bottom: 8px;}
}
@media only screen and (min-width: 1024px) and (max-height: 800px) {
    .home2-top .right ul li:nth-child(2){
        padding: 10px 0;
        margin: 10px 0;
    }
    .home7 .foot-txt{ margin: 20px 0;}
    .home4-swiper{ width: 80%;  margin: 0 auto; margin-right: 0;}
    .home4-box .home4-ban1{ width: 33%; left: -15%; bottom: 10px; }
 
    .home4-box .home4-ban1 .w .t1{ margin-bottom: 10%;}
    .home3-swiper .txt-box article{ min-height: 9em;}
}

@media only screen and (min-width: 1024px) and (max-height: 750px) {
    .home7 .foot-top a{ padding: 8px 5px;}
    .home7 .foot-txt .list .w h2{ margin-bottom: 10px;}
    .home7 .foot-txt .list .w .ul p,
    .home7 .foot-txt .list .cont-txt p{ margin-bottom: 5px;}


    .home7 .foot-txt{ padding-top: 1em;}
    .home7 .foot-txt .list .cont-txt{ padding-bottom: 1em;}
    .home7  .foot-txt .list{ width: auto;}
    .home7  .foot-txt .list .w{ padding: 0 2em;}
    .home7  .foot-txt .list:last-child{ width: auto;}
    /* .menu-box li{ margin-bottom: 25px;}
    .menu-box li .child{ padding-top: 5px;} */
}
@media only screen and (min-width: 1024px) and (max-height: 700px) {
    .cover-logo .lange{ margin-top: 30px;}
    .home7-box{ margin: 20px auto 30px;}
    .home7-box .right{ margin-top: 30px;}

    .home2-top-box .txt .date{ margin: 0.3em 0 0.8em;}
    .home2-top-box .img{ width: 45%;}

    .home2-top .right ul li:nth-child(2){ padding: 8px 0; margin:11px 0;}
    .home2-top .right ul li:nth-child(2)::after{ transform: rotate(-1deg);}
    .home2-top .right ul li:nth-child(2)::before{transform: rotate(1deg);}
    .cover-bottom{ bottom: -9%;}
    .home6 .mores{ margin-top: 0; margin-bottom: 0;}

    .home7-box{ margin: 3vh auto 4vh;}
    /* .menu-box li{ margin-bottom: 20px;}
    .menu-box li .child{ padding-top: 0;} */
   
}
@media only screen and (min-width: 1024px) and (max-height: 650px) {
    .header-wrap{ padding: 0 30px; height: 66px;}
    .other-header .header-wrap{ height: 84px;}
    .scrollbody .other-header .header-wrap{height: 84px;}
    .scrollbody .other-header.other-header2 .header-wrap{ height: 60px;}
    .other-header .logo-pc img{ height: 56px;}
    .home5-box li .txt1{ left: 30px;}
    .home2-top .tit2, 
    .home2-top .title,
    .home2-bottom .title    { margin-bottom: 10px;}
    .header-menu{ top: 13px; right: 20px;}
    .home2-top-box .txt{ top: 15px;}
    .home-box .wrap{ padding-top: 72px;}
    .home3-menu-box .right{ margin-bottom: 5%;}
    .home3-swiper{ top: 190px;}
    .home2-top .right .m{ margin-top: 0;}
    .home4-box .bon1 img{ width: 40px; height: 40px;}
  
    .home5-box .wrap{ padding-top: 0;}
    .home2-top .right .m{ margin-top: -8px;}
    
    .home7 .foot-bottom{ padding-top: 1%;}
    .home2-top .right ul li p{ margin-bottom: 0px;}

    .home6-box .txt-box .w{ padding: 20px; padding-left: 30px;}
    .home7 .foot-txt .list:last-child::before,
    .home7 .foot-txt .list::after{ height: 170px;}
    .home6 .mores{ margin-top: 0; margin-bottom: 1%;}
    .footer .wrap{ padding: 0;}
 
    .home7 .foot-txt{ margin: 20px 0 10px;}
    .home7 .footer{ font-size: 12px;}
    .home7 .foot-top a{ font-size: 12px;}
    .home7 .foot-txt .f-18{ font-size: 14px;}
    .home7 .foot-txt .f-14,
    .home7 .foot-txt .f-16{font-size: 12px;}
    .home2-bottom .right li{ margin-bottom: 8px;}
    .home2-top .right .noborder{  padding-bottom: 0;}
    .home2-top .left .txt li{ min-height: 6em;}
    .home2-top{ margin-bottom: 1%;}
    .home2-bottom .left .box .txt li:first-child{ margin-bottom: 10px;}
    .home2 .video-vie{ width: 36%;}
}
@media only screen and (min-width: 1024px) and (max-height: 610px) {
    .home7-box{ margin: calc(2vh) auto calc(3vh);}
}


.ph-menu1{ display: none;}

@media only screen and (max-width: 1023px) {
    .pc-menu1{ display: none;}
    .ph-menu1{ display: block;}
    .login-w{ width: 90%; margin: 50px 0;}
    .login-w .w{ padding: 20px;}
    .forgot-w .t2{ margin-top: 20px;}
    .login-w .bon1,
    .login-w .bon-reg{ height: 40px; line-height: 40px;}
    .login-w .tab-head{ margin-bottom: 20px;}
    .login-w .inp input{ height: 40px;}
    .login-w .ck+span::after{ transform: scale(0.8) translateY(-50%);}
    .login-w .inp{ padding: 0 5px;}

    .page a, .page span{ display: none;}
	
	.page .laypage_prev,
	.page .laypage_next{display: inline-block;}
	.page{ padding-bottom: 10%;}

    .index-body{ overflow:auto;}
    .start-cover{ position: relative; width: auto; height: auto; z-index: auto; margin-top:86px ;}
    .home-box{ height: auto; position: relative;}
    .cover-banner-box{ border-radius: 0;}
    .banner-bon{ border-radius: 0;}
    .cover-logo{ display: none;}
    .cover-banner,
    .banner-yuan,
    .banner1 .swiper-slide,
    .banner-bon .bon-box{ height: 40vw;}

    .header{ background: #fff url(../images/bodybg.jpg) no-repeat; background-size: 100% auto; }
    .header-wrap{ padding: 0 20px; height: 86px;}
    .other-header .header-wrap{height: 86px;}
    .header-menu{ right: 20px;}

    .home2-bottom,
    .home2-top{  flex-direction: column;}

    .home2-top .left,
    .home2-top .right{ width: 100%; margin: 0 0 20px;}

    .home2-top .left{ margin-bottom: 70px;}
    .home2-top .right ul li:nth-child(2)::after, 
    .home2-top .right ul li:nth-child(2)::before{ transform: rotate(0);}

    .home2-bottom .left,
    .home2-bottom .right{ width: 100%; margin: 0 0 20px;}

    .home3-menu-box .left{  margin-right: 30px;}
    
    .home3-menu-box .right{ margin-bottom: 30px;}
    .home3-menu-box .right ul{ font-size: 1.4rem;}
    .home3-menu-box .right li{ margin-right: 1em;}
    .home3-swiper{ top: 0; position: relative; height: 60vw; margin-top: -30px; }
    .home3-swiper .txt-box{ margin-left: 0;}

    .home5-box{ position: relative;}

    .home4-swiper .mores{ top: 0;}
    .home4-box .home4-ban1{ width: 30%; right: 10px;}
    .home4-box .home4-ban1-box{ padding-top: 140%;}
    .home4-box .home4-ban1 .w .p1{ transform: scale(0.8) rotate(-90deg) translateX(-100%);}

    .home5-box .wrap .mores{ top: -30px;}
    .home5-box li .txt2 .box2{ display: none;}
    .home7-box{ margin: 50px auto; width: 100%;}
    .foot-txt .list .w{ padding-left: 1em;}

    .foot-bottom{ padding-bottom: 20px;}
    .home2-top .right{ position: relative;}
    .home2-top .right .m{ position: absolute; right: 0; top: 0.5em; margin-top: 0;}
    .home6 .mores{ position: absolute; right: 0; top: 0.5em; margin-top: 0;}
    .home6-box{ display: block;}
    .home6-box .left{ float:none; width: auto; margin-bottom: 20px;}
    .home6-box .txt-box{ position: relative; width: 100%; bottom: 0;}
    .home6-box .txt-box .w{ min-height: auto;}
    .home6-box .home6-right{ margin-left: -10px;}

    .home2-bottom .left{ margin-bottom: 60px;}
    

    .right-menu{ display: none;}
    .foot-txt{ display: none;}
}
.logo-ph,
.home6-box .home6-right li .p,
.home3-phone,
.foot-phone,
.home33-phone,
.home6-box .home6-right li .w .txt1{ display: none;}

.newsDetails{margin: 0% 0 0% 0;}
.newsDetails .title{ text-align: center;}
.newsDetails .secondary{color: #999999;margin-top: 20px;margin-bottom: 50px; justify-content: center;}
.newsDetails .secondary div{margin: 2%;}
.newsDetails .secondary div img{margin-right: 10px;}
.newsDetails .cont{padding:0 10.53%;}
.newsDetails .xiazai a{margin-top: 5.21%;color: #999;display: block;}

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

    .newsDetails .title{text-align: center;}
	.newsDetails .secondary{flex-direction: column;align-items: center;margin-bottom: 30px;}
	.newsDetails .secondary div{margin-bottom: 5px;}
	.newsDetails .cont{padding: 0;}

	/**
    @font-face{
        font-family: "song";
        src: url(../fonts/song.otf);
    }**/
	
    .home2-top .tit2 .tab-a.cur,
    .song{ font-family: 'song';}
    .header{ background: #fff;}
    .header .logo img{ width: 140px;}
    .header-search { height: 18px;}
   
    .logo-ph{ display: block;}
    .logo-pc{ display: none;}
    .other-header2.other-header .header-wrap .wrap{ height: 51px;}
    .other-header2.other-header .header-wrap{ height: 51px; padding-top: 0;}
    .other-header2 .logo{ display: block;}
    .other-header2 .logo2{ display: none;}
    .header-wrap { padding:0 15px; height: 51px;}
    .scrollbody .other-header .header-wrap,
    .other-header .header-wrap{height: 51px;}
    .other-header .header-right{ flex-direction: row-reverse;}
    .other-header .header-search{ margin-right: 2.8em;}
    .other-header .header-lang{ padding-right: 1.5em;}
    .header-login{ display: none;}

    /* .header-login.log-aft{ display: block;}
    .header-login .aft{ } */
    .menu-box .header-login{ display: block; width: 100%; }
    .menu-box  .header-login .aft{ position: relative; right: 0; top: 0; margin: 0 20px; }
   
    .menu-box .header-login .aft dd{ left: 0; transform: none;}

    .header-menu{ top: 0.6rem; right: 10px;}
    .start-cover{ margin-top: 51px;}
    .cover-banner-box{ bottom: 2px;}

    .wrap{ margin: 0 20px; width:calc(100% - 40px)}
    .home-box .wrap{ padding: 0; }

    .foot-bottom { padding: 50px 0; }
    
    .home7-box .left{ width: 30%;}
    .home7-box .right .w{ background: none; box-shadow: none; padding: 0 10px; font-size: 1.1rem;}
    .home7-box .right{ margin: 0; margin-left: 10px;}

    .home6-box .left,
    .home6-box .home6-right li:nth-child(1){ display: none;}
    .home6-box .home6-right li{ width: 50% !important;}
    .home6-box .home6-right li .img_ratio{ padding-top: 60%;}

    .banner-bon{ display: none;}
    .mores.f-16{ font-size: 1rem;}
  
    .title .f-32{ font-size: 1.8rem;}
    .title .f-16{ font-size: 1rem;}
    .home2 .f-20{ font-size: 1.4rem;}
    .home2 .f-14{ font-size: 1.0rem;}

    .home2-bottom .title{ margin-bottom: 2rem;}

    .home2-top .right ul li p{ margin-bottom: 0;}
    .home2-top-box{ }
    .home2-top-box .img{  width: 39.11%; margin-right: 7%; border-radius: 10px;  overflow: hidden;}
    .home2-top-box .img .img_ratio{ padding-top: 60%;}
    .home2-top-box .txt{ position: relative; width: auto; height: auto; top: auto; background: none; box-shadow: none;}
    .home2-top-box .txt .w{ padding: 0;}
    .home2-top-box .txt .w .p{ display: none;}
    .home2-top-box .txt h3{ font-size: 1.2rem; font-weight: bold; margin-bottom: 1rem;}
    .home2-top-box .txt .date{ font-size: 1rem;}

    .mores a{ padding: 0 1em 0 0; opacity: 0.9;}
    .mores a::after,
     .mores a::before{ width: 0.42em; height: 0.7em; top: 50%; margin-top: -0.35em; bottom: auto; }
     .mores a::after{ background-image: url(../images/jiantou.png);}
     .mores a::before{ background-image: url(../images/jiantou3.png);}

     .home2-bottom .left .box{ display: block;}
     .home2-bottom .left .box .txt{ width: 100%; padding: 0;}
     .home2-bottom .left .box .video-vie{ width: 100%;}
     .home2-top .right ul li:nth-child(2){ padding: 0; text-align: left;}
     .home2-top .right ul li:nth-child(2)::after, .home2-top .right ul li:nth-child(2)::before{ display: none;}
     .home2-bottom .left .box .txt li p{ display: none;}

     .home4-box,
     .home3-menu-box,
     .home3-swiper{ display: none;}

     .home5-box{ overflow: hidden;}
     .home5-box .ul-box{ overflow-x: auto; -webkit-overflow-scrolling: touch; overflow-y:hidden; padding:0 10px; position: relative; top: 20px;}
     .home5-box ul{ white-space: nowrap;  padding-bottom: 20px; width: auto; display: inline-block; }
     .home5-box li { float:none; display: inline-block; width:40vw; }
     .home5-box li a{ display: block; margin: 10px; border-radius: 5px; overflow: hidden; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
     .home5-box .img_ratio{  transform: none !important; box-shadow: none !important; bottom: 0 !important; right: 0 !important; left: 0 !important; top: 0 !important;}
     .home5-box li .txt1 .p1{ width: auto; height: auto; display: block; margin: 0; padding: 0; margin-right: 0.5rem; }
     .home5-box li .txt1{ position: relative; background-color: #fff; left: 0; bottom: 0; display: flex; align-items: f;}
     
     .home6-box .home6-right li .w .txt1{ display: block; position: absolute; left: 0; bottom: 0; right: 0; z-index: 10; padding: 10px; background-image: linear-gradient(to top, rgba(0,0,0,0.8) , rgba(0,0,0,0)); color: #fff;} 
     .home6-box .home6-right li .w .txt1 .p1{ white-space: nowrap; margin-right: 1em;}

     .home6-box .home6-right li .p{ font-size: 0.9rem; margin-top: 1rem; margin-left: 1em; color: #666; display: flex; display: none;}
     .home6-box .home6-right li .p .p1{ margin-right:0.5em ;}

     .home7-box .left .img_ratio{ padding-top: 85%;}
     .home4{ display: block;}
     .home3-phone {overflow: hidden;  display: block;}
     .home3-phone .box{ overflow-x: auto; -webkit-overflow-scrolling: touch; overflow-y:hidden; top: 20px; position: relative;}
     .home3-phone .box ul{ white-space: nowrap; padding: 0 10px;  padding-bottom: 20px; width: auto; display: inline-block; }
     .home3-phone .box ul li { float:none; display: inline-block; width:90vw; }
     .home3-phone .box .box-w{  margin: 10px; border-radius: 5px; overflow: hidden; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); background: #fff;}
     .home3-phone .box .box-w .left{ width: 60%;}
     .home3-phone .box .box-w .left .img_ratio{ padding-top: 100%;}
     .home3-phone .box .box-w .right{ width: 1px; white-space: normal; padding: 1em; text-align: justify;}

     .home3-phone .box .box-w .p1{ text-transform: uppercase; position: absolute; letter-spacing: 8px; white-space: nowrap; transform: rotate(-90deg) translateX(-150px) scale(0.8); transform-origin: left top; font-size: 12px; display: none; }
     .home3-phone .box .box-w .p1 .yel{ color: #9E8048;}
 

     .home33-phone{ display: block; margin: 20px 15px;}
     .home33-phone li{ float: left; width: 33.33%; margin-bottom:10px ;}
     .home33-phone li a{ white-space: nowrap; display: block; margin: 0 5px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); border-radius: 5px; text-align: center;  padding-top: 95%; position: relative; overflow: hidden;}
     .home33-phone li a img{ width:5.1rem; height: 5.1rem; position: absolute; opacity: 0.5; right: 0; bottom: 0;}
     .home33-phone li a p{ position: absolute; left: 1rem; top: 2rem; color: #3F6473; font-size: 1.2rem; font-weight: bold;}
     .home33-phone li a .bm{ position: absolute; right: 1rem; bottom: 1rem;}
     .home33-phone li a .bm p{ position: relative; left: auto; top: 0; padding: 0 2rem 1rem 0; color: #999; font-size: 1rem;}
     .home33-phone li a .bm img{ width: 4rem; height: auto; position: absolute; right: 0; bottom: 0;}
    .index-body{  background: url(../images/phbg.png); background-size: 100% 100%;}
    .footer{ background-color: #F6F6F6; padding: 30px 0 0;}
    .footer-1{ background-color: #EBF4FF; background-size: 50vw auto;}
    .footer-1 .logo_foot img{ width: 50%;}
     .foot-top { display: none;}
     .foot-phone{ display: block;}
     .foot-phone ul a{ display: block;}
     .foot-phone .child{  padding: 1em 0 0 1em; display: none;}
     .foot-phone .child p{ padding-bottom: 1em;}
     .foot-phone .a{ display: block; padding: 10px 0;  border-bottom: 1px solid #dedede; position: relative; font-weight: bold;}
     .foot-phone .a::after{ content: ' '; position: absolute; right: 3px; margin-top: -4px;  top: 50%; background: url(../images/jiantou.png); width: 6px; height: 10px; background-size: 100% 100%; }
     .foot-phone .ch{ position: relative;}
     .foot-phone .ch .a::after{transform: rotate(90deg);}
     .foot-phone .ch::before{ content: ''; position: absolute; width: 100%; height: 100%; right: 0; top: 0; background: #fff; opacity: 0; z-index: 10;}
     .foot-phone .ch.open .a{ color: #c7000c;}
     .foot-phone .ch.open::before{ width: 50%; height: 3em; }
     .foot-phone .ch.open .a::after{transform: rotate(-90deg);}
     .foot-phone .ch.open .child{ display: block; font-size: 0.9em;}
     .foot-phone .bottom{ text-align: center; margin-top: 50px;}
     .foot-phone .bottom span{ margin: 0 10px;}


     .home6-box .home6-right li .w .txt1 .f-24{ font-size: 1.2rem;}
     .home6-box .home6-right li .w .txt1 .p{ font-size: 1rem; display: none;}

     .foot-phone .bottom span{ font-size: 1rem;}
     .home2-top{ margin-bottom: 0;}
     .home2-top .title{ margin: 2.5rem 0 1rem;}
     .home2-top-box{ padding: 1rem 0 0;}
     .home2-top-box .txt .date{ margin: 0.3em 0;}
     .home2-bottom .right li:last-child{margin-bottom: 0;}
     .home3,
     .home2-top .right,
     .home2-bottom .left,
     .home2-bottom .right,
     .home2-top .left{ margin-bottom: 4rem;}
     .home2-bottom .left .box .txt{ margin-bottom: 2rem;}
     .home2-top .tit2{ margin-bottom: 2rem;}
     .home4 .title{ margin-bottom: 0;}
     .home4-swiper .mores{ top: -2.4rem;}
     .home3-phone .box .box-w .t1{ font-size: 1.3rem;}
     .home3-phone .box .box-w .t2{ font-size: 0.9rem; }
     .home4 { margin-bottom: 3rem;}
     .home5 { margin-bottom: 4rem;}
     .home5-box .img{ padding-top: 80%;}
     .home5-box .img .img_ratio img{ object-position: center top;}
     .home5-box .wrap .mores{ top: -2rem;}
     .home5-box{ padding-top:2rem; margin-top: -2.4rem;}
     .home5-box li .txt1{ padding:1rem 0.5rem;}
     .home5-box li .txt1 .p1{ font-size: 1.4rem;}
     .home5-box li .txt1 .p2{ font-size: 1.0rem;}
     .title .a .f-16{ font-size: 1rem;}
     .home6 .mores{ right: 20px;}
     .home7-box{ margin: 2rem 0 4rem;}
     .home7-box .mores{ top: -4.4rem;}
     .foot-bottom{ padding: 2rem 0 4rem;}
     .foot-bottom p{ font-size: 0.9rem;}
     .foot-bottom p a{ display: block; margin-top: 0.3rem;}

     .home5-bg{ display: none;}
     .home6-wrap{ margin-top: 2%;}

     .search-bttom .lab a{ margin-right: 1em;}
     .search-top button,
     .search-top input{ padding: 10px;}
     .search-top{ margin-top: 60px;}


     .contact-1 .bk1-ul li{ float: none; width: auto;}
     .contact-1 .bk1-ul li .w2 dd{ height: auto;}
     .contact-1 .bk1-ul li .w2{ padding: 1em 2em;}
     .contact-1 .bk1-ul li .icon img{ width: 6em; height: 6em;}
     .map-box{ height: 300px;}
     .contact-3 .box{ display: block;}
     .contact-3 .left{ width: auto; margin: 0 0 5%;}

     .contact-4{ background-size: cover;}
     .contact-4 li{ width: 100%; margin-bottom: 5%; }
     
     .contact-5 .box{ width: auto;}
     .contact-5 .ly-box .left{ float: none; width: auto; margin: 0;}
     .contact-5 .ly-box .el-textarea__inner{ height: 8em;}

     .contact-5 .box .tit2{ width: auto;}
     .contact-5 .box .tit2 span{ padding: 0 1em;}



}




.currm-box{ }
.currm-1 .box{ padding-top: 3%;}
.currm-1 .box .left{ line-height: 1.8;}
.currm-1 .box .left p{ margin-bottom: 1em;}
.currm-1 .box .right{ width: 30%; margin-left: 5%;}
.currm-1 .box .right img{ width: 100%; height: auto;}

.currm-2{ padding-top: 5%;}
.currm-2 .art2{ line-height: 1.8; padding-top: 3%;}
.currm-2 .box{ padding-top: 3%;}
.currm-2 .box img{ width: 30%;}
.currm-2 .box li{ flex: 1; text-align: center;}

.currm-3{ padding-top: 9%;}
.currm-3 li{ padding-top: 2em; line-height: 1.8;}
.currm-3 li dt{ margin-bottom: 0.5em;}

.currm-4{ padding-top: 9%; padding-bottom: 2%;}
.currm-4 .art2{ line-height: 1.8; padding-top: 3%;}
.currm-4 .box{ padding-top: 3%;}
.currm-4 .box .w{ align-items: center; flex-direction: row-reverse;}
.currm-4 .box .img_ratio{ padding-top: 56%;}
.currm-4 .box .left{ width: 50%;}
.currm-4 .box .right{ flex: 1;}
.currm-4 .box .right dl{ padding-right: 10%;}
.currm-4 .box .right dt{ margin-bottom: 1em;}
.currm-4 .box li:nth-child(2n) .w{ flex-direction: row;}
.currm-4 .box li:nth-child(2n) .w dl{ padding-left: 10%; padding-right: 0;}

@media only screen and (max-width: 760px) {
    .currm-1 .box{ display: block;}
    .currm-4 .box .left{ width: 100%;}
    .currm-4 .box .w{ display: block;}
    .currm-4 .box .right dl{ padding: 5% !important;}
    .currm-2 .box{ display: block;}
    .currm-2 .box li{ margin-bottom: 2em;}
    .currm-1 .box .right{ width: 80%; margin: 1em  auto;}



}