*{

    box-sizing: border-box;

    margin: 0;

    padding: 0;

    font-family:'PingFang SC';

    /* text-transform:uppercase; */

    color: #333;

    word-break: break-word;

    word-wrap: break-word;

    line-height: 1;

}



@font-face {

    font-family: "Gilroy-Medium";

    src: url("GILROY-MEDIUM.TTF") format("truetype");

}

@font-face {

    font-family: "GILROY-EXTRABOLD";

    src: url("GILROY-EXTRABOLD.TTF") format("truetype");

}

*::after,*::before{

    content: '';

    position: absolute;

}

/* *::-webkit-scrollbar {

    width: 0px;

    transition: .5s;

    background-color: transparent;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

}

*:hover::-webkit-scrollbar{

    width: 7px;

}

html::-webkit-scrollbar,

body::-webkit-scrollbar{

    width: 7px;

}

*::-webkit-scrollbar-thumb {

    background-color: #FF6600;

    border: 7px solid #FF6600;

}

*::-webkit-scrollbar-track {

    background-color: transparent;

} */

html,body{

    width: 100%;

    /*height: 100%;*/

    position:relative;

}

body{

    overflow-x: hidden;

}

li{

    list-style: none;

}

select{

    appearance: none;

    -webkit-appearance: none;

    text-transform: none;

}

input,button{

    outline: none;

    border: none;

    text-transform: none;

}

a,i{

    display: block;

    text-decoration: none;

    font-style: normal;

}

u,s{

    font-style: normal;

    font-weight: normal;

    display: inline-block;

    text-decoration: none;

}

b,span,em{

    font-style: normal;

    display: block;

    font-weight: normal;
    line-height: inherit;
}

img{

    max-width: 100%;

    display: block;

}

.lf{

    float: left !important;

}

.rt{

    float: right !important;

}

.flo{

    float: left;

    width: 100%;

}

.clearFloat::after{/* 清除浮动影响 */

    content: "";

    display: block;

    visibility: hidden;

    height: 0;

    clear: both;

}

.clearFloat{

    zoom: 1;

    clear: both;

}

.ma_rt{

    margin-right: 0px !important;

}

.ma_lf{

    margin-left: 0px !important;

}

.bac{

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}

.na1{

    animation-delay: 0.1s;

}

.na2{

    animation-delay: 0.2s;

}

.na3{

    animation-delay: 0.3s;

}

.na4{

    animation-delay: 0.4s;

}

.na5{

    animation-delay: 0.5s;

}

.na6{

    animation-delay: 0.6s;

}

.na7{

    animation-delay: 0.7s;

}

.na8{

    animation-delay: 0.8s;

}

.fle{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    align-items: center;

}

.pos{

    position: relative;

    z-index: 10;

}

.trs_5{

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

}

.trs_8{

    transition: .8s;

    -webkit-transition: .8s;

    -moz-transition: .8s;

    -ms-transition: .8s;

    -o-transition: .8s;

}

.pc_dis{

    display: block;

}

.ph_dis{

    display: none;

}

.fixed1{

    padding:.35rem .15rem;

    transition: .5s;

    /* background: #FF6600; */
    background: #d30900;

    position: fixed;

    top:50%;

    right:0;

    transform: translate(0,-50%);

    z-index: 3;

    /* cursor: pointer; */

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

}

.fixed1.on{

    padding: 0;

    width: 40px;

    height: 40px;

}

.fixed1 img{

    margin:auto;

    width:auto;

    display: block;

}

.fixed1.on img{

    display: none;

}

.fixed1 i{

    border-top: 1px solid #fff;

    border-right: 1px solid #fff;

    width: 15px;

    height: 15px;

    margin: 0 auto;

    margin-top: .1rem;

    transform: rotate(45deg);

    /* position: absolute;

    bottom: -25px;

    right: .38rem; */

    cursor: pointer;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

}

.fixed1.on i{

    /* bottom: 15px;

    right: .12rem; */

    transform: rotate( 

-135deg) translate(-10px, -5px);

margin-top: 0rem;

}

.fixed1.on p{

    display: none;

    cursor: pointer;

}

.fixed1 p{

    width:100%;

    font-size: .16rem;

    font-weight: 500;

    color: #FFFFFF;

    line-height: 2;

    display: block;

    cursor: pointer;

}

.fixed2{

    padding:.16rem .11rem;

    /* background: #FF6600; */
	background:#b73630;

    position: fixed;

    top:90%;

    right:0;

    transform: translate(0,-50%);

    z-index: 399;

    cursor: pointer;

    display: none;

}

.fixed2 img{

    margin:auto;

    width:auto;

}

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

    .fixed1{

        padding:20px 10px;

    }

    .fixed2{

        padding:13px 8px;

    }

    .fixed1 i{

        right: 1.2rem;

    }

    .fixed1.on i {

        bottom: 15px;

        right: .52rem;

    }

}

@media screen and (min-width:1930px) and (max-width:2560px) {

    img{

        width: 100%;

    }

}

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

    .pc_dis{

        display: none;

    }

    .ph_dis{

        display: block;

    }

}

/***************************** 导航 *******************************/

.nav {

    /* position: fixed; */

    width: 100%;

    background-color: #fff;

    z-index: 30;

}

.main{

    padding:0 1rem;

}

.nav>.na1 {

    width: 100%;

    align-items: center;

    position: fixed;

    top:0;

    z-index: 50;

    background: #fff;

    border-bottom: 1px solid #e8e8e8;

}

.nav>.na1>span {

    width: 20%;
	/*max-width:100px;*/
    cursor: pointer;

}

.nav>.na1>ul {

    width: 55%;
    padding-left: 5%;

}

.nav>.na1>ul>li {

    position: relative;

    transition: .5s;

    padding: .37rem 0;

    font-size: 16px;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

    border-bottom: 2px solid transparent;

}

.nav>.na1>ul>li>a {

    color: #1F1F1F;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

}

.nav>.na1>ul>li>div {

    position: absolute;

    width: 250%;

    left: -75%;

    top: 100%;

    background: #fff;

    transform-origin: top;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

    transform: scaleY(0);

    -webkit-transform: scaleY(0);

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    border-top: 2px solid transparent;

    border-bottom: 1px solid #F4F4F4;

}

.nav>.na1>ul>li>div>a{

    /*font-size: 18px;*/

    color: #525252;

    display: block;

    padding: .08rem 0;

    display: flex;

    justify-content: center;

    align-items: center;

    text-transform: initial;

    border-bottom: 1px solid #F4F4F4;

}

.nav>.na1>ul>li:hover>a,

.nav>.na1>ul>li.on>a {

    /* color: #ff6600;*/
	color:#d30900;

}

.nav>.na1>ul>li>div>a:hover{

    /* color: #ff6600;*/
	color:#d30900;

}

.nav>.na1>ul>li:hover>div {

    z-index: 2;

    transform: scaleY(1);

    /* -webkit-transform: scale(1); */

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

}

.nav>.na1>ul>li:hover>div {

    border-top: 2px solid #d30900;

}

.nav>.na1>div>p {

    align-items: center;

    font-size: .16rem;

    color: #fff;

    margin-right: .6rem;

}

.nav>.na1 .language span{

    display: inline-block;

    font-size: 16px;

    margin:0 3px;

    cursor: pointer;

}

.nav>.na1 .language span:hover{

    /* color:#ff6600; */
	color:#d30900;

}

.nav>.na1>i{

    display: none;
	z-index:29;

}

.ph_menu {

    position: fixed;

    top: -100%;

    left: 0%;

    width: 100%;

    height: 100%;

    background: #fff;

    z-index: 40;

    padding-top: 80px;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

    display: none;

}



.ph_menu.active {

    top: 0%;

}

.ph_menu>ul {

    padding: 0 2.1rem;

    overflow: auto;

    height: 95%;

}



.ph_menu>ul>li {

    position: relative;

    text-align: left;

    border-bottom: 1px solid rgba(5, 51, 51, 10%);

    position: relative;

}



.ph_menu>ul>li>a {

    position: relative;

    color: #333;

    line-height: 3;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

    font-weight: bold;

    display: block;

    width: 100%;

    font-size: 15px;

}



.ph_menu>ul>li>ul {

    display: flex;

    top: 13px;

    width: 110%;

    flex-wrap: wrap;

    margin-bottom: 10px;

}



.ph_menu>ul>li>ul>li {

    font-size: 13px;

    margin-right: 15px;

    margin-bottom: 5px;

    position: relative;

}

/* .ph_menu>ul>li:nth-child(6)>ul>li:last-child{

    display: none;

} */

.ph_menu>ul>li>ul>li>a {

    color: #333;

    display: flex;

    align-items: center;

}

/***************************** footer *************************/

.footer{position:relative; z-index:2;}

.footer .main>img{

    width:2.31rem;

    padding-top: .53rem;

}

.footer .main.fle p{

    font-size: 14px;

    font-weight: 400;

    color: #FFFFFF;

    line-height: .96rem;

    opacity: 0.45;

}

.footer ul:nth-child(1){

    flex:1;

    padding-right: 20%;

    align-items: normal;

    margin-top: .6rem;

}

.footer ul:nth-child(1) li a{

    font-size: 14px;

    font-weight: 400;

    color: #AAAAAA;

    line-height: 2.5;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

    /* transform: translateX(.15rem); */
    padding-left: .15rem;

}

.footer ul:nth-child(1) li a:hover{

    /*color: #FF6600;*/
	color:#d30900;

}

.footer ul:nth-child(2){

    /* margin:.5rem 0; */

}

.footer div>ul>li:nth-child(4)>ul,

.footer div>ul>li:nth-child(5)>ul{

    width: 160%;

}

.footer div>ul>li:nth-child(2)>ul{

    width: 180%;

}

.footer div>ul>li{

    position: relative;

}

.footer div>ul>li:hover ul{

    transform: scaleY(1);

    -webkit-transform: scaleY(1);

    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

}

.footer ul ul{
    max-height: 200px;
    overflow-y: auto;
    margin: .05rem 0 0 0 !important;

    position: absolute;

    width: 200%;

    background: white;

    transition: .5s;

    transform: scaleY(0);

    transform-origin: top;

    z-index: 10;

    -webkit-transform: scaleY(0);

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

}

.footer ul ul>li{

    text-align: left;

    margin-left: 0 !important;

}

.footer ul:nth-child(2) li{

    margin-left: 26px;

}

.footer ul:nth-child(2) li>p{

    font-size: 14px;

    font-weight: 400;

    color: #666666;

    line-height: 36px;

    text-align: center;

}

.footer ul:nth-child(3){

    margin:.6rem 0;

}

.footer ul:nth-child(3) p{

    font-size: 14px;

    font-weight: 400;

    color: #FFFFFF;

    line-height: 1.5;

}

.footer ul:nth-child(3) b{

    font-size: 24px;

    font-family: 'Gilroy-Medium';

    font-weight: normal;

    color: #FFFFFF;

    line-height: 1.5;

}

.footer ul:nth-child(3) span{

    font-size: 14px;

    font-weight: 400;

    color: #FFFFFF;

    line-height: 2.5;

    opacity: 0.6;

}

@media screen and (max-width:2560px) and (min-width:1930px) {

    .fixed1.on {

        width: .4rem;

        height: .4rem;

    }

    .fixed1 i{

        width: .15rem;

        height: .15rem;

    }

    .fixed1.on i {

        transform: rotate( 

    -135deg) translate(-.1rem, -.05rem);

    }

}

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

    .footer ul:nth-child(1) {

        padding-right: 10%;

    }

}

@media screen and (max-width:1250px) {
    .nav>.na1>ul {
        width: 50%;
    }    
}
@media screen and (max-width:1024px) {

    .footer .main>img{

        width:30%;

    }

    .footer ul ul{

        display: none;

    }

    .footer .main.fle p{

        line-height: 1.2rem;

    }

    .nav>.na1>ul{

        display: none;

    }

    /* .nav>.na1>span{

        width:30%;

    }*/

    .nav>.na1>i {

        display: block;

        width: 5%;

    }

    .nav input{

        /* margin:.2rem 0; */

    }

    .ph_menu {

        display: block;

    }

}

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

    .footer .main>img{

        width:40%;

    }

    .footer ul:nth-child(1){

        padding-right: 0;

        margin-top: 20px;

    }

    .footer ul:nth-child(2){

        width:100%;

    }

    .footer ul:nth-child(2) li {

        margin-left: 0;

    }

    .footer ul:nth-child(3) li{

        width:50%;

    }

    .footer .main.fle>p{

        line-height: 1.5rem;

    }

}

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

    .main{

        padding: 0 0.6rem;

    }

    .ph_menu>ul{

        padding:0 1.6rem;

    }

    /* .nav input{

        margin:10px 0;

        height: 30px!important;

        width:80px;

        padding:12px 8px!important;

    } */

    /* .nav button{

        width:28px!important;

        height: 30px!important;

    } */

    .footer .main>img{

        width:50%;

    }

    .footer ul:nth-child(1){

        padding-right: 0%;

    }

    .footer ul:nth-child(1) li{

        width:33%;

        text-align: center;

    }

    .footer ul:nth-child(2) li{

        width:50%;

        margin-left: 0;

    }

    .footer ul:nth-child(2) li>img{

        margin:0 auto;

    }

    .footer ul:nth-child(3) li{

        width:100%;

    }

    .footer .main.fle>p{

        line-height: 0.96rem;

    }

    .footer>.main>p:nth-child(1){

        margin-top:20px;

    }

    .footer>.main>p:nth-child(2){

        margin-bottom:20px;

    }
    .nav>.na1>span{

        width:30%;

    }

}