/*
 *  public.css by 453883682@qq.com
 */
.wow { transition-delay: 0.3s;}
.pc { display: block;}
.mob { display: none;}
.wrap{ width: 90%; max-width: 1470px; padding: 0 15px; margin:0 auto;}


.header{ position: fixed; top: .2rem; left: 0; right: 0; width: 100%; min-width: 320px; padding: 0; z-index: 11; transition: all .3s;}
.hd-con{ padding: 0 3%;}
.logo{ position: relative; height: 110px; z-index: 10;}
.logo a { display: block;}
.logo img { height: 45px; transition: all .3s;}
.hd-right{ position: relative; height: 110px; margin-left: .3rem; z-index: 12;}
.menu-btn{ width: 60px; height: 60px; margin-left: .8rem; border: 1px solid rgba(255, 255, 255, .35); border-radius: 50%; cursor: pointer;}
.menu-btn-line { position: relative; width: 22px; height: 26px; margin: 0 auto;}
.menu-btn-line span { display: block; width: 100%; height: 2px; background: #FFFFFF; position: absolute; left: 0; top: calc((100% - 4px) / 2); transition: all .3s;}
.menu-btn-line span:nth-child(1) { transform: translateY(6px) rotate(0deg);}
.menu-btn-line span:nth-child(2) { width: 18px;}
.menu-btn-line span:nth-child(3) { transform: translateY(-6px) rotate(0deg);}
.menu-btn.active .menu-btn-line span:nth-child(1) { transform: translateY(0) rotate(45deg);}
.menu-btn.active .menu-btn-line span:nth-child(3) { transform: translateY(0) rotate(-45deg);}
.menu-btn.active .menu-btn-line span:nth-child(2) { opacity: 0;}
.hd-lang{ color: #FFFFFF;}
.hd-lang a{ color: #FFFFFF;}
.hd-lang a.active{ color: #FFFFFF;}

/* nav */
.navBox { position: relative; margin: 0 auto; text-align: right; z-index: 9;}
.navList { display: flex; justify-content: flex-end; list-style: none; margin: 0; z-index: 1; transition: all .3s;}
.navList > li { position: relative; margin: 0 .3rem; z-index: 2;}
.navList > li > a { position: relative; display: block; color: #FFFFFF; line-height: 110px; transition: all .3s;}
.navList > li > a > span{ position: relative; display: block;}
.navList > li > a > span::before{ display: block; content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background-color: var(--main-color); border-radius: 2px; transition: all .3s; display: none;}
.navList > li > a:hover,
.navList > li.active > a,
.navList > li.cur > a{ color: #FFFFFF;}
.navList > li > a:hover > span::before,
.navList > li.active > a > span::before,
.navList > li.cur > a > span::before{ left: 0; width: 100%;}
.nav-dropdown{ position: absolute; left: 50%; top: auto; transform: translateX(-50%); width: 340px; padding: .2rem; min-width: 100%; max-height: 70vh; height: auto; color: #333333; z-index: 2; overflow-y: auto; opacity: 0; visibility: hidden; margin-top: 0.1rem; transition: .5s cubic-bezier(.77,0,.175,1); width: auto;}
.nav-dropdown ul{ position: relative; list-style: none; display: flex; flex-wrap: wrap; text-align: center; line-height: 24px; overflow: hidden; display: block;}
/* .nav-dropdown ul::after{ display: block; content: ""; width: 1px; height: 100%; position: absolute; left: 50%; top: 0; background-color: rgba(0, 0, 0, 0.06); margin-left: -1px;} */
.nav-dropdown ul > li{ width: 50%; border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding: .1rem; margin-bottom: -1px; width: 100%; border: none; margin: 0;}
.nav-dropdown ul > li > a{ display: block; color: #FFFFFF; line-height: 24px; padding: .1rem 0; padding: 0; transition: all .3s; white-space: nowrap;}
.nav-dropdown ul > li > a > img{ display: block; max-width: .6rem; margin: 0 auto .1rem;}
.navList > li.cur .nav-dropdown{ opacity: 1; visibility: visible; margin-top: 0;}
.navList.hide{ display: none;}

/* menu */
.menu-bg{ position: fixed; left: 0; top: 0; bottom: 0; width: 100%; padding: .5rem; overflow-y: auto; transform: translateY(-100%); background: url(../img/menu-bg.png) center center no-repeat; background-size: cover; z-index: 11; transition: all .3s;}
.menu-bg::before{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #000000; opacity: .3; z-index: -1;}
.menu-bg.active{ transform: translateY(0);}
.menu-logo{ text-align: center; margin: .5rem 0;}
.menu-logo img{ max-height: .7rem;}
.menu-list{ list-style: none; color: #FFFFFF; padding: .5rem 0; margin: .3rem 0; border-top: 1px solid rgba(255, 255, 255, .35); border-bottom: 1px solid rgba(255, 255, 255, .35);}
.menu-list > li > a{ position: relative; display: block; color: #FFFFFF; line-height: 3;}
.menu-list > li > a::after{ display: block; content: ""; width: 12px; height: 2px; background-color: #FFFFFF;}
.menu-list > li.dropdown > a::before{ position: absolute; right: 0; top: 0; display: block; content: "\f107"; font-family: 'FontAwesome'; transition: all .3s; display: none;}
.menu-list > li.cur > a::before{ transform: rotate(180deg);}
.menu-sub{ list-style: none; padding: .2rem 0;}
.menu-sub > li > a{ display: block; color: #FFFFFF; line-height: 2;}
.menu-sub > li > a:hover{ text-decoration: underline;}
.menu-bot{ display: flex; justify-content: space-between; margin: .3rem -.1rem;}
.menu-bot li{ display: flex; align-items: center; padding: .1rem;}
.menu-bot-icon{ flex-shrink: 0; width: 60px; height: 60px; max-width: .6rem; max-height: .6rem; margin-right: .2rem; border: 2px solid #FFFFFF; border-radius: 50%;}
.menu-bot-right{ flex: auto; overflow: hidden;}
.menu-bot li a{ color: #FFFFFF;}
.menu-bot li a span{ font-size: 125%; letter-spacing: 1px; font-style: italic; font-weight: bold; font-family: 'CenturyGothic';}
.menu-bg::-webkit-scrollbar{ width: 0;}

.menu-list li:nth-last-child(1),
.menu-list li:nth-last-child(2){ /*display: none;*/}

.menu-wechat{ max-width: 120px; width: 50%; margin: .2rem auto; line-height: 1.6;}
.menu-wechat img{ display: block; width: 100%; margin: 0 auto .1rem;}

.foot-index{ position: fixed; left: 0; right: 0; bottom: 0; padding: .2rem 3%; color: #FFFFFF; z-index: 2;}
.foot-index a{ color: #FFFFFF;}
.foot-index a + a::before{ position: relative; content: "|"; padding: 0 .1rem; top: -2px;}
.foot-index a:hover{ text-decoration: underline;}


/* scroll */
.header.scroll{ top: 0; background-color: #FFFFFF; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);}
.header.scroll .logo img{ height: 45px;}
.header.scroll .logo img.show{ display: none;}
.header.scroll .logo img.hide{ display: block;}
.header.scroll .hd-lang{ color: #333333;}
.header.scroll .hd-lang a{ color: #333333;}
.header.scroll .hd-lang a.active{ color: var(--main-color); border-bottom: 1px solid var(--main-color);}
.header.scroll .menu-btn{ border-color: rgba(51, 51, 51, 0.06); border-width: 2px;}
.header.scroll .menu-btn-line span{ background-color: #000000;}
.header.scroll .navList > li > a{ color: #000000;}
.header.scroll .navList > li > a:hover,
.header.scroll .navList > li.active > a,
.header.scroll .navList > li.cur > a{ color: var(--main-color);}
.header.scroll .navList > li > a > span::before{ display: block;}
.header.scroll .nav-dropdown{ background-color: #FFFFFF;}
.header.scroll .nav-dropdown ul > li > a{ color: #333333;}
.open + .header.scroll{ top: 50px;}
.header.scroll .menu-btn.active{ border-color: rgba(255, 255, 255, .35); border-width: 1px;}
.header.scroll .menu-btn.active .menu-btn-line span{ background-color: #FFFFFF;}
.header.scroll .nav-dropdown ul > li > a:hover{ color: var(--main-color);}

/* header white-bg */
.header.white-bg{ position: sticky; top: 0; background-color: #FFFFFF; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);}
.header.white-bg .logo img{ height: 45px;}
.header.white-bg .logo img.show{ display: none;}
.header.white-bg .logo img.hide{ display: block;}
.header.white-bg .hd-lang{ color: #333333;}
.header.white-bg .hd-lang a{ color: #333333;}
.header.white-bg .hd-lang a.active{ color: var(--main-color); border-bottom: 1px solid var(--main-color);}
.header.white-bg .menu-btn{ border-color: rgba(51, 51, 51, 0.06); border-width: 2px;}
.header.white-bg .menu-btn-line span{ background-color: #000000;}
.header.white-bg .navList > li > a{ color: #000000;}
.header.white-bg .navList > li > a:hover,
.header.white-bg .navList > li.active > a,
.header.white-bg .navList > li.cur > a{ color: var(--main-color);}
.header.white-bg .navList > li > a > span::before{ display: block;}
.header.white-bg .nav-dropdown{ background-color: #FFFFFF;}
.header.white-bg .nav-dropdown ul > li > a{ color: #333333;}
.open + .header.white-bg{ top: 50px;}
.header.white-bg .menu-btn.active{ border-color: rgba(255, 255, 255, .35); border-width: 1px;}
.header.white-bg .menu-btn.active .menu-btn-line span{ background-color: #FFFFFF;}
.header.white-bg .nav-dropdown ul > li > a:hover{ color: var(--main-color);}


.header.fixed{ top: 0; background-color: #FFFFFF; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);}
.header.fixed .logo img{ height: 45px;}
.header.fixed .logo img.show{ display: none;}
.header.fixed .logo img.hide{ display: block;}
.header.fixed .hd-lang{ color: #333333;}
.header.fixed .hd-lang a{ color: #333333;}
.header.fixed .hd-lang a.active{ color: var(--main-color); border-bottom: 1px solid var(--main-color);}
.header.fixed .menu-btn{ border-color: rgba(51, 51, 51, 0.06); border-width: 2px;}
.header.fixed .menu-btn-line span{ background-color: #000000;}
.header.fixed .navList > li > a{ color: #000000;}
.header.fixed .navList > li > a:hover,
.header.fixed .navList > li.active > a,
.header.fixed .navList > li.cur > a{ color: var(--main-color);}
.header.fixed .navList > li > a > span::before{ display: block;}
.header.fixed .nav-dropdown{ background-color: #FFFFFF;}
.header.fixed .nav-dropdown ul > li > a{ color: #333333;}
.open + .header.fixed{ top: 50px;}
.header.fixed .menu-btn.active{ border-color: rgba(255, 255, 255, .35); border-width: 1px;}
.header.fixed .menu-btn.active .menu-btn-line span{ background-color: #FFFFFF;}
.header.fixed .nav-dropdown ul > li > a:hover{ color: var(--main-color);}

@media (min-width:1601px){
    .header.white-bg .logo{ height: 90px;}
    .header.white-bg .hd-right{ height: 90px;}
    .header.white-bg .navList > li > a{ line-height: 90px;}
    .header.white-bg .menu-btn{ width: 50px; height: 50px; margin-left: .4rem;}

    .header.fixed .logo{ height: 90px;}
    .header.fixed .hd-right{ height: 90px;}
    .header.fixed .navList > li > a{ line-height: 90px;}
    .header.fixed .menu-btn{ width: 50px; height: 50px; margin-left: .4rem;}
}

/* footer */
.footBg{ position: relative; color: #FFFFFF; line-height: 1.8; background-color: #232323; z-index: 2;}
.footBg a{ color: #FFFFFF; transition: all .3s;}
.footBg a:hover{ color: #FFFFFF;}
.ftTop{ display: flex; padding: .5rem 0 .3rem; border-bottom: 1px solid rgba(255, 255, 255, .12);}
.ftLeft{ flex-shrink: 0; margin-right: 5%;}
.ftLogo{ margin-right: .3rem;}
.ftLogo img{ max-height: 43px;}
.ftShare{ font-size: 0; text-align: right;}
.ftShare li { position: relative; display: inline-block; vertical-align: middle;}
.ftShare li + li{ margin-left: .2rem;}
.ftShare li{ display: none;}
.ftShare li:first-child{ display: inline-block;}
.ftIco{ display: block; width: 42px; height: 42px; border: 2px solid #FFFFFF; border-radius: 50%; background-position: center center; background-size: cover; background-repeat: no-repeat; transition: all .3s ease;}
.ftIco:hover{ background-color: var(--main-color); border-color: var(--main-color);}
.ftIco1{ background-image: url(../img/icon_share_01.png);}
.ftIco2{ background-image: url(../img/icon_share_02.png);}
.ftIco3{ background-image: url(../img/icon_share_03.png);}
.ftIco4{ background-image: url(../img/icon_share_04.png);}
.ftIco5{ background-image: url(../img/icon_share_05.png);}
.ftCode{ position: absolute; left: 50%; bottom: 100%; margin-left: -55px; margin-bottom: 24px; width: 110px; height: auto; padding: 1px; background-color: #FFFFFF; opacity: 0; visibility: hidden; border-radius: 5px 5px 0 0; transform: translateY(-5px); filter: drop-shadow( 0 0 10px rgba(0,0,0,0.1)); transition: all .3s ease; z-index: 2;}
.ftCode::before{ display: block; content: ""; width: 0; height: 0; position: absolute; left: 50%; top: 100%; margin-left: -8px; border-top: 10px solid #FFFFFF; border-left: 8px solid transparent; border-right: 8px solid transparent;}
.ftCode img{ display: block; width: 100%; height: auto;}
.ftIco:hover + .ftCode{ opacity: 1; visibility: visible; transform: translateY(0);}
.ftCen{ padding: .5rem 0;}
.ftNav{ flex: auto; overflow: hidden;}
.ftNav li:nth-last-child(1),
/*.ftNav li:nth-last-child(2){ display: none;}*/
.ftNav > li > a{ display: block; margin-bottom: .1rem;}
.ftNav > li > a::after{ display: block; content: ""; width: 12px; height: 2px; margin: .1rem 0; background-color: #FFFFFF;}
.ftNav-sub{ list-style: none;}
.ftNav-sub > li > a{ color: rgba(255, 255, 255, .4);}
.ftWx{ flex-shrink: 0; margin-left: auto; text-align: center; max-width: 316px; width: 26%;}
.ftWx li{ width: 50%;}
.ftWx li + li{ margin-left: .26rem;}
.wxImg{ width: 100%;}
.wxImg img{ width: 100%; height: auto;}
.wxText{ color: rgba(255, 255, 255, .4); margin-top: .1rem;}
.ftBot{ border-top: 1px solid rgba(255, 255, 255, .12); padding: .3rem 0;}
.ftBot a{ color: rgba(255, 255, 255, .4);}
.ftBot a:hover{ color: #FFFFFF; text-decoration: underline;}
.copyright{ line-height: 1.8; color: rgba(255, 255, 255, .4);}
.ftLink{ color: rgba(255, 255, 255, .4);}
.ftLink a + a{ margin: 0 .04rem;}
.ftLink a + a::before{ color: rgba(255, 255, 255, .4); content: "|"; position: relative; top: -1px; margin: 0 .1rem 0 .06rem;}
.ftLink a:hover::before{ color: rgba(255, 255, 255, .4);}

.banIn{ position: relative; height: 100vh; overflow: hidden; z-index: 2;}
.inImg{ position: relative; width: 100%; height: 100%; background-attachment: fixed;}
.inImg::before,
.inImg::after{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.inImg::before{ background-color: #000000; opacity: .3;}
.inImg::after{ background-color: #010952; opacity: .1;}
.inImg::after{ background: url(../images/ban-mask.png) center center no-repeat; background-size: cover;}
.inText{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #FFFFFF; z-index: 1; background-color: rgba(0, 0, 0, 0.3);}
.inTit{ line-height: 1.2; margin: .1rem auto; font-weight: normal; letter-spacing: .07em;}
.inDes{ max-width: 830px; line-height: 1.6; margin: .1rem auto; max-width: 100%;}
.inDes ul{ max-width: 830px; margin: .5rem auto 0; line-height: 1.2;}
.inDes ul li{ flex: auto;}
.inDes ul li strong{ font-size: 330%;}
.inArrow{ position: absolute; left: 0; right: 0; bottom: .46rem; margin: 0 auto; width: 60px; height: 60px; max-width: .6rem; max-height: .6rem; border: 1px solid rgba(255, 255, 255, .35); border-radius: 50%; z-index: 1; cursor: pointer; transition: all .5s;}
.inArrow i{ display: block; position: absolute; font-weight: bold; animation: inArrow 2s linear infinite;}
.inArrow:hover{ border-color: #FFFFFF;}
.inArrow:hover i{ animation: none;}

.banIn-mini{ height: 540px;}
.banIn-mini .inImg{ background-position: center center !important; background-attachment: scroll;}

.banIn-680{ height: 680px; height: 540px;}
.banIn-680 .inImg{ background-position: center center !important; background-attachment: scroll;}
.banIn-680 .inImg::before,
.banIn-680 .inImg::after{ display: none;}

.mainBg{ position: relative; z-index: 2;}
.grayBg{ background-color: #FAFAFA;}

/* breadNav */
.bread-nav-bg{ border-bottom: 1px solid rgba(0, 0, 0, 0.06);}
.bread-nav-logo{ flex-shrink: 0; min-width: .8rem; margin-right: .2rem; background-color: var(--main-color);}
.bread-nav-logo img{ max-width: 40%;}
.bread-nav-list{ flex: auto; color: #999999; line-height: 40px; margin: .2rem 0; overflow: hidden; background: url(../images/address.png) left 10px no-repeat; padding-left: 26px;}
.bread-nav-list li{ position: relative; display: inline-block; vertical-align: middle; font-size: 16px;}
.bread-nav-list li span,
.bread-nav-list li a{ display: inline-block; vertical-align: middle; font-size: 16px; color: #999999;}
.bread-nav-list li + li + li::before{ display: inline-block; vertical-align: middle; content: " > "; font-size: 16px; margin: 0 .1rem;}
.bread-nav-list li a:hover{ color: var(--main-color);}

/* sort */
.sort-bg{ overflow: hidden;}
.sort-list{ list-style: none; display: flex; flex-wrap: wrap; overflow: hidden; border-bottom: 1px solid rgba(0, 0, 0, 0.08); font-weight: bold;}
.sort-list li{ flex: auto;}
/* .sort-list li + li{ margin-left: .6rem;} */
.sort-list li a{ position: relative; display: block; line-height: 80px; color: #333333; transition: all .3s;}
.sort-list li a::after{ display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background-color: var(--main-color);}
.sort-list li:not(.active) a:hover{ color: var(--main-color);}
.sort-list li.active a{ color: var(--main-color);}
.sort-list li.active a::after{ width: 100%;}

/* 页码 */
.page{ margin: .6rem 0; text-align: center;}
.page p,
.page input,
.page a,
.page span{ display: inline-block; vertical-align: middle; text-align: center; line-height: 24px; font-size: 16px; color: #333333; margin: 0 .1rem; font-family: 'CenturyGothic'; font-weight: bold;}
.page a:hover{ color: var(--main-color);}
.page a.active{ color: var(--main-color); border-bottom: 2px solid var(--main-color);}
.page a.prev{ font-size: 20px;}
.page a.next{ font-size: 20px;}
.page p{ margin: 0 .15rem;}
.page input{ width: 42px; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 4px; line-height: 24px; margin-top: -4px; color: #999999; padding-top: 4px;}

.box-more{ display: block; color: #FFFFFF;}
.box-more span,
.box-more a{ display: inline-block; width: 200px; line-height: 50px; color: #FFFFFF; background-color: var(--main-color); text-align: center; transition: all .3s;}
.box-more i{ display: inline-block; vertical-align: bottom; font-size: 110%; margin-left: .1rem; transition: all .3s;}
.box-more span:hover i,
.box-more a:hover i{ transform: rotate(45deg);}

.box-more.border span,
.box-more.border a{ color: var(--main-color); background:none; border: 1px solid var(--main-color);}
.box-more.border span:hover,
.box-more.border a:hover{ background-color: var(--main-color); color: #FFFFFF;}

.load-more{ display: block; margin: 0.5rem 0; text-align: center;}
.load-more a{ display: inline-block; vertical-align: middle; color: #999999; line-height: 2; cursor: pointer;}
.load-more a i{ display: inline-block; vertical-align: baseline; margin-right: .1rem; animation: aniCircle 1s linear infinite;}
.load-more a:hover{ color: var(--main-color);}

.box-title{ margin: .3rem 0;}
.box-title-h2{ color: #252525; line-height: 1.2; margin: .1rem 0; font-weight: normal;}
.box-title-des{ color: #5C5C5C;}
.box-title.white .box-title-h2,
.box-title.white .box-title-des{ color: #FFFFFF;}

.anchor{ padding-top: 110px; margin-top: -110px;}

@media (max-width:1600px) {
    .wrap{ max-width: 1230px;}
    .logo{ height: 80px;}
    .logo img{ height: 38px;}
    .hd-right{ height: 80px;}
    .menu-btn{ width: 50px; height: 50px; margin-left: .4rem;}
    .navList > li > a{ line-height: 80px;}
    
    .header.scroll .logo img{ height: 42px;}
    .header.white-bg .logo img{ height: 44px;}
    .open + .header.scroll{ top: 50px;}
    .header.fixed .logo img{ height: 44px;}

    .banIn-mini{ height: 480px;}
    .banIn-680{ max-height: 30vw;}

    
    
    .bread-nav-list{ margin: .1rem 0;}
    .bread-nav-list li,
    .bread-nav-list li a,
    .bread-nav-list li span,
    .bread-nav-list li + li::before{ font-size: 14px;}
    
    /* .sort-list li + li{ margin-left: .4rem;} */
    .sort-list li a{ line-height: 64px;}

    .box-more span,
    .box-more a{ width: 160px; line-height: 42px;}

    .anchor{ padding-top: 80px; margin-top: -80px;}
}
@media (max-width:1400px) {
    .menu-btn{ width: 44px; height: 44px; margin-left: .4rem;}
    .menu-btn-line{ height: 22px;}

    .open + .header.scroll{ top: 50px;}

    .banIn-mini{ height: 400px;}
    .bread-nav-list{ background-position: left 12px;}
}
@media (min-width:1200px) {
    .navBox{ display: block !important;}
}
@media (max-width:1200px) {
    .wrap{ width: 100%; padding: 0 .3rem;}
    .header{ top: 0;}
    .hd-con{ padding: 0 .3rem;}
    .logo{ height: 60px;}
    .hd-right{ height: 60px;}
    .menu-btn{ width: 38px; height: 38px; margin-left: .2rem;}
    .menu-btn-line{ height: 16px;}
    .navBox { display: none;}
    .menu-bg{ display: block; padding: .3rem 0;}
    .menu-sub{ display: none;}
    .menu-list{ display: block; padding: .3rem 0;}
    .menu-list > li > a{ display: block; font-size: 16px; line-height: 2.4;}
    .menu-list > li > a::after{ display: none;}
    .menu-list > li.dropdown > a::before{ display: block;}
    .menu-sub{ padding-top: 0; padding-left: .3rem;}
    .menu-sub > li > a{ font-size: 14px;}

    .menu-bot{ display: block;}
    .menu-bot li{ width: 100%;}
    .menu-bot-icon{ width: 40px; height: 40px;}

    .open + .header.scroll{ top: 40px;}

    .ftTop{ padding: .3rem 0;}
    .ftLogo{ margin-right: .2rem;}
    .ftLogo img{ height: 36px;}
    .ftIco{ width: 36px; height: 36px; border-width: 1px;}
    .ftShare li + li{ margin-left: .1rem;}
    .ftCen{ padding: .3rem 0;}
    .ftWx li + li{ margin-left: .15rem;}
    .ftCode{ width: 100px;}
    .ftBot{ display: block; text-align: center; padding: .2rem 0;}
    .ftLink,
    .copyright{ margin: .1rem 0;}

    .banIn-mini{ height: 3.6rem;}
    .banIn-680{ max-height: none; height: 4rem;}

    .main-top{ display: block; padding: .15rem 0 0;}
    .bread-nav-bg .wrap{ padding: 0; padding-right: .3rem;}
    .bread-nav-logo{ width: .6rem; min-width: 40px; margin-right: .1rem;}
    .bread-nav-list{ line-height: 32px; background-position: left 8px; padding-left: 20px;}
    .sort-list{ margin: .1rem -.1rem;}
    .sort-list li{ padding: 0 .1rem;}
    .sort-list li + li{ margin-left: 0;}
    .sort-list li a{ line-height: 24px; padding: .1rem 0;}
    .sort-list li a::after{ height: 2px;}

    .anchor{ padding-top: 60px; margin-top: -60px;}
}

@media (max-width:991px) {
    .ftCen{ display: none;}
    .ftNav{ display: block;}
    .ftNav > li{ margin: .1rem 0;}
    .ftNav > li > a{ margin-bottom: 0;}
    .ftNav > li > a::after{ display: none;}
    .ftNav-sub{ display: flex; flex-wrap: wrap; margin: 0 -.1rem;}
    .ftNav-sub li{ padding: 0 .1rem;}
    .ftWx{ margin: 0 auto; width: 70%;}

}
@media (max-width:767px) {
    .inImg{ background-position: center center !important; background-attachment: scroll !important;}
    .foot-index-con{ justify-content: center; text-align: center;}
    .foot-index-con p:last-child{ display: none;}
    .ftTop{ display: block;}
    .ftLeft{ display: block; text-align: center; margin: .1rem 0;}
    .ftLogo{ margin: 0;}
    .ftSlogan{ margin-top: .2rem;}
    .ftShare{ text-align: center; margin-top: .3rem;}
    .ftIco{ width: 32px; height: 32px;}
}
@media (max-width:640px) {
    .navList > li > a{ font-size: 14px;}
    .bread-nav-list{ line-height: 22px; background-size: 14px auto; background-position: left 5px;}
    .bread-nav-list li,
    .bread-nav-list li a,
    .bread-nav-list li span,
    .bread-nav-list li + li::before{ font-size: 12px;}
    .bread-nav-list li + li + li::before{ font-size: 12px; margin: 0 2px;}
        
    .page{ margin: .3rem 0;}
    .page p{ display: block; margin: .2rem 0;}
    .page p,
    .page input,
    .page a,
    .page span{ font-size: 14px;}
}
@media (max-width:460px) {     
    .menu-bot-icon{ border-width: 1px;}
    
    .banEn{ font-size: 12px; letter-spacing: .4em;}
    .banEn img{ margin-right: .4em;}

    .inArrow{ max-width: .8rem; max-height: .8rem;}
    .inArrow i{ font-size: 12px;}

    .bread-nav-list li a,
    .bread-nav-list li span,
    .bread-nav-list li + li::before{ font-size: 14px;}
    .bread-nav-list li{ max-width: 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    
    .box-more span,
    .box-more a{ width: 140px; line-height: 38px;}

    .load-more span{ max-width: 100%; line-height: 36px;}
    .load-more span i{ width: 16px; height: 16px;}

    .box-title-des{ max-width: 90%; margin: 0 auto;}
}