@charset "utf-8";

/*a,article,body,canvas,div,em,figcaption,figure,footer,h1,h2,hgroup,input,li,ol,p,section,small,span,ul{padding:0;margin:0}
*/

 

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0; 
}
 
body {
    background-color: #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 12px; 
}

a,
a:hover {
    color: inherit
}

img {
    display: block;
    max-width: 100%
}

body,
html {
    font-family: "Microsoft yahei";
    color: #3e3e3e;
    width: 100%; 
}
 

img {
    border: none;
    vertical-align: middle
}

input:focus {
    outline: 0 none;
    -webkit-user-modify: read-write-plaintext-only;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

input[type=search] {
    -webkit-appearance: none
}

[hidden] {
    display: none!important
}

a {
    text-decoration: none;
    cursor: pointer;
    outline: 0
}

a.autotel {
    text-decoration: none;
    color: inherit
}

small,
small em {
    font-size: 15px;
    font-style: normal
}

em {
    font-style: normal
}

ul,li {
    list-style: none !important;
    list-style-type: none !important
}

html {
    font-size: 32px
}
 
 
.clear:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}
 

.left {
    float: left
}

.right {
    float: right
}
.auto {
    display: block;
    margin: auto
}

.clear {
    clear: both;
}

.fr {
    float: right;
}

.fl {
    float: left;
}
h1,h2,h3,h4{font-family: "SourceHanSansCN-bold";}
@media screen and (min-width: 1024px) {
    html {
        font-size: 53.3333px;
    }
}

@media screen and (min-width: 1280px) {
    html {
        font-size: 66.6666px;
    }
}

@media screen and (min-width: 1366px) {
    html {
        font-size: 81.1458px;
    }
}

@media screen and (min-width: 1440px) {
    html {
        font-size: 85px;
    }
}

@media screen and (min-width: 1680px) {
    html {
        font-size: 95.7778px;
    }
}

@media screen and (min-width: 1920px) {
    html {
        font-size: 100px;
    }
}
.header {
     width: 100%;
     display: flex;
     position: fixed;
     top: 0;
     padding: 0 3%;
     justify-content: space-between;
     align-items: center;
     -webkit-transition: all .5s;
     z-index: 9999;
     background: #fff;
 }
 
 .header.active2 {
     background: transparent;
 }
 
 .header.active2 .nav ul li a {
     color: white;
 }
 
 .header.active {
     background: #fff;
 }
 
 .header .nav ul li a {
     color: #3e3e3e;
     -webkit-transition: all .45s;
     position: relative;
 }
 
 .header .nav ul li a:after {
     content: "";
     position: absolute;
     width: 0;
     height: 3px;
     background: #d0111b;
     transition-duration: .5s;
     bottom: 0;
     left: 15%;
 }
 
 .header .nav ul li a:hover:After {
     width: 70%;
 }
 
 .header.active .nav ul li a {
     color: #3e3e3e;
 }
 
 .header.active .nav ul li a:hover {
     color: #d70c25;
 }
 
 .nav ul li ul {
     width: 100%;
     position: absolute;
     display: block;
     background: white;
     opacity: 0;
     pointer-events: none;
     transition: .5s all;
     border: 1px solid rgba(0, 0, 0, 0.05);
     border-top: transparent;
 }
 
 .nav ul li.has2.active ul {
     opacity: 1;
     pointer-events: all;
 }
 
 .nav ul li ul li {
     width: 100%;
     margin: 0;
 }
 
 .nav ul li ul li a {
     line-height: inherit;
     justify-content: inherit;
     display: block;
     padding: .8vw 0;
     color: #3e3e3e;
 }
 
 @keyframes buttonHoverKey {
     0% {
         opacity: 1;
         transform: translateY(0%);
     }
     40% {
         opacity: 0;
         transform: translateY(-10%);
     }
     40.5% {
         opacity: 0;
         transform: translateY(30%);
     }
     100% {
         opacity: 1;
         transform: translateY(0%);
     }
 }
 
 .subHeader {
     width: 100%;
     height: 0px;
     position: fixed;
     left: 0%;
     top: 0%;
     -webkit-transition: all .55s ease;
     opacity: 0;
     visibility: hidden;
     padding-top: 85px;
     background: #fff;
     padding-bottom: 0.7rem;
     pointer-events: none;
     z-index: 400;
 }
 
 .subHeader.active {
     height: 70px;
     opacity: 1;
     visibility: visible;
     pointer-events: all;
 }
 
 .subMenuBar a .icon {
     width: 40px;
     height: 40px;
     position: relative;
     background: url(../images/menu_icon.png) no-repeat;
 }
 
 .subMenuBar a.sj .icon {
     background: transparent;
     padding: 2px;
 }
 
 .subMenuBar a p {
     display: block;
     width: 70px;
     line-height: 40px;
     font-size: 16px;
     margin-left: 5px;
 }
 
 .subNav {
     width: 100%;
     height: auto;
     position: relative;
     padding: 0px 3%;
     border-top: 1px solid #e5e5e5
 }
 
 .subNav ul {
    display: flex;justify-content: center;align-items: center;
     opacity: 0;
     visibility: hidden;
     width: 100%;
     height: auto;
     position: absolute;
     left: 0%;
     top: 0%;
    border-top:1px solid #e5e5e5
 }
 
/* .subNav ul li:nth-child(1) {
     color: #fff;
     font-weight: bold;
 }
 
 .subNav ul li:nth-child(1) a {
     color: #fff;
 }*/
 
 .subNav ul li {
    
     position: relative;
     float: left;
     opacity: 0;
     -webkit-transform: translateY(5%);
 }
 
 .subNav ul.active li {
     opacity: 1;
     -webkit-transform: translateY(0%);
     -webkit-transition: all .5s;
 }
 
 .subNav ul.active li:nth-child(2) {
     -webkit-transition: all .5s ease .1s;
 }
 
 .subNav ul.active li:nth-child(3) {
     -webkit-transition: all .5s ease .2s;
 }
 
 .subNav ul.active li:nth-child(4) {
     -webkit-transition: all .5s ease .3s;
 }
 
 .subNav ul.active li:nth-child(5) {
     -webkit-transition: all .5s ease .4s;
 }
 
 .subNav ul.active li:nth-child(6) {
     -webkit-transition: all .5s ease .5s;
 }
 
 .subNav ul.active li:nth-child(7) {
     -webkit-transition: all .5s ease .6s;
 }
 
 .subNav ul li a {
     display: block;
     width: 100%;
     line-height: 0.7rem;
     position: relative;
     font-size: 0.18rem;
     color: #555;
     -webkit-transition: all .35s; padding-left: 2vw;
     padding-right: 2vw;
 }
 
 .subNav ul li a:hover {
     color: #fff;
     font-weight: bold; background: linear-gradient(left , rgb(163, 36, 61) 7% , rgb(195, 32, 50) 43%);
background: -o-linear-gradient(left , rgb(163, 36, 61) 7% , rgb(195, 32, 50) 43%);
background: -ms-linear-gradient(left , rgb(163, 36, 61) 7% , rgb(195, 32, 50) 43%);
background: -moz-linear-gradient(left , rgb(163, 36, 61) 7% , rgb(195, 32, 50) 43%);
background: -webkit-linear-gradient(left , rgb(163, 36, 61) 7% , rgb(195, 32, 50) 43%);

 }
 
 .subNav ul.active {
     opacity: 1;
     visibility: visible;
 }
 
 .logo {
     width:2.4rem;
     position: relative;
 }
 
 .socail {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 
 .socail a,
 .socail .a {
     width: 26px;
     height:26px;
     border-radius: 50%;
     position: relative;
     display: block;
     margin-left: 0.2rem;
 }
 
 .socail .yy {
     text-align: center;
     line-height: 26px;
     font-size: 0.2rem;
 }
 
 .socail P {
     position: relative;
     z-index: 3;
 }
 
 .socail .yy:hover p {
     color: #fff;
 }
 
 .socail a::before,
 .socail .a::before {
     width: 100%;
     height: 100%;
     background: #d70c25;
     position: absolute;
     left: 0%;
     top: 0%;
     content: '';
     -webkit-transition: all .35s;
     -webkit-transform: scale(0);
     opacity: 0;
     border-radius: 50%;
 }
 
 .socail a:hover::before,
 .socail .a:hover::before {
     -webkit-transform: scale(1);
     opacity: 1;
 }
 
 .socail .icon {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0%;
     top: 0%;
     cursor: pointer;
 }
 
 .socail .icon::after {
     width: 26px;
     height:26px;
     position: absolute;
     left: 0px;
     top: 0px;
     content: '';
     background: url(../images/ss.png) no-repeat center;
     transition-duration: .5s; background-size:contain;
 }
 
 .socail .kf:hover .icon::after {
     background: url(../images/ss1.png) no-repeat center;
     background-size: 0.2rem 0.2rem;
 }
 
 .nav {
     width: calc(100% - 8rem);
 }
 
 .nav ul {
     width: 100%;
     display: flex;
     justify-content: space-between;
 }
 
 .nav ul li {
     width: calc(100% / 8);
     position: relative;
 }
 
 .nav ul li a {
     width: 100%;
     display: block;
     position: relative;
     text-align: center;
     line-height: 0.36rem;
     font-size: 18px;
     /*font-weight: bold;*/
     color: #fff;
     display: flex;
     justify-content: center;
     padding: 25px 0px;
 }
 
 /*移动端菜单*/
 .mobile{width: 100%; z-index: 999; position: fixed; top: 0; left: 0; height: 55px; background: #fff; display:none;}
.mobile-inner{ margin-right: auto;margin-left: auto;background-color: #fafafa; position: relative;}

.mobile-inner-header{width: 100%; height: 55px; position: fixed; top: 0; left: 0;background: #fff;}
.mobile-inner-header-icon{color: #ffffff;background: #d0111b; height: 55px; font-size:25px; text-align: center; float:right; width: 55px; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon span{position: absolute; left: calc((100% - 25px) / 2); top: calc((100% - 5px) / 2); width: 30px; height: 3px; background-color: #fff;transition-duration: 0.5s;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(10px) rotate(0deg); }
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-10px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(3){ width:20px;}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst;}   
.mobile-inner-header-icon-click span:nth-child(2){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond;}
.mobile-inner-header-icon-out span:nth-child(1){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst; }   
.mobile-inner-header-icon-out span:nth-child(2){ animation-duration: 0.5s;animation-fill-mode: both; animation-name: outsecond; }
.mobile-inner-nav{ background:#d0101b; width: 100%; position: absolute; top: 55px;left: 0px; display: none;}
.active_mobile span:nth-child(3){ opacity:0;}
.active_mobile span:nth-child(1){transform: rotate(45deg);width: 30px;}
.active_mobile span:nth-child(2){transform: rotate(-45deg);width: 30px;}
.subNavBox2{width:100%;}
.subNav2{display: block;
  width: 100%;
  border-bottom: 1px solid #eb313c;
  line-height: 50px;
  font-size: 16px;
  color: #555;
  padding:0 15px;
  background: url(../images/jia2.png) no-repeat 96% center;
  color:#fff;
}

.currentDt2{
	background: url(../images/jian2.png) no-repeat 96% center #db2832;
}
.navContent2{display: none; border-bottom: 1px solid #d6d6d6; padding:10px 0; background:#db2832;}
.navContent2 li{ line-height:30px;}
.navContent2 li a{display:block; font-size:14px; color:#fff; padding-left: 40px;}
 
.xg-mobile-bt{ font-size:16px; padding:10px 20px;}
.xg-mobile-bt a{ color:#fff; position:relative; padding-left:20px;}
.xg-mobile-bt a:before{content: '';
    width: 15px;
    height: 15px;
    background: url(../images/m_anniu1.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 2px;
    background-size: cover;}
/*菜单结束*/



@media screen and (max-width: 768px) {
	.right-nav{ display:none;}
	.mobile{ display:block;}
 .logo{float: left;  margin-left: 2%; height:55px; display: flex;justify-content: center;align-items: center;}
 .socail{ height:55px; padding-right:15px;}

 
	
	 
}

 
 
 
 
 
 
 
 
 
  .foot-warp {
     width: 100%;
     background: url(../images/foot-bg.jpg)no-repeat;
     background-size: 100% 100%;
     min-height: 7.2rem;
     padding: 0.9rem 4% 0 4%;
     position: relative;
 }
 
 .foot-logo {
     margin: 0 auto;
     display: table;
     transform: translateY(-100px);
     transition: 1.5s all;
     opacity: 0;
 }
 
 .foot-logo.active {
     opacity: 1;
     transform: translateY(0)
 }
 
 .foot-select {
     width: 3.15rem;
     display: table;
     margin: 0.3rem auto;
 
     transform: translateY(100px);
     transition: 1.5s all;
     opacity: 0; position:relative; z-index:10;
 }
   
	
	
	
 .foot-select.active {
     opacity: 1;
     transform: translateY(0)
 }
 
 .foot-select h1 {
     width: 100%;
     border-radius: 0.5rem;
     border: 1px solid #fff;
     outline: none;
     height: 0.5rem;
     color: #fff;
     background: none;
     font-size: 0.2rem;
     padding: 0 0.2rem;
	 display: flex;
    justify-content: space-between;align-items: center; font-weight:normal;
 }
 .foot-select ul{ position:absolute; width:100%; top:0.5rem; left:0;  z-index:10; display:none}
 .foot-select ul li a{ display:block; line-height:0.35rem; font-size:0.17rem; background:#fff; text-align:center; border-bottom:1px solid #eee;}
 .foot-select ul li a:hover{ color:#d70c25}
 
 
 .foot-nav {
     width: 100%;
     margin-top: 0.6rem;
     transform: translateY(100px);
     transition: 1.5s all;
     opacity: 0; z-index:6;
 }
 
 .foot-nav .active {
     opacity: 1;
     transform: translateY(0)
 }
 
 .foot-nav dl {
     width: 12.5%;
     float: left;
     margin-right: 2.08%;
 }
 
 .foot-nav dl dt {
     height: 0.38rem;
     line-height: 0.3rem;
     background: url(../images/f-nav-bg.png) no-repeat left bottom;
     color: #fff;
     font-size: 0.21rem;
     margin-bottom: 0.1rem; cursor:pointer;
 }
 .foot-nav dl div{ opacity:0; transform:translateY(10px); }
 .foot-nav dl:hover div{ opacity:1;transform:translateY(0px);}
 .foot-nav dl dd {
     line-height: 0.4rem;
     font-size: 0.18rem;
     color: #fff;
     opacity: 0.4; transition-duration:.5s;
 }
 
 .foot-nav dl:nth-child(7) {
     margin-right: 0;
 }
 .foot-nav dl dd:hover{ opacity:1;}
 
 .foot-copy {
     width: 92%;
     border-top: 2px solid #8d9299;
     position: absolute;
     padding-top: 0.1rem;
     padding-bottom: 0.15rem;
     color: #fff;
     bottom: 0;
     transform: translateY(100px);
     transition: 1.5s all;
     opacity: 0;
 }
 
 .foot-copy.active {
     opacity: 1;
     transform: translateY(0)
 }
 
 .foot-copy .left-text {
     display: table;
     font-size: 0.18rem;
     line-height: 0.34rem;
 }
 
 .foot-right {
     padding-top: 0.12rem;
 }
 
 .foot-right .icon-list li {
     width: 0.4rem;
     height: 0.4rem;
     border: 1px solid #fff;
     border-radius: 100%;
     float: left; cursor:pointer; position:relative; transition-duration:.5s;
 }
   
 .foot-right .icon-list li:nth-child(2) {
     margin-left: 0.2rem;
 }
 .foot-right .icon-list li dl{ position:absolute;display: flex;justify-content: center;align-items: center; bottom:110%; opacity:0; right:-40%; transform:translateY(-30px); transition-duration:.5s;}
  .foot-right .icon-list li dl dd{ width:100px; margin:0 10px; text-align:center; background:#fff; color:#333;}
 .foot-right .icon-list li:hover dl{ opacity:1;transform:translateY(0);}
 
 .foot-right .a-list span {
     display: inline-block;
     margin-left: 0.3rem;
     line-height: 0.5rem;
     font-size: 0.2rem;
 }
 .habit-box{position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    z-index: 9999; display:none;
    }
.habit-box .flex{ position:absolute; width:100%; height:100%; top:0; left:0;display: flex;justify-content: center;align-items: center;}
.modal-dialog{ width:80%; margin:0 auto;    background:#fff;  border-radius: 10px; padding:0.4rem 0.3rem; position:relative;}	
.moda-ti{ font-size:0.32rem; border-bottom:1px solid #e5e5e5; padding-bottom:0.2rem; margin-bottom:0.3rem;}
.habit-colse{ position:absolute; top:0.4rem; right:0.4rem; color:#fff; cursor:pointer; font-size:24px; font-weight:normal;}
.cookies-list{  }
.habit{ cursor:pointer;}
.habit:hover{ color:#d70c25;}
.cookies-list dl{ width:100%; border-bottom:1px solid #e5e5e5;padding-bottom:0.2rem; margin-bottom:0.3rem; position:relative;}
.cookies-list dl dt h1{ font-size:0.2rem; font-weight:bold;  }
.cookies-list dl dt p{ position:absolute; right:0;}
.cookies-list dl dt p.on{ float:right;background:#d0111b; font-size:14px;height: 25px; width:25px; border-radius:50%; color:#fff; text-align:center; line-height:25px;}
.cookies-list dl:last-child{ margin-right:0;}
.cookies-list dl dd{ font-size:0.18rem; line-height:1.5; text-align:justify; width:80%; text-align:justify;}
.modal-footer{  text-align:center; }
.modal-footer button{background:#d0111b;color: rgb(255, 255, 255); font-size:0.17rem;border-color: transparent; padding:8px 0.8rem; border-radius:20px;}
.switch {
    margin: 0;
    padding: 0;
    color: var(--black);
    font-size: var(--fz_14);
    font-variant: tabular-nums;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 48px;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; background:#d0111b; color:#fff;
}
.fr {float:right}
.m_cont_inner>.switch {
    margin-top: 0;
}

.switch_bg {
    background-color: rgba(0, 0, 0, 0.25);
}

.switch .switch_dot {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.switch .switch_dot::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--white);
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    content: '';
}

.switch.switch_checked .switch_dot {
    left: calc(100% - 18px - 2px);
}

.switch .switch_inner {
    display: block;
    margin: 0 8px 0 24px;
    color: var(--white);
    font-size:15px;
    -webkit-transition: margin 0.2s;
    transition: margin 0.2s;
    text-indent: 0;
}

.switch .switch_inner .ic {
    font-size: 14px;
}

.switch.switch_checked .switch_inner {
    margin: 0 24px 0 8px;
    text-indent: 0;
}
:root {   
    --white: #ffffff;
}


/*搜索框弹出*/
.animated{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
#dialogBg{width:100%;height:100%;background: rgba(0,0,0,0.7); position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{ width: 450px; height: 140px; margin: 0 auto; display: none;   position: fixed; top: 50%; left: 50%; margin: -70px 0 0 -225px; z-index: 10000;  }
.dialogTop{width:90%;margin:0 auto;letter-spacing:1px;padding:10px 0; font-size:16px;}
.dialogTop a{ color:#fff;}
.tc-ss{ width:90%; margin:0 auto; padding:20px 0;}
.tc-ss ul{border-bottom: 2px solid #fff;}
.tc-ss ul .sk03{ width:90%; float:left}
.tc-ss ul .sk03 input{ width:100%; background:none; height:40px; line-height:40px; color:#fff; font-size:16px;}
.sk04 input{ width:24px; height:24px; background:url(../images/search3.png) no-repeat center center; padding:10px 0 0 20px; cursor:pointer;}
.search_nav{width: 600px;height: 140px;position: absolute;left: 50%;top: 40%;margin-left: -300px;margin-top: -70px;  z-index: 999;}
.ylt-big{width: 90%;height: 90%;position: absolute;left: 5%;top: 5%;}
.claseDialogBtn{width: 90%;margin: 0 auto;padding: 10px 0;zoom: 1;margin-bottom: 20px;}
.claseDialogBtn:after{display: block;content: '';clear: both;}
.claseDialogBtn span{float: right;font-size: 16px;color: #FFFFFF;cursor: pointer; }
.search_input{width: 90%;margin: 0 auto;zoom: 1;}
.search_input{width: 90%;margin: 0 auto;zoom: 1;}
.search_input:after{display: block;content: '';clear: both;}
.search_input input{float: left;width: 80%;height: 51px;background: none; border: none;outline: none;border-bottom: 2px solid #fff;font-size: 16px;color: #555;padding-left: 40px;box-sizing: border-box; background:url(../images/search2.png) no-repeat 10px center #fff;}
.search_input button{width: 20%;height: 51px;display: block;line-height: 51px;text-align: center;float: left; color: #fff; background:#da1729; border:none; font-size:16px;}

 
.right-nav {
     position: fixed;
     top: 20%;
     right: 0.35rem;
     width: 0.74rem;
     background: #fff;
     border-radius: 0.5rem;
     z-index:99;
     padding: 0.25rem 0 0.1rem 0;
 }
 
 .right-nav li {
     width: 100%;
     list-style: none;
     margin-bottom: 0.25rem;
     text-align: center;
     cursor: pointer;
     position: relative;
 }
 
 .right-nav li .dw {
     width: 2.4rem;
     position: absolute;
     left: -2.4rem;
     background: #fff;
     box-shadow: 0 0 15px #BFBFBF;
     display: none;
     padding: 0.1rem;
     transition-duration: .5s;
     top: -0.05rem;
     border-radius: 0.1rem;
 }
 
 .right-nav li .dw a {
     line-height: 0.3rem;
     font-size: 0.16rem;
     display: inline-block;
     width: 100%;
 }
 
 .right-nav li .dw a:hover {
     color: #b21b21;
 }
 
 .right-nav li:hover .dw {
     display: block;
     left: -2.3rem;
 }
 
 .right-nav li img {
     display: inline-block;
 }
 
  @media screen and (max-width: 1920px) {}
  @media (max-width: 1680px) {
     .index .f3 {
         margin-top: -10vw;
     }
     .index .f3 .item .icon {
         width: 4.5vw;
     }
 }
  @media (max-width: 1580px) {
     .nav {
         width: calc(100% - 500px);
     }
 }
  @media screen and (max-width:1440px) {
     .nav ul li ul li a {
         padding: 0.5vw 0;
         font-size: 14px;
     }
     .nav ul li ul {
         padding: 10px 0px;
     }
     .subNav ul li a {
         font-size: 14px;
     }
     .subNav ul li a:first-child {
         font-size: 16px;
     }
 }
 @media screen and (max-width: 1366px) {
     .subNav ul li {
         width: calc(100% / 7);
         margin-left: 0vw;
         margin-right: 0vw;
     }
 }
  @media screen and (max-width: 1280px) {
     .subNav ul li {
         width: auto;
     }
	 .socail .yy{ font-size:0.26rem}
 }

  @media screen and (max-width: 960px) {}

  @media screen and (max-width:720px) {
	.foot-warp{ padding:30px 0 10px 0; min-height:auto;}  
	.foot-logo{ width:40%;}
	.foot-select{ width:60%; height:40px;}
	.foot-nav dl div{ display:none; padding-bottom:10px;}
	.foot-nav dl{ width:100%; margin-right:0; border-bottom:1px solid rgba(255,255,255,0.3); padding:0 20px;}
	.foot-nav dl dt{ font-size:16px; height:35px; line-height:35px;     background: url(../images/xsj.png) no-repeat right center;}
	.foot-nav dl dt.on{ background: url(../images/ssj.png) no-repeat right center;}
	.foot-nav dl dd{ opacity:0.7; margin-bottom:5px; font-size:14px; padding-left:10px;}
	.foot-nav{ margin-top:20px;}
	.foot-copy{ position:relative; width:100%; border-top:none; padding-top:15px;}
	.foot-copy .left-text,.foot-right,.a-list{ text-align:center; float:none; font-size:14px; width:100%;}
	.icon-list{ display:none;}
	.foot-right .a-list span:nth-child(3){ display:none;}
	.foot-right .a-list span{ font-size:14px; margin-left:0;}
	.foot-right{ padding-top:0;}
	.main-header{ height:50px;}
	.logo{ width:150px;}
	.socail .icon::after{ width:19px; height:19px;}
	.socail .icon{ top:3px;}
	.socail .yy{ font-size:15px; margin-left:0}
	.foot-copy .left-text{ line-height:26px;}
#jumpMenu{ width:100%; height:40px; border-radius:5px;}
#dialog{ width:90%; left:5%; margin-left:0;}
.search_nav{ width:100%; left:0; margin-left:0;}
.foot-select h1{ height:40px; font-size:14px;}
.foot-select ul{ top:40px;}
.foot-select ul li a{ font-size:14px; line-height:35px;}
	
.cookies-list dl dt h1{ font-size:15px; padding-bottom:4px;}	
.cookies-list dl dd{ width:100%; font-size:12px; line-height:1.3;}  
.moda-ti{ font-size:17px;}
.habit-colse{ width:20px;}
.cookies-list dl dt p{ top:0;}
.switch .switch_inner,.modal-footer button{ font-size:12px;}
	  }