@charset "utf-8";body{font-size:14px;color:#333}
*{padding:0;margin:0;list-style:none}
a{text-decoration:none;color:inherit}
i{font-style:normal}
dl,ol,ul{list-style-type:none}
b{display:inline-block}
em{font-style:normal;font-family:arial}
.w1700{margin:0 auto;width:90%;max-width:1700px}
.odcontent{margin:0 auto;width:90%;max-width:1600px}
.w1440{margin:0 auto;width:90%;max-width:1440px}
.w1400{margin:0 auto;width:90%;max-width:1400px}
.w1200{margin:0 auto;width:90%;max-width:1200px}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
input,textarea{border:none;outline:0;border-radius:0;-webkit-appearance:none}
button{border:none;padding:0}
.head_fixed{position:fixed;top:0;left:0;width:100%;height:auto;z-index:9999}
img{border:none;vertical-align:middle;max-width:100%}
:focus{outline:0;-webkit-tap-highlight-color:transparent}
a,div,li{-webkit-tap-highlight-color:transparent}
input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{background-color:transparent!important;background-image:none!important;-webkit-box-shadow:0 0 0 1000px #f2f3f7 inset!important;-webkit-text-fill-color:#333}
.flex{display:flex;flex-wrap:wrap;}
.flx{display:flex;flex-wrap:nowrap;justify-content:space-between}
.flx_w{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;}
.cpthActive.animated{-webkit-clip-path:polygon(100% 0,0 0,0 100%,100% 100%)!important}
.cpth{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);-webkit-transition:1.2s cubic-bezier(.215,.61,.355,1) .3s}

 
/* side_kf */
.side_kf{position:fixed;right: 1%;top:70%;width: 55px;height: 55px;z-index:99;opacity:0;transition:all .4s;transform:translateY(-50%);}
.side_kf ul li{color:#fff;position:relative;z-index:1;margin-bottom: 6px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);background: #fff;border-radius: 14px;}
.side_kf #top{display:block;position:relative;height: 55px;background:url(../images/top.svg) no-repeat center;text-align:center;background-size: 30px;}
.side_kf #top i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
@media only screen and (max-width:1080px){
.side_kf{width:44px}
.side_kf #top{height: 44px;}
}
@media only screen and (max-width:520px){
.side_kf{width:40px}
.side_kf #top{height: 40px;background-size: 25px;}
}

/* btn */
.btn a{display:inline-block;background-color:#df2128;border-radius:7px;text-align:center;width: 168px;line-height: 46px;font-size: 16px;color:#fff;vertical-align:middle;position:relative;z-index:1;transition:all .5s ease 0s;animation: xin 1s ease-in-out 0s infinite;-webkit-animation: xin 1s ease-in-out 0s infinite;}
.btn a::before{content:'';position:absolute;top: -2.5px;left: -2.5px;width:100%;height:100%;border: 2px solid #df2128;z-index:-1;border-radius: 10px;opacity:0;-webkit-transform:scale3d(.6,.6,1);transform:scale3d(.6,.6,1);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);}
.btn a.button--inverted::before{border-color:#d35a5e}
.btn a:hover{background-color: #fff;color: #df2128;}
.btn a.button--inverted:hover{background-color:#37474f;color:#d35a5e}
.btn a:hover::before{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}
@keyframes xin{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}
50%{-webkit-transform:scale(1.02) translateY(-4px);transform:scale(1.02) translateY(-4px)}
100%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}
}
@-webkit-keyframes xin{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}
50%{-webkit-transform:scale(1.02) translateY(-4px);transform:scale(1.02) translateY(-4px)}
100%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}
}
@media only screen and (max-width:1080px){
.btn a{width: 135px;line-height: 40px;}
}
@media only screen and (max-width:768px){
.btn a{width: 110px;line-height: 35px;font-size: 14px;}
}
@media only screen and (max-width:520px){
.btn a{width: 100px;line-height: 28px;font-size: 12px;}
}

/* title */
.nei_tit{position: relative;margin-bottom: 60px;}
.nei_tit .title{font-size: 38px;color: #333;letter-spacing: 2px;}
.nei_tit .tit{font-weight: normal;font-size: 18px;line-height: 30px;margin-top:20px;text-align: left;color: #333;}
.nei_tit .n_tit{font-size: 18px;line-height: 30px;text-align: left;color: #333;text-transform: uppercase;}
@media screen and (max-width:1280px){
.nei_tit{margin-bottom: 40px;}
.nei_tit .title{font-size: 30px;}
}
@media screen and (max-width:1080px){
.nei_tit{margin-bottom: 40px;}
.nei_tit .title{font-size: 26px;}
.nei_tit .tit{font-size: 16px;margin-top: 10px;}
.nei_tit .n_tit{font-size: 16px;}
}
@media screen and (max-width: 520px){
.nei_tit{margin-bottom: 20px;}
.nei_tit .title{font-size: 22px;font-weight: bold;}
.nei_tit .tit{font-size: 14px;line-height: 22px;margin-top: 5px;}
.nei_tit .n_tit{font-size: 14px;}
}

/* header */
.header{width:100%;height: 100px;position:fixed;top:0;left:0;z-index:100;-webkit-transition: all 0.5s;}
.header .odcontent{justify-content: space-between;}
.header .h_logo{height: 100px;display:flex;flex-wrap:wrap;align-items:center;-webkit-transition: all 0.5s;width: 18%;position: relative;}
.header .h_logo a{display:flex;align-items: center;width: 56%;}
.header .h_logo p{color: #fff;padding-left: 40px;font-size: 16px;line-height: 26px;position: relative;}
.header .h_logo img:nth-child(2){display: none;}
.header .head_nav{width: 82%;display: flex;justify-content: space-between;align-items: center;}
.header .head_nav ul.nav_list{transition: all 0.5s;justify-content: center;width: 78%;border-radius: 30px;height: 100px;}
.header .head_nav ul.nav_list li{height:100%;width: calc(100% / 7);position: relative;}
.header .head_nav ul.nav_list li.cur:nth-child(1){border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
.header .head_nav ul.nav_list li.cur:nth-last-child(1),{border-top-right-radius: 30px;border-bottom-right-radius: 30px;}
.header .head_nav ul.nav_list li.cur,.header .head_nav ul.nav_list li:hover{}
.header .head_nav ul.nav_list li h3{text-align:center;display:block;height:100%;width:100%;font-size: 18px;font-weight: normal;}
.header .head_nav ul.nav_list li h3 a{width:100%;height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;color: #fff;}
.header .head_nav ul.nav_list li h3 a span{position: relative;}
.header .head_nav ul.nav_list li h3 a span:after{content:'';position:absolute;left:50%;bottom:-20px;height: 2px;width:0;background:#fff;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
.header .head_nav ul.nav_list li:hover h3, .header .head_nav ul.nav_list li.cur h3{font-weight: bold;}
.header .head_nav ul.nav_list li:hover h3 a span:after, .header .head_nav ul.nav_list li.cur h3 a span:after{ width: 100%; left: 0; }
.header .head_nav ul.nav_list li:nth-last-child(1) h3 a img{opacity: 0;}
.header .head_nav .subnav{display:none;position:absolute;top: 100%;width: 100%;padding-top: 10px;}
.header .head_nav .subnav .item{display: grid;justify-content: center;position: relative;background: #fff;box-shadow: 0px 13px 36.86px 1.14px rgb(6 11 17 / 6%);border-radius: 8px;}
.header .head_nav .subnav .item::after{content:"";position:absolute;top: -10px;transform: rotateX(180deg);left: 50%;margin-left: -5px;width:0;height:0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 10px solid #fff;}
.header .head_nav .subnav a{font-size:17px;color: #1f1f1f;position: relative;margin: 15px 0;margin-left: 10px;margin-right: 10px;text-align: center;}
.header .head_nav .subnav a:nth-last-child(1){}
.header .head_nav .subnav a:hover{font-weight: bold;}
.header .head_nav .h_other{display:flex;align-items:center;}
.header .head_nav .h_other .dh span{color: #fff;font-size: 22px;display: flex;justify-content: center;align-items: center;font-weight: bold;}
.header .head_nav .h_other .dh span img{width: 36px;margin-right: 6px;animation: wobbhorizontal linear 3s infinite;}
.header .head_nav .h_other .dh span img:nth-child(1){display: none;}
.header .head_btn .menuBtn{width:24px;height: 18px;}
.header .head_btn .bar1,.header .head_btn .bar2,.header .head_btn .bar3{width: 20px;height: 2px;background-color:#fff;margin: 5px 0;transition:.4s;}
.header .head_btn .bar1{margin-top:0}
.header .head_btn.change .bar1{transform:rotate(45deg) translate(6px,5px)}
.header .head_btn.change .bar2{opacity:0}
.header .head_btn.change .bar3{transform:rotate(-45deg) translate(6px,-5px)}
@-webkit-keyframes wobbhorizontal{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}
33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}
49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}
66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}
83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes wobbhorizontal{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}
33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}
49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}
66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}
83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}

.header .head_nav .h_other .head_btn{display:none}
.header:hover{background: #fff;box-shadow: 0px 5px 28.13px 0.87px rgb(0 0 0 / 6%);height:90px;}
.header:hover .h_logo{height: 90px;}
.header:hover .h_logo::after{display: none;}
.header:hover .h_logo img:nth-child(2){display: block;}
.header:hover .h_logo img:nth-child(1){display: none;}
.header:hover .h_logo p{color: #000;}
.header:hover .head_nav ul.nav_list{height: 90px;}
.header:hover .head_nav ul.nav_list li:nth-child(1){border-top-left-radius: 0;border-bottom-left-radius: 0;}
.header:hover .head_nav ul.nav_list li:nth-last-child(1){border-top-left-radius: 0;border-bottom-left-radius: 0;}
.header:hover .head_nav ul.nav_list li h3 a{color: #000;}
.header:hover .head_nav ul.nav_list li h3 a span:after{background: #333;}
.header:hover .head_nav ul.nav_list li h3 a img{filter: invert(1);}
.header:hover .head_nav .h_other .dh span{color: #000;}
.header:hover .head_nav .h_other .dh span img:nth-child(1){display: block;}
.header:hover .head_nav .h_other .dh span img:nth-child(2){display: none;}
.header:hover .head_btn .bar1, .header:hover .head_btn .bar2, .header:hover .head_btn .bar3{background-color: #df2128;}

/* 下滑 */
.scro .header{background: #fff;box-shadow: 0px 5px 28.13px 0.87px rgb(0 0 0 / 6%);height: 90px;}
.scro .header .h_logo{height: 90px;}
.scro .header .h_logo img:nth-child(2){display: block;}
.scro .header .h_logo img:nth-child(1){display: none;}
.scro .header .head_nav ul.nav_list{
    height: 90px;
}
.scro .header .head_nav ul.nav_list li.cur:nth-child(1){border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.scro .header .head_nav ul.nav_list li h3 a{color: #333;}
.scro .header .head_nav ul.nav_list li h3 a span:after{background: #333;}
.scro .header .head_nav .h_other .dh span{color: #df2128;}
.scro .header .head_nav .h_other .dh span img:nth-child(1){display: block;}
.scro .header .head_nav .h_other .dh span img:nth-child(2){display: none;}
.scro .head_btn .bar1,.scro .head_btn .bar2,.scro .head_btn .bar3{background-color: #333;}

/* 手机端 */
.moble_nav{padding-top:90px;padding-bottom:50px;height:100%;width:100%;background-color:rgba(0,0,0,.8);position:fixed;top:0;left:0;z-index:98;display:none}
.moble_nav nav{padding:0 20px;height:100%}
.moble_nav ul{height:100%;overflow-y:auto;border-top:1px solid rgba(100,100,100,.3)}
.moble_nav ul li span{display:block;border-bottom:1px solid rgba(100,100,100,.3);overflow:hidden}
.moble_nav ul li span.icon{background:url(../images/icon_next1.png) no-repeat right center;background-size:20px;padding-right:50%}
.moble_nav ul li span.icon.cur{background-image:url(../images/icon_next.png);}
.moble_nav ul li:nth-child(4) span.icon{background-size: 0px;}
.moble_nav ul li:nth-child(5) span.icon{background-size: 0px;}
.moble_nav ul li span a{padding:18px 0;display:block;font-size:18px;font-weight:700;color:#fff}
.moble_nav ul li .subnav{padding:6px 0 10px;display:none}
.moble_nav ul li .subnav a{display:block;padding:10px 0;font-size:16px;padding-left:10px;color:#eee}
@media (max-width:1280px){
.header .h_logo{width: 12%;}
.header .h_logo a{width: 100%;}
.header .head_nav{width: 88%;}
.header .head_nav ul.nav_list li h3{font-size: 17px;}
.header .head_nav .h_other .dh span img{width: 30px;}
.header .head_nav .h_other .dh span{font-size: 20px;}
}
@media (max-width:1100px){
.header .w1700{justify-content: space-between;}
.header .h_logo{width: auto;}
.header .h_logo a img{width: 150px;}
.header .h_logo p{font-size: 16px;}
.header .head_nav{width: auto;}
.header .head_nav ul.nav_list{display:none}
.header .head_nav .h_other .dh{display: none;}
.header .head_nav .h_other .head_btn{display:block}
}
@media (max-width:520px){
.header{background: #fff;height: 60px;border: no;}
.header .h_logo{height: 60px;}
.header .h_logo img:nth-child(1){display: none;}
.header .h_logo img:nth-child(2){display: block;}
.header .h_logo a img{width: 110px;}
.header .head_btn .bar1, .header .head_btn .bar2, .header .head_btn .bar3{background-color: #df2128;}
.moble_nav ul li span a{font-size:16px}
.scro .header{height: 60px;}
.scro .header .h_logo{height: 60px;width:auto;}
.header:hover{height: 60px;}
.header:hover .h_logo{height: 60px;}
.header:hover .head_nav ul.nav_list{height: 60px;}
}
 

/* foot */
.foot{background: #222222;}
.foot .f_top{padding: 90px 0 100px;}
.foot .left{width: 35%;margin-right: 5%;}
.foot .f_nav .list{justify-content: space-between;}
.foot .f_nav .item .hd{font-size: 18px;padding-bottom: 25px;color: #fff;font-weight: bold;position: relative;}
.foot .f_nav .item li{margin-bottom: 15px;transition: 0.3s;}
.foot .f_nav .item li a{font-size: 15px;color: #f4f4f4;}
.foot .f_nav .item li:hover{transform: translateX(5px);}
.foot .right{width: 60%;}
.foot .del .f_logo{margin-bottom: 40px;}
.foot .del .t1{font-size: 15px;color: #ffffff;}
.foot .del .t2{font-size: 30px;color: #ffffff;font-weight: bold;}
.foot .ul{margin-top: 50px;}
.foot .ul li{margin-right: 20px;}
.foot .ul li img{width: 90px;}
.foot .ul li p{font-size: 15px;color: #ffffff;text-align: center;margin-top: 10px;}
.foot .f_bom{display: flex;justify-content: space-between;border-top: 1px solid #939393;flex-wrap: wrap;padding: 30px 0;line-height: 28px;}
.foot .f_bom span{color: #939393;font-size: 16px;}
.foot .f_bom a{padding: 30px 0;color: #939393;font-size: 16px;}
.foot .f_bom a:hover{color:#fff;}
@media (max-width:1280px){
.foot .f_top{padding: 90px 0;}
}
@media (max-width:1080px){
.foot .f_top{padding: 60px 0 30px;}
.foot .left{width: 100%;border: none;}
.foot .f_nav{display: none;}
.foot .right{padding-left: 0%;width: 100%;}
.foot .del .f_logo img{width: auto;}
.foot .ul{margin: 40px 0 0;justify-content: initial;}
.foot .ul li{margin-right: 40px;}
}
@media (max-width:520px){
.foot{margin-bottom: 0;}
.foot .f_top{padding: 25px 0;}
.foot .left{width: 100%;border: none;}
.foot .del .t1{font-size: 14px;}
.foot .del .t2{font-size: 22px;}
.foot .f_nav{display: none;}
.foot .right{padding-left: 0%;width: 100%;}
.foot .del .f_logo{margin-bottom: 20px;}
.foot .del .f_logo img{width: 50%;}
.foot .ul{margin: 15px 0 0;justify-content: initial;}
.foot .ul li{margin-right: 15px;}
.foot .ul li img{width: 85px;}
.foot .ul li p{font-size: 12px;}
.foot .f_bom{padding: 15px 0;justify-content: center;line-height: 20px;}
.foot .f_bom span{font-size: 12px;padding: 0;text-align: center;}
.foot .f_bom a{font-size: 12px;padding: 0;}
}