@charset "utf-8";
body{font-size:14px;color:#333;font-family: Times New Roman;font-weight: bold;}
*{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}
span{text-wrap: initial !important;}
.w1700{margin:0 auto;width:90%;max-width:1700px}
.odcontent{margin:0 auto;width:90%;max-width:1600px}
.w1500{margin:0 auto;width:90%;max-width:1500px}
.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;font-family: Times New Roman;}
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:75%;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: #EB652D;border-radius: 50%;}
.side_kf #top{display:block;position:relative;height: 55px;text-align:center;background-size: 30px;}
.side_kf #top i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight: bold;}
@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;top:78%;}
.side_kf #top{height: 40px;background-size: 25px;}
.side_kf #top i{font-size: 12px;}
}

/* side_left */
.side_left{position:fixed;right: 0;top:40%;z-index:99;transform:translateY(-50%);background: #EB652D;padding: 10px;}
.side_left a{display: flex;align-items: center;}
/* .side_left .side_click{text-align: end;transition:1.0s all ease-in-out;transform: translateX(0vw);position: fixed;top: 68%;right: 20px;}
.side_left .side_click.clickActive{transform: translateX(100vw);}
.side_left .side_click img{width: 55px;} */
.side_left .side_top{text-align: center;padding: 5px 0 12px 0;/* transition: 0.8s all ease-in-out;transform: translateX(100vw); */}
/* .side_left .side_top.topActive{transform: translateX(0vw);}
.side_left .side_top img{transition: 0.5s all ease-in-out;}
.side_left .side_top img:hover{transform: rotateZ(360deg);} */
/* .side_left .side_list{background: #EB652D;padding: 10px;transition: 0.8s all ease-in-out;transform: translateX(100vw);} */
.side_left .side_list.listActive{transform: translateX(0vw);}
.side_left .bottom{background-color: #fff;padding:10px;text-align: center;transition: 0.56s ease;position: relative;margin-bottom: 1.5px;}
.side_left .bottom:nth-last-child(1){margin-bottom: 0;}
.side_left .bottom img{width: 26px;/* margin-right: 8px; */}
.side_left .bottom p{font-size: 16px;color: #333;transform: skew(-15deg,0deg);}
.side_left .bottom .fixed-text{width: max-content;position: absolute;height: 100%;top: 0;right: 0;box-sizing: border-box;text-align: center;transition: 0.56s ease;border:1px solid #EB652D;padding: 4px 8px;display: flex;align-items: center;font-size: 16px;color: #333;background: #fff;box-shadow: 0px 5px 28.13px 0.87px rgb(0 0 0 / 6%);opacity: 0;}
.side_left .bottom:hover .fixed-text{right: 60px;opacity: 1;}

.side_left .bottom .fbtn{line-height: 46px;text-align:center;font-size:16px;font-weight:700;width:188px;transition: 0.56s;position: absolute;opacity: 0;right: 0;}
.side_left .bottom .fbtn::before{position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;transform: skew(-15deg,0deg);border: 1px solid #eb652d;}
.side_left .bottom .fbtn:after{content:'';position:absolute;top: -8px;right: -10px;width: 10%;height:100%;background: #eb652d;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;z-index: 9;}
.side_left .bottom .fbtn p{position: relative;z-index: 11;color: #eb652d;transition:all .6s;}
.side_left .bottom .fbtn:hover:after{width: 100%;}
.side_left .bottom .fbtn:hover p{color: #fff;}
.side_left .bottom:hover .fbtn{right: 60px;opacity: 1;}
.side_left .bottom .fixed-img{background: #F5F5F5;width: 230px;height: 115px;position: absolute;right: 0;top: 0;box-sizing: border-box;text-align: center;-webkit-transition: 0.56s ease;transition: 0.56s ease;border:1px solid #EB652D;padding: 4px;opacity: 0;display: flex;}
.side_left .bottom .fixed-img img{width: 105px;height: 105px;margin: 0 2px;}
.side_left .bottom:hover .fixed-img{right: 60px;opacity: 1;}
@media only screen and (max-width:1280px){
.side_left .side_click{right: 6%;}
.side_left .bottom .fbtn{line-height: 42px;width: 168px;}
}
@media only screen and (max-width:1080px){
.side_left .bottom .fbtn{line-height: 34px;font-size: 15px;}
}
@media only screen and (max-width:768px){
.side_left .bottom .fbtn{line-height: 36px;}
}
@media only screen and (max-width:520px){
.side_left{top: 50%;padding: 6px;}
.side_left .side_top{padding: 2px 0px 5px 0px;}
.side_left .side_top img{width: 24px;}
/* .side_left .side_click{top: 58%;right: 5px;}
.side_left .side_click img{width: 40px;}
.side_left .side_list{padding: 8px;} */
.side_left .bottom{background-color: #fff;padding: 8px 8px;text-align: center;}
.side_left .bottom img{width: 18px;/* margin-right: 6px; */}
.side_left .bottom p{font-size: 13px;color: #333;}
.side_left .bottom .fixed-text{font-size: 14px;}
.side_left .bottom:hover .fixed-text{right: 41px;}
.side_left .bottom .fixed-img{width: 210px;height: 105px;}
.side_left .bottom .fixed-img img{width: 95px;height: 95px;}
.side_left .bottom:hover .fixed-img{right: 41px;}
.side_left .bottom .fbtn{line-height: 34px;font-size: 13px;width: 145px;}
.side_left .bottom:hover .fbtn{right: 51px;}
}
 
 

/* btn */
.btn a{display:inline-block;background-color:#EB652D;border-radius: 8px;text-align:center;width: 150px;line-height: 45px;font-size: 16px;color:#fff;vertical-align:middle;position:relative;z-index:1;transition:all .5s ease 0s;}
.btn a::before{content:'';position:absolute;top: -1.5px;left: -1.5px;width:100%;height:100%;border: 2px solid #EB652D;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: #EB652D;}
.btn a.button--inverted:hover{background-color:#37474f;color:#EB652D}
.btn a:hover::before{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}
@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: 30px;font-size: 12px;border-radius: 4px;}
}


/* header */
.header{width:100%;position:fixed;top:0;left:0;z-index:100;transition: all 0.5s;background: #fff;box-shadow: 0px 5px 28.13px 0.87px rgb(0 0 0 / 6%);}
.header .w1400{justify-content: space-between;}
.header .h_logo{display: flex;align-items: center;}
.header .head_nav{position:relative;width: 77%;display: flex;}
.header .head_nav ul.nav_list{-webkit-transition: all 0.5s;position: relative;height: 90px;width: 70%;}
.header .head_nav ul.nav_list li{height:100%;width:16.6667%;position: relative;}
.header .head_nav ul.nav_list li h3{text-align:center;display:block;height:100%;width:100%;font-size: 20px;}
.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: #000;position: relative;}
.header .head_nav ul.nav_list li h3 a:after{content:"";position:absolute;bottom: 15%;width:0;left: 25%;height: 3px;background: #333;z-index:1;transition: all .4s ease;}
.header .head_nav ul.nav_list li.cur h3 a:after,.header .head_nav ul.nav_list li:hover h3 a:after{width: 50%;}
.header .head_nav .subnav{display:none;position:absolute;left:-22%;top:100%;padding-top: 15px;}
.header .head_nav ul.nav_list li:nth-child(3) .subnav{left: -45%;}
.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;min-width:188px;}
.header .head_nav ul.nav_list li:nth-child(3) .subnav .item{min-width: 246px;}
.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:16px;color: #1f1f1f;position: relative;margin: 10px 0;margin-left: 10px;margin-right: 10px;text-align: center;}
.header .head_nav .subnav a:hover{color: #EB652D;}
.header .head_nav .h_other{display:flex;flex-wrap:wrap;justify-content: flex-end;align-items:center;width: 30%;}
.header .head_nav .h_other .search{display:inline-block;position:relative;}
.header .head_nav .h_other .search .icon{width: 25px;height: 35px;background: url(../images/icon_search.png) no-repeat right;background-size: 22px;cursor:pointer;filter: none;}
.header .head_nav .header-search-form{animation-name:r2l;-webkit-animation-name:r2l;-ms-animation-name:r2l;animation-timing-function:ease;-webkit-animation-timing-function:ease;-ms-animation-timing-function:ease;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-duration:.3s;-webkit-animation-duration:.3s;-ms-animation-duration:.3s}
.header .head_nav .header-search-form{display:none;position:absolute;right: 0;width: 240px;background-color:rgba(255,255,255,.9);box-shadow:0 1px 4px rgba(0,0,0,.1) inset;border-radius:40px;transition:all .3s;z-index:6;top: 0;}
.header .head_nav .header-search-form form{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}
.header .head_nav .header-search-form .input{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0}
.header .head_nav .header-search-form button,.header .head_nav .header-search-form input{display:block;height:40px;line-height:40px;outline:0;background:0 0;border:none}
.header .head_nav .header-search-form input{padding-left:20px;width:100%;color:#555;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.header .head_nav .header-search-form button{padding:0 16px;font-size:18px;color:#333;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.header .head_nav .h_other .search:hover .header-search-form {display: block;}
.header .head_nav .h_other .search:hover .header-search-form button{background: url(../images/icon_search.png) no-repeat right;cursor: pointer;background-size: 20px;margin-right: 20px;}
.header .head_nav .h_other .search:hover .icon{opacity: 0;}
.header .head_nav .h_other .language{margin-left: 45px;position: relative;height: 100%; display: flex;align-items: center;}
.header .head_nav .h_other .language img{width:21px;}
.header .head_nav .h_other .language .l_cont{position: absolute;top: 100%;left: -50px;display: none;min-width: 120px;padding-top: 15px;}
.header .head_nav .h_other .language .l_cont .item{background: #fff;box-shadow: 0px 13px 36.86px 1.14px rgb(6 11 17 / 6%);border-radius: 8px;display: grid;position: relative;}
.header .head_nav .h_other .language .l_cont .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 .h_other .language .l_cont .item a{font-size: 17px;color: #1f1f1f;position: relative;margin: 10px 0;margin-left: 10px;margin-right: 10px;display: flex;align-items: center;}
.header .head_nav .h_other .language .l_cont .item a:hover{color: #EB652D;}
.header .head_nav .h_other .language .l_cont .item a img{width: 25px;height: 15px;margin-right: 4px;}
.header .head_nav .h_other .contact{background-color: #EB652D;border-radius: 8px;text-align: center;width: 150px;line-height: 45px;font-size: 16px;color: #fff;margin-left: 50px;}
.header .head_btn{cursor:pointer;position:absolute;top:50%;right:-10px;transform:translateY(-50%);padding:10px}
.header .head_btn .menuBtn{width:24px;height: 18px;}
.header .head_btn .bar1,.header .head_btn .bar2,.header .head_btn .bar3{width: 25px;height: 3px;background-color:#eb652d;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)}
@keyframes r2l{0%{transform:translateX(50px);opacity:0}
100%{transform:translateX(0);opacity:1}
}
@-webkit-keyframes r2l{0%{-webkit-transform:translateX(50px);opacity:0}
100%{-webkit-transform:translateX(0);opacity:1}
}
@-ms-keyframes r2l{0%{-ms-transform:translateX(50px);opacity:0}
100%{-ms-transform:translateX(0);opacity:1}
}
.header .head_nav .h_other .head_btn{display:none}

/* 下滑 */
.scro .header{background: #fff;box-shadow: 0px 5px 28.13px 0.87px rgb(0 0 0 / 6%);transform: translateY(-90px);}

/* 手机端 */
.moble_nav{padding-top:140px;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:25px;padding-right:50%}
.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.icon.cur{background-image:url(../images/icon_next.png);}
.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:1520px){
.header .h_logo{width: 24%;}
.header .head_nav{width: 76%;}
.header .head_nav .h_other .language{margin-left: 30px;}
}
@media (max-width:1350px){
.header .head_nav ul.nav_list{width: 65%;}
.header .head_nav .h_other{width: 35%;}
.header .head_nav .h_other .contact{margin-left: 30px;}
}
@media (max-width: 1080px){
.header .header_top{display: none;}
.header .h_logo{width: auto;height: 80px;}
.header .h_logo img{width: 160px;}
.header .head_nav{width: auto;}
.header .head_nav ul.nav_list{display:none}
.header .head_nav .h_other{width: auto;padding-right: 45px;}
.header .head_nav .h_other .search{margin-right: 25px;}
.header .head_nav .h_other .language{margin-left: 0;margin-right: 0;}
.header .head_nav .h_other .contact{margin-left: 25px;width: 140px;line-height: 36px;font-size: 15px;}
.header .head_nav .h_other .head_btn{display:block}
.scro .header{transform: translateY(0px);}
}
@media (max-width:768px){
.header .head_nav .h_other .language .l_cont{min-width: 105px;left: -45px;}
.header .head_nav .h_other .language .l_cont .item a{font-size: 14px;margin: 6px 0;margin-left: 6px;margin-right: 6px;}
.header .head_nav .h_other .contact{display: none;}
.moble_nav{padding-top:110px}
}
@media (max-width:520px){
.header .h_logo img{width: 150px;}
.header .head_nav{padding-right:36px}
.header .head_nav .h_other{padding-right: 10px;}
.header .head_nav .h_other .search .icon{background-size: 20px;}
.header .head_nav .h_other .language img{width: 20px;}
.moble_nav{padding-top:70px}
}
@media (max-width:450px){
.header .h_logo{height: 55px;}
.header .h_logo img{width: 120px;}
.header .head_nav .h_other{padding-right: 0;}
.header .head_nav .h_other .search{margin-right: 10px;}
.header-search-form{width: 300px;top: 0px;}
.moble_nav ul li span a{font-size:14px}
}


/* foot */
.foot{background: url(../images/f_bg.jpg);background-size: cover;}
.foot .f_top{padding: 90px 0;}
.foot .f_del{width: 35%;}
.foot .f_del li{display: flex;align-items: center;margin-bottom: 20px;}
.foot .f_del li:nth-last-child(1){margin-bottom: 0;}
.foot .f_del li .icon{margin-right: 20px;position: relative;z-index: 9;}
.foot .f_del li .icon::after,.foot .f_del li .icon:before{content:'';background:#eb652d;height:100%;width:100%;border-radius:50%;z-index: -1;position:absolute;left:0;top:0;opacity:0;-webkit-animation: fadein1 1.5s linear infinite .75s;}
.foot .f_del li h3{font-size: 20px;color:#fff;}
.foot .f_del li p{font-size:16px;color: #A8A8A8;line-height: 26px;width: 85%;}
.foot .f_nav{width: 35%;margin: 0 5%;}
.foot .f_nav .item{width: 50%;}
.foot .f_nav .item .hd{font-size: 20px;padding-bottom: 25px;color: #fff;font-weight: bold;position: relative;}
.foot .f_nav .item li{margin-bottom: 15px;transition: 0.3s;position: relative;padding-left: 30px;}
.foot .f_nav .item li::before{position: absolute;content: "";left: 0;top: 10px;background: #A8A8A8;width: 20px;height: 1px;}
.foot .f_nav .item li a{font-size: 16px;color: #A8A8A8;}
.foot .f_nav .item li:hover{transform: translateX(5px);}
.foot .f_nav .item li:hover a{color:#eb652d;}
.foot .f_nav .item li:hover::before{background: #EB652D;}
.foot .f_wg{width: 20%;}
.foot .f_wg .hd{font-size: 20px;padding-bottom: 25px;color: #fff;font-weight: bold;position: relative;}
.foot .f_wg li{margin-right: 15px;transition: 0.3s;}
.foot .f_wg li img{width: 36px;}
.foot .f_wg li:hover{margin-top: -6px;}
.foot .f_bom{display: flex;justify-content: space-between;border-top: 1px solid #D7DADB;flex-wrap: wrap;padding: 30px 0;line-height: 28px;}
.foot .f_bom span{color: #fff;font-size: 16px;opacity: 0.9;}
.foot .f_bom a{padding: 30px 0;color: #fff;font-size: 16px;opacity: 0.9;}
.foot .f_bom a:hover{color:#eb652d;}
@-webkit-keyframes fadein1{0%{-webkit-transform:scale(1);opacity:.5}
100%{-webkit-transform:scale(1.4);opacity:0}
}
@media (max-width:1080px){
.foot .f_top{padding: 60px 0;}
.foot .f_del li h3{font-size: 20px;}
.foot .f_nav .item .hd{font-size: 18px;}
.foot .f_wg .hd{font-size: 18px;}
.foot .f_wg li{margin-right: 10px;}
.foot .f_wg li img{width: 32px;}
}
@media (max-width:880px){
.foot .f_del{width: 45%;}
.foot .f_nav{display: none;}
.foot .f_wg{width: 45%;}
}
@media (max-width:640px){
.foot .f_del{width: 100%;margin-bottom: 20px;}
.foot .f_wg{width: 100%;}
}
@media (max-width:520px){
.foot .f_top{padding: 25px 0 20px;}
.foot .f_del{margin-bottom: 12px;}
.foot .f_del li{display: flex;align-items: center;margin-bottom: 15px;}
.foot .f_del li .icon{margin-right: 10px;position: relative;z-index: 9;}
.foot .f_del li .icon img{width: 34px;}
.foot .f_del li .icon::after,.foot .f_del li .icon:before{content:'';background:#eb652d;height:100%;width:100%;border-radius:50%;z-index: -1;position:absolute;left:0;top:0;opacity:0;-webkit-animation: fadein1 1.5s linear infinite .75s;}
.foot .f_del li h3{font-size: 16px;color:#fff;}
.foot .f_del li p{font-size: 12px;line-height: 20px;width: 100%;color: #f8f8f8;margin-top: -5px;}
.foot .f_wg .hd{font-size: 16px;padding-bottom: 13px;color: #fff;font-weight: bold;position: relative;}
.foot .f_wg li{margin-right: 10px;transition: 0.3s;}
.foot .f_wg li img{width: 25px;}
.foot .f_bom{line-height: 20px;padding: 15px 0;}
.foot .f_bom span{color: #fff;font-size: 12px;opacity: 0.9;}
.foot .f_bom a{padding: 30px 0;color: #fff;font-size: 13px;opacity: 0.9;}
}