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}

 

/*右侧在线咨询*/
.fixed-right{width: 54px;position: fixed;right: -100px;bottom: 20%;z-index: 999999;transition: all .4s;}
.fixed-addclass{right:10px}
.fixed-right li{display: block;width: 54px;height: 54px;margin-bottom: 4px;background: #D43025;cursor: pointer;-webkit-transition: 0.56s ease;transition: 0.56s ease;position: relative;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.fixed-right li:hover{background: #fff;}
.fixed-right li span{display: block;width:54px;height:54px;}
.fixed-right li:nth-of-type(1) span{background: url(../image/r_ico13.png);}
.fixed-right li:nth-of-type(2) span{background: url(../image/r_ico15.png);}
.fixed-right li:nth-of-type(3) span{background: url(../image/r_ico06.png);}
.fixed-right li:nth-of-type(4) span{background: url(../image/r_ico14.png);}
.fixed-right li:nth-of-type(1):hover span{background: url(../image/r_ico03.png);}
.fixed-right li:nth-of-type(2):hover span{background: url(../image/r_ico05.png);}
.fixed-right li:nth-of-type(3):hover span{background: url(../image/r_ico16.png);}
.fixed-right li:nth-of-type(4):hover span{background: url(../image/r_ico04.png);}
.fixed-tel{font-size: 14px;color: #666;width:260px;height:60px;line-height:60px;background: #F5F5F5;position: absolute;left: 80px;top: 0;box-sizing: border-box;text-align: center;-webkit-transition: 0.56s ease;transition: 0.56s ease;}
.fixed-img{background: #F5F5F5;width: 100px;height: 100px;position: absolute;left: 80px;top: 0;box-sizing: border-box;text-align: center;-webkit-transition: 0.56s ease;transition: 0.56s ease;border:1px solid #8686866b;padding: 4px;}
.fixed-img img{width: 90px;height: 90px;}
.fixed-tel b{display: block;font-size: 20px;background: #D43025;-webkit-background-clip: text;color: transparent;font-weight: bold;}
.fixed-right li:nth-of-type(2):hover .fixed-tel{left: -263px;}
.fixed-right li:nth-of-type(3):hover .fixed-img{left: -102px;}
@media only screen and (max-width:768px){
.fixed-right{display: none;}
}



/* btn */
.btn a{display:inline-block;background-color:#D43025;border-radius: 8px;text-align:center;width: 150px;line-height: 45px;font-size: 16px;color:#fff;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 #D43025;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: #D43025;}
.btn a.button--inverted:hover{background-color:#37474f;color:#D43025}
.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: 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;}
}

/* head */
.head{position: fixed;left: 0;top: 0;width: 100%;z-index: 999;background: rgba(0,0,0,0.15);color: #fff;background: transparent;transition: all .3s linear;}
.head .header{position: relative;}
.head .head_mid .lf_part{width: 14%;}
.head .head_mid{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.head .head_mid .head_nav {width: 68%;box-sizing: border-box;}
.head .head_mid .head_nav .first_nav{text-align: end;white-space: nowrap;}
.head .head_mid .head_nav .first_nav .curtain{position: absolute;left: 50%;top: 100%;width: 90vw;max-width: 1686px;height: 100%;background: rgba(255,255,225,0.95);transform: translateX(-50%);display: none;box-sizing: border-box;}
.head .head_mid .head_nav .first_nav > li{display: inline-block;padding: 0 2.8%;white-space: nowrap;z-index: 1;}
.head .head_mid .head_nav .first_nav > li a:after{content:"";position: absolute;left:0;bottom: 15px;width:100%;height: 0px;z-index: -1;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,10%);transition: height 0.2s linear;}
.head .head_mid .head_nav .first_nav > li > a{display: block;padding:30px 0;position: relative;font-size: 18px;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;text-transform: uppercase;color: #fff;}
.head .head_mid .head_nav .first_nav > li > a > i{display: inline-block;margin-left:7px;width: 16px;height: 16px;background: url(/template/default/images/icon_06.png)no-repeat center;filter: brightness(100);display: none;}
.head .head_mid .head_nav .first_nav > li.cur{background: transparent;}
.head .head_mid .head_nav .first_nav > li.cur a:after{height: 2px;}
/* head */
.head .head_mid .head_nav .pc_secnav{position: absolute;top: 100%;left: 0;width:100%;height: auto;z-index: 3;display: none;box-sizing: border-box;transition: all .3s linear;transform-origin: center top;background: #F2F2F2;padding: 40px 0;}
.head .head_mid .head_nav .pc_secnav .lf_nav{background: #F2F2F2;width: 50%;}
.head .head_mid .head_nav .pc_secnav .lf_nav .hd{font-size: 20px;color: #000;text-align: left;font-weight: bold;}
.head .head_mid .head_nav .pc_secnav .lf_nav > ul > li{width: 32%;text-align: left;margin-top: 20px;position: relative;padding-left: 15px;transition: 0.3s}
.head .head_mid .head_nav .pc_secnav .lf_nav > ul > li:nth-child(3n+3){margin-right: 0;}
.head .head_mid .head_nav .pc_secnav .lf_nav > ul > li::after{content: "";position: absolute;background: #5d5d5d;width: 6px;height: 6px;border-radius: 50%;top: 10px;left: 0;}
.head .head_mid .head_nav .pc_secnav .lf_nav > ul > li > a{font-size: 16px;color: #5d5d5d;}
.head .head_mid .head_nav .pc_secnav .lf_nav > ul > li > a::after{display: none;}
.head .head_mid .head_nav .pc_secnav .lf_nav > ul > li:hover{transform: translateX(5px);}
.head .head_mid .head_nav .pc_secnav .rf_img{width: 30%;}
.head .head_mid .menu_part{position: relative;display:inline-block;width: 40px;height: 20px;vertical-align: middle;display: none;}
.head .head_mid .menu_btn{display: inline-block;position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform: translate(-50%,-50%);z-index: 2;cursor: pointer;}
.head .head_mid .menu_btn span{display: block;width: 60%;height: 2px;transform-origin: center;background: #fff;}
.head .head_mid .menu_btn span:nth-child(1){top: 0;}
.head .head_mid .menu_btn span:nth-child(2){position: relative;margin: 5px 0px;width: 75%;opacity: 1;transition: all .5s;}
.head .head_mid .menu_btn span:nth-child(3){top:100%;margin: 0 0 0 0;}
.head .head_mid .menu_btn.open{/* width: 20px;height: 14px; */z-index: 9999;}
.head .head_mid .menu_btn.open span{width: 100%;}
.head .head_mid .menu_btn.open span:nth-child(1){position: absolute;top: 50%;left: 0;transform: rotateZ(45deg);transition: all 0.3s 0.5s;}
.head .head_mid .menu_btn.open span:nth-child(2){opacity: 0;width: 0;margin: 10px 0;}
.head .head_mid .menu_btn.open span:nth-child(3){position: absolute;top: 50%;left: 0;transform:rotateZ(-45deg);transition: all 0.3s 0.5s;}
.head .head_mid .rt_part{box-sizing: border-box;position: relative;display: flex;align-items: center;}
.head .head_mid .rt_part .language{padding: 6px 18px;border: 1px solid #fff;border-radius: 4px;}
.head .head_mid .rt_part .language a{display: flex;align-items: center;}
.head .head_mid .rt_part .language img{width: 25px;}
.head .head_mid .rt_part .language p{font-size: 17px;color: #fff;margin-left: 10px;}
@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}
}

/* hover */
.head:hover{background: #fff;color: #fff;box-shadow: 0px 5px 28.13px 0.87px rgb(0 0 0 / 6%);}
.head:hover .head_mid .head_nav .first_nav > li > a{color: #333;}
.head:hover .head_mid .head_nav .first_nav > li a:after{background: #333;}
.head:hover .head_mid .rt_part .language{border: 1px solid #D43025;background: #D43025;}
.head:hover .head_mid .rt_part .language a p{color: #fff;}
.head:hover .head_mid .menu_btn span{background: #D43025;}

/* 下滑 */
.head.scro{background: #fff;color: #fff;box-shadow: 0px 5px 28.13px 0.87px rgb(0 0 0 / 6%);}
.head.scro .head_mid .head_nav .first_nav > li > a{color: #333;}
.head.scro .head_mid .head_nav .first_nav > li a:after{background: #747474;}
.head.scro .head_mid .rt_part .language{border: 1px solid #D43025;background: #D43025;}
.head.scro .head_mid .rt_part .language a p{color: #fff;}
.head.scro .head_mid .menu_btn span{background: #D43025;}


/* mobile */
.mobile_nav{position: fixed;left: -100vw;top: 0;width: 300px;height: 100vh;transition: all .3s;box-sizing: border-box;z-index: 100;background: rgba(0,0,0,0.5);z-index: 1001;}
.mobile_nav .m_logo{display: block;padding:30px 5% 0;width: 100%;box-sizing: border-box;}
.mobile_nav.sld{left:0;width: 76%;}
.mobile_nav #m_btn{position: absolute;right: 20px;top: 12px;width: 60px;height: 60px;cursor: pointer;z-index: 100;}
.mobile_nav #m_btn i{position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;transform: translate(-50%,-50%);}
.mobile_nav #m_btn:hover i{transform: translate(-50%,-50%) rotateZ(180deg);}
.mobile_nav .m_logo img{width: auto;opacity: 0;}
.mobile_nav .second_nav {position: relative;padding: 12px 5%;width: 100%;height: 100%;background: transparent;box-sizing: border-box;z-index: 99;}
.mobile_nav .second_nav > li{padding: 30px 0;width: 100%;line-height: 1.6;cursor: pointer;color: #fff;transform: translateY(-100%);transition: all 0.2s ease-out;opacity: 1;box-sizing: border-box;}
.mobile_nav .second_nav > li p{display: inline-block;}
.mobile_nav .second_nav > li > a:hover{color: #D2181B;}
.mobile_nav .second_nav > li i{display: inline-block;float: right;margin-top:6px;width: 10px;height: 10px;vertical-align: middle;transform: initial;background-size: 20px auto;border: 1px solid #d6d6d6;border-radius: 50%;position: relative;}
.mobile_nav .second_nav > li i:after{content:"";position: absolute;left:50%;top:50%;width: 4px;height: 4px;background:#D2181B;opacity: 0;transform: translate(-50%,-50%);border-radius: 50%;}
.mobile_nav .second_nav > li i.on{border-color: #D2181B;}
.mobile_nav .second_nav > li i.on:after{opacity: 1;}
.mobile_nav.sld .second_nav > li{transform: translateY(0);opacity: 1;border-bottom: 1px solid #d6d6d6;}
.mobile_nav.sld .second_nav > li:nth-child(1){transition-delay: 0.2s;}
.mobile_nav.sld .second_nav > li:nth-child(2){transition-delay: 0.25s;}
.mobile_nav.sld .second_nav > li:nth-child(3){transition-delay: 0.3s;}
.mobile_nav.sld .second_nav > li:nth-child(4){transition-delay: 0.35s;}
.mobile_nav.sld .second_nav > li:nth-child(5){transition-delay: 0.4s;}
.mobile_nav.sld .second_nav > li:nth-child(6){transition-delay: 0.45s;}
.mobile_nav.sld .second_nav > li:nth-child(7){transition-delay: 0.5s;}
.mobile_nav.sld .second_nav > li > a{font-size: 16px;}
.mobile_nav .second_nav .next_nav{display: none;margin-top: 20px;}
.mobile_nav .second_nav .next_nav > li{padding-left: 24px;font-size: 16px;box-sizing: border-box;position: relative;}
.mobile_nav .second_nav .next_nav > li:hover{color: #D2181B;}
.mobile_nav .second_nav .bg_line{position: absolute;top: -4.5px;left: 50%;width: calc(100% + 20px);width: -webkit-calc(100% + 20px);height: 45px;background-color: #ff0000;transform: translateX(-50%);z-index: -1;border-radius: 30px;transition: top .3s ease;display: none;}
@keyframes rotation{from{transform: rotateZ(0deg);}to{transform: rotateZ(720deg);}}
 
@media only screen and (max-width:1280px){
.head .head_mid .head_nav{width: 65%;}
.head .head_mid .head_nav .first_nav > li{padding: 0 2.4%;}
.head .head_mid .head_nav .first_nav > li > a{font-size: 16px;}
.head .head_mid .rt_part .language p{font-size: 16px;}
}
 
/* mobile-end */
@media only screen and (max-width:1080px){
.head{padding:10px 0;}
.head .head_mid .head_nav{padding: 0;position: initial;width: auto;position: absolute;right: 0;top:50%;transform: translateY(-50%);}
.head .head_mid .head_nav .first_nav{display: none;}
.head .head_mid .lf_part{width:20%;background: none;padding: 0px;}
.head .head_mid .rt_part{position: absolute;right:60px;top: 50%;transform: translateY(-50%);}
.head .head_mid .rt_part .language{margin-right: 20px;}
.head .head_mid .menu_btn{width: 78%;height: auto;display: inline-block;}
.head .head_mid .menu_btn span:nth-child(2){margin:8px 0;}
.head .head_mid .menu_part{left: auto;right: 0;visibility: visible;display: inline-block;}
/* mobile-start */
.mobile_nav.sld .second_nav > li > a{font-size: 16px;}
.mobile_nav .second_nav .next_nav > li{padding: 10px 15px;font-size: 16px;background-color: rgba(0,0,0,0.6);}
.mobile_nav #m_btn{top:30px;width: 20px;height: 20px;}
.mobile_nav #m_btn i{width: 20px;height: 20px;background-size:100% auto}
}	
@media only screen and (max-width:768px){
.head{padding:12px 0;}
.head .head_mid .lf_part{width: 27%;}
.head .head_mid .lf_part .logo img{width: 200px;}
.head .head_mid .rt_part .language{border: 1px solid #D43025;background: #D43025;padding: 5px 12px;}
.head .head_mid .menu_btn span{background: #D43025;}
.mobile_nav.sld{width: 80%;}
.mobile_nav .m_logo img{}
}
 
@media only screen and (max-width:520px){
.head{padding: 10px 0;}
.head .head_mid .lf_part{width: 45%;}
.head .head_mid .rt_part{right: 50px;}
.head .head_mid .rt_part .language{padding: 3px 5px;margin-right: 0;}
.head .head_mid .rt_part .language img{width: 18px;}
.head .head_mid .rt_part .language p{font-size: 14px;margin-left: 4px;}
.head .head_mid .menu_btn.open span{width: 100%;}
.head .head_mid .menu_btn span:nth-child(2){margin: 6px 0;}
.mobile_nav .m_logo img{opacity: 1;width: 80px;}
.mobile_nav{background: #fff;}
.mobile_nav.sld .second_nav > li > a{font-size: 15px;}
.mobile_nav .second_nav{max-height: 455px;overflow-y: scroll;box-sizing: border-box;}
.mobile_nav .second_nav > li{padding: 20px 0;font-size: 14px;color: inherit;}
.mobile_nav .second_nav .next_nav > li{padding:6px 15px;margin: 6px 0;font-size: 15px;background-color: rgb(246 248 249);}
.mobile_nav .second_nav .bg_line{top: 0;width: 100%;height: 28px;}
.mobile_nav #m_btn{top:26px;right:10px;}
}
 

/* foot */
.foot .f_top{padding: 90px 0 50px;background-color: #1C1C1C;border-top: 6px solid #D43025;}
.foot .left{width: 30%;position: relative;margin-right: 2.5%;padding-right: 2.5%;}
.foot .left::after{position: absolute;right: 0;top: 0;background: #494949;height: 100%;width: 1px;content: "";}
.foot .del .rx{display: flex;align-items: center;margin-bottom: 20px;}
.foot .del .rx img{width:60px;margin-right:6px}
.foot .del .rx span p{font-size:14px;color:#fff}
.foot .del .rx span h3{font-size:30px;color:#d22f24;font-weight:700}
.foot .del .wrap span{display:flex;align-items:center;margin-bottom:10px}
.foot .del .wrap span:nth-last-child(1){margin-bottom:0}
.foot .del .wrap span img{width: 26px;}
.foot .del .wrap span p{font-size:15px;color:#fff;margin-left:10px}
.foot .del .wrap span h3{}
.foot .ul{margin-top: 30px;width: fit-content;}
.foot .ul li{text-align: center;}
.foot .ul li img{width: 90px;}
.foot .ul li p{font-size: 14px;color: #a9a9a9;margin-top: 8px;}
.foot .right{width: 60%;margin-left: 5%;}
.foot .f_nav .list{justify-content: space-between;}
.foot .f_nav .item .hd{font-size: 18px;padding-bottom: 25px;color: #fff;position: relative;}
.foot .f_nav .item li{margin-bottom: 15px;transition: 0.3s;}
.foot .f_nav .item li a{font-size: 15px;color: #a9a9a9;}
.foot .f_nav .item li:hover{transform: translateX(5px);}
.foot .f_bottom{background-color: #1C1C1C;}
.foot .f_bottom .odcontent{border-top: 1px solid #494949;}
.foot .f_bom{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 30px 0;line-height: 28px;}
.foot .f_bom span{color: #a9a9a9;font-size: 15px;}
.foot .f_bom a{padding: 30px 0;color: #a9a9a9;font-size: 15px;}
.foot .f_bom a:hover{color:#fff;}
@media (max-width:1080px){
.foot .f_top{padding: 60px 0 30px;}
.foot .left{width: 100%;border: none;}
.foot .left::after{display: none;}
.foot .ul{margin: 40px 0 0;}
.foot .right{width: 100%;margin-left: 0;margin-top: 40px;}
}
@media (max-width:768px){
.foot .right{display: none;}
.foot .del .rx img{width: 50px;}
}
@media (max-width:520px){
.foot{margin-bottom: 0;}
.foot .f_top{padding: 15px 0;}
.foot .del .rx img{width: 40px;margin-right: 0px;}
.foot .del .rx span p{font-size: 12px;}
.foot .del .rx span h3{font-size: 22px;}
.foot .del .wrap span{margin-bottom: 8px;}
.foot .del .wrap span img{width: 18px;}
.foot .del .wrap span p{font-size: 12px;margin-left: 5px;}
.foot .ul{margin: 15px 0 0;}
.foot .ul li img{width: 80px;}
.foot .ul li p{font-size: 12px;margin-top: 5px;}
.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;}
}